/*
  Theme Name:   personal-proect
  Theme URI:
  Description:  DML 
  Version:      2
  Author:     
  Author URI:
  Tags:         HTML5, CSS3, WordPress, SCSS, Gulp, Node.js


*/

/* @import url('css/main.css'); */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300,500&subset=cyrillic');





body{
	width:100%;
	font-size:16px;
	font-family:Roboto, Arial;
	line-height:18px;
	position:relative;
	color:#3a3c3e;
	margin:0px;
}

a{
	color:#3a3c3e;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
	text-decoration:none;
}

a:hover, a:active,li.current_page_item a,li.current_menu_ancestor a,.current-menu-item a{
	color:#37c386!important;
}


a.btn{
	padding:10px 20px;
	border:1px solid #aeb8c3;
}


.btn{
	background-color:transparent;
	border:2px solid #fff;
	color:#fff;
	text-transform:uppercase;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

h1,h2,h3,h4,h5{
	margin:0px;
	font-family:Roboto Condensed, Arial;	
}

h2.blocktitle{
	font-size:60px;
	line-height:62px;
	font-family:Roboto Condensed;
	margin-bottom:40px;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
}

h3{
	font-size:60px;
	line-height:62px;
	font-family:Roboto Condensed;
	margin-bottom:30px;
	font-weight:normal;
	text-transform:uppercase;	
}

.text-block p{
	margin-bottom:25px;
    line-height: 22px;
}

img{
	width:100%;
}

.wrapper{
	width:1196px;
	max-width:1196px;
	margin:0 auto;
}

.wrapper1280{
	width:1280px;
	max-width:1280px;
	margin:0 auto;
}




.container{
	position:relative;
}

.content{
	padding:65px 0px;
}

.content  p,.content  ul,.content  ol,.content span{
	font-size:16px;
    line-height: 22px;
	font-family:Roboto;
}

.content  p{
	margin:0px 0px 30px 0px;
}

.content p span{
	color:#aeb8c3;
}

.content p a{
	color:#37c386
}

.content img{
	margin-bottom:25px;
}

.content p a:hover{
	text-decoration:underline;
}

.content h3{
	font: 20px/22px  Roboto Condensed, Arial;
	color:#37c386;
	font-weight:normal;
	margin:0px 0px 30px;
}

.content h4{
	font: 18px/20px  Roboto, Arial;
	color:#3a3c3e;
	font-weight:300;
	margin:0px 0px 15px;
}

.content h5{
	font: 20px/22px  Roboto Condensed, Arial;
	color:#3a3c3e;
	font-weight:bold;
	margin:0px 0px 15px;
}

.content  table{
	table-layout: fixed;
	border-collapse:collapse;
	width:100%;
	
}

.content  table td{
	border:3px solid #f5f5f5;
	padding:28px;
	vertical-align:top;
}

.content  table ul{
	padding:0px;
}

.content  .row{
	padding:50px 0px;
}

.content  .row:nth-child(1){
	padding-top:	0px;
}

.content  .row:nth-child(even){
	background-color:#f5f5f5;
}


.content  .row:nth-child(even) table td{
	border:3px solid #dad8d8;
}

.content .thumb{
	float:left;
	margin-right:45px;
}

.content .thumb img{
	max-width:238px;
	margin: 0 auto;
	text-align:center;
	border:2px solid #F5F5F5;
	border-radius:120px;
	display:block;
}

.row{
	
}


.clear{
	clear:both;
}

.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}

.row-fluid .wrapper,.row-fluid .wrapper1280{
	font-size:0px;
}

.row-fluid .wrapper div.text-left,
.row-fluid .wrapper div.text-center,
.row-fluid .wrapper div.text-right,
.row-fluid .wrapper1280 div.text-left,
.row-fluid .wrapper1280 div.text-center,
.row-fluid .wrapper1280 div.text-right
{
	font-size:16px;
}

.row-fluid .span3,
.row-fluid .span6,
.row-fluid .span8,
.row-fluid .span4
{
	display:inline-block;
	vertical-align:top;
}

.span3{
	width:25%;
}

.span6{
	width:49.999999999%;	
}

.span8{
	width:66.6666667%;	
}

.span4{
	width:33.3333332%;	
}

