@font-face {
	font-family: 'Roboto', 'robotoregular';
	src: url('../fonts/roboto-light-webfont.eot');
	src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-light-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-light-webfont.woff') format('woff'),
		 url('../fonts/roboto-light-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-light-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular_italic';
	src: url('../fonts/roboto-lightitalic-webfont.eot');
	src: url('roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-lightitalic-webfont.woff') format('woff'),
		 url('../fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-lightitalic-webfont.svg#robotoregular_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto', 'robotoregular';
	src: url('../fonts/roboto-regular-webfont.eot');
	src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-regular-webfont.woff') format('woff'),
		 url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium';
	src: url('../fonts/roboto-medium-webfont.eot');
	src: url('roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-medium-webfont.woff') format('woff'),
		 url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold';
	src: url('../fonts/roboto-bold-webfont.eot');
	src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-bold-webfont.woff') format('woff'),
		 url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-Thin.eot');
	src: local('Geometria Thin'), local('Geometria-Thin'),
		url('../font/Geometria-Thin.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-Thin.woff') format('woff'),
		url('../font/Geometria-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-MediumItalic.eot');
	src: local('Geometria MediumItalic'), local('Geometria-MediumItalic'),
		url('../font/Geometria-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-MediumItalic.woff') format('woff'),
		url('../font/Geometria-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-Italic.eot');
	src: local('Geometria Italic'), local('Geometria-Italic'),
		url('../font/Geometria-Italic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-Italic.woff') format('woff'),
		url('../font/Geometria-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-Heavy.eot');
	src: local('Geometria Heavy'), local('Geometria-Heavy'),
		url('../font/Geometria-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-Heavy.woff') format('woff'),
		url('../font/Geometria-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-ExtraBoldItalic.eot');
	src: local('Geometria ExtraBoldItalic'), local('Geometria-ExtraBoldItalic'),
		url('../font/Geometria-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-ExtraBoldItalic.woff') format('woff'),
		url('../font/Geometria-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-Medium.eot');
	src: local('Geometria Medium'), local('Geometria-Medium'),
		url('../font/Geometria-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-Medium.woff') format('woff'),
		url('../font/Geometria-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-BoldItalic.eot');
	src: local('Geometria BoldItalic'), local('Geometria-BoldItalic'),
		url('../font/Geometria-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-BoldItalic.woff') format('woff'),
		url('../font/Geometria-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-LightItalic.eot');
	src: local('Geometria LightItalic'), local('Geometria-LightItalic'),
		url('../font/Geometria-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-LightItalic.woff') format('woff'),
		url('../font/Geometria-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-HeavyItalic.eot');
	src: local('Geometria HeavyItalic'), local('Geometria-HeavyItalic'),
		url('../font/Geometria-HeavyItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-HeavyItalic.woff') format('woff'),
		url('../font/Geometria-HeavyItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria.eot');
	src: local('Geometria'),
		url('../font/Geometria.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria.woff') format('woff'),
		url('../font/Geometria.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria-Bold';
	src: url('../font/Geometria-Bold.eot');
	src: local('Geometria Bold'), local('Geometria-Bold'),
		url('../font/Geometria-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-Bold.woff') format('woff'),
		url('../font/Geometria-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-ExtraBold.eot');
	src: local('Geometria ExtraBold'), local('Geometria-ExtraBold'),
		url('../font/Geometria-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-ExtraBold.woff') format('woff'),
		url('../font/Geometria-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-ThinItalic.eot');
	src: local('Geometria ThinItalic'), local('Geometria-ThinItalic'),
		url('../font/Geometria-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-ThinItalic.woff') format('woff'),
		url('../font/Geometria-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria';
	src: url('../font/Geometria-ExtraLightItalic.eot');
	src: local('Geometria ExtraLightItalic'), local('Geometria-ExtraLightItalic'),
		url('../font/Geometria-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-ExtraLightItalic.woff') format('woff'),
		url('../font/Geometria-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Geometria-Light';
	src: url('../font/Geometria-Light.eot');
	src: local('Geometria Light'), local('Geometria-Light'),
		url('../font/Geometria-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-Light.woff') format('woff'),
		url('../font/Geometria-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Geometria-ExtraLight';
	src: url('../font/Geometria-ExtraLight.eot');
	src: local('Geometria ExtraLight'), local('Geometria-ExtraLight'),
		url('../font/Geometria-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../font/Geometria-ExtraLight.woff') format('woff'),
		url('../font/Geometria-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

/* min reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Geometria';
	vertical-align: baseline;
}
img {
margin-right: 10px;
margin-left: 10px;
}
a.glo{
 color:#00c6ff;
 padding: 10px 20px;
 width:200px;
 text-decoration:none;
 text-align:center;
 margin:10px auto;
 display: block;
 background-image: linear-gradient(to left,transparent,transparent 50%,#00c6ff 50%,#00c6ff);
 background-position: 100% 0;
 background-size: 200% 100%;
 transition: all .25s ease-in;
 font: 400 18px tahoma;
 border: 1px solid #00C6FF;
}
a.glo:hover {
background-position: 0 0;
color:#fff;
}/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	 border-collapse: collapse;
	border-spacing: 0;
}
/* Common site styles */
body {
	color:#222;
	font-family: 'Geometria';
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	min-width:320px;
	position:relative;
}
input [type="email"], input [type="tel"], input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea{-webkit-appearance:none;}
a{
	color:#0ca2ce;
	text-decoration: none;
}
a:hover{text-decoration:none;}
input,
input:focus,
textarea,
textarea:focus,
a{outline:none !important;}

input::-webkit-input-placeholder { opacity:1; color:#cdcdcd; font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif;}
input:-moz-placeholder {opacity:1; color:#cdcdcd; font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif;}
input::-moz-placeholder {opacity:1; color:#cdcdcd; font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif;}
input:-ms-input-placeholder {opacity:1; color:#cdcdcd; font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif;}
input:focus::-webkit-input-placeholder {color: transparent !important; opacity:0;}
input:focus:-moz-placeholder {color: transparent !important; opacity:0;}
input:focus::-moz-placeholder {color: transparent !important; opacity:0;}
input:focus:-ms-input-placeholder {color: transparent !important; opacity:0;}

input{
	margin:0;
	padding:10px 17px;
	font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif;
	color:#979797;
	border:1px solid #cdcdcd;
	background:#fff;
	height:40px;
}
textarea{
	margin:0;
	padding:10px 17px;
	font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif;
	/*color:#c5c5c5 !important;*/
	color:#000000;
	border:1px solid #cdcdcd;
	background:#fff;
}

u {
	text-decoration-color: #fdcb16;
}
#wrapper{
	position:relative;
	overflow:hidden;
	width:100%;

}

.hr-washed {
    border: 0;
height: 1px;
background: #fdcb16;
background-image: -webkit-linear-gradient(left, #fff, #fdcb16, #fff);
background-image: -moz-linear-gradient(left, #fff, #fdcb16, #fff);
background-image: -ms-linear-gradient(left, #fff, #fdcb16, #fff);
background-image: -o-linear-gradient(left, #fff, #fdcb16, #fff);
}

#header{
	/*padding:21px 0 0;*/
	position:relative;
	z-index:6;
}
#header:after{
	display:block;
	clear:both;
	content:"";
}

/*.area{margin:0 0 19px;}
.area:after{
	display:block;
	clear:both;
	content:"";
}
*/

.vision {
	height: 40px;
	width: 100%;
	background: #66b366;
	text-align: center;
}

.vision button {
	width: 40px;
	height: 40px;
}

.vision a {
	margin-top: 20px;
	color: white;
	font-size: 16px;
}

.vision a:hover {
	color: red;
}

#vision_open {
	height: 40px;
	width: 100%;
	background: #66b366;
	text-align: center;
	color: white;
	position: absolute;	
	z-index: 9999;
}

.logo{
	display:block;
	margin:0 0 0 8px;
	background:url(../img/logo.png) no-repeat;
	height:144px;
	width:259px;
	text-indent:-9999px;
	overflow:hidden;
}

   ul.header {
    margin: 0;
    padding-bottom: 16px; 

   }
   
   ul.header li {
   position: relative;
   display: inline-block;
   vertical-align: top;
   padding-left: 22px;
   padding-right: 22px;
   text-align: left;
   }
   
   .has_icon {
	   position: relative;
	   padding-left: 42px;
	   max-width: 300px;
   }
   
   .icon_head { 
	   position: absolute;
	   top: 8px;
	   left: -20px;
	   z-index: 1;
	   width: 70px;
}



.phone{
	position: relative;
	top: 0;
	left:30px;
	font-size:13px;
	line-height:22px;
	font-weight:normal;
	font-family: 'Geometria';
	color:#3a4454
}
.phone a{
	color:#444
}

.phone:before{
	position:absolute;
	top:4px;
	left:-55px;
	content:"";
	background:url(../img/smartphone.svg) no-repeat;
	height:50px;
	width:50px;
}

#header clock{
	display:block;
	position:relative;
	left:65px;
	font-family: 'Geometria';
	font-size:13px;
	line-height:18px;
	letter-spacing:-0.1px;
	color:#444;
}

#header clock:before{
	position:absolute;
	left:-55px;
	content:"";
	background:url(../img/clock_header.png) no-repeat;
	height:50px;
	width:50px;
}

#header clock a{
	color:#444;
}
#header clock a:hover{
	text-decoration:none;
}

#header address{
	display:block;
	left:10px;
	position:relative;
	font-family: 'Geometria';
	font-size:13px;
	line-height:18px;
	letter-spacing:-0.1px;
	color:#444;
}

#header address:before{
	position:absolute;
	top:-3px;
	left:-55px;
	content:"";
	background:url(../img/marker_header.png) no-repeat;
	height:70px;
	width:70px;
}

#header address a{
	color:#444;
}
#header address a:hover{
	text-decoration:none;
}


.anonsy div {
position:absolute;
margin-top:25%;

}

.anonsy a{
	color:#525252;
	font-size:15px;	
}

.anonsy a:hover{
	text-decoration:none;
}

@media screen and (max-width: 1700px) {
.anonsy div {
margin-top:20%;
}	
}

@media screen and (max-width: 1600px) {
.anonsy div {
margin-top:20%;
}	
}	
@media screen and (max-width: 1200px) {
.anonsy div {
margin-top:5%;
}
}	
@media screen and (max-width: 1000px) {
.anonsy div {
margin-top:9%;
}
}
@media screen and (max-width: 800px) {
.anonsy div {
margin-top:-4%;
}
}
@media screen and (max-width: 600px) {
.anonsy div {
margin-top:-9%;
}
}


.anons{
	display:block;
	margin:33px 0 0 15px;
	position:relative;
	font-size:113px;
	line-height:22px;
	font-weight:normal;
	font-family: 'Roboto', 'robotoregular';
	color:#444
}

.btn-order{
	float:left;
	margin:48px 5px 0 20px;
	position:relative;
	font-size:15px;
	line-height:16px;
	font-family: 'Roboto', 'robotoregular';
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px dashed #f4605c;
	color:#f4605c;
}
.btn-order:hover{
	text-decoration:none;
	border-color:transparent;
	color:#f4605c;
}
.btn-order:after{
	position:absolute;
	top:1px;
	left:-24px;
	content:"";
	background:url(../images/ico-btn-order.png) no-repeat;
	height:17px;
	width:16px;
}
.btn-price{
	float:left;
	position:relative;
	margin:47px -2px 0 0;
	font-size:18px;
	line-height:16px;
	text-decoration:none;
	font-family: 'Play', sans-serif;
	letter-spacing:-0.2px;
	color:#147a92;
}
.btn-price:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.btn-price:after{
	position:absolute;
	top:-10px;
	left:-35px;
	content:"";
	background:url(../images/ico-btn-price.png) no-repeat;
	height:40px;
	width:40px;
}

/*Специалисты*/
.btn-experts{
	float:left;
	position:relative;
	margin:47px -2px 0 0;
	font-size:18px;
	line-height:16px;
	text-decoration:none;
	font-family: 'Roboto', 'robotoregular';
	letter-spacing:-0.2px;
	color:#147a92;
}
.btn-experts:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.btn-experts:after{
	position:absolute;
	top:-10px;
	left:-35px;
	content:"";
	background:url(../images/ico-btn-price.png) no-repeat;
	height:40px;
	width:40px;
}


.btn-ocenka{
	float:right;
	position:relative;
	margin:-15px -122px 0 0;
	font-size:18px;
	line-height:16px;
	text-decoration:none;
	font-family: 'Play', sans-serif;
	letter-spacing:-0.2px;
	color:#147a92;
}
.btn-ocenka:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.btn-ocenka:after{
	position:absolute;
	top:-10px;
	left:-35px;
	content:"";
	background:url(../images/like-iconka.png) no-repeat;
	height:40px;
	width:40px;
}
.btn-rezult{
	float:right;
	position:relative;
	margin: 15px -42px 0 0;
	font-size:18px;
	line-height:16px;
	text-decoration:none;
	font-family: 'Play', sans-serif;
	letter-spacing:-0.2px;
	color:#147a92;
}
.btn-rezult:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.btn-rezult:after{
	position:absolute;
	top:-10px;
	left:-35px;
	content:"";
	background:url(../images/rezult-icon.png) no-repeat;
	height:40px;
	width:40px;
}

.btn-anonsy{
	position: absolute;
        right: -1100px;
        top: 50px;
	font-size:18px;
	line-height:16px;
	text-decoration:none;
	font-family: 'Roboto', 'robotoregular';
	letter-spacing:-0.2px;
	color:#147a92;
}
.btn-anonsy:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.btn-anonsy:after{
	position:absolute;
	top:50px;
	left:-35px;
	content:"";
	background:url(../images/like-iconka.png) no-repeat;
	height:40px;
	width:40px;
}

.nav{
	padding:1px 0;
	background:#00426b;
	width:100%;
	transition: 0.1s linear;
}

.nav:after{
	display:block;
	clear:both;
	content:"";
}
.btn-search{
	float:right;
	margin:14px 20px 0 0;
	background:url(../images/search-button.png) no-repeat;
	height:30px;
	width:30px;
	text-indent:-9999px;
	overflow:hidden;
}
.nav-holder{height:1%; margin:0 70px 0 0;}
.nav-holder:after{
	display:block;
	clear:both;
	content:"";
}
#nav{
	margin:0;
	display:table;
	width:100%;
}
#nav li{
	display:table-cell;
	text-align:center;
	font-size:16px;
	line-height:56px;
	font-family: 'Geometria';
	text-align:center;
	position:relative;
}
#nav a{
	display:block;
	padding:0 0 5px;
	text-decoration:none;
	color:#fff;
	width:100%;
}
#nav li:hover a{
	background:#fdcb16;
	text-decoration:none;
	color:#3e4150;
}
#nav a:hover{
	text-decoration:none;
	color:#40b2c7;
}
#nav li:hover .drop-menu{display:block;}
.drop-menu{
	display:none;
	position:absolute;
	top:61px;
	left:-1px;
	background:#fff;
	border:1px solid #147a90;
	width:278px;
}
#nav .drop-menu li{
	display:block;
	font-size:17px;
	line-height:25px;
	text-align:left;
	border-bottom:1px solid #147a90;
}

