







/* padding */	



.pad {
	padding:30px;
}

.pad2 {
	padding:50px;	
}

.pad3 {
	
}
















.logo {
margin:0px 0px 130px 0%;	
}


.mobileheader {
display:none;	
}


.totop {
position:fixed;
bottom:0;
right:2%;
background-color:#898f9b;
padding:20px 20px 20px 20px;
}

.totop a {
color:#fff!important;
text-transform:uppercase;
font-size:16px;
font-family: 'Open Sans', verdana;
}











/* headlines, p, a, smallfont */




h1 {
font-family: 'Open Sans', verdana;
font-weight:100;
font-size:44px;
line-height:44px;
letter-spacing:-2px;
margin:20px 0px 10px 0px;
text-align:left;
}


h2 {
font-family: 'Open Sans', verdana;
font-size:33px;
font-weight:100;
line-height:44px;
letter-spacing:-0.7px;
margin:0px 0px 10px 0px;
text-align:left;
}


h3 {
font-family: 'Open Sans', verdana;
font-size:24px;
font-weight:600;
line-height:30px;
letter-spacing:-0.2px;
margin:0px 0px 10px 0px;
text-align:left;
}


h4 {
font-family: 'Open Sans', verdana;
font-size:24px;
font-weight:400;
line-height:30px;
letter-spacing:-0.2px;
margin:20px 0px 10px 0px;
text-align:left;
}


h5 {
font-family: 'Open Sans', verdana;
font-size:20px;
font-weight:400;
line-height:24px;
letter-spacing:-0.2px;
margin:20px 0px 10px 0px;
text-align:left;
}


p {
font-family: 'Open Sans', verdana;
font-size:16px;
line-height:25px;
font-weight:300;
color:black;
margin:20px 0px 10px 0px;
text-align:left;
}





.small-font {
font-size:11px!important;
letter-spacing:0px;
}





img {
width:100%;
margin:0px 0px 0px 0px;
}

a {
color:black;
text-decoration:none;
}

a:hover {
color:black;
text-decoration:none;
}











/* listen */



ul {
margin:20px 0px 10px 0px;
}

li {
font-family: 'Open Sans', verdana;
font-size:16px;
line-height:25px;
font-weight:300;
color:black;
margin:0 0 10px 0;
text-align:left;
}


.list1 {
list-style-type:disc;
padding-left:20px;
}

.list2 {
list-style-type:none;
padding-left:0px;
}

.list3 {
list-style-image: url(../../images/listimg.png);
}









/* center, left, right, fixed */


.center, .center h1, .center h2, .center h3, .center h4, .center h5, .center p, .center a {
	text-align:center!important;
}

.auto img{
width:auto!important;
}

.absolute {
position:absolute!important;
z-index:11000;
}

.right {
float:right;
}








/* colors */



.color {
background-color:#f3dcbc;
}

.color h1, .color h2, .color h3, .color h4, .color h5, .color p, .color a, .color li {
color:#000;
}

.color2 {
background-color:#898f9b;
}

.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 p, .color2 a, .color2 li {
color:#fff;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white p, .white a{
color:#fff;
}









/* button */



.button {
position:relative;
width:auto;
margin:20px 0px 20px 0px;
padding:20px 40px 20px 40px;
display:inline-block;
font-family: 'Open Sans', verdana;
line-height:25px;
font-weight:400;
font-size:18px;
font-weight:normal;
color:#ffffff;
letter-spacing:0px;
text-decoration:none;
text-align:center;
cursor:pointer;
border:none;
background-color:#93d4e8;
}

.color .button {
color:#ffffff!important;
}


.button:hover {
background-color:#4393ac;
color:#ffffff;
}















/* background-fullscreen */



.bg-fullscreen {
	min-height:100%;
background: url(../../images/bg_fullscreen.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}




.bg-header {
height:auto;
padding:0px 0px 80px 0px;
background: url(../images/header.jpg) no-repeat center right; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bg-header h1 {
width:50%;
}







.mobile-on {
	display:none;
}

































@media screen and (max-width:1200px) { 
		 



}
			
































@media screen and (max-width:1000px) and (orientation:portrait) {  
			    

.totop {
padding:40px;
}

.totop a {
color:#fff!important;
text-transform:uppercase;
font-size:33px;
}




h1 {
font-family: 'Open Sans', verdana;
font-size:88px;
font-weight:100;
line-height:88px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h2 {
font-family: 'Open Sans', verdana;
font-size:77px;
font-weight:100;
line-height:77px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h3 {
font-family: 'Open Sans', verdana;
font-size:66px;
font-weight:100;
line-height:66px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h4 {
font-family: 'Open Sans', verdana;
font-size:55px;
font-weight:100;
line-height:55px;
letter-spacing:-2px;
margin:5% 0% 3% 0%;
text-align:center;
}


h5 {
font-family: 'Open Sans', verdana;
font-size:44px;
font-weight:100;
line-height:44px;
letter-spacing:-1px;
margin:5% 0% 3% 0%;
text-align:center;
}


p {
font-family: 'Open Sans', verdana;
font-size:33px;
line-height:44px;
font-weight:300;
color:black;
margin:5% 0% 3% 0%;
text-align:left;
text-align:center;
}


.small-font {
font-size:22px!important;
letter-spacing:0px;
}




img {
width:90%;
margin:5% 5% 5% 5%;
}













ul {
margin-top:40px;
}


li {
text-align:left;
font-size:33px;
line-height:44px;
}



.list1, .list2, .list3 {
list-style-type:none;
list-style-image:none;
padding:0px;
}










/* button */


.form .button {
font-size:44px;
line-height:55px;
width:100%;
}


.button {

width:80%;
margin:5%;
padding:5%;
line-height:55px;
font-size:44px;
}




.bg-fullscreen {
	height:auto;
background-image:none;
background-color:#cacaca;
bbackground: url(../../images/bg_fullscreen.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}




.bg-header {
height:auto;
padding:0px 0px 80px 0px;
background: none; 
background-color:#9da1a9;
}

.bg-header h1 {
width:100%;
}


.mobileheader {
display:block;	
}




.mobile-on {
	display:inline;
}



.logo {
margin:0px auto;	
}

.logo h1 {
text-align:center;	
}





			
}



