/*Common*/

body{
	font-family: 'Open Sans', sans-serif;
	color:#333;
}

h1,h2,h3,h4,h5{
	font-family: 'Open Sans', sans-serif;
	color:#333;
}

.uk-container{
	max-width:980px!important;
}

.section{

}


@media screen and (max-width:768px){
	
}

@media screen and (max-width:500px){
	
}

/*Header*/
#header{
	padding:0px 0 0px;
	position:relative;
	margin-bottom:10px;
}
#header .uk-container .uk-grid{
	position:relative;
}

#header .language{
	font-size:14px;
	/*position:absolute;*/
	text-align:right;
	top:0;
	right:0;
}

#header .language span{
	color:#FC7F0A;
	font-weight:bold;
}

#header .language  a{
	font-weight:bold;
	font-size:12px;
	color:#000;
}
#header .language  a:hover{
	color:#FC7F0A;
	text-decoration:none;
}


#header .logo{
	text-align:left;
	padding-bottom:5px;
}

#header .logo img{
	margin-top:15px;
}



#header .title{
	text-align:right;
	margin-top:40px;
	width:100%;
}

#header .title h1{
	font-weight:bold;
	font-size:30px;
	line-height:30px;
	margin:0;
	color:#000;
}
#header .title span{
	display:block;
	font-weight:normal;
	font-size:26px;
}

#header .title img{
	max-width:150px;
}

#header .phones{
	margin-top:40px;
	text-align:right;
	width:100%;
	font-size:30px;
	line-height:40px;
	line-height:30px;
	/**font-weight:bold;*/
}
#header .phones a{
	display:block;
	margin-bottom:5px;
	color:#777;
	text-decoration:none!important;
	
}
#header .phones a:hover{
	color:#000;
}

#header .phones span{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#header  .phones .uk-button{
	text-decoration:none;
	display:inline-block!important;
	border-radius:5px;
	padding:0px 10px;
	width:195px;
	margin-top:10px;
	font-size:16px;
	line-height:30px;
	background:#FFCC00;
	color:#000;
	border:2px solid #FFAA22;
	
}
#header  .phones .uk-button:hover{
	background:#FFAA22;
}

@media screen and (max-width:950px){
	#header .uk-width-medium-2-4,
	#header .uk-width-medium-1-4{
		width:33.33%;
	}
	
	#header .title{
		text-align:center;
	}
}

@media screen and (max-width:768px){
	#header .logo,
	#header .title,
	#header .phones{
		text-align:center;
		margin-top:0;
	}
	
	#header .uk-width-medium-2-4,
	#header .uk-width-medium-1-4{
		width:100%;
	}
	
	#header .title {
		padding:10px 0;
	}
	#header .title h1{
		font-size:30px;
	}
	#header .title span{
		display:inline-block;
		font-weight:bold;
		
		font-size:30px;
	}
	
}


/*Section 1*/
#section-1{
	background:url("../images/top-bg.jpg") no-repeat center top;
	background-size:cover;
	
	padding:50px 0;
	text-align:center;
}

#section-1 h2{
	color:#FFCC00;
	font-weight:bold;
	line-height:60px;
	font-size:50px;
}

#section-1 h2 span{
	display:block;
}
#section-1 h3{
	color:#fff;
	line-height:40px;
	font-size:30px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
	background:rgba(0,0,0,0.5);
	display:inline-block;
	padding:20px;
	border-radius:10px;
}

@media (max-width:560px){
	#section-1 h2 {
		color: #fc0;
		font-weight: bold;
		line-height: 40px;
		font-size: 28px
	}

	#section-1 h2 span {
		display: block
	}

	#section-1 h3 {
		color: #fff;
		line-height: 30px;
		font-size: 20px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
		background: rgba(0, 0, 0, .5);
		display: inline-block;
		padding: 20px;
		border-radius: 10px
	}

}

.instavideo {
	font-weight:bold;
	line-height:24px;
	font-size:20px;
	color:#004896;
}
.instavideo a{
	display:block;
	
}
.instavideo img{
	display:inline-block;
	margin-top:15px;
}


@media (max-width:320px){
	#section-1 h2 {
		color: #fc0;
		font-weight: bold;
		line-height: 30px;
		font-size: 18px
	}

	#section-1 h2 span {
		display: block
	}

	#section-1 h3 {
		color: #fff;
		line-height: 20px;
		font-size: 14px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
		background: rgba(0, 0, 0, .5);
		display: inline-block;
		padding: 20px;
		border-radius: 10px
	}

}



/*Section 2*/
#section-2{
	padding:40px 0;
	background:#FAFAFA;
}

#section-2  h2{
	text-align:center;
	color:#003366;
	font-weight:bold;
}

.electro-works-block{}
.electro-works-block img{
	width:100%;
}