#nav .drop-menu li:last-child{
	border-bottom: 0px;
}
#nav .drop-menu a{
	padding:7px 30px 7px;
	color:#147a90;
} 
#nav .drop-menu a:hover, 
#nav .drop-menu li:hover a{
	background:#147a90;
	text-decoration:none;
	color:#fff;
}
#nav .drop-menu li:hover .drop-menu2{display:block;}
.drop-menu2{
	display:none;
	position:absolute;
	top:-1px;
	left:276px;
	background:#fff;
	border:1px solid #234587;
	width:278px;
}
#nav .drop-menu li:hover .drop-menu2 a{
	background:#fff;
	color:#40b2c7;
}
#nav .drop-menu li .drop-menu2 a:hover{
	background:#0ca2ce;
	text-decoration:none;
	color:#fff;
}

@media (max-width:1200px){
	#nav li {
		font-size: 13px;
	}
	
	ul.header {
		font-size: 10px;
	}

	.has_icon {
		padding-left: 20px
	}

	.icon_head {
		width: 50px;
	}		
}



#main{
	margin:0 0 52px;
	width:100%;
	overflow:hidden;
	min-height: 520px;

}
.promo{
	width:100%;
	overflow:hidden;
}
.slideshow-area{
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	z-index:5;
	width:100%;
}


.promo-box{
	margin:0 auto;
	max-width:1200px;
}
.promo-box strong{
	display:block;
	margin:0 0 18px;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	font-family: 'Roboto', 'robotoregular';
	color:#000;
}

/*
.nav-bar li{
	position:relative;
	margin:0 0 3px;
	font-size:14px;
	font-family: 'Geometria-ExtraLight';
	vertical-align:middle;
	display: inline-block;
	
}
*/

.nav-bar li{
	position:relative;
	font-size:15px;
	font-family: 'Geometria-ExtraLight';
	vertical-align:middle;
	margin-bottom: 3px;
	display: inline-block;
	
}

.nav-bar li:nth-child(1) {
	background: #5576ab;
}

.nav-bar li:nth-child(2) {
	background: #5576ab;
}

.nav-bar li:nth-child(3) {
	background: #5576ab;

}
.nav-bar li:nth-child(4) {
	background: #5576ab;
}

.nav-bar li:nth-child(5) {
	background: #5576ab;
}

.nav-bar li:nth-child(6) {
	background: #5576ab;

}
.nav-bar li:nth-child(7) {
	background: #5576ab;
}




.nav-bar {
	margin-left: 5px;
	position: absolute;
}


.nav-bar a{
	display:table-cell;
	padding:3px;
	text-decoration:none;
	color:#fff;
	min-height:44px;
	position:relative;
	height: 72px;
	width: 250px;
	text-align: center;
	overflow-x:hidden;
	vertical-align:middle; 
	transition: 0.1s linear;
}
/*
	.nav-bar a span{
    position: absolute;
}
*/
.nav-bar a:hover, 
.nav-bar li.active a, 
.nav-bar li:hover a{
	text-decoration:none;
	color:#fff;
	transition: 0.2s linear;
	transform: scale(1.2);
	font-size:14px;
	z-index: 99999;
	text-align: center;
	padding: 1px;
	font-family: 'Geometria-ExtraLight';
}

.nav-bar li:hover:nth-child(1) a{
	background: #5576ab;
}

.nav-bar li:hover:nth-child(2) a{
	background: #5576ab;
}

.nav-bar li:hover:nth-child(3) a{
	background: #5576ab;

}
.nav-bar li:hover:nth-child(4) a{
	background: #5576ab;
}

.nav-bar li:hover:nth-child(5) a{
	background: #5576ab;
}

.nav-bar li:hover:nth-child(6) a{
	background: #5576ab;

}
.nav-bar li:hover:nth-child(7) a{
	background: #5576ab;
}



#sidebar .nav-bar .slide-ac{padding:11px 0 0;}
#sidebar .nav-bar .slide-ac ul li{
	position:relative;
	margin:0 0 10px;
	padding:0 0 0 38px;
	font-size:15px;
	line-height:20px;
	font-family: 'Roboto', 'robotoregular';
}
#sidebar .nav-bar .slide-ac ul a{
	display:block;
	background:none;
	border-radius:0;
	padding:0;
	text-decoration:none;
	min-height:0;
	color:#147a90;
}
#sidebar .nav-bar .slide-ac ul a:hover{
	text-decoration:none;
	color:#0ca2ce;
}
.slideshow {
	position:relative;
	overflow: hidden;
	width:900px;
	margin-left: auto;
	margin-right: 0;
}
.slideshow .gmask{
	position: relative;
	overflow: hidden;
	z-index:4;
}
.slideshow .gmask .slideset {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width:100%;
}



.slideshow .gmask .slide {
	
	position: absolute;
	width:100%;
	font-size:34px;
	line-height:30px;
	font-family: 'Roboto', 'robotoregular';
	color:#147a90;

}

.slide{
	background-size: contain;
	/*background: #fff;*/
	background-position: center center; 
	z-index: -9999;
}

.slideshow .gmask .slide.active {z-index: 5;}
.slide-1, .slide-2, .slide-3{
    height: 520px;
}

.slideshow .slide-box{padding:25px 0 0;}
.slide-area{padding:130px 0 0 0;z-index: 5;}
.slideshow .slide strong{
	display:block;
	margin:0 0 21px;
	font-size:40px;
	line-height:40px;
	font-weight:normal;
	/*font-family: 'Roboto', 'robotoregular';*/
	text-transform:none;
	color:#444444;

}

.slideshow .slide strong.heading{
	margin:0 0 17px;
	font-size:24px;
	line-height:26px;
	text-transform:none;
	font-family: 'Roboto', 'robotoregular';
}

.slideshow .slide strong span{
	font-size:36px;
	font-family: 'Roboto', 'robotoregular';
}


.slideshow .slide p{margin:0 0 270px;}

 div.more{
	display:block;
	background: rgba(85,118,171,0.9);
	font-size:24px;
	line-height:64px;
	text-decoration:none;
	text-align:center;
	width:100%;
	color:#fff;
	position:relative;
	float:right;
	z-index:9;
	border: 2px solid #fff;
	font-family: 'Geometria-Light';
	text-shadow: 1px 0 1px #3e4150, 
				 0 1px 1px #3e4150, 
				 -1px 0 1px #3e4150, 
				 0 -1px 1px #3e4150;
	border-radius: 4px;	
	top: 20px;
			 

}




.slideshow .slide .more a{
	color: white;
}

