/* Start:/local/templates/new_divier/components/bitrix/menu/header_menu/style.css*/
#nav, #nav ul {list-style:none;}
#nav {display:block;width:100%;margin:0px auto;padding:0;text-align:center;}
#nav li {position:relative;}
#nav li > a, #nav li > span {display:inline-block;width:100%;height:100%;text-decoration:none;color:#0b3043;font-weight: 400;cursor:pointer;font-size:16px;line-height:1.3;}
#nav li > a:hover, #nav li > span:hover {color: #0873aa;}
#nav li > a:before, #nav li > span:before {content:'';height:100%;vertical-align:middle;display:inline-block;}
#nav > .root-parent:hover:after {content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0;height: 0;border-style: solid;border-width: 0 15px 12px 15px;border-color: transparent transparent #e6eef2 transparent;}
#nav li:hover > ul {display:block;position:absolute;z-index:990;background-color:#fff;padding:0;text-align:left;}
#nav .parent-mark {display: block;position: absolute;top: 0;bottom: 0;right: 5px;margin: auto;font-size: 25px;height: 27px;line-height: 25px;}
#nav > li {display:inline-block;z-index:980;height:54px;text-align:center;}
#nav > li ul {display:none;}
#nav > li ul li {width: 290px;background-color: #e6eef2;}
#nav > li ul li + li {border-top: 1px solid #f0f5f7;}
#nav > li ul li a {display: block;padding:11px 13px;line-height:1.5;}
#nav ul ul {left:290px;top:0px;}
#nav .item-accent a {font-weight: 500; background-color: #ec7906; color: #fff;}
#nav .item-accent a:hover {font-weight: 500; background-color: #F88010; color: #fff;}
@media (min-width: 1200px) {
	#nav > li {width:calc(100% / 10);}
}
@media (max-width: 1024px) {
	#nav {display: none !important;}
}
@media (max-width: 1199px) {
	#nav > li {text-align: center;padding: 0 10px;}
}
/* End */



/* Start:/bitrix/components/api/main.feedback/css/jquery.modal.css*/
/**
 * CSS Modal
 * Modal as reusable module
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 * @version 1.0.4
 *
 * Usage:
 *    selector {
 *        @extend %modal;
 *    }
 */
/*
 * Configuration
 */
html {
  overflow-y: scroll;
}

.has-overlay {
  overflow: hidden;
}
.has-overlay > body {
  height: 100%;
  overflow-y: scroll;
}

