/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/.default/style.css?1477378973256*/ .bread{ margin-bottom:10px; /*width:450px; float:left;*/ height:37px; overflow:hidden; font-size:14px; } .bread a:last-child{ font-weight:bold; } .bread li{ display: inline; } /* .bread span{ } .bread a{ color:#000000; } .bread .last{ color:#595959; }*/ /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/vertical_multilevel/style.css?14042241641237*/ .catalog-list1 { margin:0 0 33px; padding:7px 0 0 0; } .catalog-list1 li { background: none repeat scroll 0 0 transparent; font-size: 14px; line-height: 16px; padding: 0; list-style: none outside none; } .catalog-list1>li{ margin-bottom:20px; } .catalog-list1 li a { /*background: url("/images/bullet02.gif") no-repeat scroll 10px 3px transparent;*/ color: #272727; display: block; padding: 5px 5px 6px 5px; text-decoration: none; margin:1px 0; position:relative; } .catalog-list1>li>a { font-weight: bold; } .catalog-list1 li a.root-item-selected , .catalog-list1 li a:hover { background-color:#e1e1e1; } .catalog-list1 li a.root-item-selected ,.catalog-list1 li a.item-selected{ /*font-weight: bold;*/ background-color:#e1e1e1; } .catalog-list1 ul { margin:0; padding:0; } .catalog-list1 ul a { padding-left:5px; color:#282828; background:none; } .catalog-list1 .arrow{ background: url('/bitrix/templates/.default/components/bitrix/menu/vertical_multilevel/images/menu_ar.png') no-repeat scroll 0 100% transparent; cursor: pointer; display: block; float: left; height: 9px; margin: 3px 0 0 -13px; overflow: hidden; width: 9px; } .catalog-list1 .closed .arrow{ background:url('/bitrix/templates/.default/components/bitrix/menu/vertical_multilevel/images/menu_ar.png') no-repeat 0 0 transparent; } /* End */ /* Start:/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/style.css?15701045519440*/ .file-placeholder { margin-left: 56px; } .file-placeholder .loading-wrap { display:inline-block; margin-left:15px; vertical-align:middle; position:relative; width:50%; } .file-placeholder .loading { background:#e3ebed; display:block; border:1px solid; border-top:1px solid #bcc2c4; border-left-color:#cfd7d9; border-right-color:#cfd7d9; border-bottom:1px solid #dde5e6; border-radius:2px; height:17px; box-shadow:inset 0 1px 2px rgba(188,194,196,0.7); } .file-placeholder .loading .del-but { background: url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat 7px -20px; cursor: pointer; height: 20px; position: absolute; right: 0; top: 0; width: 20px; } .file-placeholder .load-indicator { background:#40c0e9; background:linear-gradient(top, #40c0e9, #2698db); background:-ms-linear-gradient(top, #40c0e9, #2698db); background:-webkit-gradient(linear, left top, left bottom, from(#40c0e9), to(#2698db)); border-radius:2px; color:#fff; font-size:12px; height:19px; text-align:center; text-shadow:0 1px 0 rgba(56, 124, 162, 1); left:0; top:0; position:absolute; } .file-placeholder .load-number { display:inline-block; box-sizing:border-box; padding-top:2px; } .file-placeholder .files-title { background:url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat; color:#5c6470; font-size:12px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8); left:13px; top:12px; width:54px; padding-left:20px; position:absolute; } .file-placeholder .files-list-wrap { margin-left:56px; } html* .file-placeholder .files-list { width: auto !important; } .file-placeholder .files-list { margin-top:-10px; table-layout:fixed; width:100%; position:relative; } .file-placeholder .files-list td { box-shadow:0 -2px 0 -1px #FFFFFF inset; border-bottom:1px solid #dde5e8; color:#5c6470; font-size:12px; line-height:16px; padding:10px 0 10px; white-space:nowrap; /*overflow:hidden;*/ text-overflow:ellipsis; position: relative; zoom:1; } .file-placeholder .file-edit, .file-placeholder .file-section { display: none; } .file-placeholder .files-name { width:30% } .file-placeholder .files-size { width:12% } .file-placeholder .files-storage { width:20% } .file-placeholder .files-storage .files-storage-text{ display: inline-block; width:80px; color:#5C6470; } .file-placeholder .files-storage-block { position:relative; } .file-placeholder .files-text { -moz-box-sizing: border-box; color: #2067B0; display: inline-block; font-weight: bold; max-width: 100%; padding-right: 20px; position: relative; zoom:1; } .file-placeholder .error-load .files-text { color:#bb0000; } .file-placeholder .f-wrap { display: inline-block; overflow: hidden; width: 100%; word-wrap: break-word; zoom:1; } .file-placeholder .del-but { background: url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat 0 0; cursor: pointer; height: 20px; position: absolute; right: 0; top: 0; width: 20px; } .file-placeholder .files-text .del-but { background-position:6px -19px; display:inline-block; margin-top:-2px; position:static; vertical-align:top; } .file-placeholder .loading .del-but { background-position: 7px -20px; top: 0; } .file-placeholder .files-storage-block .del-but { background-position: 7px -20px; top: 0; } .file-placeholder .info-icon { background:url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat -112px -60px; display:inline-block; height:16px; margin-right:10px; vertical-align:middle; width:17px; } .file-placeholder .stor-place { display:inline-block; margin-left:10px; vertical-align:top; } .file-placeholder .stor-text { display:inline-block; border-bottom:1px solid #5c6470; } .file-placeholder .stor-pl-arrow { background:url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat -130px -23px; display:inline-block; margin-left:10px; height:5px; vertical-align:middle; width:3px; } .file-placeholder .edit-stor { background:url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat 4px -64px; /*cursor:pointer;*/ /*display:inline-block;*/ display: none; height:15px; margin-left:0px; vertical-align:middle; width:15px; } .file-placeholder .files-path, .file-placeholder .files-path:visited, .file-placeholder .files-path:active, .file-placeholder .files-path:link, .file-placeholder .files-path:hover { border-bottom:1px dashed #5C6470; display:inline-block; color:#5C6470; /*margin-left:10px;*/ text-decoration:none; } .file-placeholder .files-placement, .file-placeholder .files-placement:visited, .file-placeholder .files-placement:active, .file-placeholder .files-placement:link, .file-placeholder .files-placement:hover { display:inline-block; color:#5C6470; /*margin-left:10px;*/ text-decoration:none; } .file-selectdialog { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #F4F8F9; border-color: #CED0D1 #CED1D1 #D3D7D8; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px -1px rgba(164, 164, 164, 0.698) inset; margin-bottom: 11px; overflow: hidden; padding: 13px 30px 0 0; position: relative; display: none; } .file-selectdialog .file-placeholder{ margin-left: 56px; } .file-selectdialog .file-simple .file-placeholder { margin-top: 0px; margin-left: 90px; } .file-selectdialog .file-label { background: url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat -146px -186px; color: #5C6470; font-size: 12px; left: 13px; padding-left: 20px; position: absolute; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); top: 12px; width: 54px; line-height: 20px; } .file-selectdialog .file-extended .file-selector { border-radius: 5px 5px 5px 5px; color: #A0AEB5; font-size: 17px; font-weight: bold; line-height: 26px; margin: 30px 0 10px; padding: 24px 3px 43px 191px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .file-selectdialog .file-extended .file-selector-active { background-position:57px -88px; border:3px dashed #d4dde1; padding:21px 0 40px 190px; } .file-selectdialog .file-extended .file-selector:hover { border:3px dashed #d4dde1 !important; padding:21px 0 40px 188px; } .file-selectdialog .file-extended .file-load-img {background:url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/loading-place-img.gif") no-repeat 0 0; height:79px; left:58px; top:20px; position:absolute; width:90px; } .file-selectdialog .file-extended .file-selector:hover .file-load-img { background-position:0 -104px; left:55px; top:17px; } .file-selectdialog .file-extended .file-uploader { color: #2067B0; display: inline-block; overflow: hidden; position: relative; vertical-align: top; } .file-selectdialog .file-extended .file-uploader .file-but-text { cursor: pointer; display: block; width:100%; height:100%; } .file-selectdialog .file-simple .file-uploader .file-fileUploader { /*font-size: 12px;*/ } .file-selectdialog .file-uploader .file-fileUploader { font-size:120px; height:85px; opacity:0; filter: alpha(opacity=0); position:absolute; right: 0; top: -20px; cursor: pointer; } .file-selectdialog .file-uploader .file-filemacos { left:0 !important; } .file-selectdialog .file-label2 { color: #5C6470; font-size: 12px; margin-left: 58px; padding-bottom: 11px; } .file-selectdialog .file-simple, .file-selectdialog .file-extended { display: none; margin-left: 30px; } .file-selectdialog .file-simple .file-label2 { margin-top:20px; } .file-selectdialog .file-simple .file-selector{ color:#5c6470; overflow: hidden; height: 30px; /*font-size:12px;*/ font-weight:bold; margin:6px 0 6px 90px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8); } .file-selectdialog .file-simple .file-uploader{ overflow: hidden; position: relative; display: inline-block; margin: 0 15px 0 0; vertical-align: middle; cursor:pointer; } .file-selectdialog .file-simple .file-uploader-left{ background: url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat 0px -240px; display: inline-block; height: 25px; vertical-align: top; width: 4px; } .file-selectdialog .file-simple .file-uploader-right{ background: url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") no-repeat -7px -240px; display: inline-block; height: 25px; vertical-align: top; width: 4px; } .file-selectdialog .file-simple .file-but-text{ background: url("/local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/images/live_feed_sprite.png") repeat-x 0 -267px; color: #7A808C; display: inline-block; font-size: 12px; font-weight: bold; height: 25px; padding: 2px 10px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: top; } /* adaptive fix*/ #sec30-popup__form .file-selector{ padding: 100px 0 0; border: 3px solid #f4f8f9; } .file-selectdialog-switcher span{ display: inline-block; padding: 5px 15px 5px; border: 1px solid #0059ab; border-radius: 4px; background: #0c5dee; background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 20px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* End */ /* Start:/bitrix/templates/main/styles.css?174730632771796*/ .faw-but-add-slug-f{ margin: 13px 0 0 0; } .sert_item, .sert_list:after { display: block } .sert_item_box{ text-align: center; } .our_clients:after, .sert_list:after { clear: both; content: '' } .client a, .client a:focus, .client a:hover, .form-container, .next li>a { text-decoration: none } .sert_list { margin: 20 0 } .sert_item { width: 180px; height: 250px; margin: 20px 33px 20px 0; float: left; background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #ccc } .next { display: none; float: none!important; left: 0; position: absolute; top: 100%; width: 300px; margin: 0; z-index: 100; box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; -moz-box-shadow: 5px 5px 10px #333 } #nav>ul>li:hover .next, .next li>a { display: block } .next li { background: #3B3B3D; border-top: 1px solid #000 } .next li:first-child { border-top: none } .next li>a { color: #FFF; padding: 10px } .next li:hover { background: #AEAFB1 } .next li:hover a { color: #333 } .all-container { width: 1080px; margin: 0 auto; } .float-logo, .right-block { display: none } .float-logo { display: none; } #header.active-menu { padding-bottom: 70px; } #header.active-menu .float-menu { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 46px; background: url(/bitrix/templates/main/image/float-menu.png) 0 0 repeat-x; box-shadow: 0 2px 7px rgba(0, 0, 0, .5); z-index: 800; } #header.active-menu .nav-empty { height: 43px; float: left; } #header.active-menu .nav-holder { padding: 0; float: left; background: none; margin: 0; width: auto; } #header.active-menu .search-form { display: none; } #header.active-menu .open-close { display: none; } #header.active-menu .right-block { float: right; font-family: 'Scada'; margin-top: 5px; line-height: 1; text-align: right; display: block; } .client a span, .footer-form .btn, .footer-form .f-form, .form_error_login { text-align: center; } #header.active-menu .right-block .tel { color: #fff; font-size: 18px; font-style: italic; } #header.active-menu .right-block .btn-support { color: #fff; font-style: italic; font-size: 12px; text-decoration: none; } #header.active-menu .float-logo { float: left; margin: -2px 0 0; display: block; } .float-menu { display: none; } .h3 { font: 15px/18px 'Scada', Arial, Helvetica, sans-serif !important; } .price td { border: 1px solid #444; padding: 5px; } #fancybox-outer { border: 1px solid; border-radius: 10px; } #fancybox-content.chiller { border: 0px solid #f2f2f2; background: #f2f2f2; /* height: 375px !important; */ } .full_form { /*background: #f2f2f2;*/ } .two-img { float: left; width: 100%; } .two-img img { margin: 1%; max-height: 380px; } .two-img_short img { margin: 1%; max-height: 290px; max-width: 48%; } .block-one-img { width: 50%; margin: 15px auto; } .block-one-img img { width: 100%; } td.col-two { width: 50%; } td.col-two img { max-height: 380px; } @media (max-width: 769px) { .slam-easyform{ margin-bottom: 25px; } .port_item .port_text { width: 70%; } .one_seria, .workarea { width: 100% } .pagination-holder { left: 0; width: 100%; } #log_form { width: inherit !important; min-width: 100% !important; margin-left: 0 !important; } #log_form input[name=login].form-field, #log_form input[name=pass].form-field { width: 100%; } .our_clients { margin: 0 auto; text-align: center; } .our_clients .client { float: initial !important; display: inline-block !important; width: 46% !important; margin: 10px 1% !important; } .bx_catalog_text_dop_sec .dop_title { margin-top: 15px; } .two-img img { width: 98%; margin: 1%; float: left; } .one-img { margin: 0; margin-bottom: 10px; } .block-one-img { width: 100%; margin: 10px auto; } .block-one-img img { width: 100%; } .two-img_short { margin: 10px 0; } .two-img_short img { max-width: 100%; } .width-mob, td.col-two { width: 100%; float: left; } } @media (max-width: 600px) { .our_clients .client { /*width: 48% !important; margin: 15px 1% !important;*/ } } #ekran_block, #log_form { position: fixed; min-width: 350px } .our_clients .client { width: 200px; float: left; border: 1px solid #cccccc; border-radius: 6px; margin: 20px 30px 0; padding: 5px 0 10px; display: block; color: #333; } .our_clients:after { display: block; clear: both; content: ''; } .client a { text-decoration: none; } .client a span { display: block; text-align: center; font-size: 14px; line-height: 16px; height: 15px; overflow: hidden; color: #333; } .client a:hover, .client a:focus { color: #333; text-decoration: none; } /* ------------------- */ /* Правки с боевого */ /* Добавлено: 13.03.18 */ /* ------------------- */ .footer-form { background: #004765; padding: 30px 9999px; margin: 0 -9999px } .footer-form .title { font-size: 26px; color: #fff; font-style: italic; padding-bottom: 30px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .4) } .footer-form .title span { display: block; font-size: 16px; padding: 6px 0 0 } .footer-form .f-row .pole { background: #fff; border-radius: 3px; border: none; box-shadow: inset 0 2px 6px rgba(0, 0, 0, .3); width: 180px; padding: 10px; margin-bottom: 0 } .footer-form .b-name, .footer-form .b-tel { padding-left: 28px; display: inline-block; vertical-align: middle } .footer-form .b-name { background: url(/bitrix/templates/main/image/i-men.png) 0 50% no-repeat } @media (max-width:540px) { .footer-form .b-name { padding-bottom: 10px } } .footer-form .b-tel { background: url(/bitrix/templates/main/image/i-tel.png) 0 50% no-repeat } .f-row .b-pravila a, .footer-form .f-row .b-pravila label { color: #fff; margin: 10px 0 0 } .footer-form .btn { display: inline-block; vertical-align: middle; padding: 8px 0; background: linear-gradient(to bottom, #d3605f 1%, #cb4746 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3605f', endColorstr='#cb4746', GradientType=0); border: none; box-shadow: 0 0 1px rgba(0, 0, 0, .7); border-radius: 3px; cursor: pointer; width: 180px; color: #fff; font-size: 18px; text-shadow: 0 1px 2px rgba(0, 0, 0, .5) } .footer-form .btn:hover { opacity: .8 } #ekran_block, #log_form_block { display: none; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=30); -khtml-opacity: .3; background-color: #000 } .footer-form .f-row .pole.error-input { border: 1px solid red } h2.title { margin: 0; font-weight: 400 } #ekran_block { min-height: 400px; -moz-opacity: .3; opacity: .3; z-index: 2000 } #log_form { top: 10%; left: 0; width: 400px; margin-left: 35%; display: none; z-index: 9600 } #log_form a { color: #1F2D42 } #log_form_block { position: absolute; -moz-opacity: .3; opacity: .3; z-index: 2600; cursor: wait } .form-container { position: relative; display: block; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: rgba(000, 000, 000, .9) 0 1px 2px, inset rgba(255, 255, 255, .4) 0 0 0; vertical-align: middle; min-width: 300px; padding: 10px 20px; width: 300px } .form_error_login { color: red } .form-field { border: 1px solid #afd0e6; background: #dce9f7; border-radius: 4px; color: #8c99db; box-shadow: rgba(255, 255, 255, .4) 0 0 0, inset rgba(000, 000, 000, .7) 0 0 0; padding: 8px; margin-bottom: 10px; width: 280px } .form-field:focus { background: #fff; color: #283470 } .form-container .form-title { font-size: 16px; margin: 0 0 7px; font-style: italic; text-align: left } .form-container .title { text-align: center; font-size: 18px } .form-title { margin-bottom: 10px; color: #333 } .submit-container { margin: 8px 0; text-align: right } .submit-container .rega { padding-right: 20px } .submit-button { display: block; border-radius: 4px; border: 1px solid #0059AB; text-align: center; width: 223px; height: 38px; color: #fff; font-size: 18px; line-height: 20px; margin: 0 auto; padding: 0 0 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #0C5DEE; background: linear-gradient(to bottom, #0C5DEE 0, #0D36A0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C5DEE', endColorstr='#0D36A0', GradientType=0) } #ch2 { margin: 1px 0 0; width: initial; float: left; cursor: pointer } .choice_checkbox label { display: block; position: relative; cursor: pointer; margin-left: 20px; font-size: 12px; line-height: 14px } .choice_checkbox { margin-bottom: 10px; padding: 0 10px } /* Формы обратной связи, Кирилл, 28.11.17 */ .popup-library, .popup-express, .popup-callback, .popup-skidka, .popup-buy { display: block; /* left: 42%; top: 25%; */ position: fixed; z-index: 1002; /* Центрирование блока */ left: 50%; top: 50%; transform: translate(-50%, -50%); resize: both; } /* .popup-express { left: 32%; top: 8%; } */ .popup-library iframe, .popup-express iframe, .popup-callback iframe, .popup-skidka iframe, .popup-buy { border: none; box-shadow: 0 0 30px rgba(0, 0, 0, .4); height: 350px; padding: 0 10px; background: #f3f3f2; border-radius: 6px; } .popup-express iframe { height: 740px; width: 656px; transition: height .3s; } .popup-callback iframe { height: 390px; } .popup-callback iframe[src="/inc/vopros.php"]{ height: 490px; } .popup-skidka iframe { height: 420px; width: 320px; } .popup-buy { height: auto; width: 300px; } .popup-library .close, .popup-express .close, .popup-callback .close, .popup-skidka .close, .popup-buy .close { display: block; position: absolute; width: 20px; height: 20px; top: 10px; right: 10px; left: initial; z-index: 1000; background: #365584; border-radius: 20px; text-align: center; line-height: 1em; font-weight: bold; font-size: 1.5em; color: white; transform: rotate(45deg); cursor: pointer; } .popup-library .close:hover, .popup-express .close:hover, .popup-callback .close:hover, .popup-skidka .close:hover, .popup-buy .close:hover { color: #eee; background: rgba(54, 85, 132, .8); } .popup-library-overlay, .popup-express-overlay, .popup-callback-overlay, .popup-skidka-overlay, .popup-buy-overlay { z-index: 1001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width:640px) { .popup-library iframe, .popup-express iframe, .popup-callback iframe, .popup-skidka iframe, .popup-buy { width: 300px; } /* .popup-library, .popup-express, .popup-callback, .popup-skidka, .popup-buy { left: 10px; right: 10px; } */ .popup-library .close, .popup-express .close, .popup-callback .close, .popup-skidka .close, .popup-buy .close { left: 270px !important; } } .buy2 { display: block; background: #F50606; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border: 1px solid #AF3232; text-align: center; width: 72px; height: 22px; color: #fff; font-size: 18px; line-height: 20px; text-decoration: none; margin: 0 auto; padding: 0px 3px 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); cursor: pointer; background: #F50606; background: linear-gradient(to bottom, #CE4545 0%, #941919 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CE4545', endColorstr='#941919', GradientType=0); } /* Правка верстки поп-апа магазина, 29.11 */ .pop-add-card { margin: 0; width: 280px; top: 10%; left: 10px; right: 10px; position: fixed; margin: 0 auto; z-index: 9999; box-shadow: 0 5px 40px rgba(0, 0, 0, .4); } .pop-add-card .btns .btn-red, .pop-add-card .btns .btn-blue { display: block; } /* Новая верстка для экспресс-подбора */ #dop_param { /* height: 240px; */ width: 100%; /* overflow-x: hidden; */ /* overflow-y: scroll; */ } #newCalc #dop_param { width: 720px; margin: auto; } @media(max-width: 767px) { #newCalc #dop_param { width: 100% } } @media(max-width:768px) { .table .left-col, .table .right-col, .table-ext .left-col, .table-ext .right-col { width: 100% !important; /* text-align: left; */ /* padding-bottom:10px; */ } .title, .title-ext { text-align: center !important; } #teplo_bl div { /* text-align: left !important; */ } } /* New fix styles, 12.02.18 */ .table, .table-ext { margin-bottom: 10px; } .table, .table-ext, .left-col, .right-col { display: block; float: left; } .table, .table-ext { width: 100%; } .table .left-col { width: 30%; } .table .right-col { width: 70%; } .table-ext .left-col { width: 60%; } .table-ext .right-col { width: 40%; } .title { color: #555; font-weight: normal; line-height: 1.5em; font-size: 17px; } .title-ext { font-weight: bold; line-height: 1.5em; font-size: 16px; } .select-ext { width: 100%; padding: 1px; } .input-ext { width: 100% !important; padding: 3px 10px; border: none !important; box-shadow: inset 0 0 0px 1px #8b8b8b; } .req_text { font-size: 15px; font-style: italic; } #zayvka_hooker .letters { margin: 0 !important; } /* Изменение кнопок закрытия у форм, 12.03.18 - 15.03.18 */ .popup-library .close, .popup-express .close, .popup-callback .close, .popup-skidka .close, .popup-buy .close { color: transparent; background: transparent url('/fancybox/fancybox.png') -40px 0px; width: 30px; height: 30px; transform: initial; top: 0; right: 0; } .popup-library .close:hover, .popup-express .close:hover, .popup-callback .close:hover, .popup-skidka .close:hover, .popup-buy .close:hover { color: transparent; background: transparent url('/fancybox/fancybox.png') -40px 0px; transform: initial; } /* ------------------- */ /* Правки с тестового */ /* Добавлено: 13.03.18 */ /* ------------------- */ .dn { display: none !important; } .t8findDN_item_show { width: 100%; display: inline-block; text-align: center; } .t8findDN_item_show>a { float: none; width: 30%; } .t8sortBlock>span { font-size: 14px; font-weight: 700; padding: 5px 5px 5px 11px; margin: 5px; display: inline-block; } .t8sortBlock>span.t8sort { padding: 5px 10px 5px 10px; /* border-radius: 10px; */ border-radius: 4px; background: #e1e1e1; cursor: pointer; /* text-shadow: 1px 0px 1px #fff, -1px 0px 1px #fff,0px 1px 1px #fff, 0px -1px 1px #fff; */ } .float-card { position: fixed; top: 45%; right: 0; background: #e1e1e1 url('/img/i-card2.png') 50% 8px no-repeat; padding: 35px 20px 10px; z-index: 2147483647; display: block; text-decoration: none } .float-card span { width: 24px; height: 24px; border: 2px solid transparent; border-radius: 50%; color: #000; font-size: 16px; line-height: 23px; text-align: center; display: block } .float-card.act { background: #e1e1e1 url('/img/i-card.png') 50% 8px no-repeat } .float-card.act span { border: 2px solid #f52c2c } .float-card:hover { background: #ebe9e9 url('/img/i-card.png') 50% 8px no-repeat } .float-card:hover span { border: 2px solid #f52c2c; background: #f52c2c } .float-compare { position: fixed; top: 55%; right: 0; background: #e1e1e1 url('/img/compare-icon.png') 50% 8px no-repeat; padding: 35px 20px 10px; z-index: 2147483647; display: block; text-decoration: none } .float-compare span { width: 24px; height: 24px; border: 2px solid transparent; border-radius: 50%; color: #000; font-size: 16px; line-height: 23px; text-align: center; display: block; } .float-compare:hover { background: #ebe9e9 url('/img/compare-icon-hov.png') 50% 8px no-repeat; } .float-compare:hover span { border: 2px solid #f52c2c; background: #f52c2c; } .tbl-har-info { border: 1px solid #e1e1e1; border-radius: 15px; margin: 15px 0 } .tbl-har-info .titl { font-size: 16px; color: #fff; padding: 9px; border-radius: 15px 15px 0 0; text-align: center; background: #0071b7; background: linear-gradient(to bottom, #0071b7 0, #005692 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071b7', endColorstr='#005692', GradientType=0) } .tbl-har-info table { margin: 15px 0; font-size: 16px; color: #434343; border-collapse: collapse; border-spacing: 0; width: 100% } .tbl-har-info table th { text-align: left; padding: 9px; font-weight: 400 } .tbl-har-info table td { padding: 9px } .tbl-har-info table tr:nth-child(2n+1) td, .tbl-har-info table tr:nth-child(2n+1) th { background: #e1e1e1 } .info-card-price { border: 1px solid #e64045; border-radius: 10px; padding: 15px 5px; /*padding: 15px;/*[2017-09-12]*/ margin-bottom: 25px; text-align: center; /*[2017-09-12]*/ } .nb-card { padding: 30px; font-size: 16px; } .info-card-price .l-inf { /*float: left/*[2017-09-12]*/ display: inline-block; /*[2017-09-12]*/ margin: 5px; /*[2017-09-12]*/ vertical-align: middle; /*[2017-09-12]*/ } .info-card-price .l-inf .red { color: #f71f1f; font-weight: 700; text-align: center; padding-bottom: 10px } @media (max-width:800px) { .info-card-price .l-inf .red { padding-bottom: 4px } } .info-card-price .l-inf .cost { font-size: 16px; color: #434343 } .info-card-price .l-inf .cost span { font-size: 24px } @media (max-width:800px) { .info-card-price .l-inf .cost { font-size: 15px } .info-card-price .l-inf .cost span { font-size: 18px } } .info-card-price .btn-price { /*float: right;/*[2017-09-12]*/ margin: 5px; /*[2017-09-12]*/ vertical-align: middle; /*[2017-09-12]*/ /*vertical-align: top;/*[2017-09-12]*/ background: #ea6667; background: linear-gradient(to bottom, #ea6667 0, #cb4746 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6667', endColorstr='#cb4746', GradientType=0); border: 1px solid #7f0100; border-radius: 5px; display: inline-block; color: #fff; font-size: 18px; padding: 10px 20px; margin-top: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); text-decoration: none; } .info-card-price .btn-price span { background: url(/img/card-red-inf.png) 0 50% no-repeat; display: inline-block; vertical-align: top; padding-left: 25px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } @media (max-width:800px) { .info-card-price .btn-price { font-size: 16px; padding: 6px 10px } } .info-card-price .btn-price:hover { opacity: .7 } .black-bg { background: rgba(0, 0, 0, .2); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; } .pop-add-card { text-align: center; background: #fff; border: 1px solid #7b7b7b; border-radius: 10px; width: 460px; padding: 10px; position: fixed; top: 50%; left: 50%; margin: -100px 0 0 -240px; z-index: 1001; } .pop-add-card .titl { font-size: 21px; color: #000; padding: 10px; line-height: 26px; } .pop-add-card .close { color: transparent; background: transparent url(/fancybox/fancybox.png) -40px 0px; width: 30px; height: 30px; transform: initial; top: 0; right: 0; display: block; position: absolute; left: initial; z-index: 1000; border-radius: 20px; text-align: center; line-height: 1em; font-weight: bold; font-size: 1.5em; cursor: pointer; } .pop-add-card .txt { color: #38b025; font-size: 21px; } .pop-add-card .btns { padding: 15px 0 0; } .pop-add-card .btns .btn-red { background: #ea6667; background: linear-gradient(to bottom, #ea6667 0, #cb4746 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6667', endColorstr='#cb4746', GradientType=0); border: 1px solid #7f0100; border-radius: 5px; display: inline-block; color: #fff; margin: 5px; font-size: 16px; vertical-align: top; padding: 10px 20px; text-decoration: none } .pop-add-card .btns .btn-red:hover { opacity: .8 } .pop-add-card .btns .btn-blue { background: #005990; border: 1px solid #003659; border-radius: 5px; display: inline-block; color: #fff; font-size: 16px; text-decoration: none; vertical-align: top; padding: 10px 20px; margin: 5px } .pop-add-card .btns .btn-blue:hover { opacity: .8 } h2.h1 { font-size: 21px; color: #000; padding: 0 0 15px } .b-card .tbl-card { margin-bottom: 25px; width: 100%; display: table } .b-card .tbl-card .col1, .b-card .tbl-card .col2, .b-card .tbl-card .col3, .b-card .tbl-card .col4, .b-card .tbl-card .col5 { display: table-cell; vertical-align: middle; font-size: 16px; color: #000; padding: 10px } @media (max-width:600px) { .b-card .tbl-card .col1, .b-card .tbl-card .col2, .b-card .tbl-card .col3, .b-card .tbl-card .col4, .b-card .tbl-card .col5 { font-size: 14px; padding: 5px } } .b-card .tbl-card .col1 { width: 108px; border-radius: 10px 0 0 0 } .b-card .tbl-card .col1 img { max-width: 96%; max-height: 96%; margin: 2%; border-radius: 5px } @media (max-width:600px) { .b-card .tbl-card .col1 { display: none } } .b-card .tbl-card .col2 { width: 35% } .b-card .tbl-card .col2 a { color: #010101 } .b-card .tbl-card .col3 { width: 97px } .b-card .tbl-card .col4 { text-align: center } .b-card .tbl-card .col5 { width: 70px; border-radius: 0 10px 0 0; text-align: center } .b-card .tbl-card .row-td { display: table-row } .b-card .tbl-card .row-td>div { border-bottom: 1px solid #e1e1e1; padding: 5px } .b-card .tbl-card .row-th { display: table-row } .b-card .tbl-card .row-th .col1 { background: #e1e1e1 } .b-card .tbl-card .row-th .col2 { background: #e1e1e1; text-align: center } .b-card .tbl-card .row-th .col3 { background: #e1e1e1; text-align: center } .b-card .tbl-card .row-th .col4 { background: #e1e1e1; text-align: center } .b-card .tbl-card .row-th .col5 { background: #e1e1e1; text-align: center } .b-card .tbl-card .b-col-vo { position: relative; padding: 0 22px; width: 42px } .b-card .tbl-card .b-col-vo .plus { background: url('/img/plus.png') 0 0 no-repeat; width: 18px; height: 18px; cursor: pointer; position: absolute; top: 3px; right: 0 } @media (max-width:600px) { .b-card .tbl-card .b-col-vo .plus { display: none } } .b-card .tbl-card .b-col-vo .minus { background: url('/img/minus.png') 0 0 no-repeat; width: 18px; height: 18px; cursor: pointer; position: absolute; top: 3px; left: 0 } @media (max-width:600px) { .b-card .tbl-card .b-col-vo .minus { display: none } } .b-card .tbl-card .b-col-vo .num { width: 42px; text-align: center; margin: 0 } .b-card .tbl-card .del { background: url('/img/i-del.png') 0 0 no-repeat; width: 20px; height: 20px; display: inline-block } .b-card .tbl-card .cost { font-size: 21px } .b-card .tbl-card .cost .sel-rub { display: inline-block; vertical-align: middle; } .b-card .tbl-card .cost .sel-rub select { width: 100%; } @media (max-width:600px) { .b-card .tbl-card .cost { font-size: 16px } } .b-card .tbl-card .cost span { font-size: 16px } .b-card .tbl-bottom { margin-bottom: 40px } .b-card .tbl-bottom .del-all-tov { color: #616161; font-size: 18px; display: inline-block; width: 32%; text-align: center; vertical-align: middle; margin-right: 2% } @media (max-width:600px) { .b-card .tbl-bottom .del-all-tov { width: 96% } } .b-card .tbl-bottom .b-summa { width: 60%; vertical-align: middle; display: inline-block; background: #fff; border-radius: 10px; padding: 14px 15px; border: 1px solid #e64045 } @media (max-width:600px) { .b-card .tbl-bottom .b-summa { width: 96%; padding-left: 2%; padding-right: 2%; margin-top: 25px } } .b-card .tbl-bottom .b-summa .titl { color: #f71f1f; font-size: 16px; float: left } .b-card .tbl-bottom .b-summa .price { float: right; color: #434343; font-size: 24px } .b-card .tbl-bottom .b-summa .price span { font-size: 16px } .b-card .card-bottom .col-l { float: left; width: 32% } @media (max-width:600px) { .b-card .card-bottom .col-l { width: 100%; float: none; margin-bottom: 20px } } .b-card .card-bottom .col-l .pole { background: #f2f2f2; padding: 12px 2%; box-shadow: 0 2px 6px rgba(0, 0, 0, .3) inset; width: 96%; color: #848484; font-size: 16px } .b-card .card-bottom .col-r { float: right; width: 300px } @media (max-width:600px) { .b-card .card-bottom .col-r { float: none; margin-bottom: 20px } } .b-card .card-bottom .col-r .b-lic { padding-top: 30px; cursor: pointer; } .b-card .card-bottom .col-r .b-lic input { position: absolute; top: 0; left: -999em } .b-card .card-bottom .col-r .b-lic label { background: url(/img/check.png) 0 0 no-repeat; padding: 0 0 0 30px; display: inline-block; font-size: 14px } .b-card .card-bottom .col-r .b-lic input:checked+label { background: url(/img/check2.png) 0 0 no-repeat } .b-card .card-bottom .col-r .btn-red { background: #ea6667; background: linear-gradient(to bottom, #ea6667 0, #cb4746 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6667', endColorstr='#cb4746', GradientType=0); border: 1px solid #7f0100; border-radius: 5px; display: inline-block; color: #fff; width: 100%; margin: 10px 0; height: auto; font-size: 16px; vertical-align: top; padding: 10px 20px 12px; text-decoration: none } .b-card .card-bottom .col-r .btn-red:hover { opacity: .8 } .list-catalog { text-align: left; font-size: 1px; margin: 0 -15px; transition: all 1s; } .list-catalog .item { display: inline-block; vertical-align: top; width: 49.5%; text-align: left; font-size: 14px; box-sizing: border-box; padding: 15px } @media (max-width:600px) { .list-catalog .item { width: 100% } } .list-catalog .item .block { border: 1px solid #e1e1e1; border-radius: 10px } .list-catalog .item .block .title { text-align: center; background: #3166aa; border-radius: 10px 10px 0 0; padding: 8px } .list-catalog .item .block .title a { color: #fff; font-weight: 700 } .list-catalog .item .block .img { padding: 15px; text-align: center } .list-catalog .item .block .options { border-top: 1px solid #e1e1e1; margin: 0; padding: 0; list-style: none } .list-catalog .item .block .options li { padding: 10px 15px; border-bottom: 1px solid #e1e1e1 } .list-catalog .item .block .b-cost { padding: 12px 12px; border-bottom: 1px solid #e1e1e1 } .list-catalog .item .block .b-cost .titl { display: inline-block; vertical-align: middle; width: 49%; font-size: 18px; font-weight: 700 } .list-catalog .item .block .b-cost .cost { display: inline-block; vertical-align: middle; width: 49%; text-align: right; font-size: 18px } .list-catalog .item .block .b-cost .cost span { font-size: 24px; color: #cb4645 } .list-catalog .item .block .bottom-btns { padding: 9px } .list-catalog .item .block .bottom-btns .btn-red { background: #ea6667; background: linear-gradient(to bottom, #ea6667 0, #cb4746 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6667', endColorstr='#cb4746', GradientType=0); border: 1px solid #7f0100; border-radius: 5px; display: inline-block; color: #fff; margin: 5px 0; text-align: center; font-size: 16px; vertical-align: top; padding: 10px 0; text-decoration: none; width: 49%; float: right } .list-catalog .item .block .bottom-btns .btn-red:hover { opacity: .8 } /*.list-catalog .item .block .bottom-btns .btn-blue {*/ /*a.btn-blue { line-height: 22px; font-size: 16px; }*/ .t8findDN_item_show .btn-blue { line-height: 22px; background: #4a82d8; background: linear-gradient(to bottom, #4a82d8 0, #36407b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a82d8', endColorstr='#36407b', GradientType=0); border: 1px solid #003659; border-radius: 5px; display: inline-block; color: #fff; font-size: 16px; text-align: center; text-decoration: none; vertical-align: top; padding: 10px 0; width: 49%; margin: 5px 0; } .list-catalog .item .block .bottom-btns .btn-blue { line-height: 22px; background: #4a82d8; background: linear-gradient(to bottom, #4a82d8 0, #36407b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a82d8', endColorstr='#36407b', GradientType=0); border: 1px solid #003659; border-radius: 5px; display: inline-block; color: #fff; font-size: 16px; text-align: center; text-decoration: none; vertical-align: top; padding: 10px 0; width: 49%; margin: 5px 0; float: left } .list-catalog .item .block .bottom-btns .btn-blue:hover { opacity: .8 } /* FancyBox Height Ext, 18.09 */ /* #fancybox-content.chiller {height: 390px !important;} */ /* FancyBox Height Fix, 03.10 */ #fancybox-content.chiller { min-height: 390px !important; } /* toTop Button Style, Кирилл, 18.09 */ #updown { height: 21px; width: 14px; color: #0d4dcd; position: fixed; bottom: 10px; right: 21px; cursor: pointer; font-size: 40px; z-index: 2147483648; } /* Не получилось Вверх: Вниз: */ /* #updown.up::before {content: 'в–І';} */ #updown.up::before { content: '\25B4'; } /* #updown.down::before {content: 'в–ј';} */ #updown.down::before { content: '\25BC'; } #updown.up::before, #updown.down::before { display: block; padding-top: 10px; font-size: 40px; height: 20px; transform: scaleY(.6); } #updown:hover:before { background: -webkit-linear-gradient(#5b92ea, #3c415a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #updown { display: none; } #updown.up, #updown.down { display: block; float: right; position: fixed; padding: 0; margin: 0; margin-right: -21px; /* margin-bottom: 3%; */ background: #e1e1e1; /* width: 64px; */ width: 68px; top: 70%; height: 48px; text-align: center; line-height: 1em; color: #4a7ed3; word-wrap: break-word; font-size: 13px; text-transform: uppercase; font-family: 'Scada', Arial, Helvetica, sans-serif; height: 55px; padding-top: 5px; color: black; } #updown:before { background: -webkit-linear-gradient(#ac0b10, #e96566); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #updown:after { content: ""; position: absolute; float: left; width: 68px; height: 48px; margin: 0; padding: 0; margin-left: -54px; } .list-catalog>.item { position: relative; } .list-catalog>.item>.block { background: #fff; transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; } .list-catalog>.item>.block:hover { z-index: 10; box-shadow: 0 10px 20px rgba(49, 102, 170, .5); } .list-catalog>.item>.block li.m { /*display: none;*/ } .list-catalog>.item>.block:hover li.m { display: list-item; } /* Footer White Bg Fix, Yura, 21.09 */ /*html { background: #093a4e url('/images/bg-section06.png'); } */ /* Catalog Offers 3xColumn, Kirill, 25.09 */ .list-catalog .item { width: 33.3%; } .list-catalog .item .img img { max-width: 222px; } .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 256px !important; } .list-catalog .item .block .bottom-btns .btn-red, .list-catalog .item .block .bottom-btns .btn-blue { width: 48%; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); } .list-catalog .item .block .b-cost .titl { width: 20%; } .list-catalog .item .block .b-cost .cost { width: 78%; } @media (max-width:768px) { .list-catalog .item { width: 100%; } } /* Удалено Кириллом, 03.10 .list-catalog .item .block .bottom-btns .btn-red, .list-catalog .item .block .bottom-btns .btn-blue { height: auto; } */ /* Выравнивание кнопок по высоте и по центру, Кирилл, 03.10 */ @media(min-width: 768px) { .list-catalog .item .block .bottom-btns .btn-red, .list-catalog .item .block .bottom-btns .btn-blue { height: 20px; line-height: normal; display: inline-block; vertical-align: middle; } .list-catalog .item .block .bottom-btns { vertical-align: middle; } } @media(max-width: 767px) { .list-catalog .item .block .bottom-btns .btn-red, .list-catalog .item .block .bottom-btns .btn-blue { height: auto; width: 100%; } .list-catalog .item {} } /* Исправление отображения блоков на 1024px, Кирилл, 03.10 */ @media(max-width:1100px) and (min-width:900px) { .list-catalog .item .img img { max-width: 210px; } .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 95% !important; } .list-catalog .item { padding: inherit; } .catalog-list1 li a.root-item-selected, .catalog-list1 li a.item-selected { margin-right: 10px; } } /* Обновление стиля кнопок, 03.10 */ .list-catalog .item .block .bottom-btns .btn-red, .list-catalog .item .block .bottom-btns .btn-blue { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4); } .list-catalog .item .block .bottom-btns .btn-red:hover, .list-catalog .item .block .bottom-btns .btn-blue:hover { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); } /* Catalog Offers 3xColumn Fix, Kirill, 09.11 */ .list-catalog .item { /* max-height: 500px !important;*/ } /* Детальная страница, 22.11 */ @media(max-width:1224px) and (min-width:960px) { .text_anons1 { width: 420px; } } @media (max-width: 1008px) and (min-width: 900px) { #content { width: 720px; } } @media(max-width:640px) { .pop-add-card { top: 30%; left: 50%; margin: 0px 0 0 -437px; width: 300px; display: block; } } /* Фикс мобильной версии, 22.11 */ /* Фильтр */ @media(max-width:640px) { .t8sortBlock.ffilter { display: inline-block; } .ui-block { width: 100%; margin-bottom: 10px; } a.clear { width: 100%; margin: 0; text-align: center; height: 40px; line-height: 2rem; } } /* Каталог */ @media(max-width:425px) { .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 405px !important; } } @media(max-width:375px) { .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 355px !important; } } @media(max-width:360px) { .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 340px !important; } } @media(max-width:320px) { .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 300px !important; } } /* Фильтр */ @media(max-width:1100px) and (min-width:800px) { .t8sortBlock { margin-bottom: 10px; } } /* Каталог */ @media(max-width:800px) and (min-width:760px) { .list-catalog .item { width: 50%; } .list-catalog>.item>.block, .list-catalog>.item>.block:hover { width: 92% !important; } } /* Детальная */ @media(max-width:375px) { .heading-info .left-value, .heading-info .right-value { width: 100%; border-radius: 0; } .heading-info .left-value { border-radius: 15px 15px 0 0; } .heading-info .right-value { border-radius: 0 0 15px 15px; } } /* Правка верстки поп-апа магазина, 29.11 */ .pop-add-card { margin: 0; width: 280px; top: 10%; left: 10px; right: 10px; position: fixed; margin: 0 auto; z-index: 9999; box-shadow: 0 5px 40px rgba(0, 0, 0, .4); } .pop-add-card .btns .btn-red, .pop-add-card .btns .btn-blue { display: block; } /* Updated style, 31.01.18, Kirill */ .info-card-price .l-inf .cost { /* width: 100%; */ font-size: 2em; } .info-card-price .l-inf { width: 100%; display: inline-block; margin: 15px 0; } .info-card-price .l-inf .cost { font-weight: bold; } .info-card-price .l-inf .cost span { font-size: 1em; } .info-card-price { /* border: 1px solid #cccccc; */ display: block; width: 100%; float: left; padding: 10px 0px; border-radius: 7px; margin-bottom: 15px; } .new-table table { border: 1px solid #cccccc; } .new-table th { border-bottom: 1px solid #cccccc; line-height: inherit; } .new-table td+td, .new-table th+th { border-left: 1px solid #cccccc; } .heading-info-text { text-align: center; font-weight: bold; z-index: 10; background: #5c6a70; color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; } .heading-info .left-value, .heading-info .right-value { background: #f1f1f1; border-radius: 0; color: black; font-size: 14px; border-top: 1px solid #5b6a70; } .heading-info .left-value span, .heading-info .right-value span { color: black; font-weight: normal; } .heading-info .left-value:nth-last-child(2) { border-bottom-left-radius: 15px; border-bottom: 0; } .heading-info .right-value:last-child { border-bottom-right-radius: 15px; border-bottom: 0; } /* .foto_box .img, .dop_foto_1 a { border-color: #e1e1e1; } */ .info-card-price .l-inf .red { color: #434343; /* text-align: left; */ display: none; } .heading-info .left-value { width: calc(70% - 1px); text-align: left; text-indent: 10px; border-right: 1px solid #5b6a70; } .heading-info .right-value { width: 30%; } .heading-info-desc { background: white; margin-top: -16px; /* padding-top: 2px; */ /* padding-bottom: 2px; */ z-index: 0; } .text_anons2 { width: 100%; /* float: left; */ margin-top: 20px; padding: 0; } .bx_item_container .foto_box { margin-bottom: 30px; } @media (min-width:1100px) { .bx_item_container .foto_box { margin-right: 30px; } } .info-card-price .btn-price span { height: 18px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI2MC4yOTMgMjYwLjI5MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYwLjI5MyAyNjAuMjkzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTI1OC43MjcsNTcuNDU5Yy0xLjQyLTEuODM3LTMuNjEyLTIuOTEzLTUuOTM0LTIuOTEzSDYyLjAwNGwtOC4zMzMtMzIuMDU1Yy0wLjg1OS0zLjMwNi0zLjg0My01LjYxMy03LjI1OS01LjYxM0g3LjUgICBjLTQuMTQyLDAtNy41LDMuMzU4LTcuNSw3LjVjMCw0LjE0MiwzLjM1OCw3LjUsNy41LDcuNWgzMy4xMTJsOC4zMzMsMzIuMDU1YzAsMC4wMDEsMCwwLjAwMSwwLjAwMSwwLjAwMmwyOS4zODEsMTEyLjk2OSAgIGMwLjg1OSwzLjMwNSwzLjg0Myw1LjYxMiw3LjI1OCw1LjYxMmgxMzcuODIyYzMuNDE1LDAsNi4zOTktMi4zMDcsNy4yNTgtNS42MTJsMjkuMzg1LTExMi45NzEgICBDMjYwLjYzNiw2MS42ODcsMjYwLjE0Nyw1OS4yOTUsMjU4LjcyNyw1Ny40NTl6IE0xMTcuODc3LDE2Ny41MTdIOTEuMzg1bC01Ljg5Mi0yMi42NTJoMzIuMzg0VjE2Ny41MTd6IE0xMTcuODc3LDEyOS44NjRIODEuNTkyICAgbC01Ljg5NS0yMi42NjdoNDIuMThWMTI5Ljg2NHogTTExNy44NzcsOTIuMTk3SDcxLjc5NWwtNS44OTEtMjIuNjUxaDUxLjk3M1Y5Mi4xOTd6IE0xNzYuMTE5LDE2Ny41MTdoLTQzLjI0MnYtMjIuNjUyaDQzLjI0MiAgIFYxNjcuNTE3eiBNMTc2LjExOSwxMjkuODY0aC00My4yNDJ2LTIyLjY2N2g0My4yNDJWMTI5Ljg2NHogTTE3Ni4xMTksOTIuMTk3aC00My4yNDJWNjkuNTQ2aDQzLjI0MlY5Mi4xOTd6IE0yMTcuNjA5LDE2Ny41MTcgICBoLTI2LjQ5di0yMi42NTJoMzIuMzgyTDIxNy42MDksMTY3LjUxN3ogTTIyNy40MDMsMTI5Ljg2NGgtMzYuMjg0di0yMi42NjdoNDIuMThMMjI3LjQwMywxMjkuODY0eiBNMjM3LjIwMSw5Mi4xOTdoLTQ2LjA4MVY2OS41NDYgICBoNTEuOTc0TDIzNy4yMDEsOTIuMTk3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTEwNS40ODIsMTg4LjYyYy0xNS4xMDYsMC0yNy4zOTYsMTIuMjktMjcuMzk2LDI3LjM5NWMwLDE1LjEwOCwxMi4yOSwyNy40LDI3LjM5NiwyNy40ICAgYzE1LjEwNSwwLDI3LjM5NS0xMi4yOTIsMjcuMzk1LTI3LjRDMTMyLjg3NywyMDAuOTEsMTIwLjU4OCwxODguNjIsMTA1LjQ4MiwxODguNjJ6IE0xMDUuNDgyLDIyOC40MTUgICBjLTYuODM1LDAtMTIuMzk2LTUuNTYzLTEyLjM5Ni0xMi40YzAtNi44MzUsNS41NjEtMTIuMzk1LDEyLjM5Ni0xMi4zOTVjNi44MzQsMCwxMi4zOTUsNS41NjEsMTIuMzk1LDEyLjM5NSAgIEMxMTcuODc3LDIyMi44NTMsMTEyLjMxNywyMjguNDE1LDEwNS40ODIsMjI4LjQxNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0yMDMuNTEyLDE4OC42MmMtMTUuMTA0LDAtMjcuMzkyLDEyLjI5LTI3LjM5MiwyNy4zOTVjMCwxNS4xMDgsMTIuMjg4LDI3LjQsMjcuMzkyLDI3LjQgICBjMTUuMTA3LDAsMjcuMzk2LTEyLjI5MiwyNy4zOTYtMjcuNEMyMzAuOTA4LDIwMC45MSwyMTguNjE4LDE4OC42MiwyMDMuNTEyLDE4OC42MnogTTIwMy41MTIsMjI4LjQxNSAgIGMtNi44MzMsMC0xMi4zOTItNS41NjMtMTIuMzkyLTEyLjRjMC02LjgzNSw1LjU1OS0xMi4zOTUsMTIuMzkyLTEyLjM5NWM2LjgzNiwwLDEyLjM5Niw1LjU2MSwxMi4zOTYsMTIuMzk1ICAgQzIxNS45MDgsMjIyLjg1MywyMTAuMzQ3LDIyOC40MTUsMjAzLjUxMiwyMjguNDE1eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); background-size: 20px; } .info-card-price .btn-price { /* border: none; */ margin: 2px; padding: 13px; } .info-card-price .btn-price.btn-skid span { background: none; padding: 0; } .info-card-price .btn-skid { border-color: #0159ab !important; /* background:linear-gradient(to bottom,hsla(220, 74%, 65%, 1),hsla(220, 57%, 54%, 1)); */ background: linear-gradient(to bottom, #4a82d8 0, #36407b 100%); } span.rur { margin-left: 5px; } span.rur:before { content: '\20bd'; font-size: 95%; } .heading-info { border-radius: 7px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #5b6a70; } .heading-info.heading-info-desc { border-top-left-radius: 0; border-top-right-radius: 0; /* border-bottom-left-radius: 0; border-bottom-right-radius: 0; */ border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; transition: max-height 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); } .heading-info .heading-info-btn { display: block; width: 20px; height: 20px; /* position: absolute; */ background: #e4e4e4; float: right; margin-top: 9px; margin-right: 9px; border-radius: 4px; cursor: pointer; } .heading-info .heading-info-btn:before { content: '\25BC'; /* color: #d04c4b; */ color: transparent; line-height: 1.3em; margin: 0 2px !important; } .heading-info-btn { transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); } .heading-info-btn::before { background-position: 0 3px; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE4NS4zNDQgMTg1LjM0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg1LjM0NCAxODUuMzQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTkyLjY3MiwxNDQuMzczYy0yLjc1MiwwLTUuNDkzLTEuMDQ0LTcuNTkzLTMuMTM4TDMuMTQ1LDU5LjMwMWMtNC4xOTQtNC4xOTktNC4xOTQtMTAuOTkyLDAtMTUuMTggICAgYzQuMTk0LTQuMTk5LDEwLjk4Ny00LjE5OSwxNS4xOCwwbDc0LjM0Nyw3NC4zNDFsNzQuMzQ3LTc0LjM0MWM0LjE5NC00LjE5OSwxMC45ODctNC4xOTksMTUuMTgsMCAgICBjNC4xOTQsNC4xOTQsNC4xOTQsMTAuOTgxLDAsMTUuMThsLTgxLjkzOSw4MS45MzRDOTguMTY2LDE0My4zMjksOTUuNDE5LDE0NC4zNzMsOTIuNjcyLDE0NC4zNzN6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } .heading-info .heading-info-btn.heading-info-btn-opened:before { content: '\25B2'; /* color: #d04c4b; */ line-height: 1.3em; margin: 0 2px !important; } .heading-info .heading-info-btn.heading-info-btn-opened { transform: scale(-1) !important; } @media (max-width:767px) { .info-card-price .l-inf { width: 100%; margin: 15px 0; } .heading-info .left-value { /* text-indent: 20px; */ text-indent: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .heading-info .right-value { text-align: right; } .heading-info.heading-info-desc { padding: 0 10px; } } /* Сворачиваемость характеристик */ .heading-info.heading-info-desc { max-height: 101px; overflow: hidden; } /* Доработки КТ, 07.02.18 */ .foto_box .img { width: 100%; } .info-card-price { margin-top: 15px; } /* Fixes, 20.02.18 */ @media (max-width: 767px) { .heading-info.heading-info-desc { padding: 0px; } .heading-info.heading-info-desc span { padding-left: 10px; } .heading-info .right-value { text-align: center; } } .heading-info.heading-info-desc { background: #f2f2f2; } /* Оформление фильтра, 16.02.18 */ /* .t8sortBlock>span { display: block; } */ a.clear { margin: 0; height: 58px; line-height: 58px; padding: 0 10px; width: 80px; text-align: center; } @media(max-width:717px) { a.clear { width: 100%; } } @media(min-width:768px) { .ui-block { width: calc( calc(100% - 204px) / 3); } } @media (min-width: 1025px) { .t8sortBlock.ffilter { width: calc(100% + 10px); } } @media(max-width:1024px) { .t8sortBlock.ffilter { width: 100%; } } /* Скрытие фильтра, 16.02.18 */ .ffilter-hider { display: inline-block; /* position: absolute; */ margin-left: 10px; margin-top: -2px; width: 20px; height: 20px; /* position: absolute; */ background: #e4e4e4; /* float: right; */ /* margin-top: 9px; */ /* margin-right: 9px; */ border-radius: 4px; cursor: pointer; transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); } .ffilter-hider:before { content: '\25BC'; color: transparent; margin: 0 3px !important; background-position: 0 4px; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE4NS4zNDQgMTg1LjM0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg1LjM0NCAxODUuMzQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTkyLjY3MiwxNDQuMzczYy0yLjc1MiwwLTUuNDkzLTEuMDQ0LTcuNTkzLTMuMTM4TDMuMTQ1LDU5LjMwMWMtNC4xOTQtNC4xOTktNC4xOTQtMTAuOTkyLDAtMTUuMTggICAgYzQuMTk0LTQuMTk5LDEwLjk4Ny00LjE5OSwxNS4xOCwwbDc0LjM0Nyw3NC4zNDFsNzQuMzQ3LTc0LjM0MWM0LjE5NC00LjE5OSwxMC45ODctNC4xOTksMTUuMTgsMCAgICBjNC4xOTQsNC4xOTQsNC4xOTQsMTAuOTgxLDAsMTUuMThsLTgxLjkzOSw4MS45MzRDOTguMTY2LDE0My4zMjksOTUuNDE5LDE0NC4zNzMsOTIuNjcyLDE0NC4zNzN6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } .ffilter-hider.ffilter-hider-opened { transform: scale(-1) !important; } #filters-wrap { display: block; overflow: hidden; transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); } /* Compare Styles */ .compare-btn { display: inline-block; font-weight: 600; text-align: center; display: inline-block; width: 100%; } .item .compare-btn { padding: 12px 0; border-bottom: 1px solid #e1e1e1; } .foto_box .compare-btn { padding: 10px 0; border: 1px solid #0159ab; border-radius: 7px; margin-top: 15px; } .compare-btn p { margin: 0; display: inline-block; } .plus-icon { background: #2c71b4; color: #fff; font-size: 20px; line-height: 20px; width: 20px; display: inline-block; border-radius: 4px; } .compare-btn p:hover { cursor: pointer; } .compare-btn p:hover span.plus-icon { background: #f52c2c; } .compare-btn a.compare { color: #333; font-size: inherit; text-decoration: none; } .minus-icon { background: #f52c2c; color: #fff; font-size: 20px; line-height: 20px; width: 20px; display: inline-block; border-radius: 4px; } .compare-btn p:hover span.minus-icon { background: #2c71b4; } /* Fixes, 07.03.18 */ .heading-info-btn::before { background-size: 12px; background-position: 2px 5px; } /* Cursor on banner, 19.03.18 */ img.library { cursor: pointer; } /* Squared correct padding, 21.03.18 */ .popup-buy .full_form { padding: 8px; margin-bottom: 10px; margin-top: 0; } .popup-buy .full_form .choice_checkbox { padding: 0; } /* Up-down, анкор дял перемещения */ #updown { height: 21px; width: 14px; color: #0d4dcd; position: fixed; bottom: 10px; right: 21px; cursor: pointer; font-size: 40px; z-index: 2147483648; } #updown.up::before { content: '\25B4'; } #updown.down::before { content: '\25BC'; } #updown.up::before, #updown.down::before { display: block; padding-top: 10px; font-size: 40px; height: 20px; transform: scaleY(.6); } #updown:hover:before { background: -webkit-linear-gradient(#5b92ea, #3c415a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #updown { display: none; } #updown.up, #updown.down { display: block; float: right; position: fixed; padding: 0; margin: 0; margin-right: -21px; background: #e1e1e1; width: 68px; top: 70%; height: 48px; text-align: center; line-height: 1em; color: #4a7ed3; word-wrap: break-word; font-size: 13px; text-transform: uppercase; font-family: 'Scada', Arial, Helvetica, sans-serif; height: 55px; padding-top: 5px; color: black; } #updown:before { background: -webkit-linear-gradient(#ac0b10, #e96566); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #updown:after { content: ""; position: absolute; float: left; width: 68px; height: 48px; margin: 0; padding: 0; margin-left: -54px; } /* Fixes, 29.03.18 */ #newCalc #ch1 { position: absolute; } /* Adaptive styles for cart buttons, 29.03.18 */ @media (max-width: 640px) { .float-card { padding: 10px; width: 50px; height: 50px; } .float-card span { background: white; font-size: 14px; height: 20px; width: 20px; margin-right: 20px; margin-top: 15px; margin-left: 15px; line-height: 18px; } .float-compare { padding: 10px; width: 50px; height: 50px; } .float-compare span { background: white; font-size: 14px; height: 20px; width: 20px; margin-right: 20px; margin-top: 15px; margin-left: 15px; line-height: 18px; } } /* Compare products, 04.04.18 */ .compare-submit { width:220px!important; margin: 15px 0; } .catalog-compare-result form { width: 100%; overflow-x: scroll; } .catalog-compare-result table { max-width: 600px !important; } .catalog-compare-result table thead td:nth-child(1) { width: 200px !important; } .catalog-compare-result table thead td:nth-child(2) { width: 200px !important; } .catalog-compare-result table th{ width: 200px !important; } .catalog-compare-result table { border: 1px solid #ddd; border-collapse: collapse; } .catalog-compare-result table tr, .catalog-compare-result table th, .catalog-compare-result table td { padding: 7px 10px; vertical-align: middle; } .catalog-compare-result table tr:nth-child(2n) { background: #f6f6f6; } .catalog-compare-result table th:nth-child(n+2) { padding: 7px 10px; vertical-align: middle; /* background: hsla(209, 31%, 93%, 1); */ border-left: 1px solid #ddd; font-weight: 400; } .catalog-compare-result table td { border-left: 1px solid #ddd; } .catalog-compare-result table td, .catalog-compare-result table input { width: 100%; text-align: center; } .catalog-compare-result img { max-width: 200px; height: auto; display: table-cell; } .catalog-compare-result table a { font-weight: 700; /* font-size: 15px; */ color: #00548b !important; } /* Compare Control */ .catalog-compare-result span.plate { background: #ddd; border-radius: 10px; padding: 5px; display:inline-block; white-space:nowrap; margin-bottom:5px; } .catalog-compare-result span.plate_link { background: #00518a; border-radius: 10px; padding: 5px; display:inline-block; white-space:nowrap; margin-bottom:5px; } .catalog-compare-result span.plate_link a { color: white !important; } /* Loading spinner */ .spinner-box { display: flex; align-items: center; justify-content: center; position: absolute; margin-left: 20%; } @media(max-width: 767px) { .spinner-box { margin-left: 35%; } } .spinner { margin: 100px auto 0; width: 70px; text-align: center; } .spinner>div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } /* Footer fixes for address-button */ @media(max-width:800px) { .footer-frame address a { position: inherit; margin: 0; display: inline-block; margin-left: -20px; padding-right: 10px; float: left; } } /* Правки свойств на детальной, 27.04 */ .heading-info.heading-info-desc { display: flex; flex-wrap: wrap; align-items: flex-start; } .heading-info .left-value { border-right: none; } .heading-info .right-value { border-left: 1px solid #5b6a70; } /* New Compare */ .differences_table { position: relative; padding:0 10px; } .differences_table .uni-image { font-size: 0px; text-align: center; white-space: nowrap; } .differences_table .uni-image * { white-space: normal; text-align: left; font-size: 14px; } .differences_table .uni-aligner-vertical { display: inline-block; vertical-align: middle; height: 100%; width: 0px; overflow: hidden; } .differences_table .catalog-compare-result p{ margin: 0; } .differences_table .left_arrow, .differences_table .right_arrow { position: absolute; width: 13px; height: 18px; background: url(/bitrix/templates/main/image/arr_slider.png); background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-repeat: no-repeat; cursor: pointer; z-index: 20; top: 240px; } .differences_table .left_arrow { background-position: right top; left: -15px; margin-left: 20%; } .differences_table .right_arrow { background-position: left top; right: 0; margin-right: -5px; } .differences_table .left_arrow:hover { background-position: right bottom; } .differences_table .right_arrow:hover { background-position: left bottom; } .differences_table .hover_shadow:hover { box-shadow: 0px 10px 18px rgba(0,0,0,0.15); } .differences_table .remove_item a { font-size: 0; display: block; position: absolute; width: 15px; height: 15px; top: 12px; right: 12px; background: url(/bitrix/templates/main/image/delete.png) no-repeat top; z-index: 10; cursor: pointer; } .differences_table table { width: 100%; min-width:580px; margin-bottom: 40px; max-width:none!important; border:none; border-collapse: collapse; } .differences_table tr { border-bottom: 1px solid #d8d8d8; } .differences_table .hovered:hover { background: #e8e8e8; } .differences_table tr:first-child { border-bottom: none; } .differences_table td { border:none; } .differences_table .preview { width:20%!important; } .differences_table .item_td { width:5%!important; } .differences_table .table_item { position: relative; } .differences_table .table_item { margin-top: 25px; margin-bottom: 25px; margin-right: 10px; border: 1px solid #dbdbdb; } .differences_table .image { position: relative; display: block; text-align: center; vertical-align: middle; padding-top: 20px; padding-bottom: 20px; /*height: 170px;*/ overflow: hidden; white-space: nowrap; font-size: 0px; } .differences_table .image img { position: relative; width:100%!important; max-height:100%!important; } .differences_table a.desc_name { font-size: 15px; line-height: 19px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; height:55px; overflow:hidden; text-decoration: none; display: block; } .differences_table .price { height: 36px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .differences_table .properties .property { color: #e83521; border-color: #e83521; } .differences_table .properties .property { display: none; float: left; margin-right: 10px; margin-bottom: 10px; padding: 6px 10px; border: 1px solid #3a58d2; border-top-color: rgb(58, 88, 210); border-right-color: rgb(58, 88, 210); border-bottom-color: rgb(58, 88, 210); border-left-color: rgb(58, 88, 210); color: #3a58d2; cursor: pointer; transition-property: color, background; border-radius: 3px; transition: 0.3s; } .differences_table td.prop_name { position: relative; text-align: left; padding: 7px 20px 7px 14px; color: #363636; font-size: 14px; font-weight: bold; } .differences_table .prop_item { font-size: 14px; color: #b3b3b3; font-weight: bold; } .differences_table td.prop_name .close { font-size: 0; display: block; position: absolute; width: 8px; height: 8px; top: 12px; right: 12px; background: url(/bitrix/templates/main/image/delete.png) no-repeat top; z-index: 10; cursor: pointer; } @media(max-width:600px) { .differences_table .price { height: 56px; overflow:hidden; padding-left: 3px; padding-right: 3px; margin-bottom: 20px; } .differences_table td { word-break: break-all; } .differences_table .left_arrow { left: 0; margin-left: 5px; } } .clearfix { *zoom: 1; } .clearfix:before { content: " "; display: table; } .clearfix:after { content: " "; display: table; clear: both; } .float-compare, .float-card { position: relative;top:0; left:0;bottom:0;right:0; margin:0;} .float-faw { background: #e1e1e1 url(/images/ico-faw.png) 50% 8px no-repeat; padding: 35px 20px 10px; z-index: 2147483647; display: block; text-decoration: none;} .float-faw span{ width: 24px; height: 24px; border: 2px solid transparent; border-radius: 50%; color: #000; font-size: 16px; line-height: 23px; text-align: center; display: block; } .float-faw:hover { background: #ebe9e9 url('/images/ico-faw-h.png') 50% 8px no-repeat; } .float-faw:hover span { border: 2px solid #f52c2c; background: #f52c2c; } .plaha-right { position: fixed;top:35%;right:0; z-index: 1100;} /* Fixed plates block, 24.08.18 */ @media(max-width: 640px) { .float-faw { padding: 10px; width: 50px; height: 50px; } .float-faw span { background: white; font-size: 14px; height: 20px; width: 20px; margin-right: 20px; margin-top: 15px; margin-left: 15px; line-height: 18px; } } @media(max-width: 640px) { .plaha-right { top: 40%; } } .compare-btn a.compare {color:#3166aa; /*color: #f28003;*/} a.compare span { text-align:center;} .new-btn-c-f {border-bottom:1px solid #e1e1e1;} .new-btn-c-f .compare-btn { text-align:left; float:left; width:40%; padding:7px 0 0px 7px; /*margin:12px auto 7px auto; */ border:none; display: block; } .new-btn-c-f .faw-btn { float:right; padding: 7px 0 7px 0; font-weight: 600; padding-right:15px; box-sizing:border-box; width:50%; text-align:right; /*display: block; margin: 7px auto 12px auto; ;*/ } .new-btn-c-f .faw-btn p { padding:0; margin:0;} .faw-btn .faw {color:#3166aa; /*color: #f28003;*/ display:inline-block; vertical-align:top; padding-top:3px; text-decoration:none;} .faw-btn .faw-del {} .faw-btn .faw b {display: inline-block; position:relative;top:-2px; vertical-align:top; margin-bottom:-3px; background:url(/images/faw.png) 0 0 no-repeat;width:20px; height:20px;} .faw-btn .faw b:hover{ background:url(/images/faw.png) 100% 0 no-repeat; } .faw-btn .faw-del b {background:url(/images/faw.png) 100% 0 no-repeat;} .foto_box .new-btn-c-f { border:1px solid #0159ab; border-radius:15px; margin-top:20px;} .item_td .faw-btn {width:100%} .differences_table .price { margin-bottom:0;} #footer-wrapper { margin: 0 auto; padding-top: 0px; /* margin-top: 30px; */ margin-top: 0px; background: url(/images/bg-section06.png) repeat-x rgb(9, 58, 78); /* background-position: 0 288px; */ background-position: 10px 0; } #footer { margin: 0 auto; padding: 0; width: 1080px; padding: 0; /* padding-left: 23%; */ /* padding-right: 21%; */ background: transparent; } .footer-frame { padding-bottom: 20px; } .footer-form { margin: 0; padding: 30px 0; } /* City Chooser, 10.10.18 */ .city-chooser-block { position: absolute; /* top: 70px; */ top: 73px; font-size: 16px; font-style: italic; } .city-chooser-block .city-chooser-icon { display: inline-block; position: relative; top: 2px; width: 17px; height: 17px; margin-right: 5px; background: url('/bitrix/templates/main/image/place.svg') center; background-size: contain; } .city-chooser-block .city-chooser-open { display: inline-block; padding-right: 30px; font-weight: bold; font-style: initial; text-decoration: none; color: #004982; } .city-chooser-block .city-chooser-open:hover{ text-decoration: underline; } @media(max-width: 800px) { .city-chooser-block { display: none; } } .city-chooser { display: block; position: absolute; /* margin-top: 80px; */ top: 100px; /* padding: 20px; */ padding: 15px 20px; max-width: 240px; width: 200px; background: white; box-shadow: 0 5px 20px rgba(0,0,0,.3); border-radius: 6px; z-index: 10; } .city-chooser .city-chooser-close { display: block; float: right; width: 18px; height: 18px; transform: rotateZ(45deg); background: #00558b; border-radius: 30px; color: white; cursor: pointer; text-align: center; font-size: 120%; } .city-chooser .city-title { font-size: 105%; /* font-weight: bold; */ /* color: #00558b; */ width: 100%; padding-bottom: 5px; } .city-chooser li { list-style: none; } .city-chooser li:before { content: '- '; } /* City Chooser - First time, 10.10.18 */ #city-chooser-load .city-chooser-close { border-radius: 0; transform: none; font-size: inherit; font-size: 14px; text-decoration: none; padding: 2px 10px; height: auto; margin-top: -1px; } #city-chooser-load { top: 20%; left: calc(50% - 120px); /* padding: 40px; */ width: 600px; z-index: 1002; } #city-chooser-load .city-title { text-align: center; font-size: 18px; font-style: italic; display: block; border-bottom: 1px solid #eee; margin-bottom: 15px; } #city-chooser-load .city-title a { margin-top: 10px; /* position:absolute; */ float: inherit; margin: 10px auto; width: 70px; padding: 10px 10px; font-size: 16px; font-weight: bold; border-radius: 4px; transition: all 0.3s ease-in-out; } #city-chooser-load .city-title a:hover { opacity: 0.8; } #city-chooser-load .city-title span { font-weight: bold; display:block; } #city-chooser-load li { width: 50%; float:left; text-align:center; } #city-chooser-load li:before {content: none;} #city-chooser-load li a { color: initial; text-decoration: none; } #city-chooser-load li a:hover { font-weight: bold; color: #365585; } #city-chooser-load-layout { width: 100%; height: 100%; background: rgba(0,0,0,.2); position: fixed; z-index: 1001; } .tel a, .block .single a { text-decoration: none; } /*fix for iframe form youtube*/ .youtube-box { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ padding-top: 30px; margin: 15px 0; height: 0; overflow: hidden; } .youtube-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*end fix*/ /*page our clients*/ .our_clients-container{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .client-card{ display: flex; justify-content: center; align-items: center; width: 25%; } .client-inner{ display: flex; flex-direction: column; width: 90%; min-width: 200px; border: 1px solid #cccccc; border-radius: 6px; margin: 20px 30px 0; color: #333; } .client-inner-img-box{ } .client-inner-img-box img{ width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .client-inner-text-box{ display: flex; justify-content: center; align-items: center; margin: 5px 0; } .client-inner-mail-box{ display: flex; justify-content: center; align-items: center; padding: 10px 5px; background: #005D8D; border-radius: 0 0 5px 5px; color: #fff; transition: 0.3s; } .client-inner-mail-box:hover{ background: #023c5a; text-decoration: underline; transition: 0.3s; } @media(max-width: 991px){ .client-card{ width: 33%; } .client-inner{ min-width: unset; margin: 5px; } } @media(max-width: 767px){ .client-card{ width: 50%; } .client-inner{ min-height: 115px; } } /* end page our clients*/ /* Перенос стилей из классов в тег */ h1 { margin: 0 0 10px; width: 100%; overflow: hidden; font-size: 21px; line-height: 24px; color: #1d1d1d; text-transform: uppercase; position: relative; padding: 0 15px 0 0; font-weight: normal; } .section h1 { margin: 0 0 27px; } /* Закончен перенос */ .phoneBottom{ display: block; position: fixed; right: 20px; bottom: 20px; } #wrapper .bxslider-frame .bx-wrapper .bx-controls .bx-pager{ width: 100%; display: flex; justify-content: center; } .bxslider-frame.portfolio-slider .bx-controls-direction{ display: none !important; } .bxslider-frame.portfolio-slider .bx-controls.bx-has-controls-direction.bx-has-pager{ display: flex; justify-content: center; } /* End */ /* Start:/bitrix/templates/main/template_styles.css?17473063276247*/ iframe[class*='serp-item__title']{ white-space: inherit !important; } /* стили облака */ div.blue-tabs-menu { float: left; width: 100%; /*background:#BBD9EE;*/ font-size: 93%; line-height: normal; } div.blue-tabs-menu ul { margin: 0; padding: 10px 10px 0 10px; list-style: none; } div.blue-tabs-menu li { display: inline; margin: 0; padding: 0; } div.blue-tabs-menu a { float: left; /*background:url("/bitrix/templates/main/images/tableft.gif") no-repeat left top;*/ margin: 0; padding: 0 0 0 8px; text-decoration: none; margin-top: 0.2em; } div.blue-tabs-menu a nobr { float: left; display: block; /*background:url("/bitrix/templates/main/images/tabright.gif") no-repeat right top;*/ background: #f2f2f2; border-radius: 3px; padding: 5px 15px 4px 6px; white-space: nowrap; color: #3166aa; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ div.blue-tabs-menu a nobr { float: none; } /* End IE5-Mac hack */ div.blue-tabs-menu a:hover nobr, div.blue-tabs-menu a.active nobr { color: #fefefe; background: #3166aa; border-radius: 3px; } div.blue-tabs-menu a:hover { background-position: 0% -42px; } div.blue-tabs-menu a:hover nobr { background-position: 100% -42px; } div.menu-clear-left { clear: left; } /* 30sec popup styles */ .sec30-popup__box { display: none; } .sec30-popup__overlay { z-index: 1001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .sec30-popup__content-box { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; width: 300px; margin-top: 15px; padding: 0 10px; border: none; box-shadow: 0 0 30px rgba(0, 0, 0, .4); background: #f3f3f2; border-radius: 6px; z-index: 4000; } .sec30-popup__close-btn { position: absolute; display: block; width: 30px; height: 30px; top: 0; right: 0; color: transparent; background: transparent url(/fancybox/fancybox.png) -40px 0px; } .sec30-popup__inner { padding: 30px 15px; } .sec30-popup__main-text { font-size: 18px; text-align: center; } .sec30-popup__field { margin-bottom: 5px; text-align: center; } .sec30-popup__field input, .sec30-popup__field textarea, .sec30-popup__field input[type=text] { font-size: 16px !important; min-height: 30px; width: 100% !important; } .sec30-popup_checkbox-box { position: relative; margin-left: 25px; margin-bottom: 10px; } .sec30-popup_checkbox-box input[type="checkbox"] { position: absolute; left: -25px } #sec30-popup__form .files-size{ display: none; } .sec30-popup__field.clause{ color:#ff0000; font-size: 13px; margin-bottom: 5px; font-style: italic; } /* end 30sec popup styles */ @media (max-width: 590px){ .head_mobile_h{ position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999 !important; padding-bottom: 0; } #sec_mobile_head{ /*margin-top: 225px;*/ } #wrapper .full-width-slider { margin-top: 190px !important; } .blog-modalLink-opener { height: auto; } } .h1_title{ margin: 0 0 27px; width: 100%; overflow: hidden; font-size: 21px; line-height: 24px; color: #1d1d1d; text-transform: uppercase; position: relative; padding: 0 15px 0 0; font-weight: normal; } .portfolio_detail .contents{ padding-inline-start: 20px; padding-inline-end: 20px; } .info-area.www .bx-viewport{ /* height: 415px !important;*/ } .portfolio-slider .bx-viewport { height: 415px !important; } .bx_catalog_text_dop_sec a, .t1rezdel a{ background: #fff; } .one_img{ background: #fff; } @media (max-width: 600px) { #sec_mobile_head{ margin-top: 37% !important; } .header-socIcons-mobile, .tel-email{ display: flex !important; flex-direction: row; justify-content: center; align-content: center; } .mobile-header{ width: 95%; margin: 0 auto !important; } .tel-email div, .tel-email div a{ display: flex; align-self: center; color:#365585 !important; } .icons{ margin-right: 0px !important; } .header-holder .mobile-header .icons span { display: inline-block !important; } .mic1{ background-position: 100% 50% !important; } .mic2{ background-position: 0% 50% !important; } .mic1, .mic2{ width: 20px !important; height: 20px !important; } .m-tel{ width: 120px; } .head_mobile_h .nav-empty .nav-holder #hamburger-icon{ top: -90px !important; right: 70px !important; } .head_mobile_h.active-menu .nav-empty .nav-holder #hamburger-icon{ top: -90px !important; right: 25px !important; } #hamburger-icon .line{ width: 30px !important; height: 5px !important; } .header-holder .block{ display: none !important; } .wrapper-holder #wrapper .full-width-slider { height: auto !important; margin-top: 110px !important; } .bread{ height: auto !important; } } @media (max-width: 475px) { .header-holder img{ width: 85% !important; } .head_mobile_h .nav-empty .nav-holder #hamburger-icon, .head_mobile_h.active-menu .nav-empty .nav-holder #hamburger-icon{ top: -82px !important; } } @media (max-width: 375px) { .tel-email{ font-size: 14px; } .mobile-header{ width: 98%; margin: 0 auto !important; } .header-holder img{ width: 80% !important; } .head_mobile_h .nav-empty .nav-holder #hamburger-icon, .head_mobile_h.active-menu .nav-empty .nav-holder #hamburger-icon{ top: -82px !important; } } @media (max-width: 355px) { .mic1, .mic2{ width: 15px !important; height: 15px !important; } .m-tel { width: 100px; } .tel-email{ font-size: 13px; } } /* End */ /* Start:/css/all.css?173795810254748*/ body { margin: 0; color: #333; font: 15px/18px Scada, Arial, Helvetica, sans-serif; background: #fff url(/images/bg-body.png); min-width: 1080px; } img { border-style: none; } a { text-decoration: underline; color: #365585; } a:active { background-color: transparent; } a:hover { text-decoration: none; } input, select, textarea { font: 100% Scada, Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; } fieldset, form { margin: 0; padding: 0; border-style: none; } q { quotes: none; } q:before { content: ''} q:after { content: ''} article, aside, figure, footer, header, hgroup, nav, section { display: block; } figure { margin: 0; padding: 0; } input[type=submit]:hover { cursor: pointer; } input[type=emal] { -webkit-appearance: caret; } input[type=email], input[type=file], input[type=password], input[type=search], input[type=text], textarea { -webkit-appearance: none; -moz-appearance: none; outline: 0; } .wrapper-holder { position: relative; width: 100%; overflow: hidden; background: url(/images/bg-section01.png) repeat-x; } #wrapper { width: 1080px; margin: 0 auto; } #header { margin: 0 0 45px; } .header-holder { width: 100%; padding: 18px 0 3px; } .header-holder:after { content: ''; display: block; clear: both; } .header-holder .block { float: left; width: 242px; position: relative; padding: 0 0 0 62px; } .header-holder .block.style01:after { left: 19px; } .header-holder .block.style01 .holder { text-align: right; font-size: 15px; line-height: 17px; color: #bcbcbc; font-style: italic; margin: -13px 0 0 -10px; padding: 0 11px 0 0; } .header-holder .block.style01 .inform { display: block; } .header-holder .block.style01 .tel { font-size: 33px; line-height: 35px; color: #333; white-space: nowrap; margin: -3px 0 0; display: block; } .header-holder .block .top { width: 100%; font-size: 12px; line-height: 15px; font-style: italic; padding: 0 0 18px; } .header-holder .block .top:after { content: ''; display: block; clear: both; } .header-holder .block address { position: relative; font-size: 15px; line-height: 17px; font-style: italic; color: #666; margin-left: -50px; text-align: center; /*margin: 0 0 0 28px;*/ } .header-holder .block.style01 .top { font-size: 15px; line-height: 16px; width: 270px; } .block.style01 .top .email { position: relative; float: left; } .block.style01 .top .link:after { background: 0 0; } .block.style01 .top #popup-callback{ margin: -2px 0 0 0; background: url(/images/search_form_bg.png) no-repeat; background-size: cover; font-size: 14px; color: #fff; padding: 5px 10px; } .block.style01 .top .email{ font-size: 14px; line-height: 24px; } .block.style01 .top #popup-callback span{ display: block; padding-left: 5px; } .top .link { float: left; } .block.style01 .top .link { margin: 0 13px 0 0; } .lang, .lang_en { float: left; position: relative; margin: 0 60px 0 0; } .lang:after, .lang_en:after { content: ''; position: absolute; width: 24px; height: 15px; background: url(/images/sprite.png) no-repeat 0 -162px; top: 2px; left: -27px; } .lang_en:after { background: url(/images/sprite.png) no-repeat -32px -162px; } .header-holder .links { float: left; padding: 1px 0 0; } .header-holder .links .link { text-decoration: none; margin: 0 8px 0 0; background: url(/images/bullet01.png) repeat-x 0 100%; position: relative; } .header-holder .links .link:after { content: ''; position: absolute; background: url(/images/sprite.png) no-repeat -55px -101px; width: 16px; height: 16px; left: -20px; top: 1px; } .header-holder .links .link:hover { background: 0 0; } .header-holder .block:after { content: ''; position: absolute; width: 15px; height: 44px; background: url(/images/sprite.png) no-repeat 0 -101px; top: 27px; left: 0; } .link-register { padding: 0 0 0 5px; position: relative; } .link-register:after { content: ''; position: absolute; width: 4px; height: 10px; background: url(/images/sprite.png) no-repeat -88px -101px; left: -5px; top: 4px; } .logo { float: left; margin: 10px 41px 0 0; } @media(min-width: 800px) { .logo { /* Исправлено, Кирилл, 23.08.17 */ margin: 10px 21px 0px 23px; } } .logo a { height: 100%; display: block; } .nav-holder { /*background: url(/images/bg-section04.png) no-repeat #00619b;*/ background: url(/images/bg-section04.png) no-repeat #fff; width: 1074px; height: 47px; /* margin: 0 -38px; */ /* Исправлено, Кирилл, 23.08.17 */ margin: 0 -15px; padding: 11px 24px; position: relative; z-index: 1000; } .nav-empty { height: 70px; } .nav-holder .slide-block { position: absolute; z-index: 100; top: 50px; left: 50%; margin-left: -165px; width: 335px; } .nav-holder:after { content: ''; display: block; clear: both; } .nav-holder .btn { background: url(/images/sprite.png) no-repeat -128px -170px; width: 171px; height: 72px; text-align: center; color: #fff; display: block; margin: 0 auto; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 700; padding: 8px 10px 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .nav-holder .open-close { position: absolute; top: 54px; left: 50%; width: 335px; margin-left: -168px; } .nav-holder .btn span { background: url(/images/bullet05.png) repeat-x 0 90% #ad0c11; } .nav-holder .open-close.expanded { margin-top: -9px; } .nav-holder .btn span.style01 { display: none; } .nav-holder .btn:hover span { background: 0 0; } .nav-holder .open-close form { border: none; position: relative; z-index: 2; box-shadow: 0 0 8px #000; padding-bottom: 26px; background: linear-gradient(to bottom, #981819 0, #a31d1d 27%, #c32a29 80%, #ca2d2c 100%); } .nav-holder .open-close form input[type=submit] { margin: 0 auto; } .nav-holder .open-close form textarea { height: 116px; margin: 0 0 25px; } .nav-holder .open-close.expanded .btn { background-position: -213px -261px; padding-top: 18px; line-height: 20px; } .nav-holder .open-close.expanded .btn span { display: none; } .nav-holder .open-close.expanded .btn span.style01 { display: inline-block; } #nav, #nav-fixed { float: left; font-size: 16px; line-height: 20px; font-style: italic; } #nav ul, #nav-fixed ul { padding: 0; margin: 0; list-style: none; float: left; } #nav>ul>li, #nav-fixed>ul>li { float: left; position: relative; } #nav .drop, #nav-fixed .drop { position: absolute; top: 29px; left: -12px; z-index: 100; width: 149px; background: url(/images/bg-section02.png) no-repeat; font-size: 12px; line-height: 18px; color: #365585; padding: 49px 31px 30px; display: none; } #nav>ul>li:hover .drop, #nav-fixed>ul>li:hover .drop { display: block; } #nav .drop:after, #nav .drop:before, #nav-fixed .drop:after, #nav-fixed .drop:before { content: ''; position: absolute; height: 112px; left: 0; bottom: 0; width: 100%; background: url(/images/bg-section02.png) no-repeat -422px 100%; z-index: -1; } #nav .drop:after, #nav-fixed .drop:after { top: 39px; height: auto; bottom: 112px; background: url(/images/bg-section02.png) repeat-y -211px 0; } #nav .drop a, #nav-fixed .drop a { text-decoration: underline; color: #365585; } #nav .drop a:hover, #nav-fixed .drop a:hover { text-decoration: none; } #nav .drop li, #nav-fixed .drop li { padding: 0 0 6px; } #nav>ul>li:after, #nav-fixed>ul>li:after { content: ''; position: absolute; background: url(/images/sprite.png) no-repeat -324px -101px; width: 9px; height: 43px; right: 0; top: 0; } #nav>ul>li>a, #nav-fixed>ul>li>a { float: left; padding: 0 17px 0 0; color: #fff; position: relative; margin: 0 0 0 -9px; } /* Fix .active-menu, 29.08.17 */ @-moz-document url-prefix() { #nav>ul>li>a { padding: 0 15.9px 0 0; } #nav-fixed>ul>li>a { padding: 0 17px 0 0; } #header.active-menu .right-block .tel { font-size: 15.7px !important; } .float-menu #nav-fixed>ul>li>a>span { padding: 11px 3px 12px 15px !important; } } @media(max-width: 1000px) { #header.active-menu .right-block .tel { font-size: 13.6px !important; margin-top: 3px; } } #nav>ul>li.active>a span, #nav>ul>li:hover>a span, #nav-fixed>ul>li.active>a span, #nav-fixed>ul>li:hover>a span { text-decoration: underline; } #nav>ul>li:first-child>a, #nav-fixed>ul>li:first-child>a { margin: 0; } #nav-fixed>ul>li:first-child>a { margin-left: -10px; } #nav>ul>li:first-child>a>span, #nav-fixed>ul>li:first-child>a>span { background-position: 0 -86px; } #nav>ul>li>a:after, #nav-fixed>ul>li>a:after { content: ''; position: absolute; width: 6px; height: 5px; } #nav>ul>li.active>a, #nav>ul>li:hover>a, #nav-fixed>ul>li.active>a, #nav-fixed>ul>li:hover>a { background: url(/images/bg-section05.png) no-repeat 100% -43px; } #nav>ul>li>a>span, #nav-fixed>ul>li>a>span { float: left; position: relative; padding: 10px 18px 12px 29px; } .float-menu #nav>ul>li>a>span, .float-menu #nav-fixed>ul>li>a>span { padding: 10px 5px 12px 15px; } .float-menu #nav>ul>li>a>span.menu_parent:after, .float-menu #nav-fixed>ul>li>a>span.menu_parent:after { width: 6px; height: 5px; background: url(/images/sprite.png) no-repeat 0 -393px; content: ''; position: absolute; right: 0; top: 21px; } #nav>ul>li:first-child.active>a>span, #nav>ul>li:first-child:hover>a>span, #nav-fixed>ul>li:first-child.active>a>span, #nav-fixed>ul>li:first-child:hover>a>span { background-position: 0 -86px; } #nav>ul>li.active>a>span, #nav>ul>li:hover>a>span, #nav-fixed>ul>li.active>a>span, #nav-fixed>ul>li:hover>a>span { background: url(/images/bg-section05.png) no-repeat; } #nav>ul>li>a>span.menu_parent:after, #nav-fixed>ul>li>a>span.menu_parent:after { width: 6px; height: 5px; background: url(/images/sprite.png) no-repeat 0 -393px; content: ''; position: absolute; right: 5px; top: 21px; } .search-form { float: right; background: url(/images/search.png) no-repeat 5px 5px; width: 100px; height: 18px; padding: 2px 3px; margin: 9px 13px 0 0; } .search-form input[type=text] { float: left; background: 0 0; padding: 1px 5px; border: none; width: 100px; color: #000; font-size: 13px; line-height: 16px; margin: 0; } .search-form input[type=submit] { float: right; text-indent: -9999px; overflow: hidden; background: 0 0; border: none; width: 15px; height: 14px; margin: -14px 3px 0 0; padding: 0; background: url(/images/sprite.png) no-repeat -204px -105px; } header .search-form { float: right; background: 0 0; width: 30%; height: 30px; padding: 0; border-radius: 4px; margin: 9px -9px 0 0; position: absolute; top: 61px; box-shadow: 0 3px 3px #d5d5d5; /* right: 29px; */ right: 48px; } header .search-form input[type=text] { float: left; background: #fff; box-shadow: 0 3px 6px #8d8b8b inset; padding: 1px 5px; border: none; width: 100%; color: #000; font-size: 13px; padding: 7px 30px 7px 15px; border-radius: 4px; line-height: 16px; margin: 0; } header .search-form input[type=submit] { float: right; text-indent: -9999px; overflow: hidden; background: 0 0; border: none; width: 15px; height: 14px; margin: -14px 3px 0 0; padding: 0; background: url(/images/sprite.png) no-repeat -204px -105px; position: absolute; top: 24px; right: 7px; } .container { padding: 0 9999px 6px; margin: 0 -9999px; background: #0f5d82 url(/images/bg-section03.jpg) no-repeat 50% 0; } .carousel { position: relative; } .carousel .mask { position: relative; overflow: hidden; width: 100%; z-index: 2; margin: 0; } .carousel .mask .slideset { width: 99999px; float: left; height: 415px; overflow: hidden; } .carousel .mask .slide { width: 1080px; padding: 0 0 95px; float: left; position: relative; } .carousel .slide .alignright { position: absolute; right: -118px; top: 73px; } .carousel .slide .description { float: left; width: 377px; color: #fff; font: 13px/16px Arial, Helvetica, sans-serif; padding: 99px 0 0 46px; height: 320px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .carousel .slide .description p { margin: 0 0 20px; } .carousel .slide .description .h2 { margin: 0 0 10px; font: 700 32px/40px Arial, Helvetica, sans-serif; text-transform: uppercase; } .carousel .slide .description .h2 span { display: block; font-size: 21px; line-height: 21px; font-weight: 400; margin: 0; } .carousel .btn { border: 1px solid #9d452e; border-radius: 3px; color: #fff; float: left; padding: 7px 28px; text-transform: uppercase; font-size: 12px; line-height: 15px; font-weight: 700; text-decoration: none; text-shadow: 0 1px 0 #9f2c2b; background: linear-gradient(to bottom, #db7f7e 0, #cf5352 4%, #cb4645 39%, #c73736 68%, #c32c2b 100%); } .carousel .btn-next, .carousel .btn-prev { top: 185px; left: -32px; text-indent: -9999px; overflow: hidden; background: url(/images/sprite.png) no-repeat 0 -310px; width: 36px; height: 36px; position: absolute; z-index: 100; } .carousel .btn-next { left: auto; right: -5px; background-position: -63px -310px; } .pagination-holder { bottom: 43px; left: -18px; width: 1080px; text-align: center; position: absolute; z-index: 100; } .pagination-holder .pagination { padding: 0; margin: 0; list-style: none; text-align: center; display: inline-block; } .pagination li { float: left; margin: 0 9px; } .pagination a { text-indent: -9999px; overflow: hidden; float: left; width: 11px; height: 11px; background: url('/images/sprite.png') no-repeat -131px -310px; } .pagination .active a, .pagination a:hover { background-position: -161px -310px; } .blocks { width: 100%; overflow: hidden; padding: 42px 0 60px; background: url('/images/bullet04.png') repeat-x 0 100%; /* margin-top: 46%; */ margin-top: 20px; } .blocks .block { float: left; width: 262px; margin: 0 0 0 30px; } .blocks .block.last { float: right; width: 151px; } .blocks .block:first-child { margin: 0; } .blocks .block img { vertical-align: top; } .blocks .block .title { display: block; font-size: 22px; line-height: 24px; color: #333; } .blocks .block .img-holder { min-height: 140px; margin: 0 0 -8px; display: block; } .blocks .block .info { padding: 0; margin: 0; list-style: none; font-size: 13px; line-height: 17px; } .info-area { padding: 31px 0 78px; } .info-area:after { content: ''; display: block; clear: both; } .info-area .block { float: left; width: 339px; margin: 0 0 0 31px; } .info-area .block:first-child { margin: 0; } .info-area .block .top { width: 100%; overflow: hidden; padding: 0 0 20px; } .info-area .block .top .h2 { float: left; margin: 0 5px 0 0; font-size: 17px; line-height: 19px; text-transform: uppercase; color: #1d1d1d; font-weight: 400; } .info-area .block .top a { float: left; font-size: 13px; margin: 2px 0 0; } .block .carousel { width: 339px; padding: 5px 0 0; } .block .carousel-frame { box-shadow: 0 0 5px rgba(0, 0, 0, .35); background: #fff; border-radius: 5px; margin: -5px; width: 339px; } .block .carousel .mask { position: relative; width: 100%; z-index: 2; margin: 0; } .block .carousel .mask:after { content: ''; display: block; clear: both; } .block .carousel .slide { width: 339px; float: left; position: relative; color: #999; font-size: 12px; line-height: 14px; min-height: 364px; padding: 0; } .block .carousel.style01 { width: 337px; } .block .carousel.style01 .slide { width: 337px; } .block .carousel.style01 .carousel-frame { box-shadow: none; width: 337px; border: 1px solid #ccc; } .block .carousel img { border-radius: 5px 5px 0 0; vertical-align: top; } .block .carousel .btn-next, .block .carousel .btn-prev { position: static; float: left; background-position: 0 -354px; width: 26px; height: 26px; margin: 0 2px 0 0; } .block .carousel .btn-next { background-position: -28px -354px; } .block .carousel .pagination { padding: 7px 42px 0 0; margin: 0; list-style: none; float: left; } .block .carousel .description-holder { padding: 26px 25px 43px; } .block .carousel .description-holder h3 { margin: 0 0 15px; font-size: 20px; line-height: 22px; color: #333; font-weight: 400; } .block .carousel .description-holder p { margin: 0 0 3px; } .block .carousel .description-holder a { font-size: 13px; } .block .bottom-holder { padding: 24px 0 0 71px; overflow: hidden; } .block .carousel .pagination li { margin: 0 10px 0 9px; } .services { padding: 19px 28px; margin: 0; list-style: none; font: 12px/15px Arial, Helvetica, sans-serif; color: #333; } .services li { padding: 0 0 12px; position: relative; margin: 0 0 15px; } .services li:after { content: ''; position: absolute; width: 280px; height: 25px; background: url(/images/shadow01.png) no-repeat; left: 50%; margin-left: -140px; bottom: -25px; } .services .title { display: block; font-size: 17px; line-height: 20px; margin: 0 0 4px; } .services p { margin: 0; } .inform-form { border: 1px solid #ccc; background: #fff; border-radius: 5px; padding: 21px 27px 49px; } #zayavka_right { padding: 21px 27px 20px; } #zayavka_right fieldset { height: 374px; overflow: hidden; } .inform-form input[type=text] { display: block; background: #fff; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; line-height: 17px; color: #555; margin: 0 0 8px; padding: 6px 12px 5px; width: 255px; } .inform-form .heading { display: block; font-size: 15px; line-height: 18px; margin: 0 0 23px; } .inform-form textarea { display: block; background: #fff; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; line-height: 17px; color: #555; padding: 6px 12px 5px; width: 255px; margin: 0 0 29px; height: 76px; overflow: auto; resize: none; } .inform-form input[type=submit] { display: block; background: #00addf; border-radius: 4px; border: 1px solid #0085ab; text-align: center; width: 223px; height: 38px; color: #fff; font-size: 18px; line-height: 20px; margin: 0; padding: 0 0 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, .25); } .heading { width: 100%; overflow: hidden; margin: 0 0 10px; } .heading .title { font-size: 21px; line-height: 24px; color: #1d1d1d; text-transform: uppercase; position: relative; padding: 0 15px 0 0; } .heading .title:after { position: absolute; left: 100%; top: -1px; background: url(/images/bullet04.png) repeat-x 0 50%; content: ''; width: 999px; height: 100%; text-align: left; } .logos { padding: 0; margin: 0; list-style: none; } .logos li { display: inline-block; vertical-align: middle; margin: 0 10px 16px 0; } .logos img { display: inline-block; vertical-align: middle; } .open-close { padding: 0 0 49px; } .open-close .opener { font-size: 14px; } .section { padding: 0 0 44px; } .section p { margin: 0 0 18px; } .section .heading { margin: 0 0 27px; } .link-more, .section a { font-size: 14px; } #footer { /* background: #093a4e url(/images/bg-section06.png) repeat-x; padding: 0 9999px 23px; margin: 0 -9999px;*/ color: #fffefe; font: 13px/21px Arial, Helvetica, sans-serif; } .footer-holder { width: 100%; overflow: hidden; padding: 13px 0 36px; } .footer-holder .search-form { float: right; width: 121px; background-position: -124px -128px; margin: 0 2px 0 0; } .footer-nav { padding: 0; margin: 0; list-style: none; float: left; font: italic 18px/20px Scada, Arial, Helvetica, sans-serif; } .footer-nav li { float: left; margin: 0 0 0 41px; } .footer-nav li:first-child { margin: 0; } .footer-nav a { color: #fff; text-decoration: none; } .footer-holder .search-form input[type=text] { width: 93px; } .footer-frame { width: 100%; overflow: hidden; } .footer-frame a { color: #fff; } .footer-frame img { vertical-align: top; margin: 3px 0 0 3px; } .footer-frame .block-info { float: left; width: 317px; margin: 0 100px 0 0; } @media(max-width: 800px) { .footer-frame .block-info { margin: 0; padding: 0; /* position: absolute; top: inherit; bottom: inherit; left: inherit; */ /* padding-top: 50px; */ padding-left: 20px; } } .footer-frame address { float: left; font: italic 12px/15px Scada, Arial, Helvetica, sans-serif; margin: 10px 20px 0 0; } .footer-frame address a { position: absolute; display: block; width: 64px; height: 45px; background: url(/images/sprite.png) no-repeat 0 -214px; margin-left: -80px; margin-top: -8px; } .footer-frame .contact-block { float: right; width: 300px; padding: 0 4px 0 0; text-align: right; font: italic 12px/15px Scada, Arial, Helvetica, sans-serif; } .footer-frame .contact-block .tel { display: block; color: #fffefe; font-size: 20px; line-height: 25px; } .footer-frame .contact-block .tel a { text-decoration: none; } .footer-frame .contact-block .links { width: 100%; overflow: hidden; padding: 0 0 3px; font-size: 14px; } .footer-frame .contact-block .link { text-decoration: none; background: url(/images/bullet05.png) repeat-x 0 100%} .footer-frame .contact-block .link:hover { background: 0 0; } .footer-frame .contact-block .email { position: relative; margin: 0 0 0 15px; } .footer-frame .contact-block .email:after { content: ''; position: absolute; background: url(/images/sprite.png) no-repeat -108px -101px; width: 4px; height: 13px; top: 5px; left: -11px; } .sticky { position: fixed; top: 0; z-index: 101; } #left_sidebar { float: left; width: 250px; } #content { float: right; width: 800px; } /*fast fix mark 24.04.19*/ @media(min-width: 861px){ #content { width: calc( 100% - 280px ); } .one_text{ width: calc( 100% - 230px ); } div.bx_item_container.one_text{ padding-left: 0; width:100%; padding: 5px 5px 50px 0; box-sizing: border-box; } } @media(max-width: 600px){ div.bx_item_container.one_text{ padding-bottom: 60px; } } /*end fix*/ .baks, .euro { display: none; } #ekran_block { display: none; position: fixed; top: 0; left: 0; width: 100%; min-width: 350px; height: 100%; min-height: 400px; -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; background-color: #000; z-index: 2000; } #circularG { position: relative; width: 128px; height: 128px; margin: 150px auto 0; display: none; } .circularG { position: absolute; background-color: #78e6fa; width: 29px; height: 29px; -moz-border-radius: 19px; -moz-animation-name: bounce_circularG; -moz-animation-duration: .96s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -webkit-border-radius: 19px; -webkit-animation-name: bounce_circularG; -webkit-animation-duration: .96s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -ms-border-radius: 19px; -ms-animation-name: bounce_circularG; -ms-animation-duration: .96s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -o-border-radius: 19px; -o-animation-name: bounce_circularG; -o-animation-duration: .96s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; border-radius: 19px; animation-name: bounce_circularG; animation-duration: .96s; animation-iteration-count: infinite; animation-direction: linear; } #circularG_1 { left: 0; top: 50px; -webkit-animation-delay: .36s; animation-delay: .36s; } #circularG_2 { left: 14px; top: 14px; -webkit-animation-delay: .48s; animation-delay: .48s; } #circularG_3 { top: 0; left: 50px; -webkit-animation-delay: .6s; animation-delay: .6s; } #circularG_4 { right: 14px; top: 14px; -webkit-animation-delay: .72s; animation-delay: .72s; } #circularG_5 { right: 0; top: 50px; -webkit-animation-delay: .84s; animation-delay: .84s; } #circularG_6 { right: 14px; bottom: 14px; -webkit-animation-delay: .96s; animation-delay: .96s; } #circularG_7 { left: 50px; bottom: 0; -webkit-animation-delay: 1.08s; animation-delay: 1.08s; } #circularG_8 { left: 14px; bottom: 14px; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }@-webkit-keyframes bounce_circularG { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(.3); } }@keyframes bounce_circularG { 0% { transform: scale(1); } 100% { transform: scale(.3); } }.full_form { margin: 20px auto; font: italic 16px/20px Scada, helvetica; color: #333; font-style: normal; } .tit { font-size: 18px; margin-bottom: 15px; text-align: center; } input[type=text], select, textarea { padding: 3px 5px; border-radius: 4px; color: #666; font-size: 14px!important; width: 210px; border: 1px solid #8b8b8b; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 15px 13px 0; } input[type=submit] { margin-right: 10px; } input[type=reset] { margin: 0; } input[type=submit] { display: inline-block; border-radius: 4px; border: 1px solid #0059ab; text-align: center; width: 215px; height: 38px; color: #fff; font-size: 18px; line-height: 20px; padding: 0 0 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #0c5dee; background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input[type=reset] { display: inline-block; border-radius: 4px; border: 1px solid #656565; text-align: center; width: 215px; height: 38px; color: #fff; font-size: 18px; line-height: 20px; padding: 0 0 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #7D7D7D; background: linear-gradient(to bottom, #7D7D7D 0, #656565 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } @media (max-width: 768px) { input[type=submit] { display: block; } } #buy .full_form table.first { width: 100%} #buy .full_form table.first tbody tr td { width: 100%!important; } #buy .full_form table.first tbody tr td input[type=text] { width: 100%} #buy .full_form input[type=submit] { margin: 0 auto; display: flex; align-items: center; justify-content: center; } .nomer { width: 80px; } .req { color: red; font-size: 13px; margin-bottom: 5px; font-style: italic; } .ok_mes { color: #555; font-size: 18px; line-height: 22px; margin-top: 50px; text-align: left; } .bad { border: 1px solid red; } #buttonSubmit { display: block; /* background: #1570B0; */border-radius: 4px; border: 1px solid #0059ab; text-align: center; width: 215px; height: 38px; color: #fff; font-size: 18px; line-height: 20px; margin: 0; padding: 0 0 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #0c5dee; background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .classOk { padding: 3px 5px; border-radius: 4px; color: #666; font-size: 14px!important; width: 210px; border: 1px solid #8b8b8b; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 15px 13px 0; } #fancybox-wrap { padding-left: 20px; } #form_footer { width: 720px; margin: auto; } form#zayvka_hooker textarea { width: 100%} #zayvka_hooker input[type=text], select { background: #fff; border: 1px solid #ccc; border-radius: 3px; color: #555; font: 16px/20px Scada, helvetica; text-rendering: auto; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; display: inline-block; text-align: start; margin: 0; } #zayvka_hooker select { border: 1px solid #0d3cae; background: #0c5edb; background: linear-gradient(to bottom, #0c5edb 0, #093aa1 100%); color: #fff; cursor: pointer; } #zayvka_hooker select option { background: #fff; color: #000; } #zayvka_hooker select:focus>option:checked { background: #0c5edb!important; color: #fff!important; } .my-new-form { background: #f2f2f2; text-align: center; border-radius: 5px; padding: 20px; border: 1px solid grey; } .my-new-form .title { font-size: 150%; padding-bottom: 10px; } .my-new-form .pole { border: 1px solid grey; padding: 6px 4px; margin-bottom: 0; position: relative; top: 1px; width: 33%; margin-right: 2%; display: inline-block; vertical-align: middle; } .my-new-form .btn { width: 20%; padding: 4px 0; cursor: pointer; display: inline-block; vertical-align: middle; border: 1px solid #0d3cae; background: #0c5edb; background: linear-gradient(to bottom, #0c5edb 0, #093aa1 100%); color: #fff; } .footer-links { float: left; margin-right: 20px; } .footer-links li { list-style-type: none; } .footer-links li a { color: #fff; text-decoration: none; } .buy { display: block; background: #f50606; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border: 1px solid #af3232; text-align: center; width: 72px; height: 22px; color: #fff; font-size: 18px; line-height: 20px; text-decoration: none; margin: 0 auto; padding: 0 3px 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #f50606; background: linear-gradient(to bottom, #ce4545 0, #941919 100%); } td[rowspan]:nth-child(5n) { width: 100px; } .item th { background: #fff; } .item:last-child th { border-bottom: none; } .filter_box { width: 100%; border: 1px solid; border-radius: 10px; background-color: #f2f2f2; padding: 15px 0; } .filter_box .cell { display: inline-block; width: 23%; margin: 0 1%; vertical-align: top; } .filter_box .text { width: 66px; display: inline-block; margin-right: 3px; } .filter_box select { width: 100%} .filter_box .brand.cell { width: 17%} .filter_box .tip.cell { width: 26%} .filter_box .cell label { font-size: 13px; } .filter_box .cell .titl { min-height: 33px; padding: 1px; } .filter-btns { text-align: right; padding: 15px 0 5px; } .filter-btns input[type=submit] { float: none; display: inline-block; margin: 0 10px; vertical-align: middle; } .filter-btns .btn-clear { display: inline-block; margin: 0 10px; vertical-align: middle; } #left_sidebar .filter_box .cell { width: auto!important; display: block; padding: 0 10px; margin: 0 0 15px; } #left_sidebar .filter-btns { text-align: center; } #left_sidebar .filter-btns input[type=submit] { width: auto; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } #left_sidebar .ui-slider { margin: 0 10px; } .bx-auth input[type=password], .bx-auth-profile input[type=password] { padding: 3px 5px; border-radius: 4px; color: #666; font-size: 14px!important; width: 210px; border: 1px solid #8b8b8b; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 15px 13px 0; } #newCalc { padding: 20px; border-left: 1px dotted grey; border-right: 1px dotted grey; background: #f2f2f2; } #zayvka_hooker { margin-top: 0; margin-bottom: 0; } @media (max-width:375px) and (min-width:375px) { #log_form input.form-field { width: 260px!important; } #log_form input[type=submit] { width: 260px!important; } }#log_form input[name=login].form-field { width: 299px; margin: 0; padding: 8px; } #log_form input[type=submit] { width: 100%} /* .recommend { display: inline-block; border-radius: 4px; border: 1px solid #0059ab; text-align: center; line-height: 38px; color: #fff; font-size: 15px; line-height: 28px; margin: 0; padding: 0 15px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #0c5dee; background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } */ .recommend { display: inline-block; /* border-radius: 4px; */ /* border: 1px solid #0059ab; */ text-align: center; line-height: 38px; color: #191818; font-size: 19px; line-height: 28px; margin: 0; padding: 0 15px; /* box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); */ cursor: pointer; /* background: #0c5dee; */ /* background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); */ /* box-sizing: border-box; */ -moz-box-sizing: border-box; /* -webkit-box-sizing: border-box; */ } @media (min-width:601px) { .rotatable { -webkit-transform: rotate(90deg); width: 172px; height: 172px; position: fixed; right: 0; top: 20%; z-index: 100; } .rotatable .btn { background: url(/images/sprite.png) no-repeat -128px -170px; width: 171px; height: 72px; text-align: center; color: #fff; display: block; margin: 0 auto; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 700; padding: 8px 10px 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .advice { -webkit-transform: rotate(90deg); -webkit-transform: rotate(270deg); width: 172px; height: 172px; position: fixed; left: 0; top: 20%; z-index: 100; } .advice .btn { background: url(/images/advice_btn.png) no-repeat -9px; width: 171px; height: 72px; text-align: center; color: #fff; display: block; margin: 0 auto; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 700; padding: 8px 10px 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } } .portfolio_detail .select { float: right; display: inline-block; border-radius: 4px; border: 1px solid #0059ab; text-align: center; line-height: 38px; color: #fff; font-size: 15px; line-height: 28px; margin: 0; padding: 0 15px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #0c5dee; background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .portfolio_detail .select a, .portfolio_detail .select a:focus, .portfolio_detail .select a:hover { text-decoration: none; color: #fff; } @media (max-width:600px) { .advice, .rotatable { display: none; } .portfolio_detail .select { display: none; } .mobile-header .icons span{ display: none !important; } } .techlib_wrap_banner { margin: 20px auto; width: 728px; height: 90px; } .techlib_banner { padding: 30px 10px 20px 550px; } .techlib_banner_zapros { padding: 30px 10px 20px 500px; } .chill { background: rgba(0, 0, 0, 0) url(/upload/medialibrary/techlibrary/img/chillers/banner_chiller.png) no-repeat scroll 0 0; } .pool { background: url(/upload/medialibrary/techlibrary/img/banner4-1.png) no-repeat; margin: 20px auto; width: 728px; height: 90px; } .pool-2 { background: #2ad80b url(/upload/medialibrary/techlibrary/img/banner5.png) no-repeat; background-position-x: 190px; margin: 0 auto; width: 728px; height: 90px; margin-bottom: 20px; } .server-wrap { background: #f9ff01 url(/upload/medialibrary/techlibrary/img/server/banner1.jpg) no-repeat; background-position-x: 190px; margin: 0 auto; width: 728px; height: 90px; margin-bottom: 20px; } .bass_banner2 { display: block; position: absolute; color: #fff!important; text-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 1px 7px rgba(0, 0, 0, .3); text-align: center; width: 358px; height: 50px; margin-left: 330px; padding: 20px; font-size: 20px; /*margin-top: -95px;*/ } .server-banner { display: block; position: absolute; color: #000!important; text-shadow: 0 0 4px rgba(255, 255, 255, .8), 0 1px 7px rgba(255, 255, 255, .3); text-align: center; width: 358px; height: 45px; margin-left: 330px; padding: 0; font-size: 20px; margin-top: 22.5px; } .for_absolute { position: absolute; width: 28%; left: 25%; } #wrapper .full-width-slider { background: #0f5d82 url('/images/bg-section03.jpg') no-repeat 50% 0; background-size: cover; width: 100%; /* padding: 0 100%; margin: 0 -100%*/ position: absolute; left: 0; } #wrapper .bx-wrapper { box-shadow: none!important; border: 0!important; background: 0 0!important; max-height: 425px; margin-bottom: 0!important; } #wrapper .bx-wrapper li.slide { display: inline-block; max-height: 415px; color: #fff; } #wrapper .bx-wrapper li.slide img { float: right; padding-top: 20px; padding-right: 23%; } #wrapper .bx-wrapper li.slide .description .h2 { margin: 0 0 10px; font: 700 32px/40px Arial, Helvetica, sans-serif; text-transform: uppercase; } #wrapper .bx-wrapper li.slide .description .h2 span { display: block; font-size: 21px; line-height: 21px; font-weight: 400; margin: 0; left: 0; top: 8%; line-height: 50px; padding-left: 24%; padding-right: 20px; position: absolute; background: linear-gradient(to bottom, #db7f7e 0, #cf5352 4%, #cb4645 39%, #c73736 68%, #c32c2b 100%); } #wrapper .bx-wrapper li.slide .description .h2 span:after { content: ''; background: linear-gradient(to bottom, #db7f7e 0, #cf5352 4%, #cb4645 39%, #c73736 68%, #c32c2b 100%); width: 50px; height: 50px; transform: skewX(-20deg); position: absolute; } #wrapper .bx-wrapper li.slide .description { float: left; width: 377px; color: #fff; font: 13px/16px Arial, Helvetica, sans-serif; padding: 100px 0 0 100px; height: 320px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #wrapper .bx-wrapper li.slide .description .btn { /* border: 1px solid #9d452e;*/ /*-webkit-border-radius: 3px; border-radius: 3px;*/ color: #00a3fe; float: left; padding: 7px 28px; /* text-transform: uppercase;*/ font-size: 12px; transform: skew(-10deg); line-height: 15px; font-weight: 700; text-decoration: none; /*text-shadow: 0 1px 0 #9f2c2b;*/ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #db7f7e), color-stop(4%, #cf5352), color-stop(39%, #cb4645), color-stop(68%, #c73736), color-stop(100%, #c32c2b)); background: -webkit-linear-gradient(top, #db7f7e 0, #cf5352 4%, #cb4645 39%, #c73736 68%, #c32c2b 100%); background: -o-linear-gradient(top, #db7f7e 0, #cf5352 4%, #cb4645 39%, #c73736 68%, #c32c2b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #db7f7e), color-stop(4%, #cf5352), color-stop(39%, #cb4645), color-stop(68%, #c73736), to(#c32c2b)); background: linear-gradient(to bottom, #db7f7e 0, #cf5352 4%, #cb4645 39%, #c73736 68%, #c32c2b 100%);*/ background-color: #fff; } #wrapper .bx-wrapper .bx-controls .bx-pager { bottom: 20px!important; } #wrapper .bx-wrapper .bx-pager.bx-default-pager a { background: url('/images/sprite.png') no-repeat -131px -310px; } #wrapper .bx-wrapper .bx-controls-direction .bx-next, #wrapper .bx-wrapper .bx-controls-direction .bx-prev { /*background: url(/images/sprite.png) no-repeat 0 -310px!important;*/ background: url('/images/arr-sl.png'); width: 36px; height: 36px; background-repeat: no-repeat; background-position-x: center; background-size: contain; opacity: 0.5; } #wrapper .bx-wrapper .bx-controls-direction .bx-prev { left: 20%; transform: rotate(180deg); } #wrapper .bx-wrapper .bx-controls-direction .bx-next { /*background-position: -63px -310px!important;*/ /* right: 0!important;*/ right: 20% } #wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background-position: -161px -310px; } @media (min-width:768px) and (max-width:991px) { #wrapper .bx-wrapper li.slide .description { width: 50%; padding: 100px 0 0 50px; } #wrapper .bx-wrapper li.slide img { padding-right: 0; } } @media (min-width:767px) { #wrapper .bx-wrapper li.slide img { width: 35% } } @media (max-width:767px) { #wrapper .bx-wrapper li.slide .description { width: 100%; padding: 8% } #wrapper .bx-wrapper li.slide img { display: none; } } @media (max-width:600px) { #wrapper .full-width-slider { width: initial; } #wrapper .bx-wrapper li.slide .description { padding: 5% 12% } #wrapper .bx-wrapper li.slide .description .h2 { font: 700 28px/36px Arial, Helvetica, sans-serif; } /* #wrapper{ padding-top: 140px !important; } */ } @media (max-width:400px) { #wrapper .bx-wrapper li.slide .description .h2 span { font-size: 18px; line-height: 21px; } #wrapper .bx-wrapper li.slide .description .h2 { font: 700 24px/30px Arial, Helvetica, sans-serif; } } @media (max-width:320px) { #wrapper .bx-wrapper li.slide .description .h2 span { font-size: 16px; line-height: 21px; } #wrapper .bx-wrapper li.slide .description .h2 { font: 700 20px/26px Arial, Helvetica, sans-serif; } #wrapper .bx-wrapper li.slide .description { padding: 5% 15% } } /* Slider fixes, 13.08.18 */ #wrapper .full-width-slider { padding: 0 100%; margin: 0 -100%; position: initial; left: initial; height: 420px; } #wrapper .full-width-slider .bx-viewport { height: 480px !important; } #wrapper .bx-wrapper li.slide .description .btn { color: #004982; font-size: 1em; padding: 8px 34px; } @media (min-width: 768px) { #wrapper .bx-wrapper .bx-controls-direction .bx-prev { left: 5%; } #wrapper .bx-wrapper .bx-controls-direction .bx-next { right: 5%; } #wrapper .bx-wrapper li.slide .description { width: 50%; float: left; padding: 0; padding-top: 100px; } #wrapper .bx-wrapper li.slide img { /* width: 30%; */ float: right; padding: 0; /* padding-right: 10%; */ /* padding-top: 10% !important; */ position: relative; width: 42%; padding-right: 5%; padding-top: 8% !important; } .for_absolute { left: 15%; width: 40%; } #wrapper .bx-wrapper li.slide .description p { font-size: 1.2em; line-height: 1.3em; } } @media (max-width: 767px) { #wrapper .full-width-slider { height: 320px; } #wrapper .bx-wrapper li.slide .description .h2 { text-align:center; } #wrapper .bx-wrapper li.slide .description .h2 span { background: none; position: relative; padding-left: 20px; text-align: center; line-height: 1.2em; } #wrapper .bx-wrapper li.slide .description .h2 span:after { background: none; } .for_absolute { width: 70%; left: 15%; } #wrapper .bx-wrapper .bx-controls-direction .bx-prev { left: 0%; } #wrapper .bx-wrapper .bx-controls-direction .bx-next { right: 0%; } } .block-pagination { float: left; width: 100% } header .search-form input[type=text] { width: 72%; height: 30px; border: 2px solid #0064a0; border-radius: 0; box-shadow: none; transform: skewX(-13deg); } header .search-form input[type=submit] { width: 94px; height: 30px; top: 14px; display: block; box-shadow: none; background: url('/images/search_form_bg.png') no-repeat; background-size: contain; border-radius: 0; font-style: italic; text-indent: 0; font-size: 16px; } header .search-form input[type=submit]:focus { outline: 0; } header .search-form { box-shadow: none; } .img-services { margin: 10px; } .text-right { text-align: right; } .text-center { text-align: center; } .content-info p { margin-bottom: 8px; } .bold { font-weight: 700; } #nav>ul>li:last-child:after, #nav-fixed>ul>li:last-child:after { background: 0 0; } /* Исправление конца меню, Кирилл, 18.08 */ #nav>ul>li.active:last-child>a { background: url('/images/bg-section05.png') no-repeat -84px -128px; } #nav>ul>li:last-child:hover>a { background: url('/images/bg-section05.png') no-repeat 100% -129px; } #nav-fixed>ul>li:last-child:hover>a { background: url('/images/bg-section05.png') no-repeat -111px -128px; } @media(max-width: 1000px) and (min-width: 801px) { #nav>ul>li:last-child:hover>a { background: url('/images/bg-section05.png') no-repeat -107px -128px; } #nav-fixed>ul>li:last-child:hover>a { background: url('/images/bg-section05.png') no-repeat -111px -128px; } } .alert_copy { display: none; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; left: 50%; margin: 0 0 0 -225px; padding: 15px; position: fixed; color: #fff; top: 100px; width: 450px; z-index: 3000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #981819; background: linear-gradient(to bottom, #981819 0, #a31d1d 27%, #c32a29 80%, #ca2d2c 100%); background-attachment: fixed; font-size: 16px; } .alert_copy img { float: left; margin: 0 10px 5px 0; } .alert_copy .alert_text { padding: 0 0 0 90px; background: url('/images/alert.png') no-repeat 0 50% transparent; } .alert_copy .but_copy { clear: both; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; text-align: center; width: 80px; height: 28px; color: #fff; font-size: 18px; line-height: 28px; margin: 15px auto 0; padding: 0 0 3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); cursor: pointer; background: #0c5dee; background: linear-gradient(to bottom, #0c5dee 0, #0d36a0 100%); } /* Доп.фиксы */ .bx_catalog_text_dop_sec a, .t1rezdel a { display: block; float: left; font-size: 14px; padding: 10px 10px 15px; width: 190px; height: 180px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ text-align: center; border: 1px solid #cccccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; margin: 0 5px 20px 5px; line-height: 16px; } .bx_catalog_text_dop_sec .dop_a_img, .t1rezdel .dop_a_img { height: 100px; width: 100px; margin: 5px auto; background-repeat: no-repeat; background-position: center; background-size: cover; } .dop_a_img{ display: block !important; width: auto !important; } .t1rezdel>img { display: none; } .t1rezdel>iframe { display: none; } .bx_catalog_text_dop_sec a:hover, .t1rezdel a:hover { box-shadow: 2px 2px 5px gray; -webkit-box-shadow: 2px 2px 5px gray; -moz-box-shadow: 2px 2px 5px gray; } .clearfix { clear: both; } #send-ok .send-inner { text-align: center; color: #365585; margin: 10px 0; } /* Custom scroll, 15.02.18 */ /* ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; } ::-webkit-scrollbar-thumb:hover { background: #555; } */ .single { margin: 0; color: #333; font-size: 22px; padding-bottom: 10px; } .full-width-slider{ font-family: 'Scada', sans-serif !important; } #wrapper .bx-wrapper li.slide .description .h2 span{ font-family: 'Scada', sans-serif !important; } #wrapper .bx-wrapper li.slide .description .h2{ font-family: 'Scada', sans-serif !important; } #wrapper .bx-wrapper li.slide .description{ font-family: 'Scada', sans-serif !important; } /*******soc. icons for header/footer*********/ /*header*/ .header-socIcons{ display: inline-block; position: absolute; top: 70px; left: 340px; } .header-socIcons-two { display: inline-block; position: absolute; top: 70px; left: 655px; } @media(max-width: 1000px){ .header-socIcons{ display: inline-block; position: absolute; top: 70px; left: 215px; } } .header-socIcons a{ text-decoration: none; color: unset; } .header-socIcons img{ max-width: 30px; max-height: 30px; -o-object-fit: contain; object-fit: contain; } @media(max-width: 800px){ .header-socIcons{ display: none; } } /*mobile*/ /*fix*/ .header-socIcons-mobile{ display: none; } @media (max-width:424px) { .logo{ top:55px !important; } #hamburger-icon{ top:-60px !important; } } .icons{ margin-right: 35px; } .header-socIcons-mobile{ display: inline-block; margin-left: 3px; } .header-socIcons-mobile a{ text-decoration: none; color: unset; } .header-socIcons-mobile img{ max-width: 35px; max-height: 35px; -o-object-fit: contain; object-fit: contain; margin-right: 5px; margin-top: 3px; } .header-socIcons-mobile-two{ display: none; } @media (min-width:601px) and (max-width:800px){ .header-socIcons-mobile-two{ display: inline-block; height: 31px; margin: 4px 0px; padding: 2px 5px; background-color: #fff; border-radius: 10px; } .header-socIcons-mobile-two a{ text-decoration: none; color: unset; } .header-socIcons-mobile-two img{ max-width: 30px; max-height: 30px; -o-object-fit: contain; object-fit: contain; margin-right: 5px; /*margin-top: 3px;*/ } } /*footer*/ .footer-socIcons img{ width: 20px; height: 20px; margin: 0 5px; border-radius: 3px; } .footer-socIcons a{ text-decoration: none; color: unset; } @media(min-width: 800px){ .footer-frame .contact-block{ width: 250px !important; } .footer-frame .block-info{ margin: 0; width: 287px; } .footer-frame address{ margin:10px 0 0 0; text-align: left; } .footer-frame{ padding-bottom:50px; } .footer-text-fix{ text-align: center; } .footer-socIcons{ display: inline-block; margin:15px 0 0 15px; } } @media(max-width: 800px){ .footer-socIcons{ display: inline-block; margin:5px 0px 5px 15px; } .footer-frame address{ float: none; } } @media(max-width: 425px){ .contact-block{ text-align: left !important; margin-left: 20px !important; } } /*end soc. icons*/ /*слайдера на главной*/ #wrapper .bx-wrapper li.slide img.sl-ob-img-new{ width: 100%; } @media (min-width:1000px) and (max-width:1026px) { .blocks .block { width: 240px; } } .heading1 .data a { flex: 0 0 16% !important; } /*тех библиотека*/ .img_block { display: flex; gap: 20px; } @media (max-width: 500px) { .img_block { flex-direction: column; } } /* End */ /* Start:/css/jquery-ui.css?150278104514715*/ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:4px}.ui-slider-horizontal .ui-slider-handle{top:-.2em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget-content{background:#d8dcdc;border-radius:8px!important}.ui-widget-content a{color:#333}.ui-widget-header{background:#ab1c3a}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#e2e0e0;border:1px solid #bbb;width:13px;height:13px;box-shadow:0 0 3px rgba(0,0,0 ,.3);margin-top:-3px;border-radius:50%;text-align:center;padding:0;cursor:pointer}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/css/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/css/images/ui-icons_444444_256x240.png)}.ui-state-default .ui-icon{background-image:url(/css/images/ui-icons_777777_256x240.png)}.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(/css/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon{background-image:url(/css/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/css/images/ui-icons_cc0000_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /* End */ /* Start:/fancybox/jquery.fancybox-1.3.4.css?13998818668799*/ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 3104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/fancybox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; width: 100%; z-index: 3100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 3101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; overflow: hidden; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 3102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 3101; } #fancybox-close { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: transparent url('/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 3103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/fancybox/blank.gif'); z-index: 3102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 3102; display: block; } #fancybox-left-ico { background-image: url('/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 3001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 3102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* End */ /* Start:/css/adaptive.css?175040662419436*/ .mobile-header{display:none}#hamburger-icon{display:none;width:25px;height:20px;float:left;z-index:1001;line-height:1;margin-top:9px;margin-left:0;position:relative}body.active_m #hamburger-icon{height:20px}#hamburger-icon .line{display:block;background:#000;width:25px;height:2px;position:absolute;left:0;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s}#hamburger-icon .line.line-1{top:0}#hamburger-icon .line.line-2{top:50%}#hamburger-icon .line.line-3{top:100%}#hamburger-icon:focus .line-1,#hamburger-icon:hover .line-1{transform:translateY(-4px);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px)}#hamburger-icon:focus .line-3,#hamburger-icon:hover .line-3{transform:translateY(4px);-webkit-transform:translateY(4px);-moz-transform:translateY(4px)}body.active_m #hamburger-icon .line-1{transform:translateY(10px) translateX(0) rotate(45deg);-webkit-transform:translateY(10px) translateX(0) rotate(45deg);-moz-transform:translateY(10px) translateX(0) rotate(45deg)}body.active_m #hamburger-icon .line-2{opacity:0}body.active_m #hamburger-icon .line-3{transform:translateY(-10px) translateX(0) rotate(-45deg);-webkit-transform:translateY(-10px) translateX(0) rotate(-45deg);-moz-transform:translateY(-10px) translateX(0) rotate(-45deg)}@media (max-width:1100px){body{min-width:200px}.all-container{width:100%!important;box-sizing:border-box;padding:0 10px}.nav-holder{width:100%}#wrapper{width:100%;box-sizing:border-box;padding:0 10px;overflow:hidden;position:relative}#nav>ul>li>a>span{padding-left:15px}.logo img{width:90%;max-width:300px}#header.active-menu .float-logo{display:none!important}#nav{font-size:14px}.servises_list{margin-right:-30px}.one_service{width:23%}.servises_list{display:none}.footer-links{padding-left:0;padding-right:10px}}@media (max-width:800px){.logo{background:url(/images/sprite.png) no-repeat;width:70px;height:61px;margin-right:15px}.logo img{display:none}.search-form{display:none}#nav{display:block;position:absolute;top:100%;margin-top:-17px;left:0;background:#365c94;z-index:12;width:100%;text-align:center}#nav>ul>li>a>span.menu_parent:after{display:none}#nav>ul>li:after,#nav>ul>li>a:after{display:none}#nav ul{float:none;display:none}body.active_m #nav>ul{display:block}#nav>ul>li{float:none;width:100%;text-align:center;padding:0;margin:10px 0;display:block}#nav>ul>li>a,#nav>ul>li>a>span{float:none;padding:0;margin:0}#nav>ul>li.hover .next,#nav>ul>li:hover .next{display:block;margin:0 auto!important;float:none;position:relative;top:0}#nav>ul>li.active>a,#nav>ul>li.active>a>span,#nav>ul>li:hover>a,#nav>ul>li:hover>a>span{background:0 0}.nav-holder{padding-left:48px;padding-right:48px;margin-left:-45px;margin-right:-45px;position:relative}.bx_catalog_text_dop_sec a{width:23%}#content{width:100%}#hamburger-icon{display:block}#header.active-menu .float-menu{display:none}#footer{padding-bottom:70px;background-color:#062b3a;background-position-y:-60px}.footer-nav{padding-top:45px}.footer-links{display:none}.footer-nav li:first-child{margin-left:3%}.footer-holder{padding-bottom:10px}.footer-nav li{width:45%;margin-left:3%;float:none;margin-bottom:10px;display:inline-block;vertical-align:top}.footer-frame .block-info{float:none;/*position:absolute;*/bottom:10px;left:4%}.footer-frame address{margin-left:3%}.footer-frame .contact-block{margin-right:3%}#left_sidebar{width:100%;float:none;margin-bottom:30px}#content{float:none;margin-left:0}.one_text{width:auto;margin-left:120px;float:none}.one_img,.one_img img{width:100px;height:100px}.new-table table select{max-width:103px!important}.bx_item_container{float:left;width:100%;margin:0}.one_seria:after{display:none;content:'';clear:both}.bx_item_container .foto_box{width:250px}.foto_box .img{width:244px;height:244px;border-radius:10px}.foto_box .img img{max-width:240px;border-radius:10px}.blocks .block:first-child{margin-left:30px}.blocks .block,.blocks .block.last{float:none;margin-bottom:20px;display:inline-block;vertical-align:top;width:45%}.carousel .mask .slide{width:760px!important}.carousel .mask .slide img{display:none}.info-area .block{float:none;display:inline-block;vertical-align:top;margin-bottom:20px;margin-top:20px}.block .carousel .mask .slide{width:339px!important}.info-area .block:last-child{margin-left:0}.info-area .block:first-child{margin-top:20px;margin-bottom:20px}.menu_about{width:100%!important}.port_item{width:100%}.section table{width:100%;max-width:100%!important}.one_contact{margin-right:0;width:370px}.one_contact_img{width:170px}}@media (max-width:767px) and (min-width:440px){.port_img{width:170px}form#zayvka_hooker textarea{width:80%}.new-table{overflow:auto}}@media (max-width:600px){*{box-sizing:border-box}.img-services{margin:10px 0;width:100%;height:100%}.bx_item_container{float:none}.logo{position:absolute;top:40px;left:0}address{display:none}.header-holder .block.style01 .top{display:none}.header-holder .block:after{display:none}.nav-holder{width:auto}.one_contact{width:100%;height:auto;float:none}.one_contact_img{width:230px;float:none;margin-bottom:15px}.rekvisits{float:none;width:100%}.cent_map>ymaps{width:100%!important}.footer-frame .contact-block{margin-left:3%;text-align:center}.footer-nav{font-size:15px}.menu_about a{margin:10px!important;float:none!important;display:inline-block!important;vertical-align:top!important;padding-left:10px!important;padding-right:10px!important;width:121px!important}.bx_catalog_text_dop_sec a{margin:7px!important;float:none!important;display:inline-block!important;vertical-align:top!important;padding-left:5px!important;padding-right:5px!important;width:41%!important;height:210px}.bx_catalog_text_dop_sec{margin:0 -25px}.one_img,.one_img img{width:200px;height:200px;float:none}.one_text{margin-left:0;margin-top:20px}div.new-table{overflow:auto}.heading .title:after{display:none}.text_anons1{width:100%}.knopka{padding:5px 2px;font-size:80%}.select-container{position:relative}.select-container td>div{height:1px;position:relative;top:15px}.port_item{height:auto}.port_img{float:none;margin-bottom:10px}.port_text{float:none}.carousel .mask .slide{width:310px!important}.carousel .slide .description{float:none;width:auto;padding-left:15px;padding-right:15px}.blocks .block,.blocks .block.last,.blocks .block:first-child{margin:0 auto 25px;display:block;width:70%;text-align:center}#zayvka_hooker .letters{margin:10px 0!important}#zayvka_hooker table{display:block}#zayvka_hooker table td{display:block}#zayvka_hooker table tr{display:block;width:109%}#form_footer{width:98%}.logos{text-align:center}.sert_item{margin:10px auto;float:none}#fancybox-wrap{left:10px!important;right:10px!important;width:auto!important}#fancybox-content.chiller{width:100%!important;height:auto!important}.bx_catalog_text_dop_sec a{width:90%!important;margin:10px 5%!important}.portfolio_detail img{max-width:100%;height:auto!important;margin:0}.bx-registration-table{display:block}.bx-registration-table td{display:block}.bx-registration-table tr{display:block}.bx_catalog_text .bx_catalog_text_title{white-space:normal}.nav-holder .open-close{display:none}#header{margin-bottom:15px!important}#log_form{z-index:44500}.submit-container{font-size:80%}.header-holder .block{width:290px;z-index:3417}.header-holder .block.style01 .holder{display:none}.header-holder{position:relative}.mobile-header{margin-left:60px;padding-top:2px;display:block}.logo{width:50px;height:50px;background-size:300px 300px}.nav-holder{background:0 0;height:1px!important}.nav-empty{height:1px}.bread{margin-top:0;padding-top:0;margin-left:0;padding-left:0}#hamburger-icon{position:absolute;top:-38px;right:49px}.mobile-header .icons span{background-size:contain;background-position:50% 50%;background-repeat:no-repeat;display:inline-block;vertical-align:top;width:30px;height:30px;margin:5px 5px 0}.mobile-header .mic1{background-image:url(/css/../images/iic2.png)}.mobile-header .mic2{background-image:url(/css/../images/iic3.png)}.mobile-header .mic3{background-image:url(/css/../images/iic4.png)}.mobile-header .mic4{background-image:url(/css/../images/iic5.png)}.mobile-header .txt-icons a{text-decoration:none;}.mobile-header .txt-icons{display:none;border-top:2px solid #c3c3c3;box-shadow:0 3px 3px #c3c3c3;position:absolute;top:100%;left:-10px;right:-10px;font-size:15px;color:#000;z-index:3424;background:#fff;padding:10px 2%;text-align:center}.mobile-header .txt-icons div{display:none}.nav-empty{z-index:2544;position:relative}.mobile-header .icons{z-index:916;position:relative}.clear-bg{width:100%;height:100%;background:#000000;position:fixed;top:0;left:0;z-index:3414`;display:none}.showt1 .txt-icons,.showt2 .txt-icons,.showt3 .txt-icons,.showt4 .txt-icons{display:block}.showt1 .clear-bg,.showt2 .clear-bg,.showt3 .clear-bg,.showt4 .clear-bg{display:block}.mobile-header.showt1 .txt-icons div.tic1,.mobile-header.showt2 .txt-icons div.tic2,.mobile-header.showt3 .txt-icons div.tic3,.mobile-header.showt4 .txt-icons div.tic4{display:block}.bx_item_container .foto_box{width:100%;text-align:center}#left_sidebar{display:none}.one_img,.one_img img{margin:0 auto 10px}.one_name{text-align:center}.one_text ul{padding-left:15px}.foto_box .img{margin-bottom:10px}.heading{text-align:center}.heading .title{text-align:center;padding-right:0}.workarea{display:block}.sec_desc img{max-width:100%;margin:0 auto 10px;float:none}.one_seria{width:100%}.all_tabs img{max-width:100%;width:100%;height:auto}#fancybox-img{height:auto}.sotrud,.sotrud_r{width:100%!important}.client{width:45%;margin:0 2% 15px}.client img{max-width:100%}#fancybox-wrap{z-index:35101}.port_text{height:auto}img{max-width:100%}.port_text{width:100%;margin-left:0}.port_item .port_text{width:inherit}.tbl-oplata table,.tbl-oplata td,.tbl-oplata th,.tbl-oplata tr{display:block;width:100%}.tbl-oplata table img{float:none!important}.portfolio_detail div{max-width:100%!important;background-size:contain!important}#header.active-menu{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:631;padding-bottom:0}#header.active-menu .nav-empty{width:100%;height:15px}#header.active-menu .nav-holder{width:100%}#header.active-menu #hamburger-icon{right:15px}#header.active-menu #nav{margin-top:2px}.sert_list .sert_item{display:inline-block;vertical-align:top;margin:5px 2%}.sert_list{margin:0 -2%}.one_tab table img{margin:0!important;height:auto!important}.port_img{background-position:50% 50%;margin:0 auto 5px}.gallery a{max-width:100%;margin:10px 0}.tbl-oplata table img{margin:0 auto;display:block}.news-detail img{float:none;margin:0 auto 10px;display:block}.carousel .btn-prev{left:-6px}#fancybox-title{left:0!important;width:100%!important}#fancybox-title-float-wrap{margin:0 auto}.servises_list{display:block;margin:0}.one_service{display:block;width:100%}}@media (max-width:350px){.info-area .block{margin:15px auto!important}.info-area .block{width:305px}.services{padding:10px}.info-area .block .carousel .mask .slide{width:305px!important}.block .carousel.style01 .carousel-frame{width:305px}.block .carousel-frame{width:305px}#log_form{margin-left:5%!important;width:90%!important;min-width:270px!important}.form-field{max-width:99%}#log_form .form-container{width:100%;min-width:280px}#fancybox-wrap{padding:5px 1px}.bx_catalog_text_dop_sec{margin:0;text-align:center}.bx_catalog_text_dop_sec a{width:45%!important;margin-left:2%!important;margin-right:2%!important;/*height:155px!important*/}.znachek .znachek_text{top:41px;left:-20px}#teplo_bl div{text-align:center}}@media (max-width:600px){#fancybox-wrap #fancybox-content.chiller{height:inherit!important}#fancybox-wrap #fancybox-content.chiller iframe#fancybox-frame{height:320px;overflow:hidden;display:block}.one_contact_img{background-position:center;margin:0 auto;width:100%;height:160px}.one_contact b{text-align:center!important;padding-top:15px}.znachek:hover .znachek_arrow{display:none}.znachek_text{top:45px}.znachek_text{word-break:break-word;min-width:147px!important;margin-left:20px}.bx_catalog_text_dop_sec{margin:0}.bx_catalog_text_dop_sec a{width:100%!important;margin:10px 0!important;height:auto}}@media (max-width:425px){.bx-auth-profile input[type=submit]{margin:0 auto!important}.bx-auth-profile input[type=reset]{display:block;border-radius:4px;border:1px solid #b7b7b7;text-align:center;width:215px;line-height:20px;margin:0 auto;padding:0 0 3px;box-shadow:0 1px 5px rgba(0,0,0,.3)}#zayvka_hooker.full_form{text-align:center}.info-area .block .top{text-align:center}.info-area .block .top .h2{float:inherit!important}.info-area .block .top a{float:inherit!important}.mobile-header .icons{float:left}#dop_param .left_table label.pusto{display:inline-block;float:none;width:80%}#dop_param .left_table br{display:none}#dop_param .pritok_table_1 td{clear:both;width:135%!important;display:block;float:left}#dop_param .pritok_table_1 td input{width:100%!important}.carousel .slide .description{padding:65px 0 0 46px}#form_footer input[type=submit]{width:100%!important}.mailform input{width:100%!important}.footer-frame .contact-block{float:left;width:100%;margin-left:0;margin-right:0;text-align:center}#footer-xs-address{display:initial!important;font-size:13px;line-height:20px}.techlib_banner{padding:16px 5px 0 290px}.techlib_banner_zapros{padding:14px 5px 0 270px}.pool-2{background-size:cover!important;background-position-x:160px!important;padding-bottom:140px!important}.bass_banner2{display:block;position:absolute;color:#fff!important;text-shadow:0 0 4px rgba(0,0,0,.8),0 1px 7px rgba(0,0,0,.3);text-align:center;height:20px;margin-left:0;margin-top:-5px;padding:10px;width:405px;font-size:17px}.server-wrap{background-size:cover!important;background-position-x:160px!important;padding-bottom:140px!important}.server-banner{display:block;position:absolute;color:#fff!important;text-shadow:0 0 4px rgba(0,0,0,.8),0 1px 7px rgba(0,0,0,.3);text-align:center;height:20px;margin-left:0;margin-top: 90px;padding:10px;width:405px;font-size:17px}.ustan .techlib_banner_zapros{padding:23px 5px 0 270px}.banner_n{width:100%!important;background-size:contain!important;height:auto!important}.banner_n>div{padding:17px 5px 20px 290px!important}}@media (max-width:425px) and (min-width:400px){.ustan .techlib_banner_zapros{padding:15px 5px 0 270px}}@media (max-width:400px) and (min-width:360px){.carousel .mask .slideset{width:1065px!important}.carousel .mask .slide{width:355px!important}.carousel .mask .description{padding-left:45px;padding-right:45px}.info-area .block:nth-child(2){margin:0}#dop_param .pritok_table_1 td{width:117%!important}}@media (max-width:375px) and (min-width:370px){.carousel .mask{height:375px!important}.znachek:nth-child(6) .znachek_text{left:-67px}#dop_param .pritok_table_1 td{width:123%!important}.banner_n>div{padding:14px 5px 20px 260px!important}}@media (max-width:375px){#header.active-menu .logo{left:10px}.form-field{padding:8px!important;width:inherit!important;border:1px solid #afd0e6!important}.block .carousel-frame{margin:8px}.footer-frame .contact-block{padding-bottom:20px}#footer{background-repeat:round}.techlib_banner{padding:55px 70px 0 150px}.techlib_banner_first1{padding:50px 70px 0 150px}.techlib_banner_zapros{padding:14px 5px 0 231px}.pool-2{background-size:160px!important;padding-bottom:150px!important;background-position-x:160px!important}.bass_banner2{display:block;position:absolute;color:#fff!important;text-shadow:0 0 4px rgba(0,0,0,.8),0 1px 7px rgba(0,0,0,.3);text-align:center;width:355px;height:20px;margin-left:0;margin-top:-5px;padding:10px;font-size:15px}.server-wrap{background-size:160px!important;padding-bottom:150px!important;background-position-x:160px!important}.server-banner{display:block;position:absolute;color:#fff!important;text-shadow:0 0 4px rgba(0,0,0,.8),0 1px 7px rgba(0,0,0,.3);text-align:center;width:355px;height:20px;margin-left:0;margin-top: 90px;padding:10px;font-size:15px}.portfolio_detail div.techlib_wrap_banner{background-size:cover!important;background-position-x:-20px;height:66px}.pool{height:64px!important}.pool_new{height:60px!important}.ustan .techlib_banner_zapros{padding:17px 5px 0 230px}}@media (max-width:370px) and (min-width:360px){.carousel .mask .slideset{width:1035px!important;height:385px}.carousel .mask .slide{width:345px!important}}@media (max-width:360px){.block .carousel-frame{margin:0}.znachek:nth-child(6) .znachek_text{left:-83px}.banner_n>div{padding:14px 5px 20px 250px!important}}@media (max-width:350px){#log_form{z-index:9600}.profile-table input{width:auto!important}.block .carousel-frame{margin:-3px}.carousel .mask .slide{width:310px!important}.carousel .mask .slideset{height:415px}.carousel .slide .description{padding:45px 35px 20px 35px}.bx_catalog_text_dop_sec{margin:0}.bx_catalog_text_dop_sec a{width:100%!important;margin-left:0!important;line-height:1.0em}.techlib_banner{padding:46px 57px 0 125px}.portfolio_detail div.techlib_wrap_banner{background-size:cover!important;background-position-x:-20px;height:56px}.pool{height:55px!important}.znachek:nth-child(5) .znachek_text{left:-71px}.pool-2{background-size:cover!important;padding-bottom:160px!important;background-position-x:160px!important}.bass_banner2{display:block;position:absolute;color:#fff!important;text-shadow:0 0 4px rgba(0,0,0,.8),0 1px 7px rgba(0,0,0,.3);text-align:center;width:300px;height:20px;margin-left:0;margin-top:-5px;padding:10px;font-size:14px}.ustan .techlib_banner_zapros{padding:15px 5px 0 200px}#dop_param .pritok_table_1 td{width:100%!important}.banner_n>div{padding:10px 5px 20px 220px!important}}@media (max-width:767px){#newCalc .param div{display:block;margin:0!important;width:100%;text-align:center}#newCalc .main_table{width:100%!important}#newCalc .left_table{width:100%;padding-bottom:15px}#newCalc .right_table{width:100%;padding-bottom:15px}#newCalc .gidro_table_1 td{width:110%;width:100%!important}#newCalc #form_footer .first td{width:214%!important}#newCalc #form_footer .first td input{width:100%!important;text-align:center}#teplo_bl div div{margin:0!important}#buy .tit{width:auto!important}.znachek .znachek_text{top:41px;left:-20px}}@media (max-width:375px){#newCalc #form_footer .first td{width:195%!important}#zayvka_hooker table tr{width:100%}}@media (max-width:360px){#newCalc #form_footer .first td{width:180%!important}}@media (max-width:320px){#newCalc #form_footer .first td{width:140%!important}#newCalc #form_footer .first td input{width:100%!important}.techlib_banner{padding:11px 5px 0 200px}.techlib_banner_first,.techlib_banner_first1{padding:46px 57px 0 125px}}@media (max-width:600px){.info-area{text-align:center}.description-holder{text-align:left}.bxslider_services{text-align:left}.info-area .block{margin:20px auto!important}.block .services-slider .bx-wrapper .bx-viewport{margin-top:19px;margin-bottom:23px}}@media (max-width:360px){.block .bxslider-frame,.info-area .block{width:100%}}@media (max-width:768px){#left_sidebar{display:none}}@media (max-width:767px){.nav-holder #nav ul{overflow:scroll;height:220px}} @media(max-width: 800px) { #footer { width:100%; /* padding:0 10px; */ padding:0; background: none; /* background: url(/images/bg-section06.png) repeat-x #093a4e; */ } #footer-wrapper { padding-bottom: 70px; background-color: #062b3a; /* background-position-y: -60px; */ background-position-y: -55px; } } @media(max-width: 375px) { #footer-wrapper { background-repeat: round; } } /* End */ /* Start:/bitrix/templates/main/bxslider/jquery.bxslider.css?15033750153958*/ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /* fix other elements on the page moving (in Chrome) */ -webkit-transform: translateZ(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('//www.promventholod.ru/images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('/bitrix/templates/main/bxslider/images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('/bitrix/templates/main/bxslider/images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('/bitrix/templates/main/bxslider/images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('/bitrix/templates/main/bxslider/images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* /bitrix/templates/.default/components/bitrix/breadcrumb/.default/style.css?1477378973256 */ /* /bitrix/templates/.default/components/bitrix/menu/vertical_multilevel/style.css?14042241641237 */ /* /local/components/bitrix/main.file.input/templates/drag_n_drop_30_sec_form/style.css?15701045519440 */ /* /bitrix/templates/main/styles.css?174730632771796 */ /* /bitrix/templates/main/template_styles.css?17473063276247 */ /* /css/all.css?173795810254748 */ /* /css/jquery-ui.css?150278104514715 */ /* /fancybox/jquery.fancybox-1.3.4.css?13998818668799 */ /* /css/adaptive.css?175040662419436 */ /* /bitrix/templates/main/bxslider/jquery.bxslider.css?15033750153958 */