/* CSS Document */

@import url("reset.css");


html{min-height: 100%;
	 min-width: 100%;
	-ms-text-size-adjust: none;
     overflow-x: hidden;}

body {

	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	font-family: 'Cabin', sans-serif;
	
	text-rendering: optimizelegibility;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	
	-ms-tap-highlight-color:rgba(0,0,0,0); 
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
}


body h2{font-family: 'Ubuntu', sans-serif !important;}

b { font-weight:bold}

a {text-decoration: none;}

.left{float:left}

.right{float:right}

.inside{ padding:0;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -340px;

}

/*head*/

header { float:left}

header h1 {
	color: #fff;
	text-align: left;
	font-size: 13px;
	padding-top: 7px;
	font-weight:100;
}

.burger {
	position: absolute;
	float: left;
	padding: 10px;
	top: 4px;
	left: 10px;
	
	display: none;
}
.burger li {
	width: 30px;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
	margin: 5px 0;
}
.burger.open li {background-color: #d9dde1;}

nav { float:right}

nav li {
	float: left;	
	display: inline-block;
}
nav li a {
	font-size: 13px;
	color: #fff;
	padding: 7px 0px 6px 15px;
	
	display: block;
}


.active a{ font-weight:bold}


.head_content{width:970px; margin:auto;color:#FFF}
.head_content a{color:#FFF; text-decoration:none}
#head{background:#404040;
position: fixed;
height: 33px;
z-index: 2;
}





/*sections*/

section{ width:100%;box-sizing: border-box;}

.content{ width:970px; margin:auto;  padding-top: 50px; padding-bottom: 60px;min-height: 700px; position:relative}

.logo{ background: url(../images/icons.png);
background-position: -168px -391px;
float:left;
width: 178px;
height: 101px;
}

.content h1{float: right;
font-family: 'Signika', sans-serif;
color: #FFF;
font-size: 31px;
margin-top: 62px;}



/*home*/

#home{
background: url('../images/main_bc.jpg') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
min-height: 700px;
position: relative;
overflow: hidden;}

#home .content{}


.slogan{ color:#0098DB !important;
float: right;
width: 428px;
height: 64px;
margin: 40px -20px;
text-shadow: 3px 3px 7px #FFFFFF;}

.slogan i{color:#616163}

iframe{ width:460px; height:285px; float:left; margin-left: 209px;}





.man{margin: 40px 22px;}

#home_nav{margin-top: 30px;
margin-left: 13px;}

#home_nav li{float: left;
padding-left:8px;
font-family: 'Signika', sans-serif;
font-size: 24px;
font-weight: bold;
background: url(../images/icons.png);
background-position: 580px -588px;
height: 74px;
width: 182px;
cursor:pointer;
}


#home_nav li:hover{
background: url(../images/icons.png);
background-position: 382px -590px;
height: 74px;
width: 182px;
}


#home_nav li a{padding: 21px 0px 0px 41px;
position: absolute;
color: #fff;
text-shadow: 3px 2px 12px rgb(15, 15, 15);}

#lap1{padding-top: 13px !important;
padding-left: 41px !important;
line-height: 23px;}
#lap2{padding-left: 55px !important}








/*propose*/
#propose{ background:#616163; color:#FFF}
#propose .content{}
#propose .inside{ padding:0;
position: static;
margin:0px;
}
#propose h2, h1{
	font-weight: bold;
	font-size: 18px;
}

#propose h1{
	border-top: 2px solid rgb(252, 252, 252);
	padding-top: 21px;
	/*width: 561px;*/
	font-family: inherit;
	float: none;
	font-size: inherit;
	margin: 0;
	color: inherit;
}

.im1{ float:left}

.right_p{width: 378px;
float: right;
/*margin-left: 30px;*/
}

