* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 15px/22px 'Open Sans', sans-serif;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #311804;
}
a {
	color: #2679C8;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.a-dash{border-bottom:1px dotted #fff; text-decoration:none; display:inline-block; line-height:100%;}
.a-dash:hover{border:none;}
a:active, a:focus, img { 
	outline: 0; 
	outline:none; }
.content p {
	margin: 0 0 23px
}
.content ul,.content ol{padding-left:45px; padding-bottom:23px;}
.content li {list-style: none; padding-left: 30px; background: url(../images/li.png) 0 50% no-repeat; margin-bottom: 10px;}
img {
	border: none;
}
img.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
input,textarea {
	vertical-align: middle;
	outline:none;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.clr{clear:both;}
.clr-1200 {display: block;}
.clr-980 {display: none;}
.clr-800 {display: none;}
.clr-640 {display: none;}
.clr-480 {display: none;}
.inner{width: 100%; width:1200px; min-width: 320px; padding: 0 10px; box-sizing: border-box; margin:0 auto; position: relative;}

h1, .h1{font-size:44px; line-height:48px; font-weight:300; padding:0 0 30px 0; margin:0px;}
h1:first-letter, .h1:first-letter {font-weight: 400;}
h2, .h2{font-size:24px; line-height:28px; font-weight:300; padding:20px 0 20px 0; margin:0px; text-transform: uppercase;}
h3, .h3{font-size:18px; line-height:24px; font-weight:300; padding:5px 0 10px 0; margin:0px; text-transform: uppercase;}

abbr,article,aside,audio,canvas,datalist,details,
figure,footer,header,hgroup,mark,menu,meter,nav,output,
progress,section,time,video{ display: block;}
/* Form style
-----------------------------------------------------------------------------*/

.inputbox, .textarea,
.content input[type="text"],.content input[type="password"],.content input[type="email"],
.content textarea, textarea
{width:100%; border:1px solid #fff; height:28px; padding:5px 15px; color: #0d8283; font:normal 24px 'Open Sans', "Myriad Pro", sans-serif;-webkit-appearance: none; box-sizing: border-box; font-weight: 300;}
.content textarea,textarea.textarea{width:250px; height:140px; padding:5px 15px; resize: none;}
.inputbox:focus, .textarea:focus,
.content input[type="text"]:focus,.content input[type="password"]:focus,.content input[type="email"]:focus,
.content textarea:focus{border-color:#7D7D7D;}
.button,.foxbutton,
.content button,.content input[type="button"],.content input[type="submit"]{cursor:pointer; background:#ffb80c; height:46px; width: auto; padding:0px 30px; color:#fff; font: normal 18px/46px 'Open Sans', "Myriad Pro", sans-serif;  border:none; display:inline-block; text-align:center; text-decoration:underline; vertical-align:middle; font-weight:300; -webkit-appearance: none; letter-spacing: 0.1px; box-sizing: border-box; border: 1px solid #ffd305;}
.button:first-letter {font-weight: 400;}

.btn:hover .a-dash {border: none;}

.btn-hum {background: url(../images/main-1.png) 0 0 repeat-x; border-color: #d97e00;}
.btn-hum:hover {background-position: 0 -64px;}
.btn-hum .btn-ico {display: inline-block; padding-left: 45px; background: url(../images/hum-btn.png) 5px 50% no-repeat;}
.btn-case {background: url(../images/main-2.png) 0 0 repeat-x; border-color: #d97e00;}
.btn-case:hover {background-position: 0 -64px;}
.btn-case .btn-ico {display: inline-block; padding-left: 45px; background: url(../images/case-btn.png) 0 50% no-repeat;}
.btn-phone {background: url(../images/main-3.png) 0 0 repeat-x; border-color: #d97e00;}
.btn-phone:hover {background-position: 0 -64px;}
.btn-phone .btn-ico {display: inline-block; padding-left: 45px; background: url(../images/phone-btn.png) 5px 50% no-repeat;}

.button:hover,.foxbutton:hover,
.content button:hover,.content input[type="button"]:hover,.content input[type="submit"]:hover{ text-decoration: none;}
.button:active,.foxbutton:active,
.content button:active,.content input[type="button"]:active,.content input[type="submit"]:active{}
.error{border-color:#CC0000 !important; color:#CC0000 !important;}

.foxbutton span{color:#fff;}
fieldset{border:none;}

#system-message{display:block;}
#system-message dt{display:none;}
#system-message dd{display:block; margin:0 0 18px 0; padding:10px 25px; border:1px solid #ccc; border-radius:5px; color:#999; background:#FBFBFB;}
#system-message .warning{border-color:#FBEED5; background:#FCF8E3; color:#D59870;}
#system-message .warning a{ color:#D59870;}
#system-message .error{border-color:#EED3D7; background:#F2DEDE; color:#CC4A48;}
#system-message .error a{ color:#B94A48;}
#system-message ul{list-style:none; padding:0;}
#system-message  li{padding:3px 0;}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 140px;
	background: #fff;
    display: block;
    border-bottom: 2px solid #eaf7f7;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 340px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content-main {padding: 0px !important;}
#content {
	padding: 40px 0 25px 0;
}

#sideLeft + #container #content{ padding-left: 420px;}
#sideRight + #container #content{padding-right: 420px;}
#sideLeft + #sideRight + #container #content{ padding-left: 420px; padding-right: 420px;}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: right;
	width: 380px;
	margin-left: -380px;
	position: relative;
	padding: 40px 0 25px 0;
}

#sideLeft {
	float: left;
	width: 380px;
	margin-right: -380px;
	position: relative;
}

#sideRight .btn {height: 66px; line-height: 66px; font-size: 20px; text-decoration: none; margin-bottom: 24px; width:100%; text-align: left;}
#sideRight .btn:first-letter {font-weight: 400;}

.block-recall {color: #fff; background: url(../images/plash-phone.png) 50% 0px no-repeat #2da9aa; padding: 35px 25px 5px;}
.block-recall h2 {padding: 0 0 35px 0; color: #fff; font-size: 38px; line-height: 44px; text-align: center; text-transform: none; letter-spacing: 0.1px; font-weight: 600;}
.block-recall .wrap-input {margin-bottom: 24px;}
.block-recall .wrap-input label {display: block; padding-bottom: 13px; font-size: 22px; font-weight: 300; text-align: center;}
.block-recall .wrap-input label:first-letter {font-weight: 400;}
.block-recall .wrap-input .inputbox {height: 42px;}
.block-recall .wrap-input-button {text-align: center;}
.block-recall .wrap-input-button .button {height: 66px; font-size: 22px; line-height: 66px; padding: 0 30px; background: url(../images/btn-bg-2.png) 0 0 no-repeat; text-decoration: underline; width:100%;}
.block-recall .wrap-input-button .button:first-letter {font-weight: 400;}
.block-recall .wrap-input-button .button:hover {text-decoration: none;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: -340px auto 0;
	height: 340px;
	background: #eaf7f7;
	position:relative;
    display: block;
}
/* Responsiv style
-----------------------------------------------------------------------------*/
.col100{width:100%; float:left;}
.col80{width:80%; float:left;}
.col75{width:75%; float:left;}
.col66{width:66.6666%; float:left;}
.col60{width:60%; float:left;}
.col50{width:50%; float:left;}
.col40{width:40%; float:left;}
.col33{width:33.3333%; float:left;}
.col20{width:20%; float:left;}
.col25{width:25%; float:left;}

.side-left{float:left;}
.side-righ{float:right;}
.side-center{margin:0 auto;}

/* Additional style
-----------------------------------------------------------------------------*/
.header .logo {position: absolute; top: 0; left: 0px; line-height: 0px; width: 361px; height: 159px; }
.header .logo img {max-width: 100%; height: auto;  width: 280px;}
.header .main-menu {position: absolute; top: 10px; right: 0px;}
.header .main-menu ul {}
.header .main-menu>ul>li {list-style: none; float:left; line-height: 51px; margin-right: 5px; position: relative;}
.header .main-menu>ul>li>a {display: block; text-decoration: none; font-size: 18px; font-weight: 300; text-align: center; color: #777777; padding: 0 20px; border: 2px solid #fff; letter-spacing: 0.1px; border-radius: 1px;}
.header .main-menu>ul>li>a .arr {display: inline-block; padding-left: 20px; background: url(../images/main-arrow.png) 0 50% no-repeat;}
.header .main-menu>ul>li>a:first-letter {font-weight: 400;}
.header .main-menu>ul>li>a>.arr:first-letter {font-weight: 400;}
.header .main-menu>ul>li>a:hover, .header .main-menu>ul>li.active>a, .header .main-menu>ul>li.active-a>a, .header .main-menu>ul>li.current-menu-item>a {border: 2px solid #d9f1f1;}
.header .main-menu>ul>li>ul {display: none; position: absolute; top: 53px; left: 0px; background: #41babb; z-index: 10; padding: 10px 0; width: 225px; height: auto; z-index: 55;}
.header .main-menu>ul>li>ul>li {list-style: none; line-height: 27px; position: relative;}
.header .main-menu>ul>li>ul>li>a {display: block; color: #feffff; font-size: 14px; padding: 0px 20px; text-decoration: none;}
.header .main-menu>ul>li>ul>li>a .arr {display: block; background: url(../images/sub-main-arrow.png) 100% 50% no-repeat;}
.header .main-menu>ul>li>ul>li>a:hover, .header .main-menu>ul>li>ul>li.current-menu-item>a, .header .main-menu>ul>li>ul>li.active>a, .header .main-menu>ul>li>ul>li.active-a>a {background: #2faeaf;}
.header .main-menu>ul>li>ul>li>ul {display: none; position: absolute; top: -10px; left: 225px; background: #41babb; z-index: 10; padding: 10px 0; width: 225px; height: auto;}
.header .main-menu>ul>li>ul>li>ul>li {list-style: none; line-height: 27px;}
.header .main-menu>ul>li>ul>li>ul>li>a {display: block; color: #feffff; font-size: 14px; padding: 0px 20px; text-decoration: none;}
.header .main-menu>ul>li>ul>li>ul>li>a:hover, .header .main-menu>ul>li>ul>li>ul>li.active>a, .header .main-menu>ul>li>ul>li>ul>li.current-menu-item>a {background: #2faeaf;}
.header .phone {position: absolute; top: 70px; right: 0px; padding-left: 30px; background: url(../images/phone-ico.png) 0 50% no-repeat;}
.header .phone a {font-size: 32px; color: #2d2d2d; text-decoration: none; line-height: 27px;}

.header .mail {position: absolute; color: #757575; font-size: 18px; right: 320px; top: 80px;}
@media (max-width: 1024px) {
	.header .mail{right: 0; top: 110px;}
}
.header .mail a {color: #41b9ba;}

.header .menu-tab {display: none;}
.header .sub-mob-menu {left: -100%; position: fixed; top: 48px; height: 100%; display: block; z-index: 201;}
.header .main-mob-menu {display: block; float: left; width: 250px; height: 100%; background: #fff; padding: 10px 0;}
.header .main-mob-menu>ul {box-sizing: border-box;}
.header .main-mob-menu>ul>li {list-style: none; padding: 0;}
.header .main-mob-menu>ul>li>a {display: block; text-decoration: none; font-size: 18px; font-weight: 300; color: #777777; letter-spacing: 0.1px; line-height: 22px; padding: 10px 15px;}
.header .main-mob-menu>ul>li>a:first-letter {font-weight: 400;}
.header .main-mob-menu>ul>li>a:hover, .header .main-mob-menu>ul>li.active>a, .header .main-mob-menu>ul>li.current-menu-item>a {text-decoration: underline;}
.header .main-mob-menu>ul>li>ul {display: none; position: absolute; top: 0px; left: 250px; background: #41babb; width: 215px; box-sizing: border-box; padding: 10px 0;}
.header .main-mob-menu>ul>li>ul>li {list-style: none; position: relative;}
.header .main-mob-menu>ul>li>ul>li>a {color: #feffff; display: block; text-decoration: none; font-size: 15px; font-weight: 300; letter-spacing: 0.1px; line-height: 22px; padding: 5px 15px;}
.header .main-mob-menu>ul>li>ul>li>a:first-letter {font-weight: 400;}
.header .main-mob-menu>ul>li>ul>li>a .arr {display: block; background: url(../images/sub-main-arrow.png) 100% 50% no-repeat;}
.header .main-mob-menu>ul>li>ul>li>a:hover, .header .main-mob-menu>ul>li>ul>li.active>a, .header .main-mob-menu>ul>li>ul>li.active-a>a {background: #2faeaf;}
.header .main-mob-menu>ul>li>ul>li>ul {display: block; background: #41babb; box-sizing: border-box; padding: 0 0 0 0;}
.header .main-mob-menu>ul>li>ul>li>ul>li {list-style: none; position: relative;}
.header .main-mob-menu>ul>li>ul>li>ul>li>a {color: #feffff; display: block; text-decoration: none; font-size: 15px; font-weight: 300; letter-spacing: 0.1px; line-height: 22px;  padding: 5px 10px 5px 25px; }
.header .main-mob-menu>ul>li>ul>li>ul>li>a:first-letter {font-weight: 400;}
.header .main-mob-menu>ul>li>ul>li>ul>li>a:hover, .header .main-mob-menu>ul>li>ul>li>ul>li.active>a {background: #2faeaf;}

.menu-overlay {display: none; z-index: 90; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.5;}

.block-slider {background: url(../images/main-img.jpg) 50% 50% no-repeat; width: 100%; height: 470px;}
.block-slider .title {position: absolute; top: 205px; left: 30px; font-size: 54px; line-height: 48px; color:#2da9aa; letter-spacing: 0.1px; width: 405px; text-align: right;}
.block-slider .title:first-letter {font-weight: 400;}
.block-slider .block-btn {position: absolute; top:135px; right: 0; width: 405px; padding: 12px 12px 0 12px; box-sizing: border-box; background: url(../images/plash-phone.png) 50% 0px no-repeat #2da9aa; z-index: 99;}
.block-slider .block-btn .button {margin-bottom: 12px; height: 65px; line-height: 65px; width: 100%; text-align: left; border-color: #d97e00;}
.block-slider .block-btn .btn-hum {background: url(../images/main-1.png) 0 0 repeat-x;}
.block-slider .block-btn .btn-hum:hover {background-position: 0 -64px;}
.block-slider .block-btn .btn-case {background: url(../images/main-2.png) 0 0 repeat-x;}
.block-slider .block-btn .btn-case:hover {background-position: 0 -64px;}
.block-slider .block-btn .btn-phone {background: url(../images/main-3.png) 0 0 repeat-x;}
.block-slider .block-btn .btn-phone:hover {background-position: 0 -64px;}


/* Main slider
-----------------------------------------------------------------------------*/
.slider {width: 100%; position: relative; display: inline-block; min-height: 200px;}
.slider ul.bxslider {padding: 0px;}
.slider .bxslider li.slide {padding: 0px !important; margin: 0px}
.slider .bxslider li.slide a {display: block;}
.slider .bxslider li.slide img {max-width: 100%; height: auto; min-height: 255px;}
.slider .bxslider li.slide .txt-item{position: absolute; top: 100px; left: 0; font-size: 54px; line-height: 0.9; color:#2da9aa; letter-spacing: 0.1px; width: 35%; text-align: right; text-align: right; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
.slider .bxslider li.slide .txt-item p{padding: 10px; margin: 0;}
.slider .bxslider li.slide .txt-item:first-letter {font-weight: 400;}
.slider .slider-inner {width: 100%; display: inline-block;}
.slider .bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; background: none;}
.slider .slider-btn{position: absolute; top:0; right: 10%; width: 405px; padding: 0 10px; box-sizing: border-box; margin:0 auto; z-index: 999; display: table; height: 100%;}
.slider .slider-btn .wrap-btn{display: table-cell; vertical-align: middle;}
.slider .slider-btn .block-btn {padding: 12px 12px 0 12px; box-sizing: border-box; background: url(../images/plash-phone.png) 50% 0px no-repeat #2da9aa;}
.slider .slider-btn .block-btn .button {margin-bottom: 12px; height: 65px; line-height: 65px; width: 100%; text-align: left; border-color: #d97e00;}
.slider .slider-btn .block-btn .btn-hum {background: url(../images/main-1.png) 0 0 repeat-x;}
.slider .slider-btn .block-btn .btn-hum:hover {background-position: 0 -64px;}
.slider .slider-btn .block-btn .btn-case {background: url(../images/main-2.png) 0 0 repeat-x;}
.slider .slider-btn .block-btn .btn-case:hover {background-position: 0 -64px;}
.slider .slider-btn .block-btn .btn-phone {background: url(../images/main-3.png) 0 0 repeat-x;}
.slider .slider-btn .block-btn .btn-phone:hover {background-position: 0 -64px;}


.block-fact {}
.block-fact .item {width: 25%; float: left; text-align: center; padding: 60px 30px 75px; box-sizing: border-box;}
.block-fact .item b {display: block; font-size: 49px; line-height: 38px; font-weight: 400; letter-spacing: 0.1px; text-transform: uppercase; color: #757575;}
.block-fact .item {display: block; font-size: 80px; line-height: 84px; font-weight: 600; color: #f89200;}
.block-fact .item p {margin-bottom: 0px;}
.block-fact .item-1 {font-size: 104px; line-height: 86px;}
.block-fact .item-4 {font-size: 120px; line-height: 124px;}
.block-fact .item i {display: block; font-size: 20px; line-height: 24px; text-transform: uppercase; font-style: normal; color: #757575; font-weight: 400;}

.block-title {height: 120px; background: url(../images/map-img.jpg) 50% 50% no-repeat #33b8b9;}
.block-title h2 {font-size: 46px; line-height: 120px; padding: 0px; font-weight: 600; color: #fff; text-align: center; text-transform: none;}

.block-type {padding: 65px 0 35px;}
.block-type .inner {padding: 0 120px;}
.block-type .item {width: 20%; float: left; padding: 0 0px 40px; box-sizing: border-box; text-align: center;}
.block-type .item .title {display: table-cell; text-align: center; vertical-align: middle; width: 200px; font-size: 15px; line-height: 22px; padding-bottom: 5px; height: 44px; color: #3f2c03; font-weight: 400;}
.block-type .item .title:first-letter {font-size: 16px;}
.block-type .item .title a {text-decoration: none; color: #3f2c03;}
.block-type .item .title a:hover {text-decoration: underline;}
.block-type .item .image {display: block; line-height: 110px; height: 110px;}
.block-type .item .image img {display: inline-block; vertical-align: middle; height: auto; line-height: 0px;}

.block-benef {padding: 60px 0 0; background: url(../images/benef-bg.jpg) 0 0 no-repeat; background-size: 100% 100%;}
.block-benef h2 {font-size: 48px; line-height: 48px; color: #fff; text-align: center; font-weight: 600; text-transform: none; padding: 0 0 65px 0;}
.block-benef .item {display: inline-block; float: left; width: 50%; padding-bottom: 90px; box-sizing: border-box; text-align: left;}
.block-benef .item-center {padding-left: 190px; width: 100%;}
.block-benef .item .image {width: 200px; margin-right: -200px; float: left; text-align: center; position: relative;}
.block-benef .item .image img {}
.block-benef .item .text {padding-left: 200px; font-size: 17px; font-weight: 300; color: #fff; line-height: 26px;}
.block-benef .item .text .title {font-size: 26px; color: #fff; padding-bottom: 10px; line-height: 25px;}
.block-benef .item .text p {margin-bottom: 0px;}
.block-benef .item .text ul {padding: 0px;}
.block-benef .item .text ul li {padding-left: 0px; margin: 0px; background: none;}

.block-map .ymaps_https___api_maps_yandex_ru_2_1_29_release__islands_dotIcon___82CDFF__82CDFF {display: block; width: 155px !important; height: 142px !important; background: url(../images/map-point.png) 0 0 no-repeat; top: -140px !important; left: -77px !important;}

.blog {}
.blog .item {display: inline-block; margin-bottom: 30px;}
.blog .item .image {position: relative; float: left; margin: 0 15px 0 0;}
.blog .item .image a {display: block; line-height: 0px;}
.blog .item .image img {height: auto; max-width: 100%; width: 220px;}
.blog .padding {padding-left: 250px;}
.blog .text {}
.blog .item .title {display: inline-block; padding-bottom: 10px; }
.blog .item .title .date {display: inline-block; float: left; margin-right: 15px; color: #fff; font-size: 14px; line-height: 16px; padding: 5px 13px; background: #ffb80c;}
.blog .item .title a {color: #1cabac; font-size: 24px; line-height: 26px; font-weight: 300; text-decoration: underline;}
.blog .item .title a:hover {text-decoration: none;}
.blog .item p {margin-bottom: 11px; color: #3a1f05; font-size: 14px;}
.blog .item .readmore {display: inline-block; color: #1cabac; font-size: 15px; text-decoration: underline; border-radius: 2px; cursor: pointer; border: 2px solid #d9f1f1; padding: 5px 15px;}
.blog .item .readmore:hover {text-decoration: none;}
.blog .item .text .text-intro{display:block; overflow: hidden;}

.blog.services .item {display: inline-block; margin: 0; max-height: 275px; vertical-align: top;}
.blog.services .item .text { width: 50%; float: right; padding: 25px 0 0 0;}
.blog.services .item .padding{padding:0;}
.blog.services .item .text .text-intro {display: block; max-height: 155px; overflow: hidden;}
.blog.services .item .image {position: relative; width: 50%; float: left; line-height: 0px; overflow: hidden; max-height: inherit; margin:0;}
.blog.services .item .image img {height: auto; max-width: 100%; width: 100%;  transition: all 0.3s ease-in-out 0s;}
.blog.services .item .image a {overflow: hidden; position: relative; transition: none 0s ease 0s ;}
.blog.services .item .image a:before {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: background 0.3s ease 0s; width: 100%; z-index: 1;}
.blog.services .item .image a:hover:before {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
.blog.services .item .image a:hover img {transform: translateZ(0px) scale(1.1, 1.1);}

.blog.services .item:nth-child(even) .image {float: right;}
.blog.services .item:nth-child(odd) .text .text-intro, .blog.services .item:nth-child(odd) .title {padding: 0 0 0 10px;}
.blog.services .item:nth-child(even) .text .text-intro, .blog.services .item:nth-child(even) .title {padding: 0 10px 0 0;}
.blog.services .item:nth-child(odd) .readmore {margin: 0 0 0 10px;}
.blog.services .item:nth-child(even) .readmore {margin:  0 10px 0 0;}

.blog.services .item:nth-child(even) .text {text-align: right;}


.clients {}
.clients .item {position: relative; float: left; width: 25%;}
.clients .item>*:first-child {max-width: 100%; height: auto;}
.clients .item .item-inner {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; opacity: 0.8;}
.clients .item .text {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; }
.clients .item .text .img {opacity: 0; display: table-cell; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; font-size: 30px; color: #fff; font-weight: 600;}
.clients .item .text .img img {max-width: 100%; height: auto;}

.inner-img {display: block; line-height: 0px;}
.alignleft {float: left; margin: 0 10px 10px 0;}
.alignright {float: right; margin: 0 0 10px 10px;}

.pagenav {margin: 15px 0 0 0; color: #41babb;}
.pagenav span, .pagenav a{display:inline-block; width: 32px; height: 32px; line-height: 32px; text-align:center; font-size:18px; margin-right:0px; color: #41babb; border: 2px solid #d9f1f1;  margin: 0; font-weight: 300; text-decoration: none; border-radius: 2px; margin: 0 0 4px 0;}
.pagenav span{ font-weight: 300; color: #fff; text-decoration: none; background: #41babb; border-color: #41babb; z-index: 5;}
.pagenav a{}
.pagenav a:hover {font-weight: 300; color: #fff; text-decoration: none; background: #41babb; border-color: #41babb; z-index: 5;}

.content .phone {display: inline-block; margin: 0 40px 25px 0; float: left;}
.content .phone a {text-decoration: none; font-size: 20px; color: #2d2d2d;}
.content .phone a i {display: block; color: #757575; font-size: 13px; font-style: normal;}
.contact .map {padding-top: 10px;}
.contact .map .ymaps_https___api_maps_yandex_ru_2_1_29_release__islands_dotIcon___82CDFF__82CDFF {display: block; width: 155px !important; height: 142px !important; background: url(../images/map-point.png) 0 0 no-repeat; top: -140px !important; left: -77px !important;}

.footer {color: #757575;}
.footer .logo {position: absolute; top: 20px; left: 0px; line-height: 0px; width: 165px; height: 76px; }
.footer .logo img {max-width: 100%; height: auto;}
.footer .main-menu {position: absolute; top: 0px; right: 0px; border-bottom: 2px solid #d6ebeb; padding: 26px 0;}
.footer .main-menu ul {}
.footer .main-menu>ul>li {list-style: none; float:left; margin-right: 20px; position: relative;}
.footer .main-menu>ul>li>a {display: block; text-decoration: none; font-size: 16px; font-weight: 300; text-align: center; color: #777777; margin: 0 35px; letter-spacing: 0.1px;}
.footer .main-menu>ul>li>a:first-letter {font-weight: 400;}
.footer .main-menu>ul>li>a:hover, .footer .main-menu>ul>li.active>a, .footer .main-menu>ul>li.current-menu-item>a {text-decoration: underline;}
.footer .main-menu>ul>li ul {display: none;}
.footer .title {position: absolute; top: 128px; left: 10px; font-size: 15px;}
.footer .block-phone {position: absolute; top: 99px; left: 274px; }
.footer .block-phone b {font-weight: 400; font-size: 13px; display: block;}
.footer .block-phone a {font-size: 20px; color: #2d2d2d; text-decoration: none; line-height: 27px;}
.footer .mail {position: absolute; top: 152px; left: 274px; color: #757575; font-size: 13px;}
.footer .mail a {color: #41b9ba; font-size: 14px;}
.footer .block-btn {position: absolute; top: 100px; left: 485px;}
.footer .block-btn .small-btn {display: inline-block; float: left; margin-right: 10px; border: 1px solid #bae5e5; border-radius: 5px; width: 45px; height: 45px;}
.footer .block-btn .pop-phone {background: url(../images/foot-phone-ico.png) 50% 50% no-repeat;}
.footer .block-btn .pop-hum {background: url(../images/foot-hum-ico.png) 50% 50% no-repeat;}
.footer .block-btn .pop-case {background: url(../images/foot-case-ico.png) 50% 50% no-repeat;}
.footer .copyright {position: absolute; top: 195px; left: 10px;}
.footer .fs {position: absolute; top: 227px; left: 10px; color: #747474; font-size: 13px;}
.footer .fs a {color: #747474; text-decoration: none; font-size: 13px;}
.footer .fs a:hover {text-decoration: underline;}
.footer .fs span {display: inline-block; padding: 10px 0 0 25px; line-height: 30px; height: 30px; background: url(../images/fs.png) 0 50% no-repeat; text-decoration: none;}
.footer .rass {position: absolute; top: 95px; right: 0px; background: #33b8b9; padding: 15px 40px; color: #fff; box-sizing: border-box; width: 445px;}
.footer .rass h3 {font-size: 18px; padding: 0 0 15px 0; font-weight: 400; text-transform: none;}
.footer .rass .wrap-input {margin-bottom: 15px;}
.footer .rass .wrap-input label {display: block; float: left; width: 125px; padding-top: 4px;}
.footer .rass .wrap-input .inputbox {width: 236px;}
.footer .rass .wrap-input-button {padding-left: 125px;}
.footer .rass .wrap-input-button .button {background: url(../images/btn-bg-3.png) 0 0 no-repeat;}

div.wpcf7-response-output {margin: 0 0 15px 0 !important; border: 1px solid #ffd305 !important;}
.wpcf7-not-valid {border-color: #f00;}
span.wpcf7-not-valid-tip {text-align: center; color: #fff !important;}

.manager {color: #fff; width: 1040px; padding: 25px 60px 35px; box-sizing: border-box;}
.manager h2 {padding: 0 0 35px 0; color: #fff; font-size: 38px; line-height: 44px; text-align: center; text-transform: none; letter-spacing: 0.1px; font-weight: 600;}
.manager .left {width: 50%; float: left; padding-right: 20px; box-sizing: border-box;}
.manager .right {width: 50%; float: right; padding-left: 20px; box-sizing: border-box;}
.manager .wrap-input {margin-bottom: 24px;}
.manager .wrap-input label {display: block; padding-bottom: 13px; font-size: 24px; font-weight: 300;}
.manager .wrap-input label:first-letter {font-weight: 400;}
.manager .wrap-input .inputbox {height: 42px;}
.manager .wrap-input-radio {padding-top: 35px;}
.manager .wrap-input-radio label {width: 50%; float: left; padding: 10px 0 7px;}
.manager .wrap-input-button {text-align: center;}
.manager .wrap-input-button .button {height: 66px; line-height: 66px; padding: 0 80px; background: url(../images/btn-bg-2.png) 0 0 no-repeat;}

.recall {color: #fff; width: 560px; padding: 25px 60px 35px; box-sizing: border-box;}
.recall h2 {padding: 0 0 35px 0; color: #fff; font-size: 38px; line-height: 44px; text-align: center; text-transform: none; letter-spacing: 0.1px; font-weight: 600;}
.recall .wrap-input {margin-bottom: 24px;}
.recall .wrap-input label {display: block; padding-bottom: 13px; font-size: 24px; font-weight: 300;}
.recall .wrap-input label:first-letter {font-weight: 400;}
.recall .wrap-input .inputbox {height: 42px;}
.recall .wrap-input-radio {}
.recall .wrap-input-radio label {width: 50%; float: left; padding: 10px 0 7px;}
.recall .wrap-input-radio label .jq-radio {margin: 0 10px 0 0;}
.recall .wrap-input-select .jq-selectbox__dropdown {height: 100px !important;}
.recall .wrap-input-select .jq-selectbox ul {max-height: 100px !important}
.recall .wrap-input-button {text-align: center;}
.recall .wrap-input-button .button {height: 66px; line-height: 66px; padding: 0 80px; background: url(../images/btn-bg-2.png) 0 0 no-repeat;}

.answer {color: #fff; width: 500px; padding: 15px 60px 25px; box-sizing: border-box; text-align: center;}
.answer h2 {padding: 0 0 25px 0; color: #fff; font-size: 38px; line-height: 44px; text-align: center; text-transform: none; letter-spacing: 0.1px; font-weight: 600;}
.answer label {display: block; padding-bottom: 7px; font-size: 20px; font-weight: 300; letter-spacing: 0.1px;}
.answer .button {height: 66px; line-height: 66px; padding: 0 45px; background: url(../images/btn-bg-3.png) 0 0 no-repeat;}


.btn-show-hide{display:block; margin: 0 0 15px 0; text-align: right;}
.btn-show-hide > a{background: rgba(0, 0, 0, 0) url("../images/main-2.png") repeat-x scroll 0 0;  border-color: #d97e00;	padding: 7px 10px; text-decoration: none; color: #fff;}
.btn-show-hide > a:hover {background-position: 0 -64px;}
.cbk-phone, .cbk-phone:hover {bottom: 225px !important; position: fixed !important; right: 10% !important; top: auto !important;}
.accordions .accordions-head  {font-size: 15px !important; font-family: "Open Sans",​sans-serif !important; font-weight: bold;}
.accordions .accordion-content {font-size: 15px !important; font-family: "Open Sans",​sans-serif !important; line-height: 1.5; padding-top: 0 !important;  padding-left: 30px !important;}


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

	.inner {width: 980px;}
	.clr-1200 {display: none;}
	.clr-980 {display: block;}

	.header .logo {top: 0; width: 200px;}
	.header .main-menu {top: 5px;}

	.block-slider .title {left: 0px; text-align: left;}
	.block-slider .block-btn {right: 0px;}

	.block-fact .item {padding: 40px 10px 55px;}
	.block-title h2 {font-size: 42px;}
	.block-type .inner {padding: 0 30px;}
	.block-benef .inner {text-align: center;}
	.block-benef .item-center {float: none; width: 80%; padding-left: 0px;}

	.footer .main-menu { left: 0px; right: auto; width: 100%;}
	.footer .logo {top: 99px;}
	.footer .title {display: none;}
	.footer .block-btn {left: 395px;}
	.footer .block-phone, .footer .mail {left: 200px;}
	.footer .rass {padding: 15px; width: 415px;}

	.manager {width: 920px;}
	.manager h2 {padding: 0 35px 35px;}
	.jq-radio {margin:  0 10px 0 0;}

}

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

	.inner {width: 800px;}
	.clr-980 {display: none;}
	.clr-800 {display: block;}

	#sideRight {width: 300px; margin-left: -300px;}
	#sideLeft + #container #content{ padding-left: 320px;}
	#sideRight + #container #content{padding-right: 320px;}
	#sideLeft + #sideRight + #container #content{ padding-left: 320px; padding-right: 320px;}
	#sideRight .btn {padding: 0 10px; font-size: 16px;}

	.block-recall .wrap-input-button .button {padding: 0px; font-size: 18px;}
	
	.header .logo {left: 20px; top: 65px; width: 130px;}
	.header .main-menu {top: 10px; right: 0;}

	.block-slider .title {font-size: 48px;}

	.slider .bxslider li.slide .txt-item{font-size: 26px; top: 70px; width: 40%;}
	
	.block-fact .item {width: 50%; padding: 40px 30px;}
	.block-title h2 {font-size: 34px;}
	.block-type .inner {padding: 0 10px;}
	.block-type {text-align: center;}
	.block-type .item {width: 24%; float: none; display: inline-block;}
	.block-benef .item, .block-benef .item-center {width: 100%; float: none;}

	.footer .main-menu>ul>li>a {margin: 0 20px;}
	.footer .block-phone {top: 185px; left: 0px;} 
	.footer .mail {top: 235px; left: 0px;}
	.footer .block-btn {left: 210px;}
	.footer .copyright {top: 265px; left: 0px;}
	.footer .fs {top: 285px; left: 0px;}

	.manager {width: 760px;}
	.jq-radio {margin:  0 5px 0 0;}
	.jq-selectbox__dropdown {width: 300px !important;}

}

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

	.inner {width: 640px;}
	.clr-800 {display: none;}
	.clr-640 {display: block;}
	#middle {background: none !important;}

	#sideRight {width: 100%; margin-left: 0px; padding: 20px 0 0 0 !important; text-align: center;}
	#sideRight .btn {width: 47%; margin: 0 1% 10px; display: inline-block;}
	#sideLeft + #container #content{ padding-left: 0px;}
	#sideRight + #container #content{padding-right: 0px;}
	#sideLeft + #sideRight + #container #content{ padding-left: 0px; padding-right: 0px;}

	.block-recall .wrap-input-button .button {max-width: 300px;}

	#content {padding: 20px 0;}
	.content ul, .content ol {padding-left: 0px;}

	#header {height: 160px;}
	.header .mobile-area {position: fixed; top: 0px; left: 0px; width: 100%; height: 46px; border-bottom: 2px solid #eaf7f7; background: #fff; z-index: 100;}
	.header .menu-tab {display: block; position: absolute; top:9px; left: 9px; cursor: pointer; z-index: 4; height: 35px; width: 35px; z-index: 100;}
	.header .menu-tab span {display: block; width: 100%; height: 7px; background: #2da9aa;}
	.header .menu-tab span.middle {margin: 5px 0;}
	.header .main-menu {display: none;}
	.header .logo {top: 25px; left: 10px; width: 250px; height: auto;}
	.header .phone {top: 45px; right: 10px;}
	.header .mail {top: 95px; right: 10px;}

	.block-slider {height: 400px;}
	.block-slider .title {width: 100%; top: 20px; font-size: 46px; text-align: center;}
	.block-slider .block-btn {top: 110px;}
	.block-title h2 {line-height: 36px; padding: 24px 0;}
	.block-type {padding: 40px 0 10px;}
	.block-type .item {width: 32%;}
	.block-benef {padding: 40px 0 0;}
	.block-benef .item, .block-benef .item-center {padding-bottom: 40px;}

	.slider .bxslider li.slide .txt-item{font-size: 26px; top: 70px;}
	
	.blog .item {margin-bottom: 40px;}

	.clients .item {width: 32%;}

	.pagenav {text-align: center;}

	.footer .main-menu {display: none;}
	.footer .logo {top: 10px;}
	.footer .block-btn {left: 0px;}
	.footer .block-phone {top: 155px;}
	.footer .mail {top: 205px;}
	.footer .rass {top: 10px;}

	.manager, .recall {width: 540px; padding: 25px 30px 35px;}
	.manager .left, .manager .right {float: none; width: 100%; padding: 0px;}
	.manager .wrap-input-radio, .recall .wrap-input-radio {padding-top: 0px;}

}

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

	.inner {width: 480px;}
	.clr-640 {display: none;}
	.clr-480 {display: block;}
	#middle {padding: 0 0 370px;}

	h1, .h1, h2, .h2 {text-align: center;}

	#sideRight .btn {width: 300px; margin: 0 0 10px;}

	.block-recall {padding: 20px 20px 0 20px;}
	.block-recall .wrap-input {margin-bottom: 15px;}
	.block-recall .wrap-input label {font-size: 18px;}

	#header {height: 190px;}
	.header .logo {left: auto; margin: 0 auto; right: auto; top: 0; width: 100%;}
	.header .logo img {margin: 0 auto;}
	.header .phone {top: 130px; left: auto; right: 0; }
	.header .phone a {font-size: 26px;}
	.header .mail {top: 160px;}

	.block-slider .block-btn {top: 135px; left: 50%; right: auto; margin-left: -202px;}
	.block-fact .item {width: 100%; padding: 20px 30px;}
	.block-type .item .title {display: block; width: 100%; height: 64px;}

	.blog .item .image {width: 100%; margin-right: 0px; margin-bottom: 10px; float: none; text-align: center;}
	.blog .padding {padding-left: 0px;}

	#footer {margin: -370px auto 0; height: 370px;}
	.footer .logo {display: none;}
	.footer .block-phone {top: 5px; left: 10px;}
	.footer .mail {top: 55px; left: 10px;}
	.footer .block-btn {right: 0px; left: auto; top: 25px;}
	.footer .rass {top: 85px; width: 100%;}
	.footer .copyright {top: 310px; left: 10px;}
	.footer .fs {top: 330px; left: 10px;}

	.manager, .recall, .answer {width: 370px; padding: 10px 25px;}
	.manager h2, .recall h2, .answer h2 {padding: 0 0 20px;}
	.manager .wrap-input-button .button, .recall .wrap-input-button .button, .answer .button {padding: 0px; width:100%;}
	
	.slider-btn-480{}
	.slider-btn-480 .block-btn {background: #2da9aa url("../images/plash-phone.png") no-repeat scroll 50% 0; box-sizing: border-box;  padding: 12px;}
	
	.slider-btn-480 .block-btn .button {margin-bottom: 12px; height: 65px; line-height: 65px; width: 100%; text-align: left; border-color: #d97e00;}
	.slider-btn-480 .block-btn .btn-hum {background: url(../images/main-1.png) 0 0 repeat-x;}
	.slider-btn-480 .block-btn .btn-hum:hover {background-position: 0 -64px;}
	.slider-btn-480 .block-btn .btn-case {background: url(../images/main-2.png) 0 0 repeat-x;}
	.slider-btn-480 .block-btn .btn-case:hover {background-position: 0 -64px;}
	.slider-btn-480 .block-btn .btn-phone {background: url(../images/main-3.png) 0 0 repeat-x;}
	.slider-btn-480 .block-btn .btn-phone:hover {background-position: 0 -64px;}

}

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

	.inner {width: 320px;}
	.clr-480 {display: none;}
	.clr-320 {display: block;}
	#middle {padding: 0 0 450px;}

	#header {height: 235px;}
	.header .logo {margin: 0 auto; left: auto; right: 0; top: 0; width: 100%;}
	.header .phone {top: 150px; left: 10px; right: auto;}
	.header .mail {top: 185px; left: 0; right: auto; width: 100%; line-height: 0.5;}
	.header .mail a{display: block; width: 100%; text-align: center;}

	.block-slider .title {font-size: 42px;}
	.block-slider .block-btn {width: 320px; margin-left: -160px;}
	.block-slider .block-btn .button {padding: 0 10px; font-size: 16px;}
	.block-title h2 {padding: 6px 0;}
	.block-fact .item {padding: 10px 30px;}
	.block-type .item {width: 49%;}

	.block-benef h2 {font-size: 42px; line-height: 44px;}
	.block-benef .item .image {width: 100%; float: none; margin: 0 0 10px 0;}
	.block-benef .item .text {padding-left: 0px; text-align: center;}

	.clients .item {width: 50%;}

	#footer {margin: -450px auto 0; height: 450px;}
	.footer .rass .wrap-input label {padding: 0 0 4px 0;}
	.footer .rass .wrap-input .inputbox {width: 100%;}
	.footer .rass .wrap-input-button {padding: 0px; text-align: center;}
	.footer .copyright {top: 385px; font-size: 13px; left: 10px;}
	.footer .fs {top: 410px; left: 10px;}
	.footer .block-phone {left: 10px;}
	.footer .mail {left: 10px;}
	.footer .block-btn {top: 10px;}
	.footer .block-btn .small-btn {width: 30px; height: 30px;}

	.manager, .recall, .answer {width: 240px; padding: 10px;}
	.manager h2, .recall h2, .answer h2 {padding: 0 0 10px; font-size: 26px; line-height: 28px;}
	.manager .wrap-input label, .recall .wrap-input label, .answer label {font-size: 18px;}
	.manager .wrap-input, .recall .wrap-input {margin-bottom: 15px;}
	.manager .wrap-input-button .button, .recall .wrap-input-button .button, .answer .button {font-size: 16px;}
	.manager .wrap-input-radio label, .recall .wrap-input-radio label {width: 100%;}
	.jq-selectbox__dropdown {width: 200px !important;}
	
	.blog.services .item{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #1cabac; max-height: inherit;}
	.blog.services .item .image, .blog.services .item .text{width:100%;}
	.blog.services .item:nth-child(2n) .text{text-align: left;};
}