.semantic-content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  color: #222;
  line-height: 1.3;
  display: none\9;
}
.semantic-content:target {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.is-active.semantic-content {
  display: block\9;
}
.semantic-content:target {
  display: block\9;
}
.semantic-content .modal-inner {
  position: absolute;
  top: 30%;
  left: 50%;
  z-index: 20;
  margin-left: -325px;
  width: 650px;
  overflow-x: hidden;
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.semantic-content .modal-inner > img,
.semantic-content .modal-inner > video,
.semantic-content .modal-inner > iframe {
  width: 100%;
  height: auto;
  min-height: 300px;
}
.semantic-content .modal-inner > img {
  width: auto;
  max-width: 100%;
}
.semantic-content header {
  border-bottom: 1px solid #dddddd;
  padding: 0 1.2em;
}
.semantic-content header > h2 {
  margin: 0.5em 0;
    padding: 0;
}
.semantic-content .modal-content {
  max-height: 400px;
  max-height: 70vh;
  border-bottom: 1px solid #dddddd;
  padding: 15px 1.2em;
  overflow-x: hidden;
  overflow-y: auto;
}
.semantic-content .modal-content > * {
  max-width: 100%;
}
.semantic-content footer {
  border-top: 1px solid white;
  padding: 0 1.2em 18px;
  background: #f0f0f0;
  border-radius: 2px;
}
.semantic-content footer p{margin: 15px 0 0;}
.semantic-content .modal-close {
  display: block;
  text-indent: -100px;
  overflow: hidden;
}
.semantic-content .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==");
}
.semantic-content .modal-close:after {
  content: '\00d7';
  position: absolute;
  top: 30%;
  left: 50%;
  z-index: 20;
  margin-left: 285px;
  background: #fff;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 1.2em;
  text-decoration: none;
  text-indent: 0;
}
@media screen and (max-width: 690px) {
  .semantic-content .modal-inner {
    width: auto;
    left: 20px;
    right: 20px;
    margin-left: 0;
  }
  .semantic-content .modal-close {
    left: auto;
    right: 33px;
    margin-left: 0;
  }
  .semantic-content .modal-close:after {
    margin-left: 40%;
  }
}
@media screen and (max-width: 30em) {
  .semantic-content {
    -webkit-transform: translate(0, 400px);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
    -moz-transition: -moz-transform .25s ease-in-out, opacity 1ms .25s;
    -o-transition: -o-transform .25s ease-in-out, opacity 1ms .25s;
    -ms-transition: -ms-transform .25s ease-in-out, opacity 1ms .25s;
    transition: transform .25s ease-in-out, opacity 1ms .25s;
    display: block;
    height: 100%;
    bottom: auto;
  }
  .semantic-content:target {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -moz-transition: -moz-transform .25s ease-in-out;
    -o-transition: -o-transform .25s ease-in-out;
    -ms-transition: -ms-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
  }
  .semantic-content:before {
    background-color: #27aae2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));
    background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3);
    background-image: -moz-linear-gradient(top, #27aae2, #1c9cd3);
    background-image: -o-linear-gradient(top, #27aae2, #1c9cd3);
    background-image: linear-gradient(to bottom, #27aae2, #1c9cd3);
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    height: 3em;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  }
  .semantic-content .modal-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 3em;
    height: 100%;
    overflow: scroll;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .semantic-content .modal-content {
    max-height: none;
  }
  .semantic-content .modal-close {
    right: auto;
    text-decoration: none;
  }
  .semantic-content .modal-close:before {
    display: none;
  }
  .semantic-content .modal-close:after {
    content: attr(data-close);
    top: 0.4em;
    left: 1em;
    z-index: 40;
    margin-left: 0;
    font-size: 1em;
    padding: 0.5em 1em;
  }
}
@media screen and (max-height: 46em) and (min-width: 30em) {
  .semantic-content .modal-content {
    max-height: 340px;
    max-height: 50vh;
  }
}
@media screen and (max-height: 36em) and (min-width: 30em) {
  .semantic-content .modal-content {
    max-height: 265px;
    max-height: 40vh;
  }
}

@media screen and (min-width: 30em) {
  .semantic-content {
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
}

/* End */



/* Start:/local/templates/new_divier/components/texterra/forms/feedback/style.css*/


/*
#feedback-form {
	display: none;
	width: 499px;
	/*height: 452px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -250px;
	z-index: 2000;
	overflow: hidden;
    background: #FFF;
    text-align: center;
    padding: 20px 10px 10px;
    font-size: 16px;
}

#feedback-form .close {
	float: right;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	top: 12px;
	right: 16px;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

#feedback-form .close:hover {
	transform: rotate(12deg);
}

#feedback-form .title {
	font-size: 22px;
	text-transform: uppercase;
}

#feedback-form .tpl_light {
	max-width: 360px;
	margin: 0 auto;



}



#feedback-form .hidden_protection {
    display: none;
}

#feedback-form textarea {
    resize: none;
}

#feedback-form input[type="text"], #feedback-form textarea {
    border: 1px solid #e2e7e9;
    width: 100%;
    padding: 2px 27px;
    margin-bottom: 5px;
    outline: none;
}

#feedback-form input[type="submit"] {
    border: none;
    background: none;
    background-color: #1271a1;
    color: #fff;
    width: 100%;
    padding: 5px 0;
}


















/*


#feedback-form .title {
	color: #FFF;
	font-size: 18px;
	font-family: avenir_medium;
	padding: 15px 15px;
	display: table;
	margin: 0 auto;
	width: 100%;
	background: #83AEE8;
	text-align: center;
}

#feedback-form .title .text {
	font-size: 22px;
	position: relative;
	top: 2px;
}

#feedback-form .info {
	font-family: avenir_demi;
	font-size: 13px;
	text-align: center;
}

#feedback-form .content {
	text-align: center;
	margin: 0 auto;
	padding-top: 15px;
}

#feedback-form textarea {
	resize: none;
}

#feedback-form .name,
#feedback-form .phone,
#feedback-form .email,
#feedback-form .comment {
	padding: 5px 0;
	font-size: 18px;
}

#feedback-form .name input,
#feedback-form .phone input,
#feedback-form .email input,
#feedback-form .comment textarea {
	width: 300px;
	padding: 5px;
	border: 1px solid rgb(200, 200, 200);
	outline: none;
}

#feedback-form .comment textarea {
	height: 150px;
}

#feedback-form .comment span {
	vertical-align: top;
}

#feedback-form input[type="submit"] {
  outline: none;
  font-size: 18px;
  width: 198px;
  height: 40px;
  margin-top: 15px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #63BDD8;
  background: url(/bitrix/templates/new/img/btn.png) repeat-x;
  color: rgb(255, 255, 255);
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
  border: 0px solid rgb(255, 255, 255);
  font-weight: bold;
}


#feedback-form input:not([type="submit"]):focus,
#feedback-form textarea:focus {
	border: 1px solid #339933;
}

#feedback-form .req {
	
}

#feedback-form .req.yes {
	color: rgb(0, 200, 0);
}

#feedback-form .req.no {
	color: rgb(200, 0, 0);
}


*/
/* End */



/* Start:/local/templates/new_divier/components/texterra/forms/zayavka/style.css*/
/*#zamer-form {
	display: none;
	width: 499px;
	height: 452;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -250px;
	z-index: 2000;
	overflow: hidden;
	background: #EFF0C2;
}

#zamer-form .close {
	float: right;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	top: 12px;
	right: 16px;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

#zamer-form .close:hover {
	transform: rotate(12deg);
}

#zamer-form .title {
	color: #FFF;
	font-size: 18px;
	font-family: avenir_medium;
	padding: 15px 15px;
	display: table;
	margin: 0 auto;
	width: 100%;
	background: #83AEE8;
	text-align: center;
}

#zamer-form .title .text {
	font-size: 22px;
	position: relative;
	top: 2px;
}

#zamer-form .info {
	font-family: avenir_demi;
	font-size: 13px;
	text-align: center;
}

#zamer-form .content {
	text-align: center;
	margin: 0 auto;
	padding-top: 15px;
}

#zamer-form textarea {
	resize: none;
}

#zamer-form .name,
#zamer-form .phone,
#zamer-form .comment {
	padding: 5px 0;
	font-size: 18px;
}

#zamer-form .name input,
#zamer-form .phone input,
#zamer-form .comment textarea {
	width: 300px;
	padding: 5px;
	border: 1px solid rgb(200, 200, 200);
	outline: none;
}

#zamer-form .comment textarea {
	height: 150px;
}

#zamer-form .comment span {
	vertical-align: top;
}

#zamer-form input[type="submit"] {
  outline: none;
  font-size: 18px;
  width: 198px;
  height: 40px;
  margin-top: 15px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #63BDD8;
  background: url(/bitrix/templates/new/img/btn.png) repeat-x;
  color: rgb(255, 255, 255);
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
  border: 0px solid rgb(255, 255, 255);
  font-weight: bold;
}


#zamer-form input:not([type="submit"]):focus,
#zamer-form textarea:focus {
	border: 1px solid #339933;
}

#zamer-form .req {
	
}

#zamer-form .req.yes {
	color: rgb(0, 200, 0);
}

#zamer-form .req.no {
	color: rgb(200, 0, 0);
}*/
/* End */



/* Start:/bitrix/components/texterra/forms/templates/questionback/style.css*/
#question-form {
	display: none;
	width: 499px;
	height: 452;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -250px;
	z-index: 2000;
	overflow: hidden;
	background: url('/bitrix/components/texterra/forms/templates/questionback/images/background.png');
}

#question-form .close {
	float: right;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	top: 12px;
	right: 16px;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

#question-form .close:hover {
	transform: rotate(12deg);
}

#question-form .title {
	color: #FFF;
	font-size: 18px;
	font-family: OpenSans;
	padding: 7px 15px;
	display: table;
	margin: 0 auto;
}

#question-form .title .text {
	font-size: 22px;
	position: relative;
	top: 2px;
}