.bl_1 { background:#0098DB; padding:20px;}
.bl_1 p{color:#FFF !important}
.bl_1 h2{padding: 0 !important;}

.right_p h2{padding: 15px 0px 2px 19px;}

.right_p p{color:#C9C9C9}

.right_p i{background: url(../images/icons.png);
background-position: 298px 236px;
width: 15px;
height: 17px;
position: absolute;
margin-top: 15px;}

#propose ul li {color:#C9C9C9;}
#propose ul{ list-style:circle}

.left_ul{float: left;
width: 270px;
margin-top: 25px;}

.left_ul h2{padding-bottom: 5px;}

.left_ul ul li{margin-left: 16px;}

.caption{margin-top: 66px;margin-left: 20px;}


#propose .last{
border-bottom: 1px solid #fff;
padding: 0px 0px 30px 0px;}




/*services*/
#services{ background:#0098DB; color:#FFF}

#boxes_anim{width: 1030px;
margin-left: -29px;
height: 546px;
border: none;}

.boxes img{
height: 126px;
margin-top:10px;
margin-left: 10px;
opacity:0; 
float:left}


.boxes{background: url(../images/icons.png);
background-position: 180px -72px;
height: 151px;
width: 162px;
float: left;
margin-left: 6px;
position: relative;
}



.img_overlay {
display: none ; 
position: absolute;
width: 134px;
height: 88px;
margin-left: 11px;
margin-top: 12px;
padding-top: 39px;
padding-left: 7px; 
background: url(../images/hov.png);
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
top: auto;
vertical-align: middle;
}

.lap3{margin-left: 8px;margin-top: 13px;}
.lap4{margin-left: 9px;margin-top: 14px;}


#inside{ width:1030px; margin-left: -22px; margin-top: 21px; color:#FFF;}

#inside h2 {font-size: 14px;
font-weight: bold;}

#inside_p { width: 971px;
margin: 20px 0px 20px 21px;}






/*gallery*/
#gallery{ background:#616163}

.gallery_area{ height:470px;margin-top: 39px;}

#imgs{ width:730px; margin-left: 75px; float:left}
#imgs img{
margin: 33px 33px;
width: 176px;
cursor:pointer;
}
#imgs img:hover{box-shadow: 1px 1px 4px 2px rgb(172, 153, 153);}
.imgFrame{ background:url(../images/gallery/frame.png);
width: 237px;
height: 235px;
float: left;}

#back,#next{cursor:pointer;
margin-top: 221px;
background: url(../images/icons.png);
width: 59px;
height: 56px;}


#back{ float:left; background-position: -125px 200px;
}

#next{ float:right; background-position: -30px 198px;
}


.carent_imgs{ display:block; opacity:0}
.inactive_imgs{ display:none; opacity:0}




/*price*/
#price{ background: #1FA5DF; color:#FFF}

#ballon_anim{ width: 480px;
height: 410px;
border: none;
margin-top: 35px;
margin-left: 24px;}

.right_p2{width: 390px;
float: right;
margin-left: 30px;}

.right_p2 h2{font-weight: bold;
font-size: 14px;
margin-top: 44px;}

.right_p2 p{}

.nn{position: absolute;margin-top: 35px;}

.sm_boxes{background: url(../images/icons.png);
width: 36px;
height: 94px;
background-position: -202px 240px;
float: left;}

.sm_txt{line-height: 61px;
margin-top: -15px;
margin-left: 48px;}

.center_320{float: left;padding-right: 25px;}


/*contact*/
#contact{ background:#616163; color:#FFF; }

#contact h2{ text-decoration:underline; font-size:14px; font-weight:bold;margin-bottom: 15px;}

#contact .content{ background:url(../images/map.png) no-repeat;background-position-y: 50%;min-height: 585px;}

#contact .inside{margin-top: -245px;}

.contact_form{ float:left;width: 370px;margin-top: 112px;}

.contact_form label{ float:left;}

.contact_form i{ border-bottom: 1px solid #9D9D9E;
position: absolute;
width: 370px;}

textarea:focus, input:focus{
    outline: 0;
}

.contact_form input, .contact_form textarea {
	display:block;
background: transparent;
border: none;
color:#FFF;
padding-left: 10px;
}

.contact_form textarea{resize: none; height: 77px;}

.contact_form .input{ margin-bottom: 27px;}

#fr_send{background: url(../images/icons.png) no-repeat;
width: 119px;
height: 38px;
background-position: -30px -270px;
margin-top: -18px; cursor:pointer}



.contact_info{float: right;
background: rgba(139, 139, 141, 0.6);
margin-top: 107px;
width: 225px;
height: 168px;
padding: 42px 55px;}

.small_icons{ float:left; background:url(../images/smoll_icons.png) no-repeat; width:18px; height:122px;}



.contact_info ul li {margin-top: -10px;
line-height: 43px;
margin-left: 27px;}

.contact_info ul li a{ color:#FFF;}

.contact_info ul li a:hover{ color: #EBEBEB;}





.overlay_class {
opacity: 0.7;
cursor: pointer;
height: 1386px;
display: block;
background-color: rgb(119, 119, 119);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;}

#bigImg{
position: absolute;
z-index: 9999999;
margin-left: 90px;
max-width: 800px;}

#img_close{
	display:none;
position: absolute;
z-index: 999999;
color: #fff;
cursor: pointer;
margin-left: 90px;
margin-top: -19px;"}