.electro-works-block .place{
	text-align:center;
	color:#003366;
	font-weight:bold;
}



.electro-works-block  .raschet-button{
	
	display:block;
	border-radius:10px;
	padding:10px 20px;
	margin-top:10px;
	font-size:16px;
	line-height:16px;
	background:#FFCC00;
	color:#000;
	border:2px solid #FFAA22;
}	
.electro-works-block  .raschet-button:hover{
	background:#FFAA22;
}



#raschet-form legend{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#000;
	
}

#raschet-form legend span{
	display:block;
	font-size:25px;
	color:#014996;
}

#raschet-form legend:after{
	border:none;
}



#raschet-button{
	
	display:block;
	border-radius:10px;
	padding:10px 20px;
	margin-top:10px;
	font-size:16px;
	line-height:16px;
	background:#FFCC00;
	color:#000;
	border:2px solid #FFAA22;
}	
#raschet-button:hover{
	background:#FFAA22;
}





/*Section 3*/
#section-3{
	padding:40px 0;
	background:#fff;
}

#section-3  h2{
	text-align:center;
	color:#003366;
	font-weight:bold;
}

#why-us{
	margin-top:30px;
}

#why-us .uk-width-custom{
	width:20%;
	text-align:center;
}

#why-us .uk-width-custom p{
	color:#003366;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
}


@media screen and (max-width:768px){
	#why-us .uk-width-custom{
		width:33.33%;
	}
	
	#why-us .why-us-block-1,
	#why-us .why-us-block-2{
		width:50%;
	}
}


@media screen and (max-width:400px){
	#why-us .uk-width-custom{
		width:100%!important;
		margin-bottom:30px;
	}
	
	#why-us .why-us-block-1{
		width:100%!important;
	}
}




/*Section 4*/
#section-4{
	padding:40px 0;
	background:#FAFAFA;
}

#section-4  h2{
	text-align:center;
	color:#003366;
	font-weight:bold;
}

#our-works{
	margin-top:30px;
}


.works-block img{
	width:100%;
}

.work-description{
	text-align:center;
	color:#003366;
	
}

.social  {
	text-align:center;
	font-size:18px;
	display:block;
	color:#FE8C00;
	margin-top:20px;
	font-weight:bold;
}

.social a{
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	color:#fff;
	background:#3D5A98;
	border-radius:5px;
	margin-top:5px;
	font-size:40px;
	
	
}
.social a:hover{
	background:#2E4474;
}



/*Section 5*/
#section-5{
	background:#E8E8E8;
	min-height:200px;
	padding:50px 0;
	text-align:center;
	
}

#section-5  h2{
	text-align:center;
	color:#003366;
	font-weight:bold;
}

#section-5 .block{
	text-align:center;
}





/*Section 6*/
#section-6{
	padding:40px 0;
	background:#FAFAFA;
}

#section-6  h2{
	text-align:center;
	color:#003366;
	font-weight:bold;
}

#our-licensions{
	margin-top:40px;
}




/*Section 6*/
#section-7{
	padding:40px 0;
	background:#fff;
}

#section-7  h2{
	text-align:center;
	color:#DAA520;
	font-weight:bold;
}

#price-block{
	
	background:#fff;
	border:1px solid #EEEEEE;
	font-size:13px;
	
}

#price-table tr th{
	padding:10px;
	font-size:14px;
}

#price-table tr th:first-child{
	text-align:center;
}
#price-table tr th:nth-child(2){
	text-align:center;
}

#price-table tr th:last-child{
	text-align:center;
}

#price-table tr td:first-child{
	
}
#price-table tr td:nth-child(2){
	text-align:center;
}

#price-table tr td:last-child{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}



/*Section 8*/
#section-8{
	padding:40px 0;
	background:#fff;
}

#section-8  h2{
	text-align:center;
	color:#000;
	font-weight:bold;
}

#section-8 .block-1,
#section-8 .block-3{
	text-align:center;
}

#section-8 .block-1 img,
#section-8 .block-3 img{
	max-width:200px;
	
}


#skidka-form{
	padding:20px;
	border:1px solid #777;
	border-radius:10px;
}

#skidka-form legend{
	text-align:center;
	font-weight:bold;
	color:#000;
}

#skidka-button{
	
	display:block;
	border-radius:10px;
	padding:10px 20px;
	margin-top:10px;
	font-size:16px;
	line-height:16px;
	background:#FFCC00;
	color:#000;
	border:2px solid #FFAA22;
}	
#skidka-button:hover{
	background:#FFAA22;
}


#skidka p{
	text-align:center;
	font-size:12px;
	line-height:14px;
}











/*Section 9*/
#section-9{
	background:#E2E2E3;
	padding:40px 0;
} 