#question-form .info {
	font-family: Calibri;
	font-size: 15px;
	text-align: right;
}

#question-form .content {
	padding: 40px 20px;
}

#question-form textarea {
	resize: none;
}

#question-form .name,
#question-form .email,
#question-form .question_input {
	text-align: right;
	padding: 5px 0;
	font-size: 18px;
}

#question-form .name input,
#question-form .email input,
#question-form .question_input textarea {
	width: 300px;
	padding: 5px;
	border: 1px solid rgb(200, 200, 200);
	outline: none;
}

#question-form .question_input textarea {
	height: 150px;
}

#question-form .question_input span {
	vertical-align: top;
}

#question-form input[type="submit"] {
	float: right;
	outline: none;
	font-size: 18px;
	width: 189px;
	height: 40px;
	margin-top: 17px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 9px 40px 5px 40px;
	border: 1px solid rgb(255, 255, 255);
	background-color: #389b38;
	background: url('/bitrix/components/texterra/forms/templates/questionback/images/submit.png') repeat-x;
	color: rgb(255, 255, 255);
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}

#question-form input[type="submit"]:hover {
	background: url('/bitrix/components/texterra/forms/templates/questionback/images/submit_hover.png') repeat-x;
}

#question-form input:not([type="submit"]):focus,
#question-form textarea:focus {
	border: 1px solid #339933;
}

#question-form .req {
	
}

#question-form .req.yes {
	color: rgb(0, 200, 0);
}

#question-form .req.no {
	color: rgb(200, 0, 0);
}
/* End */