.topheader{
	background-color:#3a3c3e;
	color:#fff;
	padding:17px 0px;
	font-size:18px!important;
	line-height:20px;
}

.topheader a.btn{
	color:#fff;
}

.topheader a.btn:hover{
	color:#37c386;
	border-color:#37c386;
}

.topheader .tel{
    float: left;
	margin-right:10px;
}

.topheader .tel span{
	color:#aeb8c3;
}

.topheader i{
    color: #37c386;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

.row-fluid .topheader  .wrapper div {
    vertical-align: middle;
}

.topheader  p{  
  margin: 0px;
 }

.topheader a.callme{
	color:#37c386;
	border-bottom:1px dashed #37c386;
	float:left;
}

.topheader a.callme:hover{
	color:#aeb8c3;
	border-color:#aeb8c3;
}

.bottomheader{
	padding:18px 0px;
}


/*LOGO*/
.logo img{
	max-width:256px;
}

/*NAVIGATION*/
header nav{
	margin-top:16px;
}

header nav{
	 line-height: 22px;
    vertical-align: bottom;
}

.headnav li{
	display:inline-block;
	font-size:0px;
}

.headnav li a{
	font-size:20px;
	font-family:Roboto Condensed, Arial;	
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}


/*SLIDER*/

#rev_slider_1_1 .tp-caption {
	text-align:center;
	color:#3a3c3e;
}


 .main_title{
	font-size:100px;
	text-transform:uppercase;
	font-family:Roboto Condensed;
	text-shadow: 1px 1px 20px #fff, 1px 1px 20px #fff, 1px 1px 20px #fff, 1px 1px 20px #FFF;
	margin:0px 0px 20px 0px;
	line-height:100px;
	font-weight:normal;
	text-align:center;
}


 .main-title2{
	font-size:100px;
	text-transform:uppercase;
	font-family:Roboto Condensed;
    text-shadow: rgb(255, 255, 255) 1px 1px 20px, rgb(255, 255, 255) -1px -1px 20px, rgb(255, 255, 255) -1px 1px 20px, rgb(255, 255, 255) 1px -1px 20px;
	margin:0px 0px 20px 0px;
	line-height:100px;
	font-weight:normal;
	text-align:center;
}


#rev_slider_1_1 .tp-caption a{
	color:#3a3c3e;
	text-decoration:underline;
}

#rev_slider_1_1 .tp-caption a:hover{
	text-decoration:none;
}

/*TITLE BLOCK*/

.titleblock{
	height:248px;

}

.titleblock  .main_title{
	/* line-height:248px; */
	font-size:60px;
	padding-top: 3%;
}

/*BLoCK MENU*/

.content .blockmenu{
	margin:50px auto;
}


.blockmenu>div.span3{
	display:block;
	float:left;
}

.blockmenu a{
	display:block;
	min-height: 100px;
	font-size: 22px;
	position:relative;
	/* padding:60px; */
	text-align:center;
	padding-top: 234px;
}

.blockmenu a span{
	position:absolute;
	top:244px;
    left: 30px;
    right: 30px;
	font-size:24px;
	line-height:28px;
	font-weight:300;
}

.blockmenu div:nth-child(1) a{
	background: #f5f5f5 url(img/block1.png) center 60px no-repeat;
}
.blockmenu div:nth-child(2) a{
	background: #fff url(img/block2.png) center 60px no-repeat;
}
.blockmenu div:nth-child(3) a{
	background: #f5f5f5 url(img/block3.png) center 60px no-repeat;
}
.blockmenu div:nth-child(4) a{
	background: #fff url(img/block4.png) center 60px no-repeat;
}
.blockmenu div:nth-child(5) a{
	background: #f5f5f5 url(img/block5.png) center 60px no-repeat;
}
.blockmenu div:nth-child(6) a{
	background: #fff url(img/block6.png) center 60px no-repeat;
}

.blockmenu div:nth-child(1) a:hover{
	background: #f5f5f5 url(img/block1_h.png) center 60px no-repeat;
}
.blockmenu div:nth-child(2) a:hover{
	background: #fff url(img/block2_h.png) center 60px no-repeat;
}
.blockmenu div:nth-child(3) a:hover{
	background: #f5f5f5 url(img/block3_h.png) center 60px no-repeat;
}
.blockmenu div:nth-child(4) a:hover{
	background: #fff url(img/block4_h.png) center 60px no-repeat;
}
.blockmenu div:nth-child(5) a:hover{
	background: #f5f5f5 url(img/block5_h.png) center 60px no-repeat;
}
.blockmenu div:nth-child(6) a:hover{
	background: #fff url(img/block6_h.png) center 60px no-repeat;
}