#section-9 .uk-width-custom{
	width:50%;
}

#section-9  h4{
	color:#000;
	font-weight:bold;
}

#section-9 .phones{
	text-align:right;
	width:100%;
	
	font-size:30px;
	line-height:30px;
	/**font-weight:bold;*/
}
#section-9 .phones p{
	font-size:16px;
	font-weight:bold;
}
#section-9 .phones a{
	display:block;
	margin-bottom:5px;
	color:#777;
	text-decoration:none!important;
}
#section-9 .phones a:hover{
	color:#000;
}

#section-9 .phones span{
	color:#000;
	font-weight:bold
}

p.attention {
	text-align:left;
	margin-top:60px;
}


@media screen and (max-width:700px){
	#section-9 .uk-width-custom{
		width:100%;
		text-align:center;
	}
	
	#section-9 .phones {
		text-align:center;
	}
	
}




/*Footer*/
#footer{
	background:#111111;
	color:#fff;
	padding:15px;
	font-size:12px;
	text-align:center;
}



/*Callback*/

#callback-form legend{
	text-align:center;
	font-weight:bold;
	color:#000;
}

#callback .uk-modal-dialog{
	padding:40px;
	max-width:385px;
}

#callback-button{
	
	display:block;
	border-radius:10px;
	padding:10px 20px;
	margin-top:10px;
	font-size:16px;
	line-height:16px;
	background:#FFCC00;
	color:#000;
	border:2px solid #FFAA22;
}	
#callback-button:hover{
	background:#FFAA22;
}









/*Modals*/
#thankyou-callback{
	background:#EBF5EC;
	font-size:26px;
	line-height:28px;
	color:green;
	text-align:center;
	padding:30px;
	border-radius:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5)

}

/*Modals*/
#thankyou-raschet{
	background:#EBF5EC;
	font-size:26px;
	line-height:28px;
	color:green;
	text-align:center;
	padding:30px;
	border-radius:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5)

}

/*Modals*/
#thankyou-skidka{
	background:#EBF5EC;
	font-size:26px;
	line-height:28px;
	color:green;
	text-align:center;
	padding:30px;
	border-radius:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5)

}

/*section 4-5 OUR ELEKTROMONTAZHIKI*/

#section-4-5{
	background:#fff;
	min-height:200px;
	padding:50px 0;
	text-align:center;
	border-top:3px solid #004896;
	border-bottom:3px solid #004896;
}

#section-4-5 h2{
	text-align:center;
	color:#036;
	font-weight:bold;
	margin-bottom:30px;
}


	
#section-4-5 .block-inner{
	text-align:center;
	box-shadow:0 0 7px rgba(0,0,0,0.5);
	/*border:3px solid #FE8C00;*/
	border-bottom:3px solid #FE8C00;*/
}

#section-4-5 .block-first .block-inner{
	max-width:400px;
	margin:0 auto;
}

#section-4-5 .block-first .block-inner img{
	width:100%;
}



#section-4-5 .block .info{
	font-weight:bold;
	padding:10px 0;
}

#section-4-5 .block .info p{
	margin:0;
}

#section-4-5 .block .title{}
#section-4-5 .block .name{
	font-size:16px;
	color:#000;
}
#section-4-5 .block .expierence{
	font-weight:normal;
}


/*video*/

#section-video{
	background:#fff;
	min-height:200px;
	padding:50px 0;
	text-align:center;
	
	border-bottom:3px solid #004896;
}

#section-video h2{
	text-align:center;
	color:#036;
	font-weight:bold;
	margin-bottom:30px;
}

#section-video .block-inner{
	background:#004896;
	display:block;
	text-decoration:none!important;
	color:#fff;
	box-shadow:0 0 7px rgba(0,0,0,0.5);
	border:5px solid transparent;
}
#section-video .block-inner:hover {
	border:5px solid #FE8C00;
}
#section-video .block-inner:hover .info{
	
	background:#FE8C00;
	transition:all 0.3s ease;
}


#section-video .info{
	padding:15px;
	color:#fff;
	background:#004896;
	display:block;
}

#section-video .info .title{
	margin:0;
	font-size:16px;
	font-weight:bold;
}

.video {
	position:relative;
	padding-bottom:56.25%;/*пропорции видео 16:9 */
	padding-top:25px;
	height:0;
}

.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.uk-modal-dialog-lightbox{
	
}

.uk-modal-dialog-lightbox iframe{
	width:100%!important;
	max-width:900px!important;
} 



iframe{
	max-width:300px;
}

#skidka input{
	max-width:262px;
	
}
#skidka iframe {
	max-width: 210px;
	
	margin-left: 24px;
	border-right: 1px solid lightgray;
}

/******ADDS**********/

/*UIKIT SlideNav*/
/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-slidenav{display:inline-block;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}