/*.slideshow .slide a.more{
	font-family: 'Play', sans-serif;
	margin-top: -35px;
	display:block;
	padding:0 0 2px;
	background:#147a92;
	font-size:30px;
	line-height:64px;
	text-decoration:none;
	text-align:center;
	width:100%;
	color:#fff;
	position:relative;
	z-index:6;

}
*/
.slideshow .slide a.more:hover{
	background:#147a92;
	opacity:0.8;
	text-decoration:none;
	color:#fff;
}
.slideshow .btn-prev, 
.slideshow .btn-next{
	position:absolute;
	top:50%;	   
	/*left:20px;*/
	border-radius: 0 100% 100% 0 / 0 50% 50% 0;
	overflow:hidden;
	height:60px;
	width:35px;
	z-index:9;
	background-color: #5576ab;
	content: '\260E';
}
.slideshow .btn-next{
	left:auto;
	right: 0px;
	border-radius: 100% 0 0 100% / 50% 0 0 50%;
	background-color: #5576ab;
	width: 35px;
	height: 60px;
	content: '\260E';
}

.slideshow .btn-prev:before {
	content: '\2190';
	font-size: 40px;
	color: white;
	margin-left: 1px;
}

.slideshow .btn-next:before {
	content: '\2192';
	position: absolute;
	font-size: 40px;
	color: white;
	margin-left: 5px;
}
/*
	.slideshow .btn-prev{
	left:28%;
}
*/

 .testtesttest {
	background: red;
	height: auto;
	z-index: 6;
	position: relative;
}


.menu_bottom {
width: 190px;
    text-align: center;
    margin: 0 auto;
    height: 150px;
    display: inline-block;

	

}


.wrapper-about {
    overflow: hidden;
    text-align: center;
}
.otp-about {
    text-align: center;
    margin: 0 auto;
    height: 150px;
    display: inline-block;
}

.otp-about div{
    font-size: 12px;
	position: relative;
	overflow: hidden;
	display: block;
}

.text-about {
	font-size: 12px;
	position: absolute;
}
.siteSection {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1160px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about_us {
	font-family: 'Geometria';
}



	
 @media only screen and (max-width:1350px){.slideshow .btn-prev{left:29%;}}
.links, .links-main{
    margin: 135px 0 0;
}
.links a, .links-main a{

	float:left;
	margin:0 18px 0 0;
	padding:0 0 5px;
	background:#0ca2ce;
	font-size:15px;
	line-height:68px;
	font-family: 'Roboto', 'robotoregular';
	text-transform:uppercase;
	text-decoration:none;
	border-radius:4px;
	color:#fff;
	text-align:center;
	width:371px;
}
.links a:hover, .links-main a:hover{
	opacity:0.8;
	text-decoration:none;
	color:#fff;
}
.block{
	width:100%;
	font-size:15px;
	line-height:22px;
	font-family: 'Roboto', 'robotoregular';
	color:#5b6573;
}


@media only screen and (max-width:1200px) {
	div.more {
		font-size: 18px;
		text-align: right;
		width: auto;
		padding: 10px;
	}
	.slideshow .btn-prev {
		left: 25%;
	}
}

.block img{
	float:left;
	margin:4px 17px 0 23px;
}
.block-holder{
	height:1%;
	overflow:hidden;
}
.block-holder strong, .block-holder strong a{
	display:block;
	margin:0 0 9px;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	font-family: 'robotomedium';
	color:#000;
}
.box{
	width:100%;
	position: relative;
    
	}
.box strong{
	display:block;
	margin:0 0 30px;
	text-align:center;
	font-size:25px;
	line-height:32px;
	font-weight:normal;
	font-family: 'Play', sans-serif;
	color:#3a4454;
}

.onetwo {
	max-width: 800px;
}

.threefour {
	border-bottom: 3px solid #004CA3;
	position: absolute;
	top: -40px;
	font-size: 20px;
	
}

.fivesix {
	max-width: 300px;
	width: 300px;
	right: 40px;
	position: absolute;

}


.title_name {
	left: 0;
	font-size: 24px;
	font-family: 'Geometria-Light';
	position: relative;
	top: 5px;
	border-bottom: 3px solid #5576ab;
	display: inline-block;
}

@media only screen and (max-width:1200px) {
	.fivesix {
		right: 0;
		max-width: 600px;
		position: relative;
	}
}

/* --------------- Нумерованный список ---------*/
.tespigamilopan {
    margin: 20px 0 0;
    padding:0;
    list-style: none;
    counter-reset: li;
}
.tespigamilopan li {
    border: 1px solid #3e4150;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    padding: 16px 10px;
    font-family: 'Geometria';
    font-weight: 400;
}
.tespigamilopan li:hover {
    z-index: 1;
}
.tespigamilopan li:before {
    border: 2px solid #fdcb16;
    position: absolute;
    top: -14px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #3e4150;
    background: #F7FAFD;
    counter-increment: li;
    content: counter(li);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.tespigamilopan li:hover:before {
	border-radius: 50%;
	border: 2px solid #3e4150;
    background: #fdcb16;
    color: #3e4150;
    -webkit-transform: translate(-12px, 0);
    -ms-transform: translate(-12px, 0);
    -o-transform: translate(-12px, 0);
    transform: translate(-12px, 0);
}
.tespigamilopan li:after {
    content: "";
    position: absolute;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: width;
    transition-property: width;
    z-index: -1;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}
.tespigamilopan li:hover:after {
    width: 100%;
}
/* --------------- Конец ---------*/

/* --------------- СМИ о нас ---------*/
.smi {
	position: relative;
    margin: 0 auto;
    width: 100px;

}


.smi li {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    font-family: 'Geometria';
    font-weight: 400;   
    text-align: center;
    transition: 0.2s linear;
    
}

.smi li span {
	position:absolute;
	bottom:0;
	left: 0;
}

.smi li:hover {
	transition: 0.2s linear;
	transform: scale(1.2);
}

.smi li:nth-child(1) {
	background: url('../img/video.svg');
	position: relative;
	padding: 50px;
}

.smi li:nth-child(2) {
	background: url('../img/newspaper.svg');
}
/* --------------- Конец ---------*/

/* --------------- КАРУСЕЛЬ --------------*/

.important_info {
	white-space: nowrap;
	overflow-x: auto;
	width: 90%;
	margin: 0 auto;
}

.important_info::-webkit-scrollbar {
  display: none;
}

.important_block {
	display: inline-block;
	padding: 10px;
	width: 200px;
	transition: 999999s;
	text-align: center;
	
}

.important_text {
	white-space: normal;
	position: relative;
	display: -webkit-box;
	left: 9px;
	font-family: 'Geometria';
}

.important_block img{
	max-width:100%;
	height:auto;
	transition: 999999s; 
}

.important_arrow_right {
	position:absolute;
	top:62px;
	right:16px;
	content:"";
	background:url(../img/right-arrow.svg) no-repeat;
	height:38px;
	width:38px;
	z-index: 99999;
	cursor: pointer;
	
}

.important_arrow_left {
	position:absolute;
	top:62px;
	left:16px;
	content:"";
	background:url(../img/left-arrow.svg) no-repeat;
	height:38px;
	width:38px;
	z-index: 99999;
	cursor: pointer;
	
}



.important_arrow_left:hover ~ .important_block, .important_arrow_right:hover ~ .important_block {transition: 1s linear;}
.important_arrow_left:hover ~ .important_block {transform: translateX(0);}
.important_arrow_right:hover ~ .important_block {transform: translateX(-130em);}

.important_arrow_left:active ~ .important_block, .important_arrow_right:active ~ .important_block {transition: 1s linear;}
.important_arrow_left:active ~ .important_block {transform: translateX(0);}
.important_arrow_right:active ~ .important_block {transform: translateX(-130em);}



/* --------------- КОНЕЦ --------------*/

.about_block {
	font-family: 'Geometria-Light';
}

/*Рекламный баннер*/
.block_rek{
	margin:0 0 41px;
	padding:28px 0 20px;
	width:100%;
	font-size:15px;
	line-height:22px;
	font-family: 'Roboto', 'robotoregular';
	color:#5b6573;
}

.block_rek_cont {
	
	padding: 10px;
}
.block_rek img{
	width:60%;
	float:none;
	margin:4px 17px 0 73px;
}
.block-holder_rek{
	height:1%;
	overflow:hidden;
	display: inline-block;
}
.block-holder_rek strong, .block-holder_rek strong a{

	margin:0 0 9px;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	font-family: 'Geometria';
}
/*Конец*/
/*Второй рекламный баннер*/
.block_rek_dop{
	margin:0 0 41px;
	padding:28px 0 20px;
	width:100%;
	font-size:15px;
	line-height:22px;
	font-family: 'Roboto', 'robotoregular';
	color:#5b6573;
}
.block_rek_dop img{
	width:80px;
	height: 80px;
	float:none;
	margin:4px 17px 0 73px;
}
.block-holder_rek_dop{
	height:1%;
	overflow:hidden;
}
.block-holder_rek_dop strong, .block-holder_rek_dop strong a{
	display:block;
	margin:0 0 9px;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	font-family: 'robotomedium';
	color:#000;
}
/*Конец*/
.box strong span{font-family: 'robotomedium';}
.box-nav{
	margin:0 0 10px -30px;
	overflow:hidden;
}

.box-nav li{
	float:left;
	margin:0 0 27px 30px;
	width:370px;
	font-size:17px;
	line-height:18px;
	font-family: 'Roboto', 'robotoregular';
}
.box-nav a{
	display:block;
	position:relative;
	padding:0 70px 0 31px;
	background:#1a3e82;
	height:73px;
	text-decoration:none;
	border-radius:4px;
	color:#fff;
}
.box-nav a:after{
	position:absolute;
	top:22px;
	right:16px;
	content:"";
	background:url(../images/ico-plus.png) no-repeat;
	height:28px;
	width:28px;
}
.box-nav a span{
	position:absolute;
	top:50%;
	left:31px;
	right:70px;
	transform:translate(0,-50%);
}
.box-nav a:hover{
	opacity:0.8;
	text-decoration:none;
	color:#fff;
}
.map{margin:0 0 47px;}
.map img{
	display:block;
	margin:0 auto;
}
.question{margin:0 0 78px;}
.question-panel{
	margin:0 0 29px;
	width:100%;
	overflow:hidden;
}
.question-panel strong{
	float:left;
	margin:0 10px 0 0;
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	font-family: 'robotomedium';
	color:#000;
}
.question-panel strong span{font-family: 'Roboto', 'robotoregular';}
.question-panel a{
	float:right;
	margin:13px 4px 0 0;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px dashed #0ca2ce;
	color:#0ca2ce;
}
.question-panel a:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.sub-decor{text-align:center;}
.decor{
	position:relative;
	background:#e7eaee;
	margin:0 0 21px;
	padding:16px 15px 14px 53px;
	border-radius:3px;
	font-size:15px;
	line-height:22px;
	font-family: 'Roboto','robotoregular';
	font-style: italic;
	font-weight:300;
	letter-spacing:-0.2px;
	text-align:left;
	color:#222;
}
/*
.decor:before{
	position:absolute;
	top:19px;
	left:15px;
	content:"";
	background:url(../images/bg-decor-before.png) no-repeat;
	height:19px;
	width:27px;
}
*/
.decor:after{
	position:absolute;
	bottom:-13px;
	left:50%;
	content:"";
	margin:0 0 0 -14px;
	height:13px;
	width:28px;
	background:url(../images/bg-decor-after.jpg) no-repeat;
}


.sub-decor a{
	margin:0 auto;
	display:inline-block;
	font-size:17px;
	line-height:22px;
	font-family: 'robotomedium';
	text-decoration:none;
	color:#0ca2ce;
	max-width:267px;
}
.sub-decor a:hover{color:#0ca2ce;}
.error{
	background:#147a92;
	padding:19px 0 24px;
	width:100%;
	overflow:hidden;
}
.error-box{padding:1px 0 0 54px;}
.error-box strong{
	display:block;
	margin:0 0 3px;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	font-family: 'Roboto', 'robotoregular';
	color:#fff;
}
.error-box span{
	display:block;
	margin:0 0 0 3px;
	font-size:15px;
	line-height:16px;
	font-family: 'Roboto', 'robotoregular';
	color:#a6b0c0;
}
.social{
	float:right;
	margin:2px 0 0;
}
.social li{
	float:left;
	margin:0 0 0 15px;
	font-size:15px;
	line-height:46px;
	font-family: 'Roboto', 'robotoregular';
	color:#b5bdc9;
}
.social li img{float:left;}
.social li img:hover{opacity:0.8;}
.breadcrumbs{
	position: relative;
	overflow:hidden;
	padding-top: 10px;
}
.breadcrumbs li{
	float:left;
	margin:0 11px 0 0;
	padding:0 0 0 19px;
	background:url(../images/separator.png) no-repeat 2px 3px;
	font-size:13px;
	line-height:14px;
	font-family: 'Roboto', 'robotoregular';
	color:#1a3e82;
}
.breadcrumbs li:first-child{
	background:none;
	padding:0;
}
.breadcrumbs a{
	text-decoration:none;
	color:#66b366;
}
.breadcrumbs a:hover{text-decoration:none;}
#sidebar .nav-bar{margin:0 0 50px;}
#sidebar .nav-bar li{margin:0 0 17px;}
#sidebar .nav-bar a{min-height:35px;}
#sidebar .question{margin:0 0 68px;}
#sidebar .question-panel strong{
	font-size:24px;
	line-height:26px;
}
#sidebar .question-panel a{margin:7px 0 0;}
#sidebar .question-panel{margin:0 0 19px;}
#sidebar .decor{
	margin:0 0 19px;
	padding:15px 15px 13px 38px;
}
#sidebar .decor:before{
	position:absolute;
	top:18px;
	left:6px;
	content:"";
	background:url(../images/bg-decor-before2.png) no-repeat;
	height:14px;
	width:21px;
}
.newsletter{margin:0 0 20px;}
.newsletter strong{
	display:block;
	margin:0 0 16px;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	font-family: 'Roboto', 'robotoregular';
	color:#000;
}
.newsletter-holder{
	width:100%;
	overflow:hidden;
}
.newsletter input{
	float:left;
	margin:0 1px 0 0;
	padding:11px 19px 12px;
	border:1px solid #b6beca;
	height:43px;
	width:calc(100% - 42px);
	font-size:15px;
	line-height:20px;
	font-family: 'Roboto', 'robotoregular';
	border-radius:2px;
	color:#b6beca;
	background:none;
}
.newsletter input.btn-newsletter{
	margin:0;
	padding:0 0 3px;
	background:#0ca2ce;
	border:none;
	height:43px;
	width:41px;
	font-size:15px;
	font-family: 'Roboto', 'robotoregular';
	text-align:center;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:3px;
}
.newsletter input.btn-newsletter:hover{opacity:0.8;}
#content{
	overflow: auto;
        height: 100%;
	
	font-size:15px;
	line-height:24px; 
	
	
} 
@media (min-width:1200px){
	#content{
		width:750px;
		}
	ul.header li {
	font-size: 13px;
	}	
		
}
@media (min-width:1700px)
{#content{width:850px;}}
#content h1{
	font-family: 'Geometria';
	font-weight: 400;
	font-size:24px;
	text-align: center;
	line-height:32px;
	color:#3e4150;
}
#content h1 {
  overflow: hidden;
}
#content h1:before,
#content h1:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  background: #fdcb16;
  border: solid #FFF;
  border-width: 0 10px;
}
#content h1:before {
  /* смещаем левую линию влево отрицательным отступом, равным 100% ширины
  ** благодаря этому линия встает слева от текста
  */
  margin-left: -100%;
}
#content h1:after {
  /* смещаем правую линию вправо отрицательным отступом, равным 100% ширины
  ** благодаря этому линия встает справа от текста
  */
  margin-right: -100%;
}
.container-tab{
	max-width:800px;
	padding:0 20px;
}
/* TABS */
.accordion-tabs {
	*zoom: 1;
	width: 100%;
	border: 1px solid #dddddd;
	border-radius: 0.1875em;
	margin-bottom: 1.5em; 
	margin-left:0;
	padding-left:0;
}
    .accordion-tabs:before, 
	.accordion-tabs:after {
		content: " ";
		display: table;
	}
    .accordion-tabs:after {
		clear: both; 
	}
		.accordion-tabs li{
			list-style:none;
		}
			.accordion-tabs li.tab-head-cont:first-child a {
				border-top-left-radius: 0.1875em;
				border-top-right-radius: 0.1875em;
				border-top: 0;
			}
			.accordion-tabs li.tab-head-cont:last-child a {
				border-bottom-left-radius: 0.1875em;
				border-bottom-right-radius: 0.1875em; 
			}
			.accordion-tabs li.tab-head-cont a {
				text-decoration:none;
				border-top: 1px solid #dddddd;
				color: #888888;
				display: block;
				padding: 0.75em 0.809em;
			}
			.accordion-tabs li.tab-head-cont a:hover {
				color: #000000;
			}
			.accordion-tabs li.tab-head-cont a:focus {
				outline: none;
			}
			.accordion-tabs li.tab-head-cont a.is-active {
				background-color: #f7f7f7;
				border-bottom: 0; 
				color:#333333;
			}
		.accordion-tabs li.tab-head-cont section {
			padding: 1.5em 1.618em;
			background: #f7f7f7;
			display: none;
			overflow: hidden;
			width: 100%; 
		}