/*BLoCK MENU NO LINKS*/

.content .blockmenu_nolinks{
	margin:50px auto;
}

.blockmenu_nolinks>div.span4{
	display:block;
	float:left;

}

.blockmenu_nolinks>div.span4 div{
	display:block;
	min-height:234px;
	font-size:0px;
	position:relative;
	padding:60px;
	text-align:center;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.blockmenu_nolinks>div.span4 div:hover{
	cursor:pointer;
}

.blockmenu_nolinks>div.span4 div span{
	position:absolute;
	top:244px;
    left: 30px;
    right: 30px;
	font-size:24px;
	line-height:28px;
	font-weight:300;
}

.blockmenu_nolinks>div.span4:nth-child(1) div{
	background: #f5f5f5 url(img/block21.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(2) div{
	background: #fff url(img/block22.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(3) div{
	background: #f5f5f5 url(img/block23.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(4) div{
	background: #fff url(img/block26.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(5) div{
	background: #f5f5f5 url(img/block24.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(6) div{
	background: #fff url(img/block25.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(7) div{
	background: #f5f5f5  url(img/block29.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(8) div{
	background: #fff url(img/block27.png) center 60px no-repeat;
}
.blockmenu_nolinks>div.span4:nth-child(9) div{
	background: #f5f5f5  url(img/block28.png) center 60px no-repeat;
}

.blockmenu_nolinks>div:nth-child(1) div:hover{
	background: #f5f5f5 url(img/block21_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(2) div:hover{
	background: #fff url(img/block22_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(3) div:hover{
	background: #f5f5f5 url(img/block23_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(4) div:hover{
	background: #fff url(img/block26_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(5) div:hover{
	background: #f5f5f5 url(img/block24_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(6) div:hover{
	background: #fff url(img/block25_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(7) div:hover{
	background: #f5f5f5  url(img/block29_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(8) div:hover{
	background: #fff url(img/block27_h.png) center 60px no-repeat;
}
.blockmenu_nolinks>div:nth-child(9) div:hover{
	background: #f5f5f5  url(img/block28_h.png) center 60px no-repeat;
}


/*CLEANING*/

.cleaning{
	background:url('img/cleanning.png')  top left no-repeat;
	background-size:cover;
	height:497px;
	padding:90px 0px;
}

.cleaning .wrapper{

}


.cleaning .wrapper .whitebg{
	background:url('img/whitebg.png')  top left repeat;	
	padding:50px;
}


.cleaning .wrapper p,
.cleaning .wrapper ul{
	font-size:16px;

}

.cleaning .wrapper p{
	line-height:22px;
}


.cleaning .wrapper ul{
	margin:0px;
	padding-left:45px;
	margin-top:40px;	
}

 ul.greenarrow li{
	margin-bottom:18px;
	line-height:24px;
	vertical-align:middle;
	background: url('img/greenarrow.png') left 5px no-repeat;
	padding: 3px 0px 3px 35px;
	/* reset styles (optional): */
	list-style: none;
}

ul.greyarrow{
	padding:0px 16px;
}

ul.greyarrow>li{
	line-height:18px;
	font-size:16px;
	vertical-align:middle;
	background: url('img/greyarrow.png') left 5px no-repeat;
	padding: 3px 0px 16px 25px;
	/* reset styles (optional): */
	list-style: none;
}
ul.greyarrow>li>ul{
	padding:10px 15px;
}

ul.greyarrow>li>ul>li{
	line-height:16px;
	font-size:14px;
	vertical-align:middle;
	padding: 3px 0px 3px 3px;
	/* reset styles (optional): */
	list-style-type: disc;
}


/*ABOUT COMPANY*/

.about_company{
	background-color:#f5f5f5;
	padding:80px 0px;
}

.text-block{
	padding:35px 50px;
}

.text-block .more{
	text-decoration:underline;
}


/*ADVANTAGES*/

.advantages{
	transition:none;
	padding:100px 0px;
	background-color:#f5f5f5;
}



.advantages .span3{
	height:310px;
	position:relative;
	text-align:center;
}

.advantages .span3 span{
	position: absolute;
    top: 196px;
    left: 10px;
    right: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    font-weight: 300;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.advantages .span3 .imageback{
	position:absolute;
	top:0px;
	left:0;
	right:0px;
	margin:0 auto;	
	height:157px;
	width:157px;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}



.advantages .span3:hover {
	cursor:pointer;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.advantages .span3:hover span{
	color:#37c386;
}

.advantages .span3:nth-child(2) .imageback{
	background:url(img/icon-preimushestvo-1.png) top center no-repeat;
}
.advantages .span3:hover:nth-child(2) .imageback{
	background:url(img/icon-preimushestvo-1_h.png) bottom center no-repeat;
}

.advantages .span3:nth-child(3) .imageback{
	background:url(img/icon-preimushestvo-2.png) top center no-repeat;
}
.advantages .span3:hover:nth-child(3) .imageback{
	background:url(img/icon-preimushestvo-2_h.png) bottom center no-repeat;
}

.advantages .span3:nth-child(4) .imageback{
	background:url(img/icon-preimushestvo-3.png) top center no-repeat;
}
.advantages .span3:hover:nth-child(4) .imageback{
	background:url(img/icon-preimushestvo-3_h.png) bottom center no-repeat;
}

.advantages .span3:nth-child(5) .imageback{
	background:url(img/icon-preimushestvo-4.png) top center no-repeat;
}
.advantages .span3:hover:nth-child(5) .imageback{
	background:url(img/icon-preimushestvo-4_h.png) bottom center no-repeat;
}


/*ЗАКАЗ*/


.zakaz{
	background-color:#37c386;
	padding:90px;
	color:#c5ffe6;
	font-size:18px;
}

.zakaz h2,
.zakaz span{
	color:#fff;
}

.ajax-loader{
	width:16px!important;
}

.zakaz span.wpcf7-form-control-wrap, .zakaz  input[type=submit]{
	float:left;



}

.zakaz input{
	padding:20px 25px;
	margin-right:32px;
	width:330px;
}

.zakaz input[type=submit]{
	width:360px;
    margin-right: 0px;
    font-size: 30px;
    font-family: Roboto Condensed;
    padding: 8px 25px;
    vertical-align: bottom;
}

.zakaz input[type=submit]:hover{
	cursor:pointer;
	border:2px solid #c5ffe6;
	color:#c5ffe6;
}

.zakaz p{
	margin:0px;
}


.wpcf7-form{
	margin-top:30px;
}


/*PARTNERS*/

.partners{
	height:565px;
	background:url(img/partnerbg.png) center center no-repeat;
	padding:95px 0px;
}

.partners .blocktitle{
	COLOR:#FFF;
}

.partner .caption{
	padding:50px 35px 0px;
}

.partner img{
	max-width:238px;
	margin: 0 auto;
	text-align:center;
	border:1px solid transparent;
	border-radius:120px;
	display:block;
}

.partner h5{
	font: 20px/22px Roboto Condensed;
	color:#37c386;
	text-transform:uppercase;
	min-height:44px;
	font-weight:300;
}

.partner p{
	font:18px/26px Roboto;
	color:#fff;
	display: block;
	
}

.readmorepartn{
	font-size:60px;
	line-height:0px;
	color:#fff;
    margin-left: 5px;
}


/*CONTACTS*/

.contactform{
	margin-top:65px;
}

.contactform span{
	color:#fff;
}

.ajax-loader{
	width:16px!important;
}

.contactform span.wpcf7-form-control-wrap, .contactform  input[type=submit]{
	float:left;
}

.contactform input{
	padding:20px 25px;
	margin-right:32px;
	width:330px;
	background-color:#f5f5f5;
	border:none;
}

.contactform input[type=submit]{
	width:360px;
    margin-right: 0px;
    font-size: 30px;
    font-family: Roboto Condensed;
    padding: 8px 25px;
    vertical-align: bottom;
	color:#37c386;
	border:2px solid #37c386;
	background-color:transparent;
}

.contactform input[type=submit]:hover{
	cursor:pointer;
	background-color:#37c386;	
	border:2px solid #37c386;	
	color:#fff;
}





/*FOOTER*/

.footertop .logo_f img{
	max-width:258px;
	margin-bottom:34px;
}

.footertop{
	background-color:#555555;
	padding:100px 0px 70px;
}

.footerbottom{
	background-color:#3a3c3e;
	font-size:14px;
}


.footertop p,.footerbottom p{
	color:#aeb8c3;
	font-size:16px;
	line-height:22px;
}

.footertop a.btn{
	color:#fff;
	float: left;
}

.footertop a.btn:hover{
	color:#37c386;
	border-color:#37c386;
}

.footertop li {
	display:block;
	margin:0 auto 30px;
}

.footertop li a{
	color:#fff;
}

.footertop li:hover a{
	color:#37c386;
}

.footertop .text-right h4{
	color:#fff;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px 0px  34px 0px;
}	
	
.footertop .text-right p{
	font-size:18px;
	line-height:24px;
	margin:0px 0px  34px 0px;
	font-weight:300;
}

.footertop .text-left p{
    margin: 0px 80px 36px 0px;
	line-height:26px;
}

.footertop .text-right p span{
	color:#fefefe;
}

.footertop ul{
	margin:0px;
}

.footertop .email{
	color:#37c386;
}

.footertop .email:hover{
	text-decoration:underline;
}


.footerbottom p{
	line-height:83px;
	font-size:14px;
	color:#aeb8c3;
	margin:0px;
}

.footerbottom span, .footerbottom a{
	color:#fff;
}

.footerbottom a:hover span{color:#37c386!important;}
.footerbottom a:hover{color:#37c386!important;}

 /*CONTACT FORM*/
 
#contact_form_pop,#contact_form_pop2,#contact_form_pop3{
	 background-color:#37c386;
	 text-align:center;
 }
 
#contact_form_pop input,
#contact_form_pop2 input,
#contact_form_pop3 input,
#contact_form_pop textarea,
#contact_form_pop2 textarea,
#contact_form_pop3 textarea
{
	 background-color:#fff;
	 border:none;
	 padding:20px 25px;
	 margin:0px auto 15px;
	 display:block;
	 width:70%;
 }
 
#contact_form_pop input[type=submit],
#contact_form_pop2 input[type=submit],
#contact_form_pop3 input[type=submit]
{
	 background-color:transparent;
	 border:2px solid #fff;
	 color:#fff;
	 text-transform:uppercase;
	 font-family:Roboto Condensed;
	 font-size:1.5em;
	-moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
	 width:84%;
	 padding:11px 25px;

 }
 
#contact_form_pop input[type=submit]:hover,
#contact_form_pop2 input[type=submit]:hover,
#contact_form_pop3 input[type=submit]:hover
{
	 background-color:transparent;
	 border:2px solid #3a3c3e;
	 color:#3a3c3e;
	 cursor:pointer;
 }
 
 #fancybox-content, #fancybox-outer {
    position: relative;
    background: #37c386!important;
	border-color:  #37c386!important;
}

 #fancybox-content h2{
	 color:#fff;
	 margin-bottom:25px;
	 text-transform:uppercase;
 }
 
 
 
 .nbs-flexisel-container {
position: relative;
max-width: 100%;
}
.nbs-flexisel-ul {
position: relative;
width: 9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.nbs-flexisel-inner {
overflow: hidden;
width: 100%;

}
.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 0px;
min-height:528px;
}
.nbs-flexisel-item > img {
width: 100%;
cursor: pointer;
positon: relative;
max-width: 100px;
max-height: 45px;
}
/*** <a href="http://www.jqueryscript.net/tags.php?/Navigation/">Navigation</a> ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 40px;
height: 65px;
position: absolute;
cursor: pointer;
z-index: 100;
opacity: 1;
top:150px;
}
.nbs-flexisel-nav-left {
left: -30px;
background: url(Clean-Responsive-jQuery-Carousel-Plugin-flexisel/images/button-previous.png) top left no-repeat;
}
.nbs-flexisel-nav-right {
right:-25px;
background: url(Clean-Responsive-jQuery-Carousel-Plugin-flexisel/images/button-next.png) top left  no-repeat;
}

#top100_widget {
	display: none;
}