/* Start:/local/templates/new_divier/template_styles.css*/
@font-face{
	font-family:'PF DinDisplay Pro';
	src:local("pfdindisplaypro-thin"),
	url(/local/fonts/pfdindisplaypro-thin.woff2?15d5a60159b) format("woff2"),
	url(/local/fonts/pfdindisplaypro-thin.woff?15d5a601599) format("woff"),
	url(/local/fonts/pfdindisplaypro-thin.ttf?15d5a601598) format("truetype");
	font-style:normal;
	font-weight:100
}
@font-face{
	font-family:'PF DinDisplay Pro';
	src:local("pfdindisplaypro-light"),
	url(/local/fonts/pfdindisplaypro-light.woff2?15d5a601586) format("woff2"),
	url(/local/fonts/pfdindisplaypro-light.woff?15d5a601585) format("woff"),
	url(/local/fonts/pfdindisplaypro-light.ttf?15d5a601583) format("truetype");
	font-style:normal;
	font-weight:300;
}
@font-face{
	font-family:'PF DinDisplay Pro';
	src:local("pfdindisplaypro-regular"),
	url(/local/fonts/pfdindisplaypro-regular.woff2?15d5a601593) format("woff2"),
	url(/local/fonts/pfdindisplaypro-regular.woff?15d5a601592) format("woff"),
	url(/local/fonts/pfdindisplaypro-regular.ttf?15d5a601590) format("truetype");
	font-style:normal;
	font-weight:400;
}
@font-face{
	font-family:'PF DinDisplay Pro';
	src:local("pfdindisplaypro-medium"),
	url(/local/fonts/pfdindisplaypro-medium.woff2?15d5a60158d) format("woff2"),
	url(/local/fonts/pfdindisplaypro-medium.woff?15d5a60158c) format("woff"),
	url(/local/fonts/pfdindisplaypro-medium.ttf?15d5a60158a) format("truetype");
	font-style:normal;
	font-weight:500
}
.block_item-wrap a img {
       width:100%;
}

.toggle-button {
	display: none;
}

html, body {
	margin: 0;
	padding: 0;
}

html {
	font: 20px/1.5 'PF DinDisplay Pro';
	font-weight: 300;
}

body {
	background-image: url(/local/images/background_main.png);
	min-width: 320px;
}

b { font-weight: 500 !important; }

#overflow {
	position: fixed;
	top: 0;
	width: 100%;
	display: none;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1050;
}


.clearfix:after {
	content: '';
	clear: both;
	display: block;
}

h1, .as_h1 {
	font-size: 44px;
	line-height: 52px;
	font-weight: 300;
}

h2, h3, h4 {
	font-size: 36px;
	line-height: 1.3;
	font-weight: 300;
	text-align: center;
	color: #363636;
}

.copyright {
	text-align: right;
    padding-top: 30px;
    font-size: 14px;
}

.border_blue {
	width: 100%;
	min-width: 350px;
}

.border_blue th,
.border_blue td {
	padding: 5px;
	border: 1px solid #1271a1;
}

.border_blue th {
	font-weight: 500;
}

.border_blue .b {
	font-weight: 500;
}

.btn-checkout {
	display: inline-block;
	margin: 12px 0 25px 0;
}

.text_dark {
	color: #363636;
}

.menu-inner {
	padding-left: 0 !important;
}

/* SIDE & MOBILE MENUS */
#mobile-menu .toggle_child,
#sidebar-menu .toggle_child {
	background-color: transparent;
	vertical-align: middle;
	position: absolute;
	text-align: center;
	line-height: 22px;
	font-weight: 700;
	cursor: pointer;
	font-size: 24px;
	color: #1271a1;
	display: block;
	outline: none;
	height: 44px;
	z-index: 100;
	border: none;
	width: 25px;
	right: 0;	
	top: 0;
}

#mobile-menu .toggle_child:before,
#sidebar-menu .toggle_child:before {
	content: '+';
}

#mobile-menu .toggle_child.open:before,
#sidebar-menu .toggle_child.open:before {
	content: '-';
}

/* SLIDE MENU */

#sidebar-menu {
	position: relative;
	margin-bottom: 30px;
}

#sidebar-menu .mtit {
	font-size: 28px;
	line-height: 52px;
	font-weight: 400;
	color: #206b92;
	margin: 12px 0;
}

#sidebar-menu ul {
	margin: 0 -15px;
	padding: 0 15px;
	list-style: none;
}

#sidebar-menu > ul {
	background-color: #fff;
}

#sidebar-menu ul ul {
	padding: 0 10px;
}

#sidebar-menu .toggle_child.open + a {
	border-bottom: 1px solid #eeeeee;
}

#sidebar-menu li {
	position: relative;
}

#sidebar-menu a {
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #363636;
	padding: 13px 25px 13px 0;
}

#sidebar-menu a.active {
	color: #1271a1;
	border-bottom: 1px solid #eeeeee;
}