/* RESPONSIVE */
@media screen and (min-width: 40em) {
	.accordion-tabs {
		border: none;
		position: relative; 
	}
		.accordion-tabs li.tab-head-cont {
			display: inline; 
		}
			.accordion-tabs li.tab-head-cont:last-child a {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			} 
			.accordion-tabs li.tab-head-cont a {
				display: inline-block;
				vertical-align: baseline;
				zoom: 1;
				*display: inline;
				*vertical-align: auto;
				border-top: 0;
				border-top-right-radius: 0.1875em;
				border-top-left-radius: 0.1875em; 
			} 
			.accordion-tabs li.tab-head-cont a.is-active {
				background-color: #f7f7f7;
				border: 1px solid #dddddd;
				border-bottom: 1px solid #f7f7f7;
				margin-bottom: -1px; 
			}
			.accordion-tabs li.tab-head-cont section {
				border-bottom-left-radius: 0.1875em;
				border-bottom-right-radius: 0.1875em;
				border: 1px solid #dddddd;
				float: left;
				left: 0;
				padding: 0.75em 0.809em;
			}
				.accordion-tabs li.tab-head-cont section p {
					-webkit-columns: 2;
					-moz-columns: 2;
					columns: 2;
				}
}
.content_fb {
	position: relative;
}

.feedback {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}

.feedback_cont {
	margin: 20px;
}

.feedback label{
	margin-left: 10px;
	display: block;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
}

.feedback input {
	min-width: 400px;
	background: #F7F7F7;
	border: none;
	border-radius: 10px;
	box-shadow:1px 1px 8px 0px rgba(0,0,0,0.46);
	-webkit-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.46);
	-moz-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.46);
}

.feedback textarea {
	min-width: 400px;
	min-height: 300px;
	background: #F7F7F7;
	border: none;
	border-radius: 10px;
	box-shadow:1px 1px 8px 0px rgba(0,0,0,0.46);
	-webkit-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.46);
	-moz-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.46);
	resize: none;
}

.feedback button {
	width: 150px;
	background: #66b366;
	color: white;
	border: none;
	border-radius: 5px;
	height: 50px;
	margin-left: 20px;
	font-size: 18px;
	box-shadow:1px 1px 8px 0px rgba(0,0,0,0.26);
	-webkit-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.26);
	-moz-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.26);
}

.feedback button:hover {
	background: #4F8D4F;
}

.count_fb {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 7%;
	color: #00426b;
	border-radius: 5px;
	font-size: 20px;

}

.feedback .warning {
	position: absolute;
	right: 0;
	font-size: 16px;
}


