/* Start:/bitrix/templates/mobile/styles.css?167576581215553*/
@charset "windows-1251";

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,font,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{background:transparent;border:0;margin:0;outline:0;padding:0;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a:hover,a:active{outline:0;}
html{font-size:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}img{-ms-interpolation-mode:bicubic;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;}[hidden]{display:none;}button::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}
@font-face {
 font-family:"HeliosCond";
 src:url('/bitrix/templates/main/_css/fonts/helioscond/helioscond.eot');
 src:url('/bitrix/templates/main/_css/fonts/helioscond/helioscond.eot?#iefix') format('embedded-opentype'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond.woff2') format('woff2'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond.woff') format('woff'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond.ttf') format('truetype'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond.svg#helioscondregular') format('svg');
 font-weight:normal;
 font-style:normal;
 font-display: swap;
}

@font-face {
 font-family:"HeliosCond";
 src:url('/bitrix/templates/main/_css/fonts/helioscond/helioscond-bold.eot');
 src:url('/bitrix/templates/main/_css/fonts/helioscond/helioscond-bold.eot?#iefix') format('embedded-opentype'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond-bold.woff2') format('woff2'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond-bold.woff') format('woff'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond-bold.ttf') format('truetype'),
 url('/bitrix/templates/main/_css/fonts/helioscond/helioscond-bold.svg#helioscondbold') format('svg');
 font-weight:bold;
 font-style:normal;
 font-display: swap;
}

@font-face {
 font-family: 'Roboto Condensed';
 src:
   url('/bitrix/templates/mobile/./_css/fonts/RobotoCondensed-Light.woff2') format('woff2'),
   url('/bitrix/templates/mobile/./_css/fonts/RobotoCondensed-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Roboto Condensed';
 src:
         url('/bitrix/templates/mobile/./_css/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
         url('/bitrix/templates/mobile/./_css/fonts/RobotoCondensed-Regular.woff') format('woff');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Roboto Condensed';
 src:
         url('/bitrix/templates/mobile/./_css/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
         url('/bitrix/templates/mobile/./_css/fonts/RobotoCondensed-Bold.woff') format('woff');
 font-weight: 700;
 font-style: normal;
 font-display: swap;
}

* {font-family: 'Roboto Condensed', 'HeliosCond', Arial, Helvetica, sans-serif;}
body {width: 100%; min-width:1134px;}
a {text-decoration: none; cursor: pointer}
 a:hover {text-decoration: underline}
.clear {clear: both; font-size: 0.01em}
.content_area {padding-bottom: 0px; position: relative; z-index: 200; font-weight: 300}
.content_area h1 {font-size: 2.2em; color: #333333; line-height: 1; font-weight: 400; padding: 0 0 9px; text-transform: uppercase}
.content_area h2 {font-size: 1.66em; color: #1d4fb9; line-height: 1; font-weight: 400; padding: 34px 0 12px;}
.content_area h3 {font-size: 1.44em; color: #ff7200; line-height: 1; font-weight: 400; padding: 33px 0 7px;}
.content_area h4 {font-size: 1.33em; color: #333; line-height: 1; font-weight: 400; padding: 36px 0 4px;}
.content_area h5 {font-size: 1.23em; color: #4f7dde; line-height: 1; font-weight: 400; padding: 36px 0 2px;}
.content_area p {font-size: 1em; color: #333333; line-height: 1.35; padding: 12px 0; font-weight: 300}
.content_area p.preForm_pads {padding: 0 0 40px}
.content_area p a {color: #4f7dde; text-decoration: underline}
.content_area p a:hover {color: #4f7dde; text-decoration: none}
.content_area a.paddedLink {display: inline-block; padding-top: 13px}


.contnent_area_main .newslist {border-top: 1px solid #cacaca; float: left; width: 100%; position: relative; background: #fff; padding: 0}
.contnent_area_main .newslist_item {float: left; width: 100%; border-bottom: 1px solid #cacaca; padding: 36px 0 32px ; background: none; line-height:1.556}
.newslist_item_additional {float: left; width: 225px; padding: 0 13px;}
.nli_Image {border: 1px solid #cacaca; font-size: 0; overflow: hidden; width: 222px; display: inline-block}
.nli_text {border-bottom: 3px solid #ff7200; display: block; color: #4f7dde; font-size: 1.2em; line-height: 0.9; padding-bottom: 24px}
.newslist_item_text {margin: 0 0 0 265px}
.newslist_item_title {display: inline-block; font-size: 0.8em; color: #fff; border: 2px solid #ff7200; background: #ff7200; padding: 2px 7px; margin: 0 0 5px}
.newslist_item_text p {padding: 22px 0}

.newslist_item:hover {background: #ff9c4b !important;}
.newslist_item:hover .newslist_item_title {border: 2px solid #fff; background: #ff9c4b;}
.newslist_item:hover .newslist_item_text p {color: #fff !important;}
.newslist_item:hover .nli_text {border-bottom-color:#fff !important; color: #fff !important;}
.newslist_item:hover .bordered_link_smaller {color: #fff; background-color: #4f7dde; background-position: 100% -250px; text-decoration: none ; background-position: 100% -249px;}


.remark_intext {float: left; max-width: 360px; margin: 0 28px 5px 0; padding: 14px 0 0; clear: left}
.remark_intext.remark_bordered {border-bottom: 3px solid #ff7200}
.remark_intext.fullWidth {width: 100%; clear: none; padding: 14px 0 0; margin-bottom: 30px}
.remark_intext_link {font-size: 1.58em; line-height: 1; text-transform: uppercase; color: #4f7dde}

.remark_intext_link {font-size: 1.58em; line-height: 1; text-transform: uppercase; color: #4f7dde; text-decoration: none; cursor: default}
 .remark_intext_link:hover {text-decoration: none; cursor: default}

.remark_intext h5 {font-size: 1.55em; line-height: 1.09; padding: 0 0 17px; margin: 0}


.customTable {width: 100%; clear: both; border: 1px solid #3866c6; border-top: none; margin: 20px 0; border-collapse:separate; border-spacing:0;}
.customTable th {border-left: 1px solid #fff; padding: 10px 13px; background: #3562c0; color: #fff; font-size: 1em; font-weight: normal; text-align: left}
.customTable th:nth-child(odd) {background: #4f7dde}
.customTable th.hidlighted {background: #ff7200; border-color: #ff7200}
.customTable th:first-child {border-left: none}
.customTable tbody td {border: 1px solid #dcdcdc; padding: 10px 13px; color: #333;}
.customTable.firstInRow_centered tbody td:first-child {text-align: center}
.customTable tbody tr:hover {border-right: 1px solid #ff7200;}
.customTable tbody tr:hover td {border-top: 1px solid #ff7200; border-bottom: 1px solid #ff7200;}
.customTable tbody tr:hover td:last-child {border-right: 1px solid #ff7200;}
.customTable tbody tr:hover td:first-child {border-left: 1px solid #ff7200;}
.customTable tbody td.hidlighted {border-left: 1px solid #ff7200; border-right: 1px solid #ff7200;}

.contnent_area_main ul, .ul_blueSquare, .jq_custom_tabs ul {padding: 10px 0 20px}
.contnent_area_main ul li, .ul_blueSquare li, .jq_custom_tabs ul li {background:url(/bitrix/templates/main/_i/li_marker.png) 1px 14px no-repeat; padding: 6px 0 6px 18px; line-height: 1.33}
.contnent_area_main ul li ul, .ul_blueSquare li ul, .jq_custom_tabs ul li ul {margin: 10px 0}
.contnent_area_main ul li li, .ul_blueSquare li ul li, .jq_custom_tabs ul li ul li {margin: 0 0 0 65px; color: #666; background-image:url(/bitrix/templates/main/_i/li_marker_lev2.png)}

.contnent_area_main ol{
list-style-type: decimal !important;
list-style-position: inside;
color: #4F7DDE;
}

.contnent_area_main ol span{
color:#333;
}


.ul_orangeDot li{
background-image: url(/bitrix/templates/main/_i/li_marker_lev2.png) !important;
}
.contnent_area_main .ul_romanStyle {padding: 10px 0 20px; margin: 0 0 0 80px}
.contnent_area_main .ul_romanStyle li {list-style:upper-roman outside; margin-bottom: 8px; padding: 3px 0 7px 20px; background:url(/bitrix/templates/main/_i/li_marker_roman.png) -40px -4px no-repeat; color: #333; line-height: 1.25; position: relative}
.contnent_area_main .ul_romanStyle li span {display: block; margin: -24px 0 0 60px; padding-left: 60px; line-height: 1.2}
.contnent_area_main .ul_romanStyle li ul {margin: 16px 0 10px;}
.contnent_area_main .ul_romanStyle li ul li {list-style: none; margin: 0 0 5px 15px; color: #666; background:url(/bitrix/templates/main/_i/li_marker_lev2.png) 0 14px no-repeat; padding: 4px 0 4px 18px}
.roman_number {position: absolute; left: -40px; top: 0; width: 40px; height: 27px; background: #3562c0; color: #fff; text-align: center; line-height: 28px; font-size: 12px; font-family:"Times New Roman", Times, serif}



.line {clear: both; width: 100%; border-top: 1px solid #cacaca; font-size: 0.1em; margin: 20px 0}


.oneStringText {position: relative; padding: 0 0 10px}
.oneStringText p {display: block; position: relative; width: 100%; white-space:normal; text-overflow: ellipsis; overflow: hidden; padding-bottom: 4px}
.oneStringText p.cutEnd {height: 24px; white-space: nowrap;}
.oneStringText.active p.cutEnd {height: 100%; white-space: normal;}
.oneStringText_show {display: inline-block; border-bottom: 1px dashed #4f7dde; color: #4f7dde; line-height: 1; padding: 0; text-decoration: none}
.oneStringText_show:hover {color: #1d4fb9; text-decoration: none}


.prim-one{
font-style: italic;
padding: 22px 27px !important;
border: 3px solid #ff7200;
color: #727272 !important;
font-weight: 400 !important;

}

.prim-one,.prim-two,.prim-three,.prim-four,.prim-five,.one-quotes-block,.quotes{
margin-bottom: 12px;
}

.prim-three{
font-style: italic;
padding: 22px 27px !important;
border: 3px solid #546eff;
color: #727272 !important;
font-weight: 400 !important;
}

.prim-four{
 font-weight: 400 !important;
 padding:30px 0!important;
 border-bottom:3px solid #ff7200;
 border-top:3px solid #ff7200;
}


.prim-five{
 padding:30px 0!important;
 border-bottom:3px solid #ff7200;
 border-top:3px solid #ff7200;
}

.quote-left,.quote-right{
 display: inline-block;
 height: 34px;
 width: 33px;
 vertical-align: middle;
}

.quote-left{
 background:url(/_i/quote-left.png) no-repeat center left;
 padding-right:20.5px;
}

.quote-right{
 background:url(/_i/quote-right.png) no-repeat center right;
 padding-left:20.5px;
}

.quote-block{
 font-size:25px !important;
 color:#727272 !important;
 line-height: 25px;
}

.quotes .quote-left-part-block,.quotes .quote-right-part-block{
 float:left;
}

.quotes p{
 font-weight: 400 !important;
 padding:0 !important;
}

.quotes .quote-left{
 position:absolute;
 top:0;
 left:0;
}

.quotes .quote-right{
 position:absolute;
 top:0;
 right:0;
}

.quote-block-two .quote-left-part-block,.quote-block-three .quote-right-part-block{
 width: 36%;
 padding: 0px 53px;
 position:relative;
}

.quote-block-two .quote-right-part-block{
 width: 51%;
 padding-left: 26px;
}

.quote-block-three .quote-left-part-block{
 width: 51%;
 padding-right: 26px;
}

@media (min-width: 1318px) and (max-width: 1438px){
 .quote-block-two .quote-left-part-block,.quote-block-three .quote-right-part-block{
 width: 35% !important;
}
}

@media (max-width: 1317px){

 .quote-block-two .quote-left-part-block,.quote-block-three .quote-right-part-block{
 width: 34% !important;
}
 .quote-block-two .quote-right-part-block{
 width: 49% !important;

}

 .quote-block-three .quote-left-part-block{
 width: 49% !important;

}
}

.content-text-note{
vertical-align: super;
font-size: small;
}



@media print {
 body {
 min-width: 1000px!important;
 font-size: 100%;
}
 #footer, #footer.print_version {
 overflow: visible;
}
 * {
 font-size: 100%!important;
 line-height: 1.1!important;
}
 .breadcrumbs {
 line-height: 12px!important;
}
 .breadcrumbs a,
 .breadcrumbs span {
 font-size: 12px!important;
}
 .bordered_link {
 line-height: 1.6em!important;
}
 .paginator_item {
 line-height: 1.8em!important;
}
 .footer_content .block3,
 .footer_content .footer_content_Navigation {
 display: none!important;
}
 .header .company {
 padding-top: 19px!important;
}
 .header .header_headline_Contacts {
 padding-top: 18px!important;
}
 .footer_content_Contacts {
 padding-top: 10px!important;
}
 .footer_content_Contacts .adr {
 margin-right: 100px!important;
}
 .footer_content_Contacts * {
 font-size: 88%!important;
}
}

.maintance_button
{
background-color: rgb(56, 102, 198);
font-size: 36px;
border-radius: 5px;
padding: 10px;
color: white !important;
transition: 0.5s;
 margin-left: 20px;
border: 1px solid rgb(56, 102, 198);
}

.maintance_button:hover
{
background-color: white;
color: rgb(56, 102, 198) !important;
transition: 0.5s;
border: 1px solid rgb(56, 102, 198);
outline-offset: -4px

}

.maint_three_buttons
{
display: inline-block;
}

.maint_three_buttons a, .three_buttons_ad a{
text-decoration: none;

}

.three_buttons_ad a:nth-child(2){float:left}

@media screen and (min-width:1338px){
.maint_three_buttons{display:block;}
.three_buttons_ad{display:none;}
}

@media screen and (max-width:1338px){
.maint_three_buttons{}
.three_buttons_ad{display:block;}
.three_buttons_ad a{display:block}
div.contnent_area_main > div > div:nth-child(3) > img{
 width: 100%;
 max-width: 600px;
}
}

.new_block_new .block{
 overflow: hidden;
 margin-bottom: 20px;
}

.new_block_new .block .img{
 float: left;
 width: 43%;
}
.new_block_new .data{
 border: 2px solid #FF7200;
 background: #FF7200;
 font-size: 1em;
 padding: 0 10px;
 color: #fff;
 display: inline-block;
 margin-bottom: 15px;
}
.new_block_new .block .text{
 float: right;
 width: 56%;
}
.new_block_new .block .text p:first-child{
 padding-top: 0;
}
.comments_block .block .name{
 font-size: 20px;
 font-weight: 700;
 padding-right: 7px;
}

.comments_block .block .data{
 font-size: 16px;
 color: #999999;
}
.comments_block{
 margin-top: 30px;
}
.comments_block .block p{
 color: #666666;
}
.comments_block .block:first-child{
 border-top: 1px solid #cccccc;
}
.comments_block .block {
 border-bottom: 1px solid #cccccc;
 padding-bottom: 20px;
 padding-top: 20px;
}

.write_massage h2{
 color: #1d4fb9;
 font-size: 30px;
}
.write_massage .block{
 width: 50%;
 float: left;
}
.write_massage .block .bf_line_label{
 width: 145px;
 padding-right: 20px;
}
.write_massage .block .bf_line_field{
 width: 360px;
}
.write_massage .bf_line_field .custom_input{
 margin-right: 0;
 min-width: 93%;
}

.write_massage .block.right .bf_line_label{
 text-align: right;
}
.write_massage .block_textarea{
 width: 100%;
 overflow: hidden;
}
.write_massage .block_textarea .bf_line_label{
 width: 145px;
 padding-right: 20px;
}
.write_massage .block_textarea .bf_line_field{
 width: 84%;
}
.write_massage .block_textarea .bf_line_field .custom_textarea{
 width: 97%;
 margin-top: 10px;
 resize: none;
 height: 100px
}

.write_massage .bordered_link{
 margin-top: 25px;
 margin-left: 15.5%;
}
.four_persons_item {
 margin-left: 4%!important;
}
.four_persons_item:first-child{
 margin-left: 0!important;
}

/* End */


/* Start:/bitrix/templates/mobile/template_styles.css?16757658124696*/
.news-box__date{
 color: gray;
 font-size: 16px;
 margin-top: -10px;
 display: block;
}
.calculator_page .subtotal_block .js_price_change {padding-right: 0px !important;}
.calculator_page .budget .js_price_change {
 float: left;
 padding-right: 5px;
}

.calculator_page .classes.hide .cal_quantity,
.calculator_page .classes .change_value {
 display: none;
}
.calculator_page .classes.hide .cal_hide,
.calculator_page .classes.yearschange .change_value,
.calculator_page .classes.hide.yearschange .change_value {display: block;}
.calculator_page .classes .cal_hide,
.calculator_page .classes.yearschange .cal_hide{display: none; text-align: center;}
.calculator_page .year.hide .change_value {display: none;}
.calculator_page .year.hide .cal_hide {display: block;}
.calculator_page .year .cal_hide {display: none; text-align: center;}
.calculator_page .status.hide select {display: none;}
.calculator_page .status.hide .cal_hide {display: block;}
.calculator_page .status .cal_hide {display: none; text-align: center;}
input.error {border-color: #ff0000; color: #ff0000;}
#Excursions ul.two-col-list li {background: none !important; padding: 0 !important;}
.servises_detail_list {margin-bottom: 10px;}
.main_news_blocks .news4 .info-holder .time {text-transform: lowercase;}
#structure-lines2 {margin-top: 77px !important;}
.new_video_block {margin-top: 40px; width: 570px;}
#patent_form .error-list {color: red; font-size: 18px;}
.index_tabs_scroller4 .swiper-scrollbar4 {display: none;}
.index_tabs_content .index_tabs_item:nth-child(4) .bordered_link {display: none;}
.ipschool {
 border: 2px rgb(79, 125, 222) solid;
 width: 200px;
 text-align: center;
 margin-left: 95px;
 padding: 10px 0px;
}

.ipschool:hover {
 text-decoration: none;
 background-color: rgb(79, 125, 222);
 color: white
}

@media(min-width:768px) {
 body {
 padding-top: 151px;
 }
}

.priorities{
 padding: 15px 33px 0;
 margin-bottom: 20px;
}

.priorities .title{
 font-size: 2.2em;
 color: #333333;
 line-height: 1;
 font-weight: 400;
 padding: 0 0 9px;
 text-transform: uppercase;
}

.priorities p{
 font-size: 1em;
 color: #333;
 line-height: 1.35;
 padding: 12px 0;
 font-weight: 300;
 text-align: justify;
}
.email_list_custom img{
 display: none;
}
@media (max-width: 768px) {
 .priorities .title{
  font-size: 1.4em;
 }
 .header-contacts__col.header-contacts__col_right{
  display: flex;
  justify-content: space-between;
 }
 .mobile-menu-buttons .header-contacts__col.header-contacts__col_right{
	display: flex;
    justify-content: space-between;
    align-content: space-around;
    flex-wrap: wrap;
 }
  .mobile-menu-buttons .email_list_custom{
  position: initial!important;
  width: 100%!important;
  justify-content: flex-start!important;
 }
 #wrap .header_headline_Contacts .open_TelList2{
  left: 20%;
  display: block;
  margin: 0 auto;
  width: 27%;
  position: absolute;
  top: 0px;
  transform: translate(-50%);
  border: 0px!important;
  margin-top: 0px !important;
 }
 #wrap .email_list_custom{
  display: block;
  position: absolute;
  top: 0px;
  right: 5%;
  width: 46%;
  justify-content: center;
  display: flex;
  color: white;
  font-size: 19px;
  font-family: "Roboto Condensed", "HeliosCond", Arial, Helvetica, sans-serif;
  text-decoration: underline;
  align-items: center;
 }
 #wrap .email_list_custom img{
  margin-right: 10px;
  display: block;
  width: 20px;
  height: 20px;
 }
}
.subs_custom{
 background: #ff7200 !important;
 font-size: 22px;
 text-align: center;
 padding: 4px 7px;
}
@media (min-width: 768px) {

 .header-contacts .header-contacts__col.header-contacts__col_right{
  flex-direction: column-reverse;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 74px;
  margin-top: 8px;
 }
 .header-contacts .header-contacts__col.header-contacts__col_right br{
  display: none;
 }

 .header-contacts__col_right .open_TelList2.comagic_phone{
  margin-top: 8px;
 }
}

@media (max-width: 379px) {
#wrap .header .header-contacts__col.header-contacts__col_right .open_TelList2.comagic_phone{
 font-size: 16px;
 left: 14%;
 display: flex;
 width: 108px !important;
 justify-content: center;
 align-items: center;
 top: 10%;
}
 body #wrap .email_list_custom img {
  margin-right: 2px;
 }
 body #wrap .email_list_custom {
  display: block;
  position: absolute;
  top: 5px;
  right: 5%;
  width: 43%;
  justify-content: space-around;
  display: flex;
  color: white;
  font-size: 16px;
 }
}
.index_clients_scroller_SHORT .swiper-slide {
 text-align: center;
 width: auto;
}

#callback_form .ui-buttonset .ui-button {
 margin-right: 20px;
}

#question_form .ui-buttonset .ui-button {
 margin-right: 20px;
}
.nobr_class{
 display: block;
 white-space: nowrap;
}
/* End */
/* /bitrix/templates/mobile/styles.css?167576581215553 */
/* /bitrix/templates/mobile/template_styles.css?16757658124696 */