#sidebar-menu > ul ul {
	margin-left: 20px;
}



/* MOBILE MENU */

#side_menu_toggle {
    border: none;
    position: absolute;
    top: 12px;
    left: 12px;
    outline: none;
    background: rgb(44, 113, 153);
    z-index: 1010;
    border: 1px solid #bbd9e8;
    padding: 0;
}

#side_menu_toggle span {
	border-top: 3px solid #bbd9e8;
	border-bottom: 3px solid #bbd9e8;
	height: 15px;
	display: block;
	width: 18px;
	margin: 10px;
}

#side_menu_toggle span:before {
	content: '';
	height: 3px;
	display: block;
	background-color: #bbd9e8;
	margin: 3px 0;
}



@media (min-width: 1025px) {
	#side_menu_toggle { display: none; }	
	#menu { display: none; }
}

@media (max-width: 1024px) {
	#menu,
	#panel {
		transition: left 0.5s ease;
		-moz-transition: left 0.5s ease;
		-ms-transition: left 0.5s ease;
		-o-transition: left 0.5s ease;
		-webkit-transition: left 0.5s ease;	
	}

	#panel {
		position: relative;
		left: 0;
	}

	#panel.active {
		position: fixed;
		left: 256px;
		width: 100%;
	}

	#menu {
		width: 256px;
		position: fixed;
		top: 0;
		height: 100%;
		margin: 0;
		overflow-y: scroll;
		z-index: 1010;
		left: -256px;
	}

	#menu.active {
		left: 0;
	}

	#panel.active:before {
		content: '';
		z-index: 1000;
		background-color: rgba(0,0,0,.4);
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
		transition: all 1s ease 0s;
	}

	#mobile-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#mobile-menu > ul ul {
		margin-left: 20px;
	}

	#mobile-menu .mtit {
		margin: 20px 10px 5px;
		color: #0b3043;
		font-weight: 400;
		font-size: 22px;
		line-height: 1.3;
	}

	#mobile-menu ul {
		background-color: #e6eef2;
	}

	#mobile-menu li {
		position: relative;
	}


	#mobile-menu a {
		display: block;
		line-height: 1;		
		outline: none;
		padding: 10px;
		padding-right: 25px;		
	}

	#mobile-menu a:hover,
	#mobile-menu a:active {
		text-decoration: none;
	}

	#mobile-menu > ul > li > a {
		padding-right: 25px
	}

	#mobile-menu > ul ul li > a,
	#mobile-menu > ul > li + li > a {
		border-top: 1px solid #f0f5f7;
	}
}

/* SIDEBAR ARTICLES */

.news-block-title {
    padding: 13px 20px;
    background-color: #e7eaee;
    font-size: 22px;
    font-weight: 300;
}

.articles-left {
	margin: 0 -15px;
	padding: 0;
	background-color: #fff;
}

.articles-left .news-block-title:before {
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
	position: relative;
	margin-bottom: -1px;
}

.articles-left .icon_articles:before {
	background-image: url(/local/images/icon_sidebar_news.png);
	background-size: 20px 18px;
	width: 20px;
	height: 18px;
}

.articles-left .icon_news:before {
	background-image: url(/local/images/icon_sidebar_articles.png);
	background-size: 22px 21px;
	width: 22px;
	height: 21px;
}

.articles-left .news-item {
	padding: 20px;
	font-weight: 300;	
}

.articles-left .news-title {
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #1271a1;
	text-decoration: none;
}

.articles-left .news-title:hover {
	text-decoration: none;
}

.articles-left .news-date-time {
	font-size: 14px;
	color: #363636;
}

.articles-left .img-news-left {
	width: 100%;
	height: auto;
}

.articles-left .text-news-left {
	font-size: 16px;
	line-height: 22px;
	color: #363636;
}

.articles-left .href-news-left {
	font-size: 16px;
	text-decoration: underline;
	color: #1271a1;
}










/* HEADER */
.breadcrumps {
	min-height: 50px;
}

header {
	background: url(/local/images/background_hf.png);
	width: 100%;
	padding-top: 20px;
	background-size: cover;
	font-weight: 300;
	text-align: left;
}

.logo {
	background-image: url(/local/images/logo.svg);
	background-repeat: no-repeat;
}

.logo, .logo:hover {
	text-decoration: none;	
}

.header-logo {
	display: inline-block;
	background-size: 93px 103px;
	height: 103px;
	padding-left: 125px;
}

.header-logo span {
	display: block;
	color: #fff;
	line-height: 1.1;
}

.header-logo .big-text {
	text-transform: uppercase;
}

.header-logo .small-text {
	font-size: 17px;
}

header .social-header {
	margin-left: 110px;
}

.social-header p {
    margin: 0 0 13px 0;
    font-weight: 500;
}