#content p{margin: 20px 0 20px;}
.textbox{
	font-family: 'Roboto', 'robotoregular';
	font-style: italic;
	font-size:17px;
	line-height:24px;
}
#content h2{
	margin:0 0 15px;
	font-size:24px;
	line-height:26px;
	color:#000;
}
.nav-list{margin:-4px 0 35px;}
.nav-list li{
	position:relative;
	margin:0 0 22px;
	padding:0 0 0 52px;
	background:url(../images/arrow.png) no-repeat 7px 2px;
}
.naving{
	margin:0 0 52px;
	padding:10px 0 0;
}
.naving li{
	margin:0 0 22px;
	width:100%;
	overflow:hidden;
	color:#222;
}
.naving li strong{
	float:left;
	margin:-2px 28px 0 0;
	width:23px;
	text-align:right;
	font-size:26px;
	line-height:28px;
	position:relative;
	font-family: 'robotobold';
	color:#0ca2ce;
}
.naving li strong:after{
	position:absolute;
	top:13px;
	right:-14px;
	content:"";
	background:#0ca2ce;
	height:1px;
	width:6px;
}
.naving li em{
	float:left;
	margin:0 14px 0 0;
	color:#0ca2ce;
}
.naving li span{
	height:1%;
	overflow:hidden;
}
#content h3{
	margin:0 0 11px;
	font-size:20px;
	line-height:22px;
	color:#3e4150;
}
.content-table{
	margin:0 0 51px;
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
}
.content-table tr, 
.content-table tr td{
	margin:0;
	padding:0;
	border:none;
}
.content-table tr td{
	padding:13px 28px 20px !important;
	border:2px solid #fff;
	line-height:24px !important;
	vertical-align:middle !important;
}
.content-table tr td.wid{
	width:23%;
	text-align:center;
}
.content-table thead tr{
	background:#1a3e82;
	color:#fff;
	text-align:center;
}
.content-table thead tr td{padding:5px 28px 6px !important;}
.content-table tr.color{background:#f0f3f6;}
.text-block{
	margin:0 0 25px;
	font-size:15px;
	line-height:24px;
	color:#222;
}
.text-block h1{
	display:block;
	margin:0 0 22px;
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	font-family: 'Roboto', 'robotoregular';
	color:#000;
}
.text-block-holder{
	width:100%;
	overflow:hidden;
	text-align:justify;
}
.text-block-holder img{
	float:right;
	margin:4px 0 10px 30px;
	border-radius:2px;
}
.text-cite{
	margin:0 0 31px;
	padding:19px 22px 10px 99px;
	position:relative;
	border:1px solid #0ca2ce;
	border-radius:4px;
	font-size:15px;
	line-height:22px;
	font-family: 'robotomedium';
	font-style:italic;
	color:#0ca2ce;
	text-align:justify;
}
.text-cite:after{
	position:absolute;
	top:24px;
	left:21px;
	content:"";
	background:url(../images/bg-box-cite.png) no-repeat;
	height:44px;
	width:60px;
}
.text-section{
	margin:0 0 47px;
	line-height:24px;
	text-align:justify;
}
.comments{
	margin:0 0 86px;
	padding:32px 0 0;
	/*border-top:1px solid #b6beca;*/
}
.comments strong{
	display:block;
	margin:0 0 16px;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	font-family: 'Roboto', 'robotoregular';
	color:#000;
}
.comments-row{
	margin:0 0 19px;
	width:100%;
}
.comments-row:after{
	display:block;
	clear:both;
	content:"";
}
.comments-row input, .comments-row select{
	border:1px solid #b6beca;
	border-radius:2px;
	font-size:15px;
	line-height:20px;
	padding: 10px 19px 11px;
	color:#000000;
	/*color:#b6beca;*/
	height:43px;
	/*width:370px;*/
	width:100%;
	max-width:370px;
}
.comments-row textarea{
	border:1px solid #b6beca;
	border-radius:2px;
	font-size:15px;
	line-height:20px;
	padding:11px 19px 13px;
	color:#000000;
	/*color:#b6beca;*/
	height:148px;
	min-height:148px;
	width:100%;
}
.comments-row-holder{
	float:left;
	margin:0 35px 10px 0;
}
.comments-row label{
	float:left;
	font-size:15px;
	line-height:28px;
	font-weight:normal;
	color:#222;
	cursor:pointer;
}
.comments-row input.btn-comments{
    background: #0ca2ce;
    padding: 0;
    margin: 0 auto;
    height: 47px;
    width: 212px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}
.comments .links{
	margin:10px 0 0;
	position:relative;
	bottom:auot;
	left:auto;
	background:#f0f3f6;
	border-radius:5px;
	padding:29px 10px 29px 55px;
	overflow:hidden;
}
.question-nav{margin:30px 0 0;}
.question-nav .accordion{
	margin:0 0 55px;
	border-top:1px solid #b6beca;
}
.question-nav .accordion li{
	border-bottom:1px solid #b6beca;
	font-size:14px;
	line-height:16px;
	font-family: 'Roboto', 'robotoregular';
}
.question-nav .accordion a{
	display:block;
	position:relative;
	padding: 1px 40px 10px 0;
	text-decoration:none;
	letter-spacing:0.1px;
	color:#3a4454;
	min-height:1px;
	font-family: 'Geometria';
}
.question-nav .accordion .after{
	position:absolute;
	margin:-24px 0 0;
	top:50%;
	right:3px;
	content:"";
	background:url(../img/plus.svg) no-repeat;
	height:35px;
	width:35px;
}


/*.question-nav .accordion .after:hover{background:url(../img/minus.svg) no-repeat;}*/
.question-nav .accordion .decor{
	margin:0 0 9px;
	padding:16px 15px 14px 47px;
}
.question-nav .accordion .decor:after{
	top:-13px;
	left:38px;
	margin:0;
	background:url(../images/bg-decor-after2.jpg) no-repeat;
	height:13px;
	width:28px;
}
#content .question-nav p{margin: 0 0 10px;}
.question-nav .accordion .decor:before{
	position:absolute;
	top:18px;
	left:17px;
	content:"";

	height:14px;
	width:21px;
}
.question-nav .comments{
	padding:0;
	border:none;
}
.paging{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.paging div{
	margin:0 0 26px;
	width:100%;
	overflow:hidden;
}
.paging div a{
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0 19px;
	padding:0 0 0 27px;
	font-size:15px;
	line-height:20px;
	font-family: 'Roboto', 'robotoregular';
	text-decoration:none;
	color:#b6beca;
}
.paging div a.paging-next{padding:0 27px 0 0;}
.paging div a.paging-prev:after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	background:url(../images/bg-paging-prev.png) no-repeat;
	height:20px;
	width:12px;
}
.paging div a.paging-next:after{
	position:absolute;
	top:0;
	right:0;
	content:"";
	background:url(../images/bg-paging-next.png) no-repeat;
	height:20px;
	width:12px;
}
.paging div a:hover{color:#1a3e82;}
.paging div a.paging-prev:hover:after{background:url(../images/bg-paging-prev.png) no-repeat 0 -20px;}
.paging div a.paging-next:hover:after{background:url(../images/bg-paging-next.png) no-repeat 0 -20px;}
.paging ul{
	width:100%;
	overflow:hidden;
}
.paging ul li{
	display:inline-block;
	vertical-align:top;
	margin:0 2px 0 3px;
}
.paging ul a{
	display:block;
	background:#e7eaee;
	height:43px;
	width:41px;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	line-height:40px;
	color:#222;
	border-radius:4px;
}
.paging ul a:hover, 
.paging ul li.active a{
	background:#3e4150;
	color:#fff;
	text-decoration:none;
}
.price-nav{margin:-9px 0 0;}
.price-nav .accordion{
	margin:0 0 55px;
	border-top:1px solid #b6beca;
}
.price-nav .accordion li{
	border-bottom:1px solid #b6beca;
	font-size:24px;
	line-height:24px;
	font-family: 'Roboto', 'robotoregular';
}
.price-nav .accordion a{
	display:block;
	position:relative;
	padding:15px 30px 15px 0;
	text-decoration:none;
	letter-spacing:0.1px;
	color:#000;
	min-height:59px;
}
.price-nav .accordion a:after{
	position:absolute;
	margin:-7px 0 0;
	top:50%;
	right:2px;
	content:"";
	background:url(../images/arrow-bot.png) no-repeat;
	height:12px;
	width:20px;
}
.price-nav .accordion li.active a:after{background:url(../images/arrow-top.png) no-repeat;}
.price-nav table{
	margin:-2px 0 0;
	padding:0;
	border-collapse:collapse;
	width:100%;
	overflow:hidden;
	font-size:15px;
	line-height:20px;
	color:#147a92;
}
.price-nav table tr, 
.price-nav table tr td{
	margin:0;
	padding:0;
}
.price-nav table td{border:2px solid #fff;}
.price-nav table thead{
	background:#147a92;
	color:#fff;
	text-align:center;
}
.price-nav table tr td{padding:19px 32px;}
.price-nav table thead tr td{padding:8px 32px 7px;}
.price-nav table em{
	display:block;
	font-size:12px;
	line-height:14px;
	color:#222;
}
.price-nav table span{
	display:block;
	text-align:center;
	white-space:nowrap;
	color:#222;
}
.price-nav table tr.color-1{background:#f0f3f6;}
.price-nav table tr.color-2{background:#f7fafd;}
.price-nav table tr.color-2 td{padding:11px 32px;}
.price-nav table tr td.wid-2{width:35%;}
.price-nav .comments, 
.dictionary .comments{
	border:none;
	padding:0;
}

*/Специалисты*/
.experts-nav{margin:-9px 0 0;}
.experts-nav .accordion{
	margin:0 0 55px;
	border-top:1px solid #b6beca;
}
.experts-nav .accordion li{
	border-bottom:1px solid #b6beca;
	font-size:24px;
	line-height:24px;
	font-family: 'Roboto', 'robotoregular';
}
.experts-nav .accordion a{
	display:block;
	position:relative;
	padding:1px 20px 10px 0;
	text-decoration:none;
	letter-spacing:0.1px;
	color:#000;
	min-height:39px;
}
.experts-nav .accordion a:after{
	position:absolute;
	margin:-7px 0 0;
	top:50%;
	right:2px;
	content:"";
	background:url(../images/arrow-bot.png) no-repeat;
	height:12px;
	width:20px;
}
.experts-nav .accordion li.active a:after{background:url(../images/arrow-top.png) no-repeat;}
.experts-nav table{
	margin:-2px 0 0;
	padding:0;
	border-collapse:collapse;
	width:100%;
	overflow:hidden;
	font-size:12px;
	line-height:12px;
	color:#147a92;
}
.experts-nav table tr, 
.experts-nav table tr td{
	margin:0;
	padding:0;
}
.experts-nav table td{border:2px solid #fff;}
.experts-nav table thead{
	background:#147a92;
	color:#fff;
	text-align:center;
}
.experts-nav table tr td{padding:1px 2px;}
.experts-nav table thead tr td{padding:8px 32px 7px;}
.experts-nav table em{
	display:block;
	font-size:12px;
	line-height:14px;
	color:#222;
}
.experts-nav table span{
	display:block;
	text-align:center;
	white-space:nowrap;
	color:#222;
}
.experts-nav table tr.color-1{background:#f0f3f6;}
.experts-nav table tr.color-2{background:#f7fafd;}
.experts-nav table tr.color-2 td{padding:11px 32px;}
.experts-nav table tr td.wid-2{width:35%;}
.experts-nav .comments, 
.dictionary .comments{
	border:none;
	padding:0;
}
/*Конец*/

.dictionary{
	margin:-9px 0 0;
	padding:37px 0 0;
	border-top:1px solid #b6beca;
}
.dictionary-panel{margin:0 0 37px;}
.btn-see-all{
	float:left;
	margin:0 9px 0 0;
	padding:0 13px 3px 14px;
	background:#0ca2ce;
	border-radius:3px;
	font-size:15px;
	line-height:40px;
	text-decoration:none;
	color:#fff;
}
.btn-see-all:hover{
	opacity:0.8px;
	text-decoration:none;
	color:#fff;
}
.dictionary-panel ul{
	height:1%;
	overflow:hidden;
}
.dictionary-panel ul li{
	float:left;
	margin:0 9px 7px 0;
	font-size:15px;
	line-height:38px;
	text-transform:uppercase;
}
.dictionary-panel ul a{
	float:left;
	padding:0 0 3px;
	background:#e7eaee;
	border:1px solid #e7eaee;
	border-radius:2px;
	text-decoration:none;
	text-align:center;
	width:41px;
	color:#222;
}
.dictionary-panel ul a:hover, 
.dictionary-panel ul li.active a{
	background:#fff;
	border:1px solid #1a3e82;
	text-decoration:none;
	color:#1a3e82;
}
.dictionary-box:after, 
.dictionary-box ul:after{
	display:block;
	clear:both;
	content:"";
}


.dictionary-box ul{margin:0 0 0 -2%;}
.dictionary-box ul li{
/*	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0 0 27px 3%;
	border:1px solid #147a90;
	border-radius:2px;
	width:46.6%;
*/




	display:inline-block;
	background: #fff;
	border:2px solid #3e4150;
	vertical-align:top;
	position:relative;
	float: left;
    margin: 0 0 27px 30px;
    width: 350px;
    font-size: 17px;
    line-height: 18px;
    font-family: 'Geometria';
	border-radius: 10px ;
}
.dictionary-box ul a.opener-ok{
/*
	display:block;
	padding:27px 50px 28px 30px;
	background:#1a3e82;
	position:relative;
	text-decoration:none;
	font-size:17px;
	line-height:30px;
	color:#fff;
	min-height:91px;
	text-decoration:none;
*/

	display: table-cell;
    /*position: relative;*/
    padding:20px 50px 20px 30px;
    /*background: #1a3e82;*/
    height: 80px;
    text-decoration: none;
    color: #3a4454;
	vertical-align: middle;
	font-size:18px;

}

.float-right{
	float:right !important;
}

.dictionary-box ul a.opener-ok:after{
	position:absolute;
	right:13px;
	margin:-8px 0 0;
	content:"";
	background:url(../img/down-arrow.svg) no-repeat;
	height:25px;
	width:25px;
}
.dictionary-box ul li .expanded a.opener-ok, .dictionary-box ul li .expanded{
	background:none;
	color:#3e4150;
}
.dictionary-box ul li .expanded a.opener-ok:after{background:url(../img/up-arrow.svg) no-repeat;}
.dictionary-box ul li .slide-ok{
	position:absolute;
	top:100%;
	left:-1px;
	right:-1px;
	margin:-18px 0 0;
	background:#fff;
	border:2px solid #3e4150;
	border-width:0 1px 1px;
	padding:0 30px 15px;
	z-index:5;
	font-size:15px;
	line-height:22px;
	color:#3a4454;
	letter-spacing:-0.2px;
}
.dictionary-box ul li .slide-ok div{
	width:1005;
	overflow:hidden;
}
#content .dictionary-box ul li .slide-ok p{margin:0 0 15px;}
.slide-more{
	float:left;
	margin:0 5px 5px 0;
	font-size:13px;
	line-height:14px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px dotted #0ca2ce;
	color:#0ca2ce;
}
.slide-more:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}
.slide-order{
	float:right;
	font-size:13px;
	line-height:14px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px dotted #f8aa05;
	color:#f8aa05;
}
.slide-order:hover{
	text-decoration:none;
	border-color:transparent;
	color:#f8aa05;
}
.contacts-panel{
	margin:-9px 0 25px;
	padding:21px 0 20px;
	background:#f0f3f6;
}
.links2{
	float:left;
	margin:0 0 0 18px;
}
.links2 li{
	float:left;
	margin:0 29px 0 0;
	font-size:15px;
	line-height:26px;
}
.links2 a{
	float:left;
	padding:0 0 0 41px;
	position:relative;
	text-decoration:none !important;
	color:#222 !important;
}
.links2 a:hover{
	text-decoration:none !important;
	color:#222 !important;
}
.links2 a:after{
	position:absolute;
	top:1px;
	left:2px;
	content:"";
	height:22px;
	width:22px;
	border:1px solid #b7bfcb;
	border-radius:100%;
}
.links2 li.active a:after{
	position:absolute;
	top:1px;
	left:2px;
	content:"";
	height:22px;
	width:22px;
	border:1px solid #11a4cf;
	border-radius:100%;
}
.links2 li.active a:before{
	position:absolute;
	top:8px;
	left:9px;
	content:"";
	background:#11a4cf;
	height:8px;
	width:8px;
	border-radius:8px;
	z-index:5;
}
.btn-print{
	float:right;
	margin:0 17px 0 0;
	background:url(../images/btn-print.png) no-repeat;
	height:27px;
	width:23px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.btn-print:hover{opacity:0.8;}
.select{margin:0 0 20px;}
.contacts-section{/*margin:0 0 60px;*/}
.contacts-area-box{
	margin:0 0 32px;
	padding:24px 29px 27px;
	border:1px solid #b6beca;
	border-radius:2px;
}
.contacts-area-box .headline{
	display:block;
	margin:0 0 15px;
	font-size:17px;
	line-height:18px;
	font-weight:normal;
	font-family: 'robotomedium';
	color:#000;
}
.contacts-area-box address{
	display:block;
	position:relative;
	margin:0 0 26px;
	padding:0 0 0 30px;
	font-size:17px;
	line-height:18px;
	color:#444;
}
.contacts-area-box address:after{
	position:absolute;
	top:-2px;
	left:-1px;
	content:"";
	background:url(../images/ico-address2.png) no-repeat;
	height:22px;
	width:17px;
}
.contacts-area-box address span{
	display:block;
	margin:7px 0 0;
	padding:0 0 0 19px;
	position:relative;
	font-size:15px;
	line-height:16px;
	color:#47b0d5;
}
.contacts-area-box address span:after{
	position:absolute;
	top:2px;
	left:-1px;
	content:"";
	background:url(../images/ico-metro.png) no-repeat;
	height:11px;
	width:14px;
}
.contscts-phone{
	display:block;
	margin:-8px 0 27px;
	padding:0 0 0 30px;
	position:relative;
	font-size:24px;
	line-height:30px;
	font-family: 'Roboto', 'robotoregular';
	font-weight:normal;
	color:#444;
}
.contscts-phone:after{
	position:absolute;
	top:3px;
	left:0;
	content:"";
	background:url(../images/ico-phone2.png) no-repeat;
	height:24px;
	width:117px;
}
.contscts-phone span{
	display:block;
	margin:3px 0 0;
	font-size:15px;
	line-height:16px;
	color:#47b0d5;
}
.contacts-area-box div:after{
	display:block;
	clear:both;
	content:"";
}
.btn-mail{
	float:left;
	margin:0 5px 5px 31px;
	position:relative;
	font-size:17px;
	line-height:18px;
	text-decoration:none;
	border-bottom:1px dashed #48b0d5;
	color:#48b0d5;
}
.btn-mail:hover{
	text-decoration:none;
	border-color:transparent;
	color:#48b0d5;
}
.btn-mail:after{
	position:absolute;
	top:2px;
	left:-31px;
	content:"";
	background:url(../images/ico-mail.jpg) no-repeat;
	height:15px;
	width:21px;
}
.btn-print2{
	float:right;
	margin:1px 42px 0 0;
	position:relative;
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	text-decoration:none;
	/*border-bottom:1px dashed #48b0d5;*/
	color:#48b0d5;
	cursor:pointer;
}
.btn-print2:after{
	position:absolute;
	top:-6px;
	right:-45px;
	content:"";
	background:url(../images/btn-print.png) no-repeat;
	height:27px;
	width:23px;
}
.btn-print2:hover{
	text-decoration:none;
	border-color:transparent;
	color:#48b0d5;
}
.contacts-map-holder{margin:0 0 20px;}
.contacts-map-holder img{
	display:block;
	width:100%;
}

.link-holder1 .contacts-map{display:none;}
.link-holder2 .block-address{display:none;}

#footer{
	flex: 0 0 auto;
	background: #3e4150;
	font-size:16px;
	line-height:22px;
	font-family: 'Geometria-Light';
	color:#fff;
	height: 150px;
}
#footer p{margin:0 0 37px;}
.copy{float:left;}
.map-site{
	float:right;
	margin:6px 4px 0 0;
	font-size:13px;
	line-height:14px;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px dashed #0ca2ce;
	color:#0ca2ce;
}
.map-site:hover{
	text-decoration:none;
	border-color:transparent;
	color:#0ca2ce;
}

/* common styles */
.wrap:after{
	display:block;
	clear:both;
	content:"";
}
/* menu styles */
.menu .opener{display:none;}
/* burger menu style */
.opener{
	float:right;
	width:31px;
	height:31px;
	background:#3e4150;
	position:relative;
	border-radius:3px;
	text-indent:-9999px;
	overflow:hidden;
}
.opener:before,
.opener:after,
.opener span{
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:16px;
	left:25%;
	right:25%;
	height:3px;
	margin-top:-2px; /* height/2 */
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.opener:before,
.opener:after{
	content:'';
	top:12px;
}
.opener:after{top:19px;}
/* close button transition */
.close-btn span,
.active .opener span{opacity:0;}
.opener:hover{opacity:.9;}
.close-btn:after,
.close-btn:before,
.active .opener:after,
.active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:16px;
	left:15%;
	right:15%;
}
.close-btn:after,
.active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.logo-hidden{display:none;}

/* radio */
.jcf-radio {
	vertical-align: middle;
	float:left;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #0ca2ce;
	border-radius: 11px;
	margin: 3px 17px 0 0;
	height: 22px;
	width: 22px;
}
.jcf-radio span{
	display:none;
	position:absolute;
	top:6px;
	left:6px;
	right:6px;
	bottom:6px;
	background:#0ca2ce;
	border-radius:100%;
}
.jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-radio.jcf-checked span {display:block;}

/* checkbox */
.jcf-checkbox {
	vertical-align: middle;
	float:left;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #1aa7d1;
	margin: 3px 17px 0 0;
	height: 21px;
	width: 22px;
	border-radius:2px;
}
.jcf-checkbox span{
	position:absolute;
	display:none;
	height:6px;
	width:10px;
	top:50%;
	left:50%;
	margin:-7px 0 0 -8px;
	border:3px solid #1aa7d1;
	border-width:0 0 2px 2px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
:root .jcf-checkbox span {margin:-4px 0 0 -5px;}
.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-checkbox.jcf-checked span{display:block;}

/* select */
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #b6beca;
	background: #fff;
	margin: 0 0 10px;
	width:100%;
	height: 43px;
	border-radius:2px;
	cursor:pointer;
}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
	cursor:pointer;
}
.jcf-select .jcf-select-text {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor:pointer;
	display: block;
	font-size: 15px;
	line-height: 40px;
	margin: 0 35px 0 20px;
	color:#b6beca;
}
.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background:url(../images/button.jpg) no-repeat 1px 14px;
	width:30px;
	bottom: 0;
	right: 0;
	top: 0;
	cursor:pointer;
}
body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select.jcf-compact-multiple {
	max-width: 220px;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
	display: inline-block;
	padding-top: 2px;
	content: '...';
}
.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #f00;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
	background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
	background: #e6e6e6;
	color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
	display: inline-block;
	content: '';
	height:4px;
	width:8px;
	margin:-7px 5px 0 -3px;
	border:3px solid #777;
	border-width:0 0 3px 3px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	font-size: 15px;
	line-height: 40px;
	color:#b6beca;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	display: block;
	padding:0 20px;
	color: #b5bdc9;
	min-height: 14px;
	height: 1%;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #b5bdc9;
	color: #000;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}
.nav .popup-holder .popup{
	display:none;
	position:absolute;
	z-index:5;
	top:0;
	right:0;
	width: 100%;
}

#title-search{
	width: 100%;
}

table.title-search-result{
	width:100% !important;
}

div.title-search-result{
	background:#fff;
	border:0px !important;
}

.nav .popup-holder{
	position:absolute;
	float:right;
	height:auto;
	overflow:visible;
	right:0;
}
.search{
	border:solid #00426b;;
	border-width:8px 0 6px;
	background:#fff;
	padding:9px 0 0 28px;
	height:62px;
	width:100%;
	overflow:hidden;
	margin: 0 0 0 2px;
}
@media only screen and (max-width:990px){
	.search{
		padding: 3px 0 0 28px!important;
		height: 50px!important;
	}
	
	.search input{
		background-position:center;		
		width:93%!important;
	}
	
	.search input.btn-search{
		height:30px;
		width:20px!important;		
		background-size: 20px;		
		float: right;
		margin: 0 6px 0 0!important;
	}
	
	.btn-search{
		width:20px;
		background-size: 20px;
	}
}

.search input{
	float:left;
	margin:0 10px 0 0;
	padding:5px 0;
	border:none;
	height:30px;
	width:95%;
	font-size:15px;
	/*line-height:30px;*/
	font-family: 'Roboto', 'robotoregular';
	vertical-align:middle;
	color:#000;
}
.search input.btn-search{
	margin:0;
	height:30px;
	width:30px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.popup-holder{
	height:0;
	position:relative;
	overflow:hidden;
}
.form-1{
	margin:0 auto;
	padding:50px 100px 72px;
	width:572px;
	background:#fff;
	font-family: 'Roboto', 'robotoregular';
}
.form-1 strong{
	display:block;
	margin:0 0 10px;
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	color:#000;
	text-align:center;
}
.form-1 span{
	display:block;
	margin:0 0 40px;
	font-size:15px;
	line-height:16px;
	color:#222;
}
.form-1 input, .form-1 select{
	display:block;
	margin:0 0 15px;
	padding:10px 20px;
	height:41px;
	width:100%;
	border:1px solid #b6beca;
	border-radius:2px;
	font-size:15px;
	line-height:20px;
	color:#000;
}
.form-1 textarea{
	display:block;
	margin:0 0 27px;
	padding:10px 20px;
	height:150px;
	width:100%;
	border:1px solid #b6beca;
	border-radius:2px;
	font-size:15px;
	line-height:20px;
	/*color:#b6beca;*/
	color:#000;
	resize:none;
	overflow:hidden;
}
.form-1 input.btn-form-1{
	background:#0ca2ce;
	margin:0;
	padding:0;
	border-radius:4px;
	border:none;
	height:47px;
	width:212px;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
}
.form-1 input.btn-form-1:hover{opacity:0.8;}

@media only screen and (max-width:1199px){
	.logo{
		margin:12px 0 0;
		background:url(../images/logo.gif) no-repeat;
		height:57px;
		width:100px;
	}
	.phone{
		margin:42px 0 0 -26px;
		font-size:13px;
	}
	#header address{margin:0 0 0 0;}
	.btn-order{margin:0 0 36px 20px;}
	.btn-price{
		float:left;
		margin:0 0 0 20px;
	}
        .btn-ocenka{
		float:right;
		margin:25px 0 0 0;
	}

	.slideshow{margin:0;}
	.slideshow .slide strong{
		font-size:38px;
		line-height:40px;
	}
	.slideshow .slide strong span{font-size:28px;}
	.slideshow .gmask .slide{
		font-size:16px;
		line-height:18px;
	}
	.promo-box strong{font-size:16px;}
	/*
	.btn-search{margin:17px 0 0;}
	.nav-holder{padding:0;}
	#nav li{font-size:14px; padding: 0px 4px; line-height:22px;}	
	.nav-bar li{
		margin:0 0 4px;
		font-size:12px;
		line-height:14px;
	}
	.nav-bar a{
		padding:0 5px;
		min-height:40px;
	}
	.nav-bar a span{left:5px;}*/
	.links a, .links-main a{
		max-width:200px;
		font-size:12px;
		line-height:40px;
	}
	.block img{
		float:none;
		display:block;
		margin:0 auto 10px;
	}
	.box-nav li{width:345px;}
	.social li:first-child{
		float:none;
		display:block;
	}
	.price-nav table tr td{padding:11px 22px;}
}
@media only screen and (max-width:999px){
	.dictionary-box ul a.opener-ok{font-size:15px;}
	.slide-order{float:left;}
	.slide-box{padding:90px 0 0;}
	
	
	.btn-search{margin:14px 0 0;}
	.nav-holder{padding:0;}
	#nav li{font-size:14px; padding: 0px 4px; line-height:22px;}	
	.nav-bar li{
		margin:0 0 4px;
		/*font-size:12px;*/
		line-height:14px;
	}
	.nav-bar a{
		padding:0 5px;
		min-height:40px;
	}
	.nav-bar a span{left:5px;}
}
@media only screen and (max-width:960px){
	#header{padding:10px;}
	.logo-hidden{
		display:block;
		background:url(../img/logo_small.png) no-repeat;
		height:57px;
		width:100px;
		text-indent:-9999px;
		overflow:hidden;
	}
	.menu .opener{display:block; margin:10px 0 0;}
	.menu .drop{

		position:absolute;
		top:100%;
		left:0;
		right:0;
		z-index:999;
		background:#e7eaee;
	}
	.logo{display:none;}
	.phone{margin:42px 0 0 30px;}
	.menu .drop{float:none;}
	.wrap.push .drop{position:static;}
	.wrap.push .menu{
		float:none;
		width:100%;
	}
	.wrap2.side-push .header{position:static;}
	.wrap2.side-push .drop ul{border:0;}
	/* fade animation */
	.wrap.fade .drop{
		opacity:0;
		visibility:hidden;
		-webkit-transition:opacity 0.25s linear;
		transition:opacity 0.25s linear;
		height:0;
	}
	.wrap.active.fade .drop{
		opacity:1;
		visibility:visible;
		height:auto;
	}
	/* slide animation */
	.wrap.slide .drop{
		max-height:0;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	.wrap.slide.active .drop{max-height:4000px;}
	.wrap.slide .drop > ul{
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		-webkit-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	.wrap.slide.active .drop > ul{
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
	/* left slide animation */
	.wrap.side-slide .drop{
		width:100%;
		left:100%;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	.wrap.side-slide .drop > ul{}
	.wrap.side-slide.active .drop{left:0;}
	/* top push animation */
	.wrap.push .header{overflow:hidden;}
	.wrap.push .opener{float:right;}
	.wrap.push .drop{
		overflow:hidden;
		margin:-20px -10px 10px;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		max-height:0;
	}
	.wrap.push.active .drop{max-height:150px;}
	/* left push animation */
	.wrap2.side-push{
		overflow:hidden;
		position:relative;
	}
	.wrap2.side-push .drop{
		position:absolute; /* change to fixed */
		top:0;
		left:-260px;
		width:240px;
		bottom:0;
		border:1px solid #000;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		background:#fff;
	}
	.wrap2.side-push .hold{
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	.wrap2.side-push.active .hold{
		margin:0 0 0 260px;
		min-width:480px;
	}
	.wrap2.side-push.active .drop{left:0;}
	.wrap2.side-push .drop .opener{
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
	#sidebar .decor{
		margin:0 0 19px;
		padding:15px 15px 13px;
	}
	#sidebar .decor:before{display:none;}
	.drop-menu, #nav li:hover .drop-menu{display:none;}
}
/* hardcode btn */
.side-push.active .menu > .opener:before,
.side-push.active .menu > .opener:after{
	-ms-transform:rotate(0);
	-moz-transform:rotate(0);
	-webkit-transform:rotate(0);
	transform:rotate(0);
	margin:0;
	top:8px;
}
.side-push.active .menu > .opener:after{top:20px;}
.side-push.active .menu > .opener span{opacity:1;}
/* disable animation while browser is resizing */
.resize-active .hold,
.resize-active .drop,
.resize-active .drop > ul {
	-webkit-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}
@media only screen and (max-width:767px){
	.phone{margin:0 0 10px 20px;}
	#header address{margin:0 0 10px 20px;}
	.btn-price{float:right;}
	.btn-order{margin:0 0 0 20px;}
	.nav .popup-holder{
		float:none;
		width:100%;
	}
	.btn-search{display:block;}
	#nav{text-align:center; height:auto;}
	#nav li{
		float:none;
		margin:0 5px 5px;
		display:inline-block;
		font-size:14px;
		line-height:26px;
		width:auto;
	}
	#nav a{padding:0 5px;}
	.slideshow .gmask .slide{padding:0;}
	.slideshow .slide strong{font-size:34px;}
	.links, .links-main{
		margin:20px 0 10px;
		position:relative;
		bottom:auto;
		left:auto;
	}
	.links a, .links-main a{margin:0 10px 10px 0;}
	.promo{background:000;}
	.slideshow .btn-prev, .slideshow .btn-next{display:none;}
	.block{text-align:center;}
	.sub-decor{margin:0 0 20px;}
	.social{float:none;}
	.error-box{padding:0 0 0 15px;}
	.slideshow{min-height:0;}
	.text-cite{padding:19px 22px 10px 22px;}
	.text-cite:after{display:none;}
	.comments-row input{width:100%;}
	.price-nav table tr td{padding:11px 12px;}
	.dictionary-panel ul {
		float: left;
		height: 1%;
		margin: 20px 0 10px;
		overflow: hidden;
		width: 100%;
	}
	.slideshow-area{position:relative;}
	.slide-box{padding:100px 20px;}
	.nav-holder{
		height:auto;
		margin:0;
	}
	.search{width:99%;}
	.search input{width:85%!important;}
	.btn-search{margin:14px 7px 0 0;}
	
	
	
	.slide-area{padding:1px 0 0;}
	.form-1{
		width:auto;
		padding:40px 10px;
	}
	.comments-row input.btn-comments{
		float:none;
		width:100%;
		max-width:400px;
		margin:0 auto;
	}
		.slideshow .slide strong div{padding:0 !important;}
}
@media only screen and (max-width:750px){
	

	
	.box-nav{margin:0;}
	.box-nav li{
		margin:0 0 27px;
		width:100%;
	}
	.dictionary-box ul li{
		width:90%;
	}
}
@media only screen and (max-width:530px){
		
	.nav-bar {
	width: 100%;
	position: static;
	text-align: center;
	margin-left: 0;
	}
	
	.nav-bar a {
	width: 350px;
	}

	.nav-bar li{
	font-size: 14px;
	}
	
	.fivesix {
	position: static;
	margin: 0 auto;
	}
	
	.question-nav {
		margin: 0
	}
	
	.slideshow .gmask .slide.active {z-index: 5;}
.slide-1, .slide-2, .slide-3{
    height: 200px;
}
	
	.slideshow .slide div.more{
	width: 100%;
	margin-top: -140px;		
	line-height: 1.5;
	font-size: 18px;
	z-index: 99999;

}

	.slideshow .slide .more a{
	font-size: 17px;
}

   .icon_head { 
	   width: 50px;
}

	#main {
		margin: 0;
	}

	.title_name{
		font-size: 18px;
		display: block;
		text-align: left;
	}

	.dictionary-box ul{margin:0;}
	.dictionary-box ul li{
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	.comments .links, .links-main{padding:29px 10px;}
	.links a, .links-main a, 
	.slideshow .slide a.more{
		max-width:none;
		width:100%;
	}
	.feedback input {
		min-width: 200px;
	}
	.feedback label {
		font-size: 12px;
		margin-left: 5px;
	}
	.feedback textarea {
		min-width: 200px;
	}

	.count_fb {
		position: relative;
	}
}






/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
}

.fancybox-opened {
	z-index: 8030;
}



.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 34px;
	right: 32px;
	width: 20px;
	height: 20px;
	background:url(../images/btn-close.jpg) no-repeat !important;
	background-size: inherit!important;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.map-level-1, .map-level-2{
	margin-left:20px;
}


.select-contacts{
    margin: 0 auto;
    width: 100%;
    background: #fff;
    font-family: 'Roboto', 'robotoregular';
}

.select-contacts select{
	display: block;
    margin: 0px 50px 0px 0px;
    padding: 10px 20px;
    height: 41px;
    width: 240px;
    border: 1px solid #b6beca;
    border-radius: 2px;
    font-size: 15px;
    line-height: 20px;
    color: #000;
	float:left;
	cursor:pointer;
}

.all-coords{
	/*display:none;*/
}

.view_map{
	clear:both;
}

.margin-left-0{
	padding-left:0px !important;
}

.mini-text{
	font-size:10px;
}

.padding-bottom{
	padding-bottom:20px;
}

#map{
    width: 100%;
	height: 500px;
}

.webdeveloper{
	float: right;
    margin: 15px 4px 0 0;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    /*border-bottom: 1px dashed #0ca2ce;*/
    color: #757575;
}

.webdeveloper:hover{
	text-decoration:none;
	border-bottom: 1px dashed #757575
}

.webdeveloper .logo-dev{
	width: 57px;
	display: inline-block;
	background:url(../images/logo-dev.png) no-repeat;
}

.scrollToTop{
	width: 48px;
    height: 48px;
    position: fixed;
    bottom: 55px;
    left: 40px;
    text-indent: -99999px;
    display: none;
    background: url('../images/totop.png') no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}

#asd_subscribe_res{
	font-family: robotoregular;
}
@charset "UTF-8";

/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся справа
 */

.nav1 {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;
    position: fixed;
    top: 60px;
border-radius: 10px;
    bottom: 0;
    margin: 0;
    /* сдвигаем (прячем) панель относительно правого края страницы */
    right: -320px;
    /* внутренние отступы */
    padding: 15px 20px;
    /* плавный переход смещения панели */
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    /* определяем цвет фона панели */
    background: #147a90;
    /* поверх других элементов */
    z-index: 2000;
}


/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav1-toggle {
    /* абсолютно позиционируем */
    position: absolute;
    /* относительно правого края панели */
    right: 320px;
    /* отступ от верхнего края панели */
    top: 1em;
border-radius: 10px;
    /* внутренние отступы */
    padding: 1.0em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: inherit;
    /* цвет текста */
    color: #fff;
    /* вид курсора */
    cursor: pointer;
    /* размер шрифта */
    font-size: 1.2em;
    line-height: 1;
    /* всегда поверх других элементов страницы */
    z-index: 2001;
    /* анимируем цвет текста при наведении */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}


/* определяем текст кнопки 
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/

.nav1-toggle:after {
    content: url(../images/bell.png);
    text-decoration: none;
}


/* цвет текста при наведении */

.nav1-toggle:hover {
    color: #f4f4f4;
}


/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */

[id='nav1-toggle'] {
    position: absolute;
    display: none;
}


/**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/

[id='nav1-toggle']:checked ~ .nav1 > .nav1-toggle {
    left: auto;
    right: 2px;
    top: 1em;
}


/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */

[id='nav1-toggle']:checked ~ .nav1 {
    right: 0;
    box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}


/* 
 * смещение контента страницы
 * на размер ширины панели,
 * фишка необязательная, на любителя
*/

[id='nav1-toggle']:checked ~ main > article {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    transform: translateX(-320px);
}


/*
 * изменение символа переключателя,
 * привычный крестик (MULTIPLICATION X), 
 * вы можете испльзовать любой другой значок
*/

[id='nav1-toggle']:checked ~ .nav1 > .nav1-toggle:after {
    content: '\2715';
}


/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}


/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */

@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .nav1 {
      width: 100%;
      box-shadow: none
    }
}


/**
 * Формируем стиль заголовка (логотип) панели 
*/

.nav1 h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.nav1 h2 a {
    color: #dadada;
    text-decoration: none;
    text-transform: uppercase;
}


/*плавное появление заголовка (логотипа) при раскрытии панели */

[id='nav1-toggle']:checked ~ .nav1 h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/**
 * формируем непосредственно само меню
 * используем неупорядоченный список для пунктов меню
 * прикрутим трансфомации и плавные переходы
 */

.nav1 > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav1 > ul > li {
    line-height: 2.5;
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
}

[id='nav1-toggle']:checked ~ .nav1 > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


/* определяем интервалы появления пунктов меню */

.nav1 > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}

.nav1 > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}

.nav1 > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}

.nav1 > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}