.social {
	width: 28px;
	height: 28px;
	background-color: #105070;
	display: inline-block;
    background-size: 28px 56px;
    background-repeat: no-repeat;
    vertical-align: top;
}

.social:hover {
	background-color: #e9f1f5;
	background-position: 0 -28px;
}

.social svg {
	fill: #E9F1F5;
}

.social:hover svg {
	fill: #12577A;
}

.header_btn {
	background-color: #105070;
	position: relative;
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	width: 100%;
	height: 45px;
	padding: 0 0 0 55px;
	outline: none;
	text-align: center;
}

.header_btn:hover {
	background-color: #0c4866;
}

.header_btn .btn_icon {
	display: inline-block;
	position: absolute;
	background-color: #0c4866;
	background-position: center center;
	background-repeat: no-repeat;
	width: 55px;
	height: 45px;
    top: 0;
    left: 0;
}

.cb_btn .btn_icon {
	background-image: url(/local/images/icon_callback.svg);
	background-size: 20px 18px;
}

.fb_btn .btn_icon {
	background-image: url(/local/images/icon_feedback.svg);
	background-size: 23px 14px;
}

.header_btn + .header_btn {
	margin-top: 15px;
}

.phone {
	text-align: center;
}

.phone a,
.phone a:hover {
	color: #fff;
	font-size: 28px;
	line-height: 36px;
	text-decoration: none;
}

.header_contacts {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 18px;
	line-height: 20px;
}

.header_contacts li + li {
	margin-top: 20px;
}

.header_contacts a,
.header_contacts a:hover {
	color: #fff;
	text-decoration: underline;
}

.full-backround {
	background-color: rgba(30, 101, 138, 0.6);
	min-height: 220px;
	color: #fff;
	padding: 25px 40px;
}

.body {
	background-color: #f3f3f3;
}

nav {
  margin-top: 20px;
  background-color: #fff;
}

.counter_list li:before {
	border: 3px solid #fff;
	text-align: center;
}

@media (min-width: 768px) {
	.counter_list li:before {
		position: absolute;
		font-size: 72px;
		width: 102px;
		height: 102px;
		line-height: 100px;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0;
	}
}

@media (max-width: 767px) {
	.counter_list li:before {
		position: absolute;
		font-size: 37px;
		width: 52px;
		height: 52px;
		line-height: 48px;
		top: 10px;
		left: 0;
	}
}

@media (max-width: 479px) {
	.counter_list li:before {
		position: relative;
		margin-right: 10px;
		float: left;
	}
}