.nav1 > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}


/**
 * оформление ссылок пунктов меню
 */

.nav1 > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    width: 100%;
    text-decoration: none;
    /* плавный переход */
    -webkit-transition: color .5s ease, padding .5s ease;
    -moz-transition: color .5s ease, padding .5s ease;
    transition: color .5s ease, padding .5s ease;
}


/**
 * состояние ссылок меню при наведении
 */

.nav1 > ul > li > a:hover,
.nav1 > ul > li > a:focus {
    color: white;
    padding-left: 15px;
}


/**
 * линия подчеркивания ссылок меню
 */

.nav1 > ul > li > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}

.nav1 > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #e7eaee;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}


/**
 * анимируем линию подчеркивания 
 * ссылок при наведении
 */

.nav1 > ul > li > a:hover:before {
    width: 0%;
    background: #3bc1a0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}

.nav1 > ul > li > a:hover:after {
    width: 0%;
    background: transparent;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}


/* фон затемнения на основной контент 
 * при этом элементы блокируютя
 * спорная такая фича, если оно вам надо
 * просто раскомментируйте
*/

/*
.mask-content {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
}

[id='nav1-toggle']:checked ~ .mask-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
*/

.platnye_uslugi {
	font-size: 20px;
}

/*--------------------------------------------*/
.periodic {
  position: relative;
  height: 200px;
  margin-right: -1px;
  text-shadow: none;
}
.periodic-row {
  clear: both;
  height: 10%;
}
.cell {
  float: left;
  position: relative;
  width: 120px;
  height: 100%;
}
.element {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1px;
  right: 1px;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  cursor: default;
  pointer-events: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  background-color: rgba(0, 128, 128, 0.6);
}
.cell:hover .element {
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(3, 3);
  -ms-transform: scale(3, 3);
  transform: scale(3, 3);
  z-index: 1;
  background-color: rgba(0, 128, 128, 0.9);
}
.at_num,
.at_details {
  position: absolute;
  font-size: 4px;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0;
}
.at_num {
  top: 4px;
  right: 5px;
}
.symbol {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  margin-top: -4px;
  font-size: 9px;
  line-height: 1;
  height: 9px;
  color: rgba(255, 255, 255, 0.9);
}
.at_details {
  bottom: 4px;
  left: 0px;
  right: 0px;
}
.cell:nth-child(-n+2) .element,
.cell:nth-child(n+13) .element {
  background-color: rgba(0, 160, 96, 0.6);
}
.cell:nth-child(1) .element,
.periodic-row:nth-child(2) .cell:nth-child(n+14) .element,
.periodic-row:nth-child(3) .cell:nth-child(n+15) .element,
.periodic-row:nth-child(4) .cell:nth-child(n+16) .element,
.periodic-row:nth-child(5) .cell:nth-child(n+17) .element {
  background-color: rgba(0, 192, 64, 0.6);
}
.periodic-row:nth-child(-n+6) .cell:nth-child(18) .element {
  background-color: rgba(64, 192, 0, 0.6);
}
.periodic-row:nth-child(n+9) .element {
  background-color: rgba(0, 96, 160, 0.6);
}
.cell:nth-child(-n+2):hover .element,
.cell:nth-child(n+13):hover .element {
  background-color: rgba(0, 160, 96, 0.9);
}
.cell:nth-child(1):hover .element,
.periodic-row:nth-child(2) .cell:nth-child(n+14):hover .element,
.periodic-row:nth-child(3) .cell:nth-child(n+15):hover .element,
.periodic-row:nth-child(4) .cell:nth-child(n+16):hover .element,
.periodic-row:nth-child(5) .cell:nth-child(n+17):hover .element {
  background-color: rgba(0, 192, 64, 0.9);
}
.periodic-row:nth-child(-n+6) .cell:nth-child(18):hover .element {
  background-color: rgba(64, 192, 0, 0.9);
}
.periodic-row:nth-child(n+9) .cell:hover .element {
  background-color: rgba(0, 96, 160, 0.9);
}
.cell:nth-child(1) .element {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.cell:nth-child(18) .element {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.periodic-row:nth-child(10) .cell .element {
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.periodic-row:nth-child(1) .cell:nth-child(1) .element {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.periodic-row:nth-child(1) .cell:nth-child(18) .element {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.periodic-row:nth-child(10) .cell:nth-child(18) .element {
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
@media (min-width: 600px) {
  .periodic {
    height: 460px;
    margin-right: -2px;
  }
  .element {
    right: 2px;
    bottom: 2px;
  }
  .at_num,
  .at_details {
    font-size: 4px;
    opacity: 1;
  }
  .symbol {
    margin-top: -17px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    color: rgba(255, 255, 255, 0.75);
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 800px) {
  .periodic {
    height: 540px;
  }
  .symbol {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .periodic {
    height: 680px;
  }
  .at_num,
  .at_details {
    font-size: 5px;
  }
  .symbol {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .periodic {
    height: 800px;
  }
  .at_num,
  .at_details {
    font-size: 6px;
  }
  .symbol {
    font-size: 20px;
  }
}