.check_list li:before {
	content: '';
	background-image: url(/local/images/list_check_marker.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px 35px;
	position: absolute;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	left: 0;
}

@media (max-width: 479px) {
	.check_list li:before {
		position: relative;
		margin-right: 10px;
		float: left;
	}
}


/* PAGE */

.material {

	font-size: 18px;
	line-height: 28px;
	font-weight: 300;

}

.material h1 {
	font-size: 36px;
	line-height: 40px;
	color: #363636;
	text-align: center;
}

.img_box {
	text-align: center;
	width: 100% !important;
}

.material .slider-title-main {
	text-align: center;
	font-size: 24px;
	line-height: 52px;
	color: #363636 !important;	
	margin: 0 !important;
}

.material .price_item_price {
	display: inline-block;
}

.material .btn_price {
	display: inline-block;
	float: right;
}

.material a[href="#raschet"] {
	background-color: #1271a1;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	padding: 8px 45px;
	text-transform: uppercase;
        margin:4px;
}

.material a[href="#raschet"]:hover {
	color: #fff;
}

.material a[href="#raschet"] i {
	display:none;
}

.item_block .block_item {
	margin: 15px 0;
	vertical-align: top;
}

.price-pdn {
	display: inline-block;
	margin: 30px 0 0 0;
}

.block_item-wrap {
	padding: 9px;
	background: #f9f9f9;
	text-align: left;
}


/* FOOTER */

footer {
	background: url(/local/images/background_hf.png);
	width: 100%;
	padding-top: 20px;
	background-size: cover;
	font-weight: 300;	
}

footer a,
footer a:hover {
	color: #fff;
}

#scrollup {
	background-image: url(/local/images/button_up.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: 3px solid #fff;
	width: 82px;
	height: 85px;
}

.scrollup_container {
	text-align: center;
}

.footer_contacts {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-menu {
	font-weight: 500;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	text-align: right;
}



/* POPUP */
#zamer-form,
#callback-form,
#feedback-form {
	display: none;
	width: 499px;
	/*height: 452px;*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -250px;
	z-index: 2000;
	overflow: hidden;
    background: #FFF;
    text-align: center;
    padding: 40px 20px 30px;
    font-size: 16px;
}

@media (max-width: 768px) {
	#zamer-form,
	#callback-form,
	#feedback-form {
		width: 340px;
		margin-left: -170px;
	}
}

@media (max-width: 480px) {
	#zamer-form,
	#callback-form,
	#feedback-form {
		position: absolute;
		top: 0;
		margin: 50px auto;
		left: 0;
		right: 0;
		width: 95%;
		max-width: 340px;
		min-width: 290px;
	}
	.material a[href="#raschet"] {
		padding: 8px 30px;
	}
}

#raschet .forma {
	background-color: #fff;
	margin-top: 15px;
	margin-bottom: 65px;
	font-size: 16px;
	font-weight: 300;
	color: #363636;   
}

#zamer-form .content,
#callback-form .content,
#feedback-form .content {
	max-width: 360px;
	margin: 10px auto 0;
}

#zamer-form .option-qroup,
#callback-form .option-qroup,
#feedback-form .option-qroup {
    margin: 5px 0 15px;
}

#zamer-form .title .text,
#callback-form .title .text,
#feedback-form .title .text,
#raschet .spanh2 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 300;
}

#zamer-form .close,
#callback-form .close,
#feedback-form .close {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-color: #1271a1;
	font-size: 18px;
	line-height: 17px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

#zamer-form .close:hover,
#callback-form .close:hover,
#feedback-form .close:hover {
	background-color: #0f5b82;
}


.tpl_light .hidden_protection,
.tpl_default .hidden_protection {
    display: none;
}

.tpl_light input[type="text"],
.tpl_light textarea,
.tpl_default input[type="text"],
.tpl_default textarea {
    border: 1px solid #e2e7e9;
    width: 100%;
    padding: 2px 27px;
    margin-bottom: 5px;
    outline: none;
}

.tpl_light textarea,
.tpl_default textarea {
    resize: none;
}

.tpl_light input[type="submit"],
.tpl_default input[type="submit"] {
	border: none;
	background-color: #1271a1;
	color: #fff;
	width: 100%;
	padding: 5px 0;
}

.tpl_light input[type="submit"]:hover,
.tpl_default input[type="submit"]:hover {
    background-color: #0f5b82;
}

.tpl_default .api-file-name {
    padding-right: 40px;
    background: url(/local/images/icon_upload.png) right no-repeat;
    height: 20px;
    display: inline-block;
}

.tpl_default .api-btn {
    background-color: #516e7d;
    width: 145px;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.tpl_default .api-btn:hover {
    background-color: #445e6b;
}

.tpl_default .api-file-wrap input[type="file"] {
    display: none;
}

/* RESPONSIVE */

@media (min-width: 1200px) {
	.header-logo .big-text {
		font-size: 56px;
	}
}

@media (min-width: 768px) {
	.full_width {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media (max-width: 1024px) {
	.toggle-button {
		display: block;
	}
}

@media (max-width: 1199px) {
	.header-logo .big-text {
		font-size: 45px;
	}
}

@media (max-width: 992px) {

	.full-backround {
		text-align: center;
	}

	.header-logo {
	    padding-top: 20px;
	}

	header .social-header {
		margin-left: 0;
	}

	.btn-callbackandfeedback,
	header .social-header,
	.header_contacts {
		margin-top: 15px;
	}

	.header_btn {
		max-width: 240px;
	}
}

@media (max-width: 767px) {

	#sidebar-menu,
	.articles-left {
		display: none;
	}

	h1, .as_h1 {
	    font-size: 40px;
	    line-height: 45px;
	}

	header,
	footer {
		padding-top: 0;
	}

	footer .container div + div {
		margin-top: 20px;
	}
	
	.footer-menu li + li,
	.footer_contacts li + li {
		margin-top: 10px;
	}
}

@media (max-width: 549px) {
	.header-logo {
		padding-top: 110px;
		padding-left: 0;
		background-position: center 0;
		height: auto;
	}

	.social {
	    width: 38px;
	    height: 38px;
	    background-size: 38px 76px;
	}
}

/* FIXES */


.slick-slider .slide {
	overflow: hidden;
	margin: 0 25px;
	outline: none;
}

.slick-slider .slide img {
	width: 100%;
	max-width: 430px;
	max-height: 315px;
}

@media (min-width: 768px) {
	.slick-slider .slide {
		max-width: 450px;
	}

	.item-news-p {
		visibility: hidden;
	}

	.slick-slider .slick-current .item-news-p {
	 visibility: visible !important;
	}
}

@media (max-width: 767px) {
	.slick-slider .slide {
		text-align: center;
	}
	.slick-slider .slick-slide img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
}

.slick-arrow {
	background-position: center center;
	background-repeat: no-repeat;
	border: 3px solid #fff;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	margin: auto;
	height: 53px;
	width: 53px;
	bottom: 0;	
	top: 0;
}

.left-arrow {
	left: 15px;
	background-image: url(/local/images/arrow_left.svg);
}

.right-arrow {
	right: 15px;
	background-image: url(/local/images/arrow_right.svg);
}

.slick-slide img.img-bg-slider,
.slider-btn-div .img-bg-slider {
	display: none !important;
}

.slider-for {
	background-color: #fff;
	padding: 10px;
	outline: none;
}

.slider-nav p {
	margin: 0;
	padding: 0;
}

.slider-nav .slick-slide {
	min-height: 45px !important;
	outline: none;
	padding: 5px 10px;	
	text-align: center;
	line-height: 1;
	font-size: 16px;
	background-color: #e7eaee;
	cursor: pointer;
	border-right: none !important;
}

.slider-nav .slick-slide + .slick-slide {
	border-left: 1px solid white;
	margin-left: -1px;
}

.slider-nav .slick-current {
	background-color: #fff;
}

.slider-btn-div {
    width: 150px;
    margin: 0 auto;
    z-index: 4;
}

.slider-btn {
    text-align: left;
    height: 40px;
    padding-top: 50px;
    padding-left: 0;
    font-size: 14px;
    margin: 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-transform: uppercase;
}

@media (min-width: 992px) {
	.slider-btn-div {
		margin-top: 26%; 
		position: absolute; 
		margin-left: 45px; 
	}

	.rama_picture {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.preview_picture_slid_height {
		float: none !important;
		margin: 0 auto;
	}
}

.form_zamer_2 {
	background: url(/local/images/form_zamer_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	height: 250px;
	width: 828px;
	padding: 10px 55px 21px 9px;
	margin: 0 auto;
}

.form_zamer_2 .row,
.form_zamer_2 .row .col-md-3,
.form_zamer_2 .row .col-md-8 {
	height: 100%;
}

.form_zamer_2 .b {
	font-weight: 500;
}

.form_zamer_2 .row .col-md-3 {
	width: 25% !important;
	float: left !important;
}

.form_zamer_2 .row .col-md-8 {
	padding-top: 38px;
	padding-bottom: 48px;
	width: 66.66666667% !important;
	float: left !important;
}

.alesha {
	background: url(/local/images/alesha.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 206px;
	position: absolute;
	bottom: 0;
	left: 40px;
}

.zamer_text_2_1 {
	color: #3b7d98;
	font-size: 23px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 0;
}

.zamer_text_2_2 {
	color: #3b7d98;
	font-size: 23px;
	text-transform: uppercase;
	margin: 0;
	text-align: right;
	padding-right: 15px;
}

#zamer_btn {
	border: none;
	background-color: #1271a1;
	color: #fff;
	width: 100%;
	padding: 5px 25px;
	cursor: pointer;
	height: 35px;	
	width: 210px;
	float: right;
	margin-right: 25px;
	margin-top: 5px;
	text-align: center;
}

@media (max-width: 1199px) {
	.form_zamer_2 {
		width: 675px;
		height: 214px;
	}

	.alesha {
		height: 185px;
		left: 25px;
	}

	.zamer_text_2_1 {
		margin-top: 0px;
	}
}

@media (max-width: 768px) {
	.form_zamer_2 {
		border: 5px solid #adcce7;
		background: none;
		background-color: #f4f7f8;
		padding: 10px;
		width: 100%;
		height: auto;
	}

	.form_zamer_2 .row .col-md-3 {
		display: none;
		float: none !important;
	}
	.form_zamer_2 .row .col-md-8 {
		padding: 10px;
		text-align: center;
		width: 100% !important;
		float: none !important;
	}

	.zamer_text_2_1,
	.zamer_text_2_2 {
		margin: 10px 0;
		padding: 0;
		text-align: center;
	}

	#zamer_btn {
		float: none;
		margin: 0 auto;
	}
}

/* ### 14.02.2018 ### */
.btns_price {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}

.zamer_call_btn {
	background-color: #147eb3;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	padding: 8px 15px;
	text-transform: uppercase;
}
.zamer_call_btn:hover {
	background-color: #168bc5;
	color: #fff;
}

@media (max-width: 400px) {
	.zamer_call_btn {
		margin-top:20px;
	}
}
/* ### 14.02.2018 END ### */

/* End */
/* /local/templates/new_divier/components/bitrix/menu/header_menu/style.css */
/* /bitrix/components/api/main.feedback/css/jquery.modal.css */
/* /local/templates/new_divier/components/texterra/forms/feedback/style.css */
/* /local/templates/new_divier/components/texterra/forms/zayavka/style.css */
/* /bitrix/components/texterra/forms/templates/questionback/style.css */
/* /local/templates/new_divier/template_styles.css */