/***************************************/ /* CSS Temlate www.aqualux-m.ru */ /***************************************/ /*Шрифт*/ @font-face { font-family: 'Rubik_black'; /* Black */ src: url('/fonts/rubik/Rubik-Black.ttf'); } @font-face { font-family: 'Rubik_blackitalic'; /* BlackItalic */ src: url('/fonts/rubik/Rubik-BlackItalic.ttf'); } @font-face { font-family: 'Rubik_bold'; /* Bold */ src: url('/fonts/rubik/Rubik-Bold.ttf'); } @font-face { font-family: 'Rubik_bolditalic'; /* BoldItalic */ src: url('/fonts/rubik/Rubik-BoldItalic.ttf'); } @font-face { font-family: 'Rubik_italic'; /* Italic */ src: url('/fonts/rubik/Rubik-Italic.ttf'); } @font-face { font-family: 'Rubik_light'; /* Light */ src: url('/fonts/rubik/Rubik-Light.ttf'); } @font-face { font-family: 'Rubik_lightitalic'; /* LightItalic */ src: url('/fonts/rubik/Rubik-LightItalic.ttf'); } @font-face { font-family: 'Rubik_medium'; /* Medium */ src: url('/fonts/rubik/Rubik-Medium.ttf'); } @font-face { font-family: 'Rubik_mediumitalic'; /* MediumItalic */ src: url('/fonts/rubik/Rubik-MediumItalic.ttf'); } @font-face { font-family: 'Rubik_regular'; /* Regular */ src: url('/fonts/rubik/Rubik-Regular.ttf'); } h2{font-family:'Rubik_medium';} strong{font-weight: normal; font-family: 'Rubik_medium';} .calculator_mob{display:none;} .mob_tel{display:none !important;} .count_zakaz{background:#f5f5f5; padding: 110px 0px;} .count_zakaz p.h2{text-align:right; color:#636363; font-size: 34px;} .count_zakaz .col-md-6 .col-md-3{padding: 0px; padding-right: 15px;} .count_zakaz .count_zakaz_1{padding: 0px; position:relative;} .count_zakaz .count_zakaz_1 img{position: absolute; top: -80px; right: -55px;} .count_zakaz .count_zakaz_1 p{text-align:left; margin:0px; line-height: 1;} .count_zakaz .count_zakaz_1 p.black{color:#525252; font-size:31px; font-family: 'Rubik_bold';} .count_zakaz .count_zakaz_1 p.red{color:#d40003; font-size:30px; font-family: 'Rubik_bold';} .count_zakaz .count_zakaz_1 p.blue{color:#00527a; font-size: 35px; font-family: 'Rubik_bold';} .count_zakaz .text_left .yellow_backgr{background:#ffcd00; font-size: 26px; padding: 25px 0px; margin-bottom: 50px; color:#2e312c;} .count_zakaz .text_left .yellow_backgr p{font-size: 26px; line-height: 34px; font-family: 'Rubik_light';} .count_zakaz .text_left .yellow_backgr p strong{font-weight:normal; font-family: 'Rubik_medium'; font-size: 36px;} .count_zakaz .text_left {position: relative; top: -45px; left: 2px;} .count_zakaz .text_left p{padding-left:50px; color: #000; line-height: 1.2; font-family: 'Rubik_light'; font-size:19px;} .count_zakaz .text_left p a{color:#034d74; text-decoration: underline; font-family: 'Rubik_light';} .count_zakaz .text_left p a:hover{color:#ffcd00;} .odometer {font-size: 81px; background: none;} .odometer.odometer-auto-theme, .odometer.odometer-theme-car{background:none;} .odometer.odometer-auto-theme, .odometer.odometer-theme-car{color:#fff;} .odometer-inside{width:245px; background: none;} .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit{-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8151d), color-stop(40%, #d8151d), color-stop(60%, #ea5b5d), color-stop(80%, #d8151d), color-stop(100%, #d8151d)); background-image: -webkit-linear-gradient(top, #d8151d 0%, #d8151d 40%, #ea5b5d 60%, #d8151d 80%, #d8151d 100%); background-image: -moz-linear-gradient(top, #d8151d 0%, #d8151d 40%, #ea5b5d 60%, #d8151d 80%, #d8151d 100%); background-image: -o-linear-gradient(top, #d8151d 0%, #d8151d 40%, #ea5b5d 60%, #d8151d 80%, #d8151d 100%); background-image: -ms-linear-gradient(top, #d8151d 0%, #d8151d 40%, #ea5b5d 60%, #d8151d 80%, #d8151d 100%); background-image: linear-gradient(top, #d8151d 0%, #d8151d 40%, #ea5b5d 60%, #d8151d 80%, #d8151d 100%); background-color: #d8151d; color: #fff;} .parallax{background-attachment: fixed !important; background-position: center center !important; background-size: cover !important; background-repeat: repeat !important;} .parallax_div > div{background-attachment: fixed !important; background-position: center center !important; background-size: cover !important; background-repeat: repeat !important;} .blak_fon_proz{background: rgba(0, 0, 0, 0.40) !important;} .medium{font-family: 'Rubik_medium';} .count_zakaz p.h2.text_left{text-align:left !important; margin-top: 100px; margin-left: 20px; padding: 0px;} .circles {margin-top: 10px;} .circles .circle canvas {width: 130px;} /* Круглый прогресс бар */ /* These are just a test styles - you don't need them in your project */ .new-tab-link { padding-right: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggXDSIzCeRHfQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAA9SURBVBjTY2RAA/+XMvxHF2NkwAOwacCq4P9Shv8suFQzRiNsYUEXwKoJ2VhkNrIaJgYiAAs2N2BVRMirAD6JHi10MCdVAAAAAElFTkSuQmCC) no-repeat right center; } /******Баннер рекламный********/ .craft_banner{ position: relative; } .craft_banner .owl-nav{ position: absolute; top: 5px; width: 100%; } .craft_banner .owl-nav .owl-prev{ background: url(/images/gallery-landing/left-uslugi.png) !important; left: -35px; width: 20px; height: 36px; position: absolute; background-size: auto auto; background-size: contain; opacity: .5; } .craft_banner .owl-nav .owl-next{ right: -35px; width: 20px; height: 36px; position: absolute; background:url(/images/gallery-landing/right-uslugi.png) no-repeat !important; background-size: auto auto; background-size: contain; opacity: .5; } .craft_banner .owl-nav button:hover{ opacity:1; } .craft_banner.owl-carousel .owl-item img{ width: auto; max-width: 100%; margin: 0 auto; } .craft_banner .owl-nav button span{ display: none; } /******************************/ .page-title { font: 400 40px/1.5 Open Sans, sans-serif; text-align: center; } .circles { margin-bottom: -10px; } .circle { width: 100px; margin: 6px 6px 20px; display: inline-block; position: relative; text-align: center; line-height: 1.2; } .circle canvas { vertical-align: top; } .circle strong { position: absolute; top: 45px; left: 13px; width: 100%; text-align: center; line-height: 40px; font-size: 50px; } .circle strong i { font-style: normal; font-size: 0.6em; font-weight: normal; } .circle span { display: block; color: #aaa; margin-top: 12px; } .install { display: inline-block; } .install a { display: block; width: auto; vertical-align: middle; padding: 6px 12px; line-height: 20px; background-color: #111; color: #fff; border-radius: 3px; text-decoration: none; margin: 5px auto; transition: all .3s; } .install code { padding: 6px 12px; display: block; font: 13px/20px Courier New, Liberation Mono, monospase; background-color: #333333; border-radius: 4px; margin: 5px 0; white-space: nowrap; } .install a:hover { background-color: #222; } .credits { color: #aaa; position: fixed; left: 0; bottom: 0; width: 100%; } .credits img { margin-left: 4px; border-radius: 4px; vertical-align: middle; } @media (max-height: 600px), (max-width: 480px) { .credits { position: inherit; } } /* END */ /* Кнопка наверх */ #toTop { width:60px; border:1px solid #ccc; background:#868686; text-align:center; padding:5px; padding-top:10px; position:fixed; bottom: 25px; /* отступ кнопки от нижнего края страницы*/ left: 25px; cursor:pointer; display:none; color:#fff; font-family:verdana; font-size:18px; font-weight:bold; border-radius:5px; } /* END Кнопка навех */ /* Форма модального окна - адаптив */ /* слой затемнения */ .dm-overlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.65); display: none; overflow: auto; width: 100%; height: 100%; z-index: 1000; } /* активируем слой затемнения и модальное окно */ .dm-overlay:target { display: block; /* анимация и время задержки */ -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s; } /* блочная таблица */ .dm-table { display: table; width: 100%; height: 100%; } /* ячейка блочной таблицы */ .dm-cell { display: table-cell; padding: 0 1em; vertical-align: middle; text-align: center; } /* модальный блок */ .dm-modal { display: inline-block; padding: 20px; /* максимально возможная ширина */ max-width: 50em; background: #607d8b; /* внешняя тень блока */ -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: left; /* анимация и время задержки */ -webkit-animation: fade .8s; -moz-animation: fade .8s; animation: fade .8s; } /* анимация при появлении затемнения и блоков с содержанием */ @-moz-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @-webkit-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @keyframes fade { from { opacity: 0; } to { opacity: 1 } } /* изображения в модальном окне */ .dm-modal img { width: 100%; height: auto; } /* миниатюры изображений */ .pl-left,.pl-right { width: 25%; height: auto; } .pl-right { float: right; margin: 5px 0 5px 15px; } .pl-left { float: left; margin: 5px 15px 5px 0; } /*видео в модальном окне*/ .video { position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .item-page h1 {margin-top: 25px; margin-bottom: 45px; color: #216e8a; text-align: left; font-family: 'Rubik_medium'; font-size: 40px;} /* Стили модального окна и содержания -------------------------------------------------------------------------------*/ /* слой затемнения */ .dm-overlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.65); display: none; overflow: auto; width: 100%; height: 100%; z-index: 1000; } /* активируем модальное окно */ .dm-overlay:target { display: block; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s; } /* блочная таблица */ .dm-table { display: table; width: 100%; height: 100%; } /* ячейка блочной таблицы */ .dm-cell { display: table-cell; padding: 0 1em; vertical-align: middle; text-align: center; } /* модальный блок */ .dm-modal { display: inline-block; padding: 20px; /*max-width: 50em;*/ max-width: 650px; background: rgba(255, 255, 255, 0.90); /*background: #607d8b;*/ -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: left; } #win2.dm-modal { display: inline-block; padding: 20px; /*max-width: 50em;*/ max-width: 500px; background: rgba(255, 255, 255, 0.90); /*background: #607d8b;*/ -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: center; } #win3.dm-modal { display: inline-block; padding: 20px; /*max-width: 50em;*/ max-width: 500px; background: rgba(255, 255, 255, 0.90); /*background: #607d8b;*/ -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: center; } /* изображения в модальном окне */ .dm-modal img { width: 100%; height: auto; } /* миниатюры изображений */ .pl-left, .pl-right { width: 25%; height: auto; } /* миниатюра справа */ .pl-right { float: right; margin: 5px 0 5px 15px; } /* миниатюра слева */ .pl-left { float: left; margin: 5px 15px 5px 0; } /* встраиваемое видео в модальном окне */ .video { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* рисуем кнопарь закрытия */ .close { z-index: 9999; float: right; width: 30px; height: 30px; color: #000; text-align: center; text-decoration: none; line-height: 26px; cursor: pointer; } .close:after { display: block; border: 2px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: 'X'; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } /* кнопка закрытия при наведении */ .close:hover:after { border-color: #fff; color: #fff; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* варианты фонвой заливки модального блока */ /*.green { background: #388e3c!important; }*/ .cyan { background: #0097a7!important; } .teal { background: #00796b!important; } /* движуха при появлении блоков с содержанием */ @-moz-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @-webkit-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @keyframes fade { from { opacity: 0; } to { opacity: 1 } } /***********************************/ /* Сервисная страница */ .preimuchestva_skvazhin .red {font-family: 'Rubik_medium';} .preimuchestva_skvazhin h3 {font-size:20px;} .preimuchestva_skvazhin .green {font-family: 'Rubik_medium';} .backgr_gray{background:#e5e5e5; padding:30px 0px;} .backgr_gray h3{color:#005473; text-align:left; font-family: 'Rubik_medium'; font-size: 22px;} /* Внешний вид формы заказа JoomcatalRoman */ .dm-modal span.close:hover {color: #000;} .dm-modal span.close:hover:after {border-color: #000; color: #000;} .dm-modal p.p-zag {font-size:22px; padding: 3px 0px 5px 0px; text-align:left;} #win2 .dm-modal p.p-zag {text-align:center;} #win2 .dm-modal #call-back-maxi_2{text-align:center;} #win2 .dm-modal #call-back-maxi_2 .info_text{color: #333; font-size: 16px; margin-bottom: 20px;} #win2 .dm-modal #call-back-maxi_2 .input_p span{/*height: 40px;*/ display: inline-block; position: relative; /*width: 30px;*/ /*border-radius: 5px 0 0 5px;*/ text-align: left; font-size: 16px; background: #fff; /*border: 2px solid #9b9b9b;*/ padding: 2px; position: relative; right: -30px; color:red; top: 2px; border-right: none; /*border-radius: 3px 0px 0px 3px;*/ padding-left: 8px; padding-top: 8px; z-index:2;} #win2 .dm-modal #call-back-maxi_2 .input_p input{height: 40px; width: 250px; text-align: left; position: relative; border: 2px solid #9b9b9b; border-radius: 3px; padding: 2px 10px; font-size: 16px; color: #295271; outline: none; padding-left: 30px;} #win2 .dm-modal #call-back-maxi_2 button.zakaz-call-back{background: #dc0d27; padding: 15px 36px; color: #fff; border-radius: 10px; border: none; margin-top: 15px; margin-bottom: 15px; text-decoration: none; text-align: center; font-size: 18px; font-family: 'Rubik_medium'; text-transform: uppercase; color: #ffffff; transition: all .3s; /*-webkit-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; -moz-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;*/} #win2 .dm-modal #call-back-maxi_2 button.zakaz-call-back:hover{color: #295271; background: #ffcd00; transition: all .3s;} #win2 .dm-modal #call-back-maxi_2 p{color: #4b4b4b; font-size: 14px; padding: 3px 0px 5px 0px;} #win2 .dm-modal #call-back-maxi_2 p.person_dannie{font-size: 12px; font-family: 'Rubik_light';} #win2 .dm-modal #call-back-maxi_2 p span{font-size: 20px; font-family: 'Rubik_medium';} #win2 .dm-modal #call-back-maxi_2 p.gray{color: #7f7f7f;} .dm-modal #wrapper-call-back-maxi_2 .wrapper_input #detail_zakaz {display:none;} #win3 .dm-modal p.p-zag {text-align:center;} #win3 .dm-modal #call-back-maxi_3{text-align:center;} #win3 .dm-modal #call-back-maxi_3 .info_text{color: #333; font-size: 16px; margin-bottom: 20px;} #win3 .dm-modal #call-back-maxi_3 .input_p span{/*height: 40px;*/ display: inline-block; position: relative; /*width: 30px;*/ /*border-radius: 5px 0 0 5px;*/ text-align: left; font-size: 16px; background: #fff; /*border: 2px solid #9b9b9b;*/ padding: 2px; position: relative; right: -30px; color:red; top: 2px; border-right: none; /*border-radius: 3px 0px 0px 3px;*/ padding-left: 8px; padding-top: 8px; z-index:2;} #win3 .dm-modal #call-back-maxi_3 .input_p input{height: 40px; width: 250px; text-align: left; position: relative; border: 2px solid #9b9b9b; border-radius: 3px; padding: 2px 10px; font-size: 16px; color: #295271; outline: none; padding-left: 30px;} #win3 .dm-modal #call-back-maxi_3 .input_p textarea{min-height: 100px; width: 250px; max-width:250px; text-align: left; position: relative; border: 2px solid #9b9b9b; border-radius: 3px; padding: 2px 10px; font-size: 16px; color: #295271; outline: none; padding-left: 30px;} #win3 .dm-modal #call-back-maxi_3 button.zakaz-call-back{background: #dc0d27; padding: 15px 36px; color: #fff; border-radius: 10px; border: none; margin-top: 15px; margin-bottom: 15px; text-decoration: none; text-align: center; font-size: 18px; font-family: 'Rubik_medium'; text-transform: uppercase; color: #ffffff; transition: all .3s; /*-webkit-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; -moz-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;*/} #win3 .dm-modal #call-back-maxi_3 button.zakaz-call-back:hover{color: #295271; background: #ffcd00; transition: all .3s;} #win3 .dm-modal #call-back-maxi_3 p{color: #4b4b4b; font-size: 14px; padding: 3px 0px 5px 0px;} #win3 .dm-modal #call-back-maxi_3 p.person_dannie{font-size: 12px; font-family: 'Rubik_light';} #win3 .dm-modal #call-back-maxi_3 p span{font-size: 20px; font-family: 'Rubik_medium';} #win3 .dm-modal #call-back-maxi_3 p.gray{color: #7f7f7f;} .dm-modal #wrapper-call-back-maxi_3 .wrapper_input #detail_zakaz {display:none;} .dm-modal #wrapper-call-back-maxi_2 .wrapper_input #detail_zakaz {display:none;} .btn_bas.btn_review{background: #ffb600; text-transform: uppercase; border-radius: 5px; font-weight: 900; cursor: pointer; outline: none; -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: 0 -3px #d29600 inset; padding: 6px; margin: 15px 0 0 15px; font-size: 20px; width: 180px; padding-bottom: 10px !important;} .btn_bas.btn_review:hover{background: #ffcd00; box-shadow: 0 3px #d29600 inset;} .btn_bas.btn_review:active{box-shadow: 0 3px #d29600 inset;} .btn_bas.btn_review a{font-size: 14px; text-transform: none; /*margin: 10px 0 0 10px; line-height: 10px;*/ color: #000; text-decoration: none;} .btn_bas.btn_review a i{font-size: 20px; padding-right: 10px; position: relative; top: 3px;} #call_back_modal_form_maxi_2 { width: 700px; height: 450px; /* Размеры должны быть фиксированы */ border-radius: 5px; border: 3px #000 solid; background: #fff; position: fixed; /* чтобы окно было в видимой зоне в любом месте */ top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */ left: 40%; /* половина экрана слева */ margin-top: -150px; margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */ display: none; /* в обычном состоянии окна не должно быть */ opacity: 0; /* полностью прозрачно для анимирования */ z-index: 999; /* окно должно быть наиболее большем слое */ padding: 20px 10px; } #call_back_modal_form_maxi_3 { width: 700px; height: 450px; /* Размеры должны быть фиксированы */ border-radius: 5px; border: 3px #000 solid; background: #fff; position: fixed; /* чтобы окно было в видимой зоне в любом месте */ top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */ left: 40%; /* половина экрана слева */ margin-top: -150px; margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */ display: none; /* в обычном состоянии окна не должно быть */ opacity: 0; /* полностью прозрачно для анимирования */ z-index: 999; /* окно должно быть наиболее большем слое */ padding: 20px 10px; } /* Кнопка закрыть для тех кто в танке) */ #call_back_modal_form_maxi_2 #modal_close_maxi_2 { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } /* Кнопка закрыть для тех кто в танке) */ #call_back_modal_form_maxi_3 #modal_close_maxi_3 { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } #container-call-back-maxi_2 { display: none; } #wrapper-call-back-maxi_2{ width:100%; text-align:left; } #container-call-back-maxi_3 { display: none; } #wrapper-call-back-maxi_3{ width:100%; text-align:left; } /*#wrapper-call-back-maxi_2 #wrapper_info_img_2{float:left; width:150px;}*/ #wrapper-call-back-maxi_2 #wrapper_info_img_2 {padding-left:0px;} #wrapper-call-back-maxi_2 #wrapper_info_img_2 img{width:100%; border-radius: 10px;} /*#wrapper-call-back-maxi_2 .wrapper_input{float:right; margin-right:70px;}*/ #wrapper-call-back-maxi_2 .wrapper_input.col-md-6{padding:0px;} #wrapper-call-back-maxi_2 p.input_p{padding:0px;} #wrapper-call-back-maxi_2 p.input_p span{height: 40px; display: inline-block; position: relative; width: 30px; border-radius: 5px 0 0 5px; text-align: left; color: #4357ad; font-size: 16px; background: #fff; border: 2px solid #9b9b9b; padding: 4px; position: relative; right: -5px; /*top: -1px;*/ border-right: none; border-radius: 3px 0px 0px 3px; padding-left: 8px; padding-top: 8px;} #wrapper-call-back-maxi_2 p.input_p input{height:40px; width:250px; text-align: left; /*background-color: #ffffff; */ position: relative; border: 2px solid #9b9b9b; border-radius: 3px; padding: 2px 10px; font-size: 1.2em; color:#295271; border-left: none; border-radius: 0px 3px 3px 0px; outline: none; box-shadow: none;} #wrapper-call-back-maxi_2 p.input_p input:hover{outline: none;} #wrapper-call-back-maxi_2 p.p-zag{font-size:22px; color:#295271;} #wrapper-call-back-maxi_2 span.red{color:red !important;} #wrapper-call-back-maxi_2 p.gray{color:#7f7f7f;} #wrapper-call-back-maxi_2 input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;} #wrapper-call-back-maxi_2 h1, #wrapper-call-back_2 h2, #wrapper-call-back_2 h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/} #wrapper-call-back-maxi_2 p{color: #4b4b4b; font-size: 14px; padding: 3px 0px 5px 0px;} #wrapper-call-back-maxi_2 span{/*font-size: 12px;*/ font-size: 20px; font-family: 'Rubik_medium';} /*#wrapper-call-back-maxi input{text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px; font-size: 1.2em;}*/ #wrapper-call-back-maxi_2 input:hover {box-shadow: 0 0 3px #b4b4b4;} #wrapper-call-back-maxi_2 button.zakaz-call-back{ background: #dc0d27; /*background: linear-gradient(to top, #e6311f, #ec5d52);*/ padding: 15px 36px; color: #fff; border-radius: 10px; border: none; margin-top: 15px; margin-bottom: 15px; text-decoration: none; text-align: center; font-size: 18px; font-family: 'Rubik_medium'; text-transform:uppercase; color: #ffffff; transition: all .3s; /*-webkit-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; -moz-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;*/ } #wrapper-call-back-maxi_2 button.zakaz-call-back:hover{ color: #295271; background: #ffcd00; transition: all .3s; } /* #wrapper-call-back-maxi_2 button.zakaz-call-back:hover{ cursor: pointer; background: #ec5d52; background: linear-gradient(to top, #ec5d52, #e6311f); }*/ #wrapper-call-back-maxi_2 .person_dannie{font-size:12px; font-family: 'Rubik_light';} /*******************************************/ #wrapper-call-back-maxi_3 #wrapper_info_img_3 {padding-left:0px;} #wrapper-call-back-maxi_3 .wrapper_input.col-md-6{padding:0px;} #wrapper-call-back-maxi_3 .wrapper_input{padding:0px;} #wrapper-call-back-maxi_3 .wrapper_input span{height: 40px; text-align: left; color: #4357ad; font-size: 16px; padding: 4px; margin-bottom: 10px;} #wrapper-call-back-maxi_3 .wrapper_input input{height:40px; text-align: left; border: 2px solid #9b9b9b; border-radius: 3px; padding: 2px 10px; font-size: 1.2em; color:#295271; outline: none; box-shadow: none; margin-bottom: 10px;} #wrapper-call-back-maxi_3 .wrapper_input input:hover{outline: none;} #wrapper-call-back-maxi_3 .wrapper_input textarea{text-align: left; border: 2px solid #9b9b9b; border-radius: 5px !important; padding: 2px 10px; font-size: 1.2em; color: #295271; outline: none; box-shadow: none; margin-bottom: 10px;} #wrapper-call-back-maxi_3 .wrapper_input textarea:hover{outline: none;} #wrapper-call-back-maxi_3 .p-zag{font-size:22px; color:#295271;} #wrapper-call-back-maxi_3 span.red{color:red !important;} #wrapper-call-back-maxi_3 p.gray{color:#7f7f7f;} #wrapper-call-back-maxi_3 input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;} #wrapper-call-back-maxi_3 textarea.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0;} #wrapper-call-back-maxi_3 h1, #wrapper-call-back_2 h2, #wrapper-call-back_2 h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/} #wrapper-call-back-maxi_3 p{color: #4b4b4b; font-size: 14px; padding: 3px 0px 5px 0px;} #wrapper-call-back-maxi_3 span{/*font-size: 12px;*/ font-size: 20px; font-family: 'Rubik_medium';} /*#wrapper-call-back-maxi input{text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px; font-size: 1.2em;}*/ #wrapper-call-back-maxi_3 input:hover {box-shadow: 0 0 3px #b4b4b4;} #wrapper-call-back-maxi_3 button.zakaz-call-back{ background: #dc0d27; /*background: linear-gradient(to top, #e6311f, #ec5d52);*/ padding: 15px 36px; color: #fff; border-radius: 10px; border: none; text-decoration: none; text-align: center; font-size: 18px; font-family: 'Rubik_medium'; text-transform:uppercase; color: #ffffff; transition: all .3s; display: block; margin: 15px auto; /*-webkit-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; -moz-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;*/ } #wrapper-call-back-maxi_3 button.zakaz-call-back:hover{ color: #295271; background: #ffcd00; transition: all .3s; } /* #wrapper-call-back-maxi_2 button.zakaz-call-back:hover{ cursor: pointer; background: #ec5d52; background: linear-gradient(to top, #ec5d52, #e6311f); }*/ #wrapper-call-back-maxi_3 .person_dannie{font-size:12px; font-family: 'Rubik_light';} /*******************************************/ h2{font-family: 'Rubik_medium'; font-size: 38px; color: #005274;/* margin: 50px 0px; margin-bottom: 80px;*/} h3{font-family: 'Rubik_medium'; font-size: 25px; color: #005274;} h5{font-family: 'Rubik_regular'; font-size: 22px; color: #005274;} .back_gray{background:#f7f7f7;} .back_gray.row{margin:0px;} .need_help {background:#015174; padding:35px 0px; color:#fff;} .need_help h2{color:#fff; padding:35px 0px; padding-bottom: 15px; font-family: 'Rubik_medium'; margin-top:0px;} .need_help p{font-size:22px;} .need_help p a{color:#fff; text-decoration:underline;} .need_help p a:hover{color:#ffcf03;} .need_help p span.phone{font-family: 'Rubik_bold';} .need_help .container > a{color: #d50000; background: #ffcd00; padding: 12px 21px; border: 5px solid #fff; border-radius: 70px; font-size: 40px; line-height:1; position: relative; bottom: -50px;} .wrapper_know_skvazhina{padding:50px 0px;} .wrapper_know_skvazhina h2{margin: 50px 0px; margin-bottom: 80px;} .wrapper_know_skvazhina .col-md-6 > img{width:100%;} .wrapper_know_skvazhina .col-md-6 .spoller {border:none; border-radius:0px; background:#ffe153; padding:0px; position: relative;} .wrapper_know_skvazhina .col-md-6 .spoller .wrapper_spoller_intro {display:block; position: absolute; width: 100%; background: #ffe46b; z-index: 3;} .wrapper_know_skvazhina .col-md-6 .spoller .spoller_intro {display:none; width: 100%; background:#ffe46b; padding:10px 30px;} .wrapper_know_skvazhina .col-md-6 .spoller h3{text-align:center; margin:0px; padding:15px; background: linear-gradient(to top, #ffe469, #ffeda1);} .wrapper_know_skvazhina .col-md-6 .spoller h3 span{display: block; width: 42px; height: 42px; margin: 10px auto; /*color: #d60201; font-family: 'Rubik_medium'; font-size: 22px; line-height: 1; position:relative;*/ margin-top:-10px;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span{display: block; width: 42px; height: 42px; margin: 0px auto; position:relative; z-index:2; top: 20px; cursor: pointer;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span > img {position:relative; z-index:2;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span:after{content: ""; display:block; position: absolute; bottom: -15px; left: -250px; width: 0; height: 0; border-top: 35px solid #ffe46b; border-left: 270px solid transparent; border-right: 270px solid transparent; z-index:1;} /*.wrapper_know_skvazhina .col-md-6 .spoller h3 span:before{content: ""; position: absolute; top: -3px; left: -1px; display: block; width: 30px; height: 30px; color: #d60201; border: 2px solid #d60201; border-radius: 50px; font-family: 'Rubik_medium';} .wrapper_know_skvazhina .col-md-6 .spoller h3 span:after{content: ""; position: absolute; top: -3px; left: -1px; display: block; width: 32px; height: 32px; background: #fff; border: none; border-radius: 50px; font-family: 'Rubik_medium';}*/ /* Слайдер - наши партнеры */ #slider_partners{margin-bottom:30px; position:relative;} #slider_partners .slide {height: 150px; width: 100%; max-width:1920px;} #slider_partners.owl-carousel .owl-stage-outer{height:150px;} #slider_partners .owl-nav button.owl-prev {position: absolute; top: 0px; left: -50px; display:block; color:#fff; width: 40px; height: 40px; /*border: 1px solid #fff; border-radius: 50px;*/} #slider_partners .owl-nav button.owl-prev span{font-size: 50px; position: relative; top: -6px; right: 1px; font-family: 'Rubik_light';} #slider_partners .owl-nav button.owl-next {position: absolute; top: 0px; right: -50px; display:block; color:#fff; width: 40px; height: 40px; /*border: 1px solid #fff; border-radius: 50px;*/} #slider_partners .owl-nav button.owl-next span{font-size: 50px; position: relative; top: -6px; left: 1px; font-family: 'Rubik_light';} #slider_partners .owl-nav button:hover {background: none; color: #ffcd00 !important; text-decoration: none; border-color:#ffcd00;} #slider_partners .owl-nav button:focus {outline: none;} #slider_partners .owl-dots {margin-top: -45px; position: relative;} #slider_partners .owl-dots .owl-dot span{width: 15px; height: 15px; color:#fff; background: #fff;} #slider_partners .owl-dots .owl-dot span:hover{background: #ffcd00;} #slider_partners .owl-dots .owl-dot.active span{background: #ffcd00;} .wrapper_our_partners{background:#9ab882; color:#fff; padding:50px 0px;} .wrapper_our_partners h2{color:#fff; margin-bottom:50px;} .wrapper_our_partners .slide > div{height:100%; text-align:center;} .wrapper_our_partners .slide > div img{width: auto; display: inline-block; max-width: 100%; max-height: 100%;} /* Слайдер - наши сертификаты */ #slider_sertificat{margin-bottom:30px; position:relative;} #slider_sertificat .slide {height: 283px; width: 100%; max-width:1920px;} #slider_sertificat.owl-carousel .owl-stage-outer{height:283px;} #slider_sertificat .owl-nav button.owl-prev {position: absolute; top: 100px; left: -50px; display:block; color:#000; width: 20px; height: 40px; /*border: 1px solid #fff; border-radius: 50px;*/} #slider_sertificat .owl-nav button.owl-prev span{font-size: 50px; position: relative; top: -6px; right: 1px; font-family: 'Rubik_light';} #slider_sertificat .owl-nav button.owl-next {position: absolute; top: 100px; right: -50px; display:block; color:#000; width: 20px; height: 40px; /*border: 1px solid #fff; border-radius: 50px;*/} #slider_sertificat .owl-nav button.owl-next span{font-size: 50px; position: relative; top: -6px; left: 1px; font-family: 'Rubik_light';} #slider_sertificat .owl-nav button:hover {background: none; color: #ffcd00 !important; text-decoration: none; border-color:#ffcd00;} #slider_sertificat .owl-nav button:focus {outline: none;} #slider_sertificat .owl-dots {margin-top: -45px; position: relative;} #slider_sertificat .owl-dots .owl-dot span{width: 15px; height: 15px; color:#000; background: #000;} #slider_sertificat .owl-dots .owl-dot span:hover{background: #ffcd00;} #slider_sertificat .owl-dots .owl-dot.active span{background: #ffcd00;} .wrapper_our_sertificat {padding: 50px 0px;} .wrapper_our_sertificat h2 {margin-top: 0px; margin-bottom: 30px;} .wrapper_our_sertificat .slide {text-align:center;} .wrapper_our_sertificat .slide a{display: inline-block; margin:2px; position:relative;} .wrapper_our_sertificat .slide a:before {content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 0, 0.62); opacity:0;} .wrapper_our_sertificat .slide a:after {content: "\f002"; color:#000; display: block; position: absolute; top: 45%; left: 45%; opacity:0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 30px;; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .wrapper_our_sertificat .slide a:hover:before {opacity:1;} .wrapper_our_sertificat .slide a:hover:after {opacity:1;} .wrapper_our_sertificat .slide img{width:auto; height:100%;} .clear{clear:both;} .text_left{text-align:left;} .spoller{text-align:left; border: 2px dashed #c0c0c0; border-radius: 5px; background: #f2f2f2; padding: 10px;} .spoller h2{cursor:pointer; font-size:24px; text-align: center; margin-bottom: 20px;} .spoller h2 span{display:inline-block; text-align:right;} .spoller_intro{display:none; text-align:left;} /* Меню тегов в категории блога */ ul.tags_menu_in_category {width:100%; margin-top: -5px; margin-bottom: 2px; padding-left:0px;} ul.tags_menu_in_category > li {text-align:center; padding-left:0px;} ul.tags_menu_in_category > li {display: inline-block; margin:2px 2px;} ul.tags_menu_in_category > li > a {font-size: 16px; color: #3a9ff0 !important; text-decoration: none; border: 1px dashed #3a9ff0; padding-top: 5px !important; padding-bottom: 5px !important; border-radius: 5px;} ul.tags_menu_in_category > li > a:hover {color:#256a99 !important; text-decoration:none; border: 1px solid #256a99;} ul.tags_menu_in_category > li.current > a {color: #fff; background: #858585;} /* Страница тегов */ .tag-category{margin: 30px 0px;} .tag-category .filters.btn-toolbar{font-size: 16px;} .tag-category .filters.btn-toolbar label{font-weight:normal;} .tag-category .tag-category-description{text-align:left;} .tag-category .tag_list_item {text-align: justify;} .tag-category .tag_list_item .item_article{display:inline-block; width:335px; margin:20px; padding:10px; text-align:left; border: 1px solid #ccc; border-radius: 5px; vertical-align: top;} .tag-category .tag_list_item .item_article h2{font-size:18px; margin:5px 0px;} .tag-category .tag_list_item .item_article img{display:block; width:100%;} /* Таблица регионов и цен */ .table_price_region { width: 100%; border-collapse: collapse; border: 2px solid #000000; } .table_price_region tr { text-align: center; font-weight: bold; line-height: 2; } .table_price_region tr th { border: 1px solid #000000; text-align:center;} .table_price_region tr td { border: 1px solid #000000; } .table_price_region .up_row, .table_price_region .left_col { background-color: #a0a0a0; color: #FFFFFF; } .lighting_col { background-color: #ddd; } .lighting_cell { background-color: #ffb400; } /**************/ /* Fancybox */ /**************/ /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/templates/aqualux-m/images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/templates/aqualux-m/images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/templates/aqualux-m/images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/templates/aqualux-m/images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* \\End Fancybox */ /******************/ /* Модальное окно */ /******************/ #call_back_modal_form { width: 300px; height: 400px; /* Размеры должны быть фиксированы */ border-radius: 5px; border: 3px #000 solid; background: #fff; position: fixed; /* чтобы окно было в видимой зоне в любом месте */ top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */ left: 50%; /* половина экрана слева */ margin-top: -150px; margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */ display: none; /* в обычном состоянии окна не должно быть */ opacity: 0; /* полностью прозрачно для анимирования */ z-index: 999; /* окно должно быть наиболее большем слое */ padding: 20px 10px; } /* Кнопка закрыть для тех кто в танке) */ #call_back_modal_form #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } /* Подложка */ #overlay { z-index: 998; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */ position: fixed; /* всегда перекрывает весь сайт */ background-color: #000; /* черная */ opacity: 0.8; /* но немного прозрачна */ width: 100%; height: 100%; /* размером во весь экран */ top: 0; left: 0; /* сверху и слева 0, обязательные свойства! */ cursor: pointer; display: none; /* в обычном состоянии её нет) */ } #container-call-back { display: none; } #wrapper-call-back{ width:250px; text-align:center; } #wrapper-call-back p.p-zag{font-size:22px;} .p-zag1{font-size:14px; color: #fff} #wrapper-call-back p.p-price{} #wrapper-call-back p.p-price span{color: #ff3350; display:inline;} #wrapper-call-back span{display: inline-block; position: relative; width:50px; height: 40px; right: -4px; border-radius:5px 0 0 5px; vertical-align: top;} #wrapper-call-back span.name{background:url('/images/dop_teh/lico.png')no-repeat; background-size: 100% 100%;} #wrapper-call-back span.tel{background:url('/images/dop_teh/telefon.png')no-repeat; background-size: 100% 100%;} #wrapper-call-back input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;} #wrapper-call-back h1, #wrapper-call-back h2, #wrapper-call-back h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/} #wrapper-call-back p{/*color: #4b4b4b;*/ font-size: 14px; padding: 3px 0px 5px 0px;} #wrapper-call-back span{color: #4357ad; font-size: 16px;} #wrapper-call-back input{width: 170px; text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px; font-size: 1.2em;} #wrapper-call-back input:hover {box-shadow: 0 0 3px #b4b4b4;} #wrapper-call-back button.zakaz-call-back{ width: 82%; margin-left: 7px; background: #e6311f; background: linear-gradient(to top, #e6311f, #ec5d52); padding: 10px 5px; color: #fff; border-radius: 5px; border: none; margin-top: 20px; } a{color:#0089FF; text-decoration:undeline} #wrapper-call-back button.zakaz-call-back:hover{ background: linear-gradient(to top, #ec5d52, #e6311f); padding: 10px 5px; color: #fff; border-radius: 5px; } .error{background: rgba(234, 71, 71, 0.42) !important;} /* \\END modal form */ /***********************/ /* Модальное окно MAXI */ /***********************/ #call_back_modal_form_maxi { width: 700px; height: 450px; /* Размеры должны быть фиксированы */ border-radius: 5px; border: 3px #000 solid; background: #fff; position: fixed; /* чтобы окно было в видимой зоне в любом месте */ top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */ left: 40%; /* половина экрана слева */ margin-top: -150px; margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */ display: none; /* в обычном состоянии окна не должно быть */ opacity: 0; /* полностью прозрачно для анимирования */ z-index: 999; /* окно должно быть наиболее большем слое */ padding: 20px 10px; } /* Кнопка закрыть для тех кто в танке) */ #call_back_modal_form_maxi #modal_close_maxi { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } #container-call-back-maxi { display: none; } #wrapper-call-back-maxi{ width:100%; text-align:center; } #wrapper-call-back-maxi #wrapper_info_img{float:left; width:150px;} #wrapper-call-back-maxi #wrapper_info_img img{width:100%;} #wrapper-call-back-maxi .wrapper_input{float:right; margin-right:70px;} #wrapper-call-back-maxi p.input_p{padding:0px;} #wrapper-call-back-maxi p.input_p span{height:30px; display: inline-block; position: relative; width:120px; border-radius:5px 0 0 5px; text-align:left; color: #4357ad; font-size: 16px;} #wrapper-call-back-maxi p.input_p input{height:30px; width:250px; text-align: left; /*background-color: #ffffff; */ position: relative; border: 1px solid #315a78; border-radius: 3px; padding: 2px 5px; font-size: 1.2em;} #wrapper-call-back-maxi p.p-zag{font-size:22px; color:#295271;} #wrapper-call-back-maxi span.red{color:red !important;} #wrapper-call-back-maxi p.gray{color:#7f7f7f;} #wrapper-call-back-maxi input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;} #wrapper-call-back-maxi h1, #wrapper-call-back h2, #wrapper-call-back h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/} #wrapper-call-back-maxi p{/*color: #4b4b4b;*/ font-size: 14px; padding: 3px 0px 5px 0px;} #wrapper-call-back-maxi span{/*font-size: 12px;*/} /*#wrapper-call-back-maxi input{text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px; font-size: 1.2em;}*/ #wrapper-call-back-maxi input:hover {box-shadow: 0 0 3px #b4b4b4;} #wrapper-call-back-maxi button.zakaz-call-back{ background: #e6311f; background: linear-gradient(to top, #e6311f, #ec5d52); padding: 5px 36px; color: #fff; border-radius: 5px; border: none; margin-top: 15px; margin-bottom: 15px; text-decoration: none; text-align: center; font: 16px; font-weight: bold; color: #ffffff; -webkit-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; -moz-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff; } #wrapper-call-back-maxi button.zakaz-call-back:hover{ cursor: pointer; background: #ec5d52; background: linear-gradient(to top, #ec5d52, #e6311f); } /* \\END modal form maxi*/ /*******************************/ /* Модуль фиксированных ссылок */ /*******************************/ #modul_fix_links_off{position:fixed; right:0px; top:50%; border:1px solid #ffcd00; background:#ffcd00; font-size:20px; cursor:pointer; padding: 3px 7px; z-index: 200;} #modul_fix_links {position:fixed; right:0px; top:30%; display:inline-block; width:220px; z-index: 200; transition:0.3s;} #modul_fix_links ul{padding:0px; margin:0px; border:1px solid #ffcd00; background:#ffcd00; font-family: 'Rubik_medium'; border-radius: 10px 0px 0px 10px;} #modul_fix_links ul li{list-style:none; padding:0px; border-bottom:1px solid #ffcd00; border-radius: 10px 0px 0px 10px; text-align:left;} #modul_fix_links ul li:last-child{border-bottom:none;} #modul_fix_links ul li a {padding-left: 40px; color:#024b74; text-decoration:none; text-transform:uppercase; padding: 13px 15px; display: block; border-radius:0px;} #modul_fix_links ul li:first-child a{border-radius:10px 0px 0px 0px;} #modul_fix_links ul li:last-child a{border-radius:0px 0px 0px 10px;} #modul_fix_links ul li a:hover {background-color: #fff; color:#000;} #modul_fix_links ul li a:hover i{color:#000;} #modul_fix_links ul li i {width:20px; height:24px; display:inline-block; vertical-align:top; margin-right: 15px; font-size:20px; color:#333;} /*#modul_fix_links ul li span {width:20px; height:24px; display:inline-block; vertical-align:top; margin-right: 15px;} #modul_fix_links ul li span#calculyator_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -15px; background-repeat: no-repeat;} #modul_fix_links ul li span#our_works_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -177px; background-repeat: no-repeat;} #modul_fix_links ul li span#map_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -231px; background-repeat: no-repeat;} #modul_fix_links ul li span#garantii_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -282px; background-repeat: no-repeat;}*/ #modul_fix_links #toogle_modul_fix_links {width: 130px; float: right; background:#fff; cursor:pointer; color:#024b74; font-size:16px;} #modul_fix_links #toogle_modul_fix_links b {font-size:20px;} /*#modul_fix_links #toogle_modul_fix_links:hover {background:rgba(222, 243, 255, 1);}*/ #modul_fix_links.right_170m {right:-170px !important;} #modul_fix_links.right_170m.obyaz {right:-170px !important;} #modul_fix_links:hover {right:0px !important;} #modul_fix_links.right_170m:hover {right:0px !important;} /******************/ /* Гостевая книга */ /******************/ #phocaguestbook {/*margin-top:25px;*/ text-align:left;} #phocaguestbook h1 {margin-top: 25px; margin-bottom:45px; color: #216e8a; text-align:left; font-family: 'Rubik_medium'; font-size:40px; } #phocaguestbook p.riviews_desc{margin-bottom:25px;} #phocaguestbook span.add-on.input-group-addon {width: 80px; text-align: left;} #phocaguestbook input#jform_guestbook_username{height:35px; padding-left:10px;} #phocaguestbook input#jform_guestbook_email{height:35px; padding-left:10px;} #phocaguestbook #mceu_16{max-width:800px;} #phocaguestbook h5.pgtitle{font-size:19px; font-weight:bold;} div#system-message-container > dl{margin-top: 40px; background: #bcefbc; padding: 10px 0px;} div#system-message-container #system-message ul li{list-style: none;} div#system-message-container #system-message dt.success{display:none;} body { background: #fff; color: #333; font-size: 100.1%; padding: 0px; margin: 0px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:18px; /*font-family: 'Open Sans', sans-serif;*/ /*font-family: 'Rubik', sans-serif;*/ /*font-family: 'Rubik_regular', sans-serif;*/ font-family: 'Rubik_light', sans-serif; min-width:320px; } body.contentpane { width:auto; margin:10px; text-align: left; } /* Подгружаем локальные шрифты */ @font-face { font-family: 'Movavi-black'; src: url('/fonts/Movavi-Grotesque-Black-Italic.otf'); src: url('/fonts/Movavi-Grotesque-Black-Italic.ttf'); src: url('/fonts/Movavi-Grotesque-Black.otf'); src: url('/fonts/Movavi-Grotesque-Black.ttf'); } @font-face { font-family: 'Intro-Cond-Black-Free'; src: url('/fonts/Intro-Cond-Black-Free.otf'); } a:hover{color:#ffcf03;} .display_none{display:none;} .text_bold{font-family: 'Rubik_bold'; color: #fece00;} img { border: 0 none; } .padding-top-bottom-50{margin-top:50px; margin-bottom:50px;} .margin-top-bottom-50{margin-top:50px; margin-bottom:50px;} .margin-top-bottom-30{margin-top:30px; margin-bottom:30px;} .margin-top-50{margin-top:50px;} .margin-top-30{margin-top:30px;} .margin-top-20{margin-top:20px;} .margin-bottom-50{margin-bottom:50px;} .center{text-align:center;} .center_block0{margin:0 auto;} .green{color:#6eaf2d;} .blue{color:#295271;} .red{color:#ec1c24;} .gray{color:#aeaeae;} .yel{color:#ffcd00;} .old{text-decoration: line-through;} .price-block img{border-radius:7px;} .plus1 { list-style-image: url("/images/plus.png"); } .minus1 { list-style-image: url("/images/minus.png"); } .font-normal{font-weight: normal;} .text-align-left{text-align:left;} .text-align-center{text-align:center;} .text-align-justify{text-align:justify;} .text-transform-up{text-transform:uppercase;} .font-size-36{font-size:36px !important;} .font-size-30{font-size:30px !important;} .font-size-24{font-size:24px !important;} .font-size-22{font-size:22px !important;} .font-size-20{font-size:20px !important;} .font-size-19{font-size:19px !important;} .font-size-18{font-size:18px !important;} .font-size-17{font-size:17px !important;} .font-size-16{font-size:16px !important;} .font-size-15{font-size:15px !important;} .font-size-14{font-size:14px !important} .font-size-13{font-size:13px !important;} .font-size-12{font-size:12px !important;} .font-size-11{font-size:11px !important;} .padding_0{padding:0px;} .padding_10_0{padding:10px 0px;} .padding_20_0{padding:20px 0px;} .inline_block{display:inline-block !important;} .padding_0{padding:0px !important;} .padding_10{padding:10px !important;} .padding_20{padding:20px !important;} .padding_30{padding:30px !important;} .padding_40{padding:40px !important;} .padding_50{padding:50px !important;} .padding_60{padding:60px !important;} .padding_70{padding:70px !important;} .padding_80{padding:80px !important;} .padding_90{padding:90px !important;} .padding_100{padding:100px !important;} .padding_110{padding:110px !important;} .padding_120{padding:120px !important;} .padding_130{padding:130px !important;} .padding_140{padding:140px !important;} .padding_150{padding:150px !important;} .padding_155{padding:155px !important;} .padding_160{padding:160px !important;} .padding_170{padding:170px !important;} .padding_180{padding:180px !important;} .padding_190{padding:190px !important;} .padding_200{padding:200px !important;} .padding_210{padding:210px !important;} .padding_220{padding:220px !important;} .padding_230{padding:230px !important;} .padding_240{padding:240px !important;} .padding_250{padding:250px !important;} .padding_top_0{padding-top:0px !important;} .padding_top_10{padding-top:10px !important;} .padding_top_20{padding-top:20px !important;} .padding_top_30{padding-top:30px !important;} .padding_top_40{padding-top:40px !important;} .padding_top_50{padding-top:50px !important;} .padding_top_60{padding-top:60px !important;} .padding_top_70{padding-top:70px !important;} .padding_top_80{padding-top:80px !important;} .padding_top_90{padding-top:90px !important;} .padding_top_100{padding-top:100px !important;} .padding_top_110{padding-top:110px !important;} .padding_top_120{padding-top:120px !important;} .padding_top_130{padding-top:130px !important;} .padding_top_140{padding-top:140px !important;} .padding_top_150{padding-top:150px !important;} .padding_top_155{padding-top:155px !important;} .padding_top_160{padding-top:160px !important;} .padding_top_170{padding-top:170px !important;} .padding_top_180{padding-top:180px !important;} .padding_top_190{padding-top:190px !important;} .padding_top_200{padding-top:200px !important;} .padding_top_210{padding-top:210px !important;} .padding_top_220{padding-top:220px !important;} .padding_top_230{padding-top:230px !important;} .padding_top_240{padding-top:240px !important;} .padding_top_250{padding-top:250px !important;} .padding_bottom_0{padding-bottom:0px !important;} .padding_bottom_10{padding-bottom:10px !important;} .padding_bottom_20{padding-bottom:20px !important;} .padding_bottom_30{padding-bottom:30px !important;} .padding_bottom_40{padding-bottom:40px !important;} .padding_bottom_50{padding-bottom:50px !important;} .padding_bottom_60{padding-bottom:60px !important;} .padding_bottom_70{padding-bottom:70px !important;} .padding_bottom_80{padding-bottom:80px !important;} .padding_bottom_90{padding-bottom:90px !important;} .padding_bottom_100{padding-bottom:100px !important;} .padding_bottom_110{padding-bottom:110px !important;} .padding_bottom_120{padding-bottom:120px !important;} .padding_bottom_130{padding-bottom:130px !important;} .padding_bottom_140{padding-bottom:140px !important;} .padding_bottom_150{padding-bottom:150px !important;} .padding_bottom_155{padding-bottom:155px !important;} .padding_bottom_160{padding-bottom:160px !important;} .padding_bottom_170{padding-bottom:170px !important;} .padding_bottom_180{padding-bottom:180px !important;} .padding_bottom_190{padding-bottom:190px !important;} .padding_bottom_200{padding-bottom:200px !important;} .padding_bottom_210{padding-bottom:210px !important;} .padding_bottom_220{padding-bottom:220px !important;} .padding_bottom_230{padding-bottom:230px !important;} .padding_bottom_240{padding-bottom:240px !important;} .padding_bottom_250{padding-bottom:250px !important;} .padding_left_0{padding-left:0px !important;} .padding_left_10{padding-left:10px !important;} .padding_left_20{padding-left:20px !important;} .padding_left_30{padding-left:30px !important;} .padding_left_40{padding-left:40px !important;} .padding_left_50{padding-left:50px !important;} .padding_left_60{padding-left:60px !important;} .padding_left_70{padding-left:70px !important;} .padding_left_80{padding-left:80px !important;} .padding_left_90{padding-left:90px !important;} .padding_left_100{padding-left:100px !important;} .padding_left_110{padding-left:110px !important;} .padding_left_120{padding-left:120px !important;} .padding_left_130{padding-left:130px !important;} .padding_left_140{padding-left:140px !important;} .padding_left_150{padding-left:150px !important;} .padding_left_155{padding-left:155px !important;} .padding_left_160{padding-left:160px !important;} .padding_left_170{padding-left:170px !important;} .padding_left_180{padding-left:180px !important;} .padding_left_190{padding-left:190px !important;} .padding_left_200{padding-left:200px !important;} .padding_left_210{padding-left:210px !important;} .padding_left_220{padding-left:220px !important;} .padding_left_230{padding-left:230px !important;} .padding_left_240{padding-left:240px !important;} .padding_left_250{padding-left:250px !important;} .padding_right_0{padding-right:0px !important;} .padding_right_10{padding-right:10px !important;} .padding_right_20{padding-right:20px !important;} .padding_right_30{padding-right:30px !important;} .padding_right_40{padding-right:40px !important;} .padding_right_50{padding-right:50px !important;} .padding_right_60{padding-right:60px !important;} .padding_right_70{padding-right:70px !important;} .padding_right_80{padding-right:80px !important;} .padding_right_90{padding-right:90px !important;} .padding_right_100{padding-right:100px !important;} .padding_right_110{padding-right:110px !important;} .padding_right_120{padding-right:120px !important;} .padding_right_130{padding-right:130px !important;} .padding_right_140{padding-right:140px !important;} .padding_right_150{padding-right:150px !important;} .padding_right_155{padding-right:155px !important;} .padding_right_160{padding-right:160px !important;} .padding_right_170{padding-right:170px !important;} .padding_right_180{padding-right:180px !important;} .padding_right_190{padding-right:190px !important;} .padding_right_200{padding-right:200px !important;} .padding_right_210{padding-right:210px !important;} .padding_right_220{padding-right:220px !important;} .padding_right_230{padding-right:230px !important;} .padding_right_240{padding-right:240px !important;} .padding_right_250{padding-right:250px !important;} .margin_0{margin:0px !important;} .margin_10{margin:10px !important;} .margin_20{margin:20px !important;} .margin_30{margin:30px !important;} .margin_40{margin:40px !important;} .margin_50{margin:50px !important;} .margin_60{margin:60px !important;} .margin_70{margin:70px !important;} .margin_80{margin:80px !important;} .margin_90{margin:90px !important;} .margin_100{margin:100px !important;} .margin_110{margin:110px !important;} .margin_120{margin:120px !important;} .margin_130{margin:130px !important;} .margin_140{margin:140px !important;} .margin_150{margin:150px !important;} .margin_155{margin:155px !important;} .margin_160{margin:160px !important;} .margin_170{margin:170px !important;} .margin_180{margin:180px !important;} .margin_190{margin:190px !important;} .margin_200{margin:200px !important;} .margin_210{margin:210px !important;} .margin_220{margin:220px !important;} .margin_230{margin:230px !important;} .margin_240{margin:240px !important;} .margin_250{margin:250px !important;} .margin_top_0{margin-top:0px !important;} .margin_top_5{margin-top:5px !important;} .margin_top_10{margin-top:10px !important;} .margin_top_15{margin-top:15px !important;} .margin_top_20{margin-top:20px !important;} .margin_top_25{margin-top:25px !important;} .margin_top_30{margin-top:30px !important;} .margin_top_35{margin-top:35px !important;} .margin_top_40{margin-top:40px !important;} .margin_top_45{margin-top:45px !important;} .margin_top_50{margin-top:50px !important;} .margin_top_55{margin-top:55px !important;} .margin_top_60{margin-top:60px !important;} .margin_top_65{margin-top:65px !important;} .margin_top_70{margin-top:70px !important;} .margin_top_75{margin-top:75px !important;} .margin_top_80{margin-top:80px !important;} .margin_top_85{margin-top:85px !important;} .margin_top_90{margin-top:90px !important;} .margin_top_95{margin-top:90px !important;} .margin_top_100{margin-top:100px !important;} .margin_top_105{margin-top:105px !important;} .margin_top_110{margin-top:110px !important;} .margin_top_120{margin-top:120px !important;} .margin_top_130{margin-top:130px !important;} .margin_top_140{margin-top:140px !important;} .margin_top_150{margin-top:150px !important;} .margin_top_155{margin-top:155px !important;} .margin_top_160{margin-top:160px !important;} .margin_top_170{margin-top:170px !important;} .margin_top_180{margin-top:180px !important;} .margin_top_190{margin-top:190px !important;} .margin_top_200{margin-top:200px !important;} .margin_top_210{margin-top:210px !important;} .margin_top_220{margin-top:220px !important;} .margin_top_230{margin-top:230px !important;} .margin_top_240{margin-top:240px !important;} .margin_top_250{margin-top:250px !important;} .margin_bottom_0{margin-bottom:0px !important;} .margin_bottom_10{margin-bottom:10px !important;} .margin_bottom_15{margin-bottom:15px !important;} .margin_bottom_20{margin-bottom:20px !important;} .margin_bottom_25{margin-bottom:25px !important;} .margin_bottom_30{margin-bottom:30px !important;} .margin_bottom_35{margin-bottom:35px !important;} .margin_bottom_40{margin-bottom:40px !important;} .margin_bottom_45{margin-bottom:45px !important;} .margin_bottom_50{margin-bottom:50px !important;} .margin_bottom_55{margin-bottom:55px !important;} .margin_bottom_56{margin-bottom:56px !important;} .margin_bottom_60{margin-bottom:60px !important;} .margin_bottom_65{margin-bottom:65px !important;} .margin_bottom_70{margin-bottom:70px !important;} .margin_bottom_75{margin-bottom:75px !important;} .margin_bottom_80{margin-bottom:80px !important;} .margin_bottom_85{margin-bottom:85px !important;} .margin_bottom_90{margin-bottom:90px !important;} .margin_bottom_95{margin-bottom:95px !important;} .margin_bottom_100{margin-bottom:100px !important;} .margin_bottom_110{margin-bottom:110px !important;} .margin_bottom_120{margin-bottom:120px !important;} .margin_bottom_130{margin-bottom:130px !important;} .margin_bottom_140{margin-bottom:140px !important;} .margin_bottom_150{margin-bottom:150px !important;} .margin_bottom_155{margin-bottom:155px !important;} .margin_bottom_160{margin-bottom:160px !important;} .margin_bottom_170{margin-bottom:170px !important;} .margin_bottom_180{margin-bottom:180px !important;} .margin_bottom_190{margin-bottom:190px !important;} .margin_bottom_200{margin-bottom:200px !important;} .margin_bottom_210{margin-bottom:210px !important;} .margin_bottom_220{margin-bottom:220px !important;} .margin_bottom_230{margin-bottom:230px !important;} .margin_bottom_240{margin-bottom:240px !important;} .margin_bottom_250{margin-bottom:250px !important;} .margin_left_0{margin-left:0px !important;} .margin_left_10{margin-left:10px !important;} .margin_left_20{margin-left:20px !important;} .margin_left_30{margin-left:30px !important;} .margin_left_40{margin-left:40px !important;} .margin_left_50{margin-left:50px !important;} .margin_left_60{margin-left:60px !important;} .margin_left_70{margin-left:70px !important;} .margin_left_80{margin-left:80px !important;} .margin_left_90{margin-left:90px !important;} .margin_left_100{margin-left:100px !important;} .margin_left_110{margin-left:110px !important;} .margin_left_120{margin-left:120px !important;} .margin_left_130{margin-left:130px !important;} .margin_left_140{margin-left:140px !important;} .margin_left_150{margin-left:150px !important;} .margin_left_155{margin-left:155px !important;} .margin_left_160{margin-left:160px !important;} .margin_left_170{margin-left:170px !important;} .margin_left_180{margin-left:180px !important;} .margin_left_190{margin-left:190px !important;} .margin_left_200{margin-left:200px !important;} .margin_left_210{margin-left:210px !important;} .margin_left_220{margin-left:220px !important;} .margin_left_230{margin-left:230px !important;} .margin_left_240{margin-left:240px !important;} .margin_left_250{margin-left:250px !important;} .margin_right_0{margin-right:0px !important;} .margin_right_10{margin-right:10px !important;} .margin_right_20{margin-right:20px !important;} .margin_right_30{margin-right:30px !important;} .margin_right_40{margin-right:40px !important;} .margin_right_50{margin-right:50px !important;} .margin_right_60{margin-right:60px !important;} .margin_right_70{margin-right:70px !important;} .margin_right_80{margin-right:80px !important;} .margin_right_90{margin-right:90px !important;} .margin_right_100{margin-right:100px !important;} .margin_right_110{margin-right:110px !important;} .margin_right_120{margin-right:120px !important;} .margin_right_130{margin-right:130px !important;} .margin_right_140{margin-right:140px !important;} .margin_right_150{margin-right:150px !important;} .margin_right_155{margin-right:155px !important;} .margin_right_160{margin-right:160px !important;} .margin_right_170{margin-right:170px !important;} .margin_right_180{margin-right:180px !important;} .margin_right_190{margin-right:190px !important;} .margin_right_200{margin-right:200px !important;} .margin_right_210{margin-right:210px !important;} .margin_right_220{margin-right:220px !important;} .margin_right_230{margin-right:230px !important;} .margin_right_240{margin-right:240px !important;} .margin_right_250{margin-right:250px !important;} .margin_top_minus_10{margin-top:-10px !important;} .margin_top_minus_15{margin-top:-15px !important;} .margin_top_minus_20{margin-top:-20px !important;} .margin_top_minus_25{margin-top:-25px !important;} .margin_top_minus_30{margin-top:-30px !important;} .margin_top_minus_35{margin-top:-35px !important;} .margin_top_minus_40{margin-top:-40px !important;} .margin_top_minus_50{margin-top:-50px !important;} .margin_top_minus_60{margin-top:-60px !important;} .margin_top_minus_70{margin-top:-70px !important;} .margin_top_minus_80{margin-top:-80px !important;} .margin_top_minus_90{margin-top:-90px !important;} .margin_top_minus_94{margin-top:-94px !important;} .margin_top_minus_100{margin-top:-100px !important;} .min_height_100{min-height:100px !important;} .min_height_110{min-height:110px !important;} .min_height_120{min-height:120px !important;} .min_height_130{min-height:130px !important;} .min_height_140{min-height:140px !important;} .min_height_150{min-height:150px !important;} .min_height_200{min-height:200px !important;} .min_height_250{min-height:250px !important;} .min_height_300{min-height:300px !important;} .min_height_350{min-height:350px !important;} .min_height_400{min-height:400px !important;} .min_height_410{min-height:410px !important;} .min_height_420{min-height:420px !important;} .min_height_430{min-height:430px !important;} .min_height_440{min-height:440px !important;} .min_height_450{min-height:450px !important;} .min_height_460{min-height:460px !important;} .min_height_470{min-height:470px !important;} .min_height_480{min-height:480px !important;} .min_height_490{min-height:490px !important;} .min_height_500{min-height:500px !important;} .min_height_510{min-height:510px !important;} .min_height_520{min-height:520px !important;} .min_height_530{min-height:530px !important;} .min_height_540{min-height:540px !important;} .min_height_550{min-height:550px !important;} .min_height_600{min-height:600px !important;} .min_height_650{min-height:650px !important;} .min_height_700{min-height:700px !important;} .min_height_750{min-height:750px !important;} .min_height_800{min-height:800px !important;} .min_height_850{min-height:850px !important;} .min_height_900{min-height:900px !important;} .min_height_950{min-height:950px !important;} .min_height_1000{min-height:1000px !important;} .font-bold{font-weight: 700;} .div-img-150 > div{width:150px; margin:15px; display:inline-block; vertical-align:top;} .div-img-150 > div img{width:100%;} .price_obustr .col-md-3 > p.red{font-family: 'Rubik_medium';} .price_obustr .col-md-3 > p.name{font-family: 'Rubik_regular'; line-height: 24px;} .price_obustr .col-md-3 > p.price{font-family: 'Rubik_bold'; margin-top:20px;} .price_obustr .col-md-3 > p.price span{font-family: 'Rubik_light';} .price_obustr .col-md-3 a.more-price{font-family: 'Rubik_medium';} .h2{font-size: 38px; color: #005274; font-family: 'Rubik_medium';} a.knopka_forma_full{display:inline-block; background: #d20001; font-size:24px; padding: 10px 20px; color: #fff; border-radius: 10px; border: none; margin: 0px auto; /*margin-bottom:10px;*/ text-decoration:none; /*width:280px;*/ border:2px solid #fff;} a.knopka_forma_full:hover{background: #246581;} a.knopka_green{display:inline-block; background: #3cb868; background: linear-gradient(to top, #3cb868, #35a05a); padding: 10px 20px; color: #fff; border-radius: 5px; border: none; margin: 20px auto; margin-bottom:10px; text-decoration:none;} a.knopka_green:hover{background: #35a05a; background: linear-gradient(to top, #35a05a, #3cb868);} /* ШАПКА */ header{height:115px; z-index:2; padding-top: 39px;} header > .container{padding: 12px 15px;} header h3{font-weight: normal; font-family: 'Didact Gothic', sans-serif; font-size:20px; color: #3b536f;} .navbar{min-height:35px;} .navbar-default {/*background-color: #f8f8f8;*/ border-color: #e7e7e7; background:none; box-shadow: none; border: none;} span#top_phone_mini{display:none; padding-top:5px; color:#fff;} .top_menu{/*background:#fff;*/ position: fixed; width: 100%; z-index: 101; /*box-shadow: 1px 1px 10px #dfdfdf;*/ background: #f4f9fb;} .top_menu ul.nav.menu.navbar-nav{text-align:left; padding: 4px 0px; padding-bottom: 5px; float: none; background: #f4f9fb;} .top_menu ul.nav.menu.navbar-nav li{display:inline-block; margin:0px 5px; float:none;} .top_menu ul.nav.menu.navbar-nav li a{color:#006583; text-decoration:none; font-size:14px; padding: 5px 8px; font-family: 'Rubik_regular', sans-serif;} .top_menu ul.nav.menu.navbar-nav li a:hover{color:#fff; background:#246581; border-radius: 50px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} .top_menu ul.nav.menu.navbar-nav li.current.active a{color:#fff; background:#8fb1bb; border-radius: 50px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} .top_menu .kontact_top{ padding: 7px 10px; padding-top: 6px; background: #e7ebed; } .top_menu .kontact_top #kontact_top{ font-size: 12px; display: inline-block; font-family: 'Rubik_regular', sans-serif; } .top_menu.top_mini .kontact_top{ display:none; } .logo {padding: 0px; text-align: left; padding-left: 10px;} .logo img{width: auto; max-width:100%; height: 55px;} .center-header .krug {width:100%;} .center-header .krug img{display:inline-block; width:100px; /*margin:0px auto;*/ margin:0px 20px;} .center-header p{font-weight: normal; font-family: 'Didact Gothic', sans-serif; font-size:20px; color: #3b536f; margin-top:15px;} #header .slogan{padding:0px;} #header .slogan p{margin:0px; text-align:left; padding-top: 12px;} #header .col-md-1 {padding:0px;} #header .header-right {text-align:center; padding-left:0px; padding-top: 10px; padding-right: 0;} #header .header-right .col-md-8{padding:0px;} #header .header-right .phone_top{font-size:21px; text-transform:uppercase; padding-left:0px; padding-right:0px;} #header .header-right .phone_top span, #header .header-right .phone_top strong{font-size:16px; text-transform:uppercase; font-family: 'Rubik_bold'; display: inline-block; margin-right: 10px;} #header .header-right .phone_top a.soc {display:inline-block; vertical-align: middle;} #header .header-right .phone_top a.soc i.fa-whatsapp{color: #00b147; font-size: 30px;} #header .header-right .phone_top a.soc i.fa-telegram{color: #00b5e9; font-size: 28px;} #header .header-right .top_info_work{padding:0px; position:relative; margin-top:16px; text-transform:uppercase; font-family: 'Rubik_light'; font-size: 12px;} #header .header-right .top_info_work span{color:red; font-family: 'Rubik_medium';} #header .header-right .top_info_work:before{content:""; position:absolute; top:7px; left:-20px; width:45px; height:1px; background:#d4d4d4;} #header .header-right .top_info_work:after{content:""; position:absolute; top:7px; right:-20px; width:45px; height:1px; background:#d4d4d4;} #top_menu_2 .navbar-header > span {display:none;} .header-right a.call_back_modal{display: inline-block; font-size: 13px; /*padding: 10px 20px 10px 5px;*/ padding:5px 10px 5px 0px; background: #fff; color: #d40000; text-decoration: none; border:2px solid #d40000; border-radius: 50px; width: 170px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-family: 'Rubik_regular', sans-serif;} .header-right a.call_back_modal i{margin-right: 10px; font-size: 16px; position: relative; top: 1px;} .header-right a.call_back_modal:hover{background: #fef200;} .top_menu.top_mini .navbar.navbar-default{float:left;} .top_menu.top_mini .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li{margin: 0px 5px;} .top_menu.top_mini span#top_phone_mini{display:inline-block; color:#333; margin-top: 0px; font-size: 20px;} /* тень изогнутая */ /* Второе верхнее меню */ /****************************/ /* ГОРИЗОНТАЛЬНАЯ НАВИГАЦИЯ */ /****************************/ .top_menu_2{z-index: 100; position: relative; float:none; box-shadow: none; display: table; width:100%; background:#246581;} .navbar{border:none; margin-bottom:0px;} .navbar-nav{float:right;} .navbar-inverse .navbar-toggle {border-color: #333333; background-color: #444;} .navbar-toggle {background: #333;} .navbar-toggle .icon-bar {background: #fff;} .menu-top{background-color:#f6f6f6; /*border:1px solid #c0c0c0;*/} #top_menu_2 .menu-top-main{text-align: center; padding:0px;} #top_menu_2 ul#menu.all_top_menu {margin:0px; padding:0px; display: table; width:100%;} #top_menu_2 ul#menu.all_top_menu li{position:relative; display:inline-block; margin:0px; margin-left: -4px; /*border-right:1px solid #e3e3e3;*/ float:none; display: table-cell;} /*#top_menu_2 ul#menu.all_top_menu li:first-child{border-left:1px solid #e3e3e3;} #top_menu_2 ul#menu.all_top_menu li:last-child{border-right:none;}*/ #top_menu_2 ul#menu.all_top_menu li a{display: block; padding:20px 15px; font-size:14px; font-family: 'Rubik_regular'; text-decoration:none; color:#fff;} /* Target all Firefox */ @-moz-document url-prefix() { #top_menu_2 ul#menu.all_top_menu li a{font-size:16px;} } /*#top_menu_2 ul#menu.all_top_menu > li > a{text-transform:uppercase;}*/ #top_menu_2 ul#menu.all_top_menu > li a:hover{color:#ffcf03;} #top_menu_2 ul#menu.all_top_menu > li > ul{display:none; background:#fff; padding:0px; text-align:left; width:270px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:1001; margin:0px; margin-top: -5px; border-radius:5px;} #top_menu_2 ul#menu.all_top_menu > li > ul li{display:block; margin:0; border:none; position:relative;} #top_menu_2 ul#menu.all_top_menu > li > ul li a{display:block; padding:10px; color:#333 !important; background-color:#fff !important; padding-left:25px; padding-right: 25px;} #top_menu_2 ul#menu.all_top_menu > li > ul li a:hover{background: #d40005; /* Для старых браузров */ background: linear-gradient(to right, #d40005, #ff6300); color:#fff !important;} #top_menu_2 ul#menu.all_top_menu > li > ul li:last-child a{border-radius:0px 0px 5px 5px; padding-bottom:30px;} #top_menu_2 ul#menu.all_top_menu > li > ul li > i{position: absolute; top: 10px; right: 10px; z-index: 1;} #top_menu_2 ul#menu.all_top_menu > li:hover a{color:#ffcf03; background:#075373;} #top_menu_2 ul#menu.all_top_menu > li:hover > ul{display:block !important; position:absolute; top:65px; min-width:217px; z-index:999;} /* Target all Firefox */ @-moz-document url-prefix() { #top_menu_2 ul#menu.all_top_menu > li:hover > ul{display:block !important; position:absolute; top:62px; min-width:217px; z-index:999;} } #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child > ul{display:none; position:absolute; top:0px; width:217px; right:-200px; margin: 0px; padding: 0px; border-radius:0px 5px 5px 0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child > ul > li:first-child a{border-radius:0px 5px 0px 0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child > ul > li:last-child a{border-radius:0px 0px 5px 0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > a{background: #d40005; /* Для старых браузров */ background: linear-gradient(to right, #d40005, #ff6300); color:#fff !important;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > i{color:#fff;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > ul{display:block !important;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > ul > li > a{background: #feae00; /* Для старых браузров */ background: linear-gradient(to left, #feae00, #ff6300); color:#fff;} .menu-top-wrap nav.menu-top ul.all_top_menu li a{color:#fff; padding:5px 7px; font-size:17px; text-decoration:none; border-radius:10px 10px 0px 0px;} .menu-top-wrap nav.menu-top ul.all_top_menu li a:hover{color:#000; background-color:#c1d6e9;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul{display:none; background:#c1d6e9; padding:10px 3px; border:1px solid #ddd; text-align:left; width:6em; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul li{display:block; margin:0; line-height:1.1;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul li:last-child{margin:0px;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul a{ display:block; padding:5px 10px; border-radius:0px; color:#000;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul a:hover{ background:#f1f1f1;} .menu-top-wrap nav.menu-top ul.all_top_menu > li:hover a{color:#000; background-color:#c1d6e9;} .menu-top-wrap nav.menu-top ul.all_top_menu > li:hover ul{display:block !important; position:absolute; top:100%; min-width:200px; z-index:999;} /***********************/ .top-menu-2{float:none; background:none; box-shadow: none; margin-top: -26px; position: relative; z-index: 1000; font-family: 'Didact Gothic', sans-serif; display: table; width:100%;} .top-menu-2 li{float:none; display:inline-block; border: 1px solid #b4b5b8; background:#f8f9fb; border-right:none; display: table-cell;} .top-menu-2 li:first-child{border-radius:3px 0px 0px 3px;} .top-menu-2 li:last-child{border-right:1px solid #b4b5b8; border-radius:0px 3px 3px 0px;} .top-menu-2 li a{display: block; font-size:18px; color:#4b4b4b; text-transform:uppercase;} .top-menu-2 li a:hover{color:#f42524 !important; background-color: #EFEFEF !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} .top_menu_2 .navbar{margin-bottom:0px;} /* Выпадающие подпункты */ .top-menu-2 li ul{display:none; background:#f6f6f6; padding:10px 3px; text-align:left; width:300px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px; margin-top: -5px;} .top-menu-2 li ul li{display:block; margin:0; border:none !important;} .top-menu-2 li ul li a{display:block; padding:5px 10px; color:#646464 !important; background-color:#f6f6f6 !important; text-decoration:none; text-transform: lowercase;} .top-menu-2 li ul li a:first-letter{text-transform: capitalize;} .top-menu-2 li ul li a:hover{background-color:#e3e3e3 !important; color:#e84031 !important; text-decoration:none;} .top-menu-2 > li:hover a{color:#e84031 !important; background-color:#e3e3e3 !important;} .top-menu-2 > li:hover ul{display:block !important; position:absolute; top:56px; min-width:200px; z-index:999;} /* Хлебные крошки */ .breadcrumbs {/*background: #f9f9f9; */ min-height: 40px; /* border-top: 2px solid #d2d2d4; */ /* border-bottom: 2px solid #d2d2d4; */ margin-top: 20px;} .breadcrumbs .container{text-align:left; padding-left:5px;} .breadcrumbs a {color:#00ace4; padding: 6px 10px; /*line-height: 36px;*/ font-size: 13px;} .breadcrumbs span {font-size: 13px; padding: 6px 10px;} .breadcrumbs i {font-size:13px; padding:0px 5px;} .breadcrumbs img {margin-top: -5px; width: 20px;} /* Контент в целом */ /*#contentarea{margin-top:-65px;}*/ /* Банеры */ .baner-h1-white h1{color:#fff !important;} .main-page-wrapper-baner {min-height:500px;} .baner-info {min-height:500px; /*background: url('/images/banners/fon-baner-info-main-page.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/} .baner-info .baner_info_big { /* position: absolute; */ /* bottom: 50px; */ color: #fff; text-align: left; margin-top: 50px;} .baner-info .baner_info_big h1{text-align: left; font-size: 40px; color:#fff; line-height:40px; font-family: 'Rubik_light'; margin-bottom: 20px;} .baner-info .baner_info_big h1 span{color:#fece00; font-family: 'Rubik_bold'; display:inline-block;} .baner-info .baner_info_big .big_text{text-transform:uppercase; text-align: left; font-size: 40px; color:#fff; line-height:40px; font-family: 'Rubik_bold'; } .baner-info .baner_info_big .big_price_baner{font-family: 'Rubik_regular'; font-size: 28px;} .baner-info .baner_info_big .big_price_baner > span{font-size: 40px; font-family: 'Rubik_bold'; color:#fece00;} .baner-info .container{position:relative; min-height:500px;} .baner-info .container .girl-baner-info{position: absolute; bottom: 0px;} .baner-info .container .girl-baner-info img{width:90%;} ul.ul_lus{ list-style:none; max-width: 375px; } ul.ul_lus li{ position:relative; margin-bottom: 7px; } ul.ul_lus li:before{ content: '+'; position: absolute; left: -24px; top: 1px; color: #fece00; } .inf_sl_forma{width: 370px; border-radius:10px; padding: 20px; background:#fece00; float: right; margin-top:80px; font-family: 'Rubik_regular', sans-serif; font-size: 22px; color:#333;} .inf_sl_forma div.forma_zayavki > p.p-zag {margin-bottom:0px;} .inf_sl_forma div.forma_zayavki > p.text_bold {margin-bottom:0px; text-transform:uppercase; font-size:18px;} .inf_sl_forma div.forma_zayavki > div {margin-bottom:8px;} .inf_sl_forma div.forma_zayavki > div > input {padding: 5px; font-size: 18px; height: 40px; width: 100%; text-align: center; border:1px solid #fff; background:#ffec96; border-radius:5px;} .inf_sl_forma div.forma_zayavki > div > button.zakaz_zayavki {width: 100%; margin-left: 7px; background: #d20001; border:2px solid #fff; padding: 10px 5px; color: #fff; border-radius: 7px; margin: 0px; margin-top: 20px;} div.forma_zayavki > div > button.zakaz_zayavki:hover {background: #246581; padding: 10px 5px; color: #fff;} .inf_sl_forma{width: 410px; border-radius:0px;background:none; float: right; margin-top:80px;} .inf_sl_forma div.forma_zayavki > p.p-zag{color:#fff; font-size:14px;} .inf_sl_forma div.forma_zayavki > p.text_bold{font-weight:normal;} .inf_sl_forma div.forma_zayavki > div > input{padding: 24px 5px; font-size: 18px; height: 40px; width: 100%; text-align: center; border: 1px solid #fff; background: #fff; border-radius: 30px; margin-top: 10px;} .inf_sl_forma div.forma_zayavki > div > input:focus, .inf_sl_forma div.forma_zayavki > div > input:active{outline:none;} .inf_sl_forma div.forma_zayavki > div > button.zakaz_zayavki{text-transform: uppercase; border-radius: 30px;} .baner-info, .baner-info .container{min-height:360px;} .baner-info .baner_info_big{margin-top:40px;} .inf_sl_forma{margin-top: 54px;} /* Основные услуги компании на гл.странице NEW */ .wrapper_usugi_main {padding: 30px 0px;} .wrapper_usugi_main p{font-size:18px; font-family: 'Rubik_light'; color:#001221;} .wrapper_usugi_main a{color:#333; text-decoration:none; display:block; border:1px solid #fff; padding:10px;} .wrapper_usugi_main a:hover{border:1px solid #74c1dd; box-shadow:5px 5px 10px #cbcbcb; transition: all .2s ease-in-out;} .wrapper_usugi_main p.h2{font-size:38px; margin-bottom: 30px; color:#025173; font-family: 'Rubik_medium';} .wrapper_usugi_main p.h3{font-size:24px;} .wrapper_usugi_main p.name_pr{color:#cc0003; font-size:24px; line-height: 25px; font-family: 'Rubik_regular';} .wrapper_usugi_main .uslugi_1_main {margin-bottom: 50px;} .wrapper_usugi_main .uslugi_1_main p.h3{margin-top: 0px; margin-bottom: 40px;} .wrapper_usugi_main .uslugi_1_main .col-md-3 p > span{color:#6f9c4e; font-family: 'Rubik_bold'; font-size: 26px;} .wrapper_usugi_main .uslugi_2_main {position:relative;} .wrapper_usugi_main .uslugi_2_main .col-md-12{margin-bottom:70px;} .wrapper_usugi_main .uslugi_2_main i.fa-question{position: absolute; top: -100px; font-size: 300px; left: 570px; color: #e5e5e5; z-index: 1;} .wrapper_usugi_main .uslugi_2_main img{margin-bottom:25px;} .wrapper_usugi_main .uslugi_2_main .name_pr{margin-bottom:25px; font-size:32px; line-height: 30px; color:#d20001;} /*.wrapper_usugi_main .uslugi_2_main:after{content:""; display:block; width:100%; height:160px; background:#7b9fad;}*/ .wrapper_usugi_main .uslugi_2_main .treug{width:100%; margin-bottom:0px;} .wrapper_usugi_main .uslugi_2_main .treug img{width:100%; margin-bottom:0px;} .wrapper_usugi_main .uslugi_2_main p.h2{margin-bottom: 30px; color:#005274; font-family: 'Rubik_medium'; position: relative; z-index: 1; background:url('/images/main/vopros.jpg')no-repeat center; padding: 81px 0px;} /*.wrapper_usugi_main .uslugi_2_main .col-md-3 p{padding:0px 5px;}*/ /* 4 простых шага */ .simple_4_shaga {padding-bottom: 50px;} .simple_4_shaga h2 {margin-bottom: 30px; color: #005274; font-family: 'Rubik_medium';} .simple_4_shaga .col-md-3 {text-align:left; position:relative; z-index:1;} .simple_4_shaga .col-md-3:after {content:""; width:60px; height:45px; position:absolute; top:80px; right:10px; background:url('/images/strelka-right.jpg') no-repeat; z-index:2;} .simple_4_shaga .col-md-3:last-child:after {display:none;} .simple_4_shaga .col-md-3 img {margin-bottom: 25px;} .simple_4_shaga .col-md-3 p {font-size:18px; font-family: 'Rubik_light'; color:#001221;} .simple_4_shaga .col-md-3 p.zag_red {margin-bottom: 25px; color:#cc0003; font-size:24px; line-height: 25px; font-family: 'Rubik_regular'; position:relative; padding-left: 45px; padding-top: 5px; text-transform: uppercase;} .simple_4_shaga .col-md-3 p.zag_red > i {background:#ffcc00; color:#fff; font-size:24px; display:inline-block; border-radius:50px; padding: 5px 12px; font-style: inherit; position: absolute; top: 0px; left: 0px;} .simple_4_shaga .col-md-3 p span.blue {color:#005574; font-family: 'Rubik_bold';} .simple_4_shaga .col-md-3 ul {padding-left: 25px;} .simple_4_shaga .col-md-3 ul li{list-style: none; position: relative; font-size:18px; font-family: 'Rubik_light'; color:#001221;} .simple_4_shaga .col-md-3 ul li:before {content: ""; width: 12px; height: 2px; background: #00526e; border-radius: 20px; position: absolute; left: -20px; top: 13px;} /* Основные услуги компании на гл.странице */ .fon-uslugi-main{background:#f7f7f7; padding-bottom:50px;} .fon-uslugi-main p{font-weight: bold; text-transform:uppercase; color:#3b536f; font-family: 'Intro-Cond-Black-Free'; margin-bottom: 30px; line-height:50px; margin-top: 50px; font-size:30px} .uslugi-main .item-uslugi-main > a {display:inline-block; margin:15px; background:#fff; width:200px; vertical-align:top; text-decoration:none;} .uslugi-main .item-uslugi-main > a img {display:block; width:100%; padding:10px;} .uslugi-main .item-uslugi-main > a i {display:block; background:#295271; color:#fff; text-align:center; font-style: normal; padding: 3px; font-size: 16px; min-height:50px;} .uslugi-main .item-uslugi-main > a:hover {box-shadow: 0px -2px 20px #777;} /* Профессиональное водоснабжение загородного дома на гл. странице */ .fon-vodosnabjenie-main {min-height:600px; /*background: url('/images/fon-vodosnabjenie-main.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/} .fon-vodosnabjenie-main .vodosnabjenie-main .p-glav{margin-top: 50px; margin-bottom: 15px;} .fon-vodosnabjenie-main .vodosnabjenie-main h2{font-size: 30px; text-transform:uppercase; color:#fff; margin:50px auto; margin-top: 30px; margin-bottom: 30px; line-height:50px;} .fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block {text-align:center;} .fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div {width:45%; background:#fff; text-align:left; display:inline-block; margin:10px; padding: 20px; vertical-align:top; border-radius:5px; box-shadow:5px -5px 15px 5px rgba(0, 0, 0, 0.61); } .fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div.text-video-main { padding: 34px 40px; min-height: 362px; padding-left: 40px; font-size: 17px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img {margin:50px 0px; text-align: center;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3{position:relative;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3:before{content: ""; position: absolute; width: 210px; height: 210px; top: -25px; left: 35px; background: rgba(221, 221, 221, 0.72); border-radius: 200px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3 > div{position: relative; z-index: 2; color:#001028; line-height:1; font-size: 14px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3 > div .red{display: inline-block; margin-bottom: 10px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3 > div > span{font-size: 28px; font-family: 'Rubik_medium';} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3 > div p > span{font-family: 'Rubik_medium';} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.one_div > div{font-size: 14px; top: 15px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.one_div > div p > span{font-size: 16px;} /*.fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.two_div > div {top: -14-8px;}*/ .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.two_div > div p > span{font-size: 24px; display:inline-block; margin-bottom:10px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.three_div > div {font-size: 16px; top: -5px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.three_div:before {background:rgba(236, 236, 236, 0.81); width: 230px; height: 230px; top: -40px; left: 22px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.three_div > div .red{margin-bottom: 15px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.three_div > div p > span{font-size: 24px; display: inline-block; margin-bottom: 5px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div > div {font-size: 18px; top: -25px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div:before {background:rgba(247, 247, 247, 0.94); width: 260px; height: 260px; top: -60px; left: 5px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div > div p > span{font-size: 16px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div > div .big{font-size: 24px; display: inline-block; margin-top: 5px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img img {display: inline-block; width: 200px; margin: 10px; border-radius: 200px; box-shadow:5px -5px 15px 5px rgba(0, 0, 0, 0.61);} .p-glav {font-size: 30px; color:#fff; font-family: 'Rubik_medium'; margin:50px auto; margin-top: 30px; margin-bottom: 30px; line-height:50px;} .wrapper_reklam_block{background:#ddd; padding:15px 0px;} .wrapper_reklam_block .rek_block_1200{width:100%; height:140px;} .wrapper_reklam_block a{display:block; width:100%; height:100%;} .banner-img{width:100%;} /* 4 шага к вашей скважине на гл. странице */ .fon-4-shaga{background:#fff; padding-bottom:50px;} .fon-4-shaga .shag-p {font-weight: bold; text-transform:uppercase; color:#3b536f; font-family: 'Intro-Cond-Black-Free'; margin-bottom: 30px; line-height:50px; margin-top: 50px; font-size: 30px;} .shaga-4-img {text-align:center;} .shaga-4-img > div{display:inline-block; width:220px; margin:10px; vertical-align:top; color:#295271;} .shaga-4-img > div img{width:200px; border-radius:200px; border:1px solid #3b536f; /*box-shadow:0px -10px 10px 0px rgba(0, 0, 0, 0.61);*/} /* Узнайте стоимость вашей скважины на гл. странице */ .fon-stoimost-skvajiny-main{min-height:600px; background: url('/images/back.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; } .fon-stoimost-skvajiny-main .stoimost-skvajiny {padding-bottom:110px;} .fon-stoimost-skvajiny-main .stoimost-skvajiny .top_treug_right{width: 570px; height: 100px; margin:0 auto; border-bottom: 100px solid #ffe200; border-left: 570px solid transparent;} .fon-stoimost-skvajiny-main .stoimost-skvajiny .top_treug_left{width: 570px; height: 100px; margin:0 auto; border-top: 100px solid #ffe200; border-right: 570px solid transparent;} .stoimost-skvajiny p.h2{color: #fff; padding: 30px 0px; padding-top: 70px;} .stoimost-skvajiny .inf_sl_forma{margin: 0 auto; float: none; width: 570px; border: none; box-shadow: none; border-radius: 0px; background: #ffe200; padding:5px 60px;} .stoimost-skvajiny .inf_sl_forma p.p-zag{ color:#000; font-size: 20px;} .stoimost-skvajiny .inf_sl_forma p.ps-form{line-height:20px; margin-bottom: 0px;} .stoimost-skvajiny .inf_sl_forma p.ps-form span{color:#544e4d; font-size: 13px; /*font-family: 'Rubik_light';*/} .stoimost-skvajiny .inf_sl_forma div.forma_zayavki input{padding: 5px; font-size: 18px; height: 40px; width: 360px; text-align: center; border: 1px solid #fff; background: #ffec96; border-radius: 5px;} .stoimost-skvajiny div.forma_zayavki > p > button.zakaz_zayavki{width: 360px; text-transform:uppercase; font-family: 'Rubik_bold'; margin-left: 7px; background: #d20001; border: 5px solid #fff; padding: 10px 5px; color: #fff; border-radius: 7px; margin: 0px; margin-top: 10px;} .stoimost-skvajiny div.forma_zayavki > p > button.zakaz_zayavki:hover{background: #246581; padding: 10px 5px; color: #fff;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main {background:#f1f4ed; padding:15px; padding-top:30px; text-align:left;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4{position:relative; padding-bottom: 20px; padding-top: 20px; z-index:2;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4 > div{position:relative; z-index:2;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4:after{content: ""; width: 170px; height: 100px; background: #fff; display: none; position: absolute; top: 0px; left: 80px; -webkit-transform: skew(-20deg) rotate(-10deg) translateY(0px); -moz-transform: skew(-20deg) rotate(-10deg) translateY(0px); -o-transform: skew(-20deg) rotate(-10deg) translateY(0px); transform: skew(-20deg) rotate(-10deg) translateY(0px); z-index:1;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4:hover:after{display:block;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-5{text-align:right;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-5 img{width:100%;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-7 a.meedget_calc{display: block; margin-top: 5px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main a{color:#d90008; font-size:20px; line-height:20px; text-decoration:none;} /*.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul{margin:0px; padding:0px; text-align:center;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{display:inline-block; margin:0px 20px; list-style:none;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li img{margin: 0px 10px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li a{color:#d90008; font-size:20px; line-height:20px; text-decoration:none;} */ .wrapper_calc.calcpro #shag2 .type_truba ul li{ list-style:none; text-align: left; } .wrapper_calc.calcpro #shag2 .type_truba ul li img{ width:70px; } .wrapper_calc.calcpro #shag2 .type_truba ul li label{ cursor:pointer; } .wrapper_calc.calcpro #shag2 .type_bur ul.active{ display:block !important; } /* Стоимость 1 метра бурения */ .stoimost_rabot_prod h2{margin-bottom: 30px; font-size:38px; color: #005274; font-family: 'Rubik_medium'; margin:50px 0px; margin-bottom:80px;} .stoimost_rabot_prod .gray-block{height: 100%; border: 2px solid #d4d4d4; border-radius: 5px; padding: 30px;} .stoimost_rabot_prod .gray-block a.button.to_calculate_the_project.knopka_forma_full{border:none;} .stoimost_rabot_prod .blue_white-block{height: 100%; border: 2px solid #cae8f3; border-radius: 5px; padding: 30px;} .stoimost_rabot_prod .blue_white-block a.button.to_calculate_the_project.knopka_forma_full{border:none;} .stoimost_rabot_prod .gray-block a.blue{color:#005276; text-decoration:none; line-height:22px; display: inline-block; margin-top: 5px; margin-bottom:50px;} .stoimost_rabot_prod .blue_white-block a.blue{color:#005276; text-decoration:none; line-height:22px; display: inline-block; margin-top: 5px; margin-bottom:10px;} .stoimost_rabot_prod p.name_pr_rabot{color:#2f2f2f; font-size:14px; line-height: 16px;} .stoimost_rabot_prod p.green_price{color:#719c4d; font-size:30px;} .stoimost_rabot_prod p.green_price > span {color:#719c4d; font-size:30px; font-family: 'Rubik_bold';} .stoimost_rabot_prod .center_block_rabot {background:#fee100; border-radius: 5px; padding: 30px; position: relative; top: -30px; overflow:hidden;padding-bottom: 50px;} .stoimost_rabot_prod .center_block_rabot > a.blue {font-size:40px; text-decoration:none; font-family: 'Rubik_medium'; display: inline-block; margin-bottom: 10px; line-height: 40px;} .stoimost_rabot_prod .center_block_rabot a.knopka_forma_full{margin-top:15px;} .stoimost_rabot_prod .center_block_rabot > a.blue:hover {color:#005276;} .stoimost_rabot_prod .center_block_rabot > p.gray_text_name {font-size:28px; color:#2f2f2f; text-align:left; padding-left: 20px;} .stoimost_rabot_prod .center_block_rabot .name_pr_rabot {text-align: right; width: 160px; float: right; margin-top: -15px;} .stoimost_rabot_prod .center_block_rabot .name_pr_rabot_center {color:#2f2f2f; text-align: center; font-size:14px; line-height: 16px;} .stoimost_rabot_prod .center_block_rabot .red_price {color:#d60000; font-size:30px; clear: both;} .stoimost_rabot_prod .center_block_rabot .red_price > span{color:#d60000; font-size:30px; font-family: 'Rubik_bold';} .stoimost_rabot_prod .center_block_rabot a.more-price{border-bottom:1px dashed #fee600;} .stoimost_rabot_prod .center_block_rabot a.more-price:hover{border-bottom:1px dashed #005276;} .stoimost_rabot_prod .center_block_rabot .new_img_transform {position:relative;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram{width: 240px; height: 100px; background: #ffeb00; -webkit-transform: skew(-20deg) rotate(-20deg) translateY(0px); -moz-transform: skew(-20deg) rotate(-20deg) translateY(0px); -o-transform: skew(-20deg) rotate(-20deg) translateY(0px); transform: skew(-20deg) rotate(-20deg) translateY(0px); position: absolute; right: -100px; top: -70px; z-index:2;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .center_w_parallelogram{position:relative; z-index:5; margin-bottom: 0px;} .stoimost_rabot_prod > .col-md-4:before{ pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;} .stoimost_rabot_prod > .col-md-4.center_block_rabot_wr:before{top: 96%;} .stoimost_rabot_prod > .col-md-4:hover:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);} .stoimost_rabot_prod > .col-md-4{ display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .stoimost_rabot_prod > .col-md-4:hover{-webkit-transform: translateY(-20px); transform: translateY(-20px);} .stoimost_rabot_prod .center_block_rabot .new_img_transform .center_w_parallelogram img{position:relative; top:-20px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram:after{content:""; display:block; background:#fff; width: 370px; height:200px; position: absolute; top: 10px; right: -10px; z-index: 2;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .bottom_y_parallelogram{width: 250px; height: 180px; background: #ffeb00; -webkit-transform: skew(-20deg) rotate(-20deg) translateY(0px); -moz-transform: skew(-20deg) rotate(-20deg) translateY(0px); -o-transform: skew(-20deg) rotate(-20deg) translateY(0px); transform: skew(-20deg) rotate(-20deg) translateY(0px); position: absolute; left: -50px; bottom: -10px; z-index:1} .stoimost_rabot_prod .wrapper_vkluch {padding:20px 0px; padding-bottom:0px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 {position: relative; z-index: 1;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 img{width:100%;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 p{text-align:center; position:relative; top:-100px; font-family: 'Rubik_medium'; color: #666; font-size: 18px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3:after{content: ""; width: 76px; height: 76px; position: absolute; top: 80px; right: 235px; background: url(/images/plus2.png) no-repeat; z-index: 2;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3:first-child:after{display:none;} /* Наши работы на гл. странице */ .fon-our-works-main{background:#fff; padding-bottom:50px; text-align:center;} .fon-our-works-main h2{font-weight: bold; text-transform:uppercase; color:#3b536f; font-family: 'Intro-Cond-Black-Free'; margin-bottom: 30px; line-height:50px; margin-top: 50px;} .fon-our-works-main hr{height:10px; background:#3b536f;} .fon-our-works-main div.item{display:inline-block; width:47%; text-align:left; vertical-align:top; margin:5px; color:#3b536f;} .fon-our-works-main div.item > p {color:#3b536f; text-transform:uppercase; font-size: 20px;} .fon-our-works-main div.item .item-wrapper-user-our-works .item-img-user-our-works{display:inline-block; vertical-align:top; margin-right:15px;} .fon-our-works-main div.item .item-wrapper-user-our-works .item-img-user-our-works img{width:100px; border-radius:100px;} .fon-our-works-main div.item .item-wrapper-user-our-works .item-info-user-our-works{display:inline-block; width: 70%;} .fon-our-works-main .item-wrapper-gallery-our-works {text-align:center;} .fon-our-works-main .item-wrapper-gallery-our-works a {color:#fff; background:#e62918; border-radius:5px; display:block; margin:10px auto; width:60%; padding:10px; text-decoration:none;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works {text-align:center;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{display:inline-block; margin:10px; width:200px; background:none; padding:0px;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works img{width:100%;} /* Много текста на гл. странице */ .fon-full-text-main{min-height:600px; background: url('/images/fon-full-text-main.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;} .fon-full-text-main .full-text-main {text-align:center; padding-top:50px; padding-bottom:50px;} .fon-full-text-main .full-text-main .item {display:inline-block; vertical-align:top; text-align:left; width:540px; padding:20px; background:#fff; border-radius:10px;} .fon-full-text-main .full-text-main .item:first-child {margin-right:20px;} .fon-full-text-main .full-text-main .item:last-child {margin-left:20px;} /* Карта глубин на гл. странице */ .fon-map-glubin {padding-bottom:70px;} .fon-map-glubin .map-glubin h2{font-weight: bold; text-transform:uppercase; color:#3b536f; font-family: 'Intro-Cond-Black-Free'; margin-bottom: 30px; line-height:50px; margin-top: 50px;} /* Зачем скважины (большой блок с текстами) */ .fon-zachem-skvajina {padding-bottom:50px;} .zachem-skvajina > div {/*border:1px solid #ccc; border-radius:5px;*/ padding:20px; text-align:left;} .zachem-skvajina > div.item-gorizont {text-align: justify; border-radius:5px; margin:20px;} .zachem-skvajina > div.item-vertical {display:inline-block; margin:20px; width:524px; vertical-align:top;} .zachem-skvajina h2{/*text-transform:uppercase;*/ color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ line-height:50px; margin: 0px; margin-bottom: 20px;} .zachem-skvajina h3{font-weight: bold; /*text-transform:uppercase;*/ color:#4ba2d4; /*font-family: 'Intro-Cond-Black-Free';*/ line-height:30px; margin: 0px; margin-bottom: 10px;} .zachem-skvajina p{text-align: justify;} /* Зачем скважины (большой блок с текстами) */ .fon-preimushestva-bur-izvestnyak {padding-bottom:50px;} .preimushestva-bur-izvestnyak{margin:20px; border-radius:5px; padding:20px; text-align:left;} .preimushestva-bur-izvestnyak h2{color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ line-height:50px; margin: 0px; margin-bottom: 20px;} .preimushestva-bur-izvestnyak h3{ /*font-family: 'Intro-Cond-Black-Free';*/ line-height:30px; margin: 0px; margin: 20px 0px; } /* Стоимость работ */ /*.fon-stoimost-rabot {padding-bottom:50px;}*/ .stoimost-rabot {text-align:left;} .stoimost-rabot .h2{margin-bottom: 30px;} .stoimost-rabot h3{margin-bottom: 30px;} .stoimost-rabot .item {width:270px; display:inline-block; vertical-align:top; padding:10px; margin:3px; border:1px solid #ccc; border-radius:5px; min-height:230px;} .stoimost-rabot .item p{color: #32424d; font-size:14px;} .stoimost-rabot .item p.blue_p{min-height:80px; color:#547591;} .stoimost-rabot .item p.gray{color: #4c4c4c;} .stoimost-rabot .item p span{color: #20784d; font-size:25px;} .stoimost-rabot .item a{display:block; width: 82%; background: #e62918; background: linear-gradient(to top, #e62918, #ea5b50); padding: 10px 5px; color: #fff; border-radius: 5px; border: none; margin: 20px auto; margin-bottom:10px; text-decoration:none;} .stoimost-rabot .item a:hover{background: #ea5b50; background: linear-gradient(to top, #ea5b50, #e62918); padding: 10px 5px; color: #fff; border-radius: 5px;} .stoimost-rabot .center.include-price > div{display:inline-block; width:250px; margin:10px; vertical-align:top; color:#295271;} .stoimost-rabot .center.include-price > div img{width:150px; border-radius:200px; border:1px solid #3b536f; margin-bottom:15px;} /* C чего начать */ .fon-start {padding-bottom:50px;} .start{text-align: justify; text-justify: newspaper; zoom: 1; text-align-last: justify;} .start:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: "";} .start .item{display:inline-block; vertical-align:top; text-align: justify; width:545px; border-radius:5px; padding:0px 20px 20px 20px; min-height:500px; margin:5px;} /*.start .item:first-child{margin-right:20px;} .start .item:last-child{margin-left:20px;}*/ .start .item-other{padding:53px 20px 20px 20px;} .start .item a{color:#00b8f4; text-decoration:underline;} .start .item h2{margin:10px 0px; display: inherit;} /* Этапы бурения */ .fon-etap-bur {padding-bottom:50px;} .fon-etap-bur h2{text-align:left; margin:40px 0px;} .etap-bur{text-align: justify; text-justify: newspaper; zoom: 1; text-align-last: justify;} .etap-bur:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: "";} .etap-bur .item{display:inline-block; vertical-align:top; text-align: left; width:350px; min-height:305px; /*border:1px solid #ccc;*/ padding:20px; margin-bottom: 20px; text-align-last: center; position: relative; border-radius: 20px; background:#fbfbfb;} .etap-bur .item i{font-weight: normal; font-style: normal; position: absolute; top: 0px; left: 0px; padding: 10px 15px; background: #e6e6e6; color: #afafaf; border-radius: 20px 0px 20px 0px; font-family: 'Rubik_medium';} .etap-bur .item p{text-align: center;} /* Фотогалерея в лендинге - слайдер */ /**********************/ /* СЛАЙДЕР КАРУСЕЛЬ */ /**********************/ #slider{margin-top:3px;} #slider #myCarousel .carousel-indicators{bottom:-50px;} .carousel-caption{top: 10%; right: 100px; left: auto; width: 50%; padding-top: 0px;} .carousel-caption p{text-align:left; color: #676767; text-shadow: none;} .carousel-control.left{background-image:none;} .carousel-control.right{background-image:none;} span.glyphicon.glyphicon-chevron-right{ width:50px; height:50px; margin-top: -25%; margin-right:-50px;} span.glyphicon.glyphicon-chevron-left{width:50px; height:50px; margin-top: -25%; margin-left:-50px;} /*span.glyphicon.glyphicon-chevron-right:before{content:url(/images/gallery-landing/right-contol-slider.png);} span.glyphicon.glyphicon-chevron-left:before{content:url(/images/gallery-landing/left-contol-slider.png);}*/ span.glyphicon.glyphicon-chevron-right:before{content:url(/images/gallery-landing/right-uslugi.png);} span.glyphicon.glyphicon-chevron-left:before{content:url(/images/gallery-landing/left-uslugi.png);} .carousel-indicators li{background-color: rgba(137, 137, 137, 1); border:1px solid #000;} .fon-gallary-landing-artez {/*background: url('/images/wave.jpg') repeat;*/ position:relative; min-height:450px; padding-bottom:60px; margin-top:50px;} .fon-gallary-landing-artez h2{text-align:center; position:relative; top:-30px;} .fon-gallary-landing-artez img{border-radius:0px; border:10px solid #d2d9df;} .gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item {padding:0px 40px;} .gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item > div {display:inline-block; width:270px; margin:10px;} .gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item > div img{width:100%;} #slider #myCarousel .carousel-indicators li{background-color: #015174; border-radius:0px; width:15px; height:15px; border:none;} #slider #myCarousel .carousel-indicators li.active{background-color: #dc0d27; border:none;} /***************************/ /* МИНИ СЛАЙДЕР КАРУСЕЛЬ */ /***************************/ #slider-mini{margin-top:10px; position:relative; z-index:100;} /*#slider-mini #myCarousel-mini .carousel-inner{overflow:inherit;}*/ #slider-mini #myCarousel-mini .carousel-indicators{/*bottom:-50px;*/ z-index:20;} #slider-mini #myCarousel-mini .carousel-indicators li{background-color: rgba(137, 137, 137, 1); border:1px solid #000;} /*.carousel-caption{top: 10%; right: 100px; left: auto; width: 50%; padding-top: 0px;} .carousel-caption p{text-align:left; color: #676767; text-shadow: none;} */ #slider-mini #myCarousel-mini .carousel-control.left{background-image:none; width:45px; height:150px; margin-top:30px;} #slider-mini #myCarousel-mini .carousel-control.right{background-image:none; width:45px; height:150px; margin-top:30px;} #slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-right{ width:50px; height:80px; margin-right:-25px; margin-top: 0px; top: 0px;} #slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-left{width:50px; height:80px; margin-left:-25px; margin-top: 0px; top: 0px;} /*#slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-right:before{content:url(/images/gallery-landing/right-contol-slider-mini.png);} #slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-left:before{content:url(/images/gallery-landing/left-contol-slider-mini.png);}*/ #slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-right:before{content:url(/images/gallery-landing/right-uslugi.png);} #slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-left:before{content:url(/images/gallery-landing/left-uslugi.png);} /* .fon-gallary-slider-mini {background: url('/images/gallery-landing/fon-gallery.png') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; min-height:850px; padding-bottom:50px; margin-top:50px;} */ .fon-gallary-slider-mini {min-height:280px; margin-top:30px; clear:both;} .fon-gallary-slider-mini h2{text-align:left; margin-bottom: 30px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item {padding:40px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div {display:inline-block; vertical-align:top; width:200px; margin:5px; min-height:80px; line-height:14px; text-align:center; /*border:1px solid #466782;*/ border-radius:5px; min-height:130px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div img{width:130px; display:block; margin:0 auto; margin-top: -40px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div span{font-size:14px; text-align:center; display:block; padding:10px 0px;} /* Глубина залегания артезианской воды в районах Подмосковья */ .fon-glubina-vody-v-podmoskovie h2{margin:20px 0px; text-align: left;} .glubina-vody-v-podmoskovie{text-align: justify; text-justify: newspaper; zoom: 1; text-align-last: justify;} .glubina-vody-v-podmoskovie:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: "";} .glubina-vody-v-podmoskovie .item{display:inline-block; vertical-align:top; text-align: justify; width:545px; border:1px solid #ccc; border-radius:5px; padding:20px 40px; min-height:500px; margin:5px;} .glubina-vody-v-podmoskovie .item table{width:80%; text-align-last:left;} /* Карта глубин и только */ .fon-map-glubin-only h2 {text-align:left; margin:30px 0px;} /*********************************/ /* Список материалов в категории */ /*********************************/ .fon-category-articles-header {text-align:left; min-height:150px;} .fon-category-articles-header h1{margin:80px 20px 40px 20px; width:70%; font-size:36px; line-height:50px; color:#fff;} .category-list {/*margin-top:50px;*/} .category-list .category-desc{margin:0px; text-align:left; } .category-list .cat-items .category_articles .item_article{margin:0px; padding:20px; text-align:left; border: 2px solid #e1e1e1; border-radius: 10px; transition: all .3s;} .category-list .cat-items .category_articles .item_article:hover{border: 2px dashed #457c94;} .category-list .cat-items .category_articles .item_article a.name_article {font-size:24px;display:block; margin-top:25px; margin-bottom:50px; font-family: 'Rubik_medium'; color:#246581; text-decoration:none;} .category-list .cat-items .category_articles .item_article a.readmore {font-size:13px; display:inline-block; margin-top:25px; margin-bottom:10px; font-family: 'Rubik_bold'; color:#729b4f; border:2px solid #729b4f; border-radius:5px; text-decoration:none; padding:9px 44px; text-transform:uppercase; transition: all .2s;} .category-list .cat-items .category_articles .item_article a.readmore:hover {font-size:13px; display:inline-block; margin-top:25px; margin-bottom:10px; font-family: 'Rubik_bold'; color:#fff; background:#729b4f;} .category-list .cat-items .category_articles .item_article img{display:block; width:100%; border-radius: 5px;} .category-list .cat-items .category_articles .item_article ul{margin: 0px; padding: 0px; list-style: none;} .category-list .cat-items .category_articles .item_article ul li{font-family: 'Rubik_light'; font-size:14px; color:#666666; margin-bottom:15px;} .category-list .cat-items .category_articles .col-md-12{margin:14px 0px;} /**/ .category-list .cat-items .wrapper_events_zavod.category_articles .item_article{margin:0px; padding:20px; text-align:left; border: none; border-radius: 0px; transition: all .3s;} .category-list .cat-items .wrapper_events_zavod.category_articles .item_article:hover a.name_article{color: red !important;} .category-list .cat-items .wrapper_events_zavod.category_articles .item_article img{display:block; width:100%; border: 15px solid #fff; border-radius:0px; transition: all .2s;} .category-list .cat-items .wrapper_events_zavod.category_articles .item_article a.name_article {font-size:20px;display:block; margin-top:5px; margin-bottom:25px; font-family: 'Rubik_regular'; color:#015174; text-decoration:none; min-height: 58px; text-align:center; transition: all .2s;} .category-list .cat-items .wrapper_events_zavod.category_articles {padding-bottom: 50px; background: #f4f4f4;} .category-list .cat-items .wrapper_events_zavod.category_articles h2{margin-top: 50px; margin-bottom: 30px;} /**/ .tag-category .category_articles .item_article{margin:0px; padding:20px; text-align:left; border: 2px solid #e1e1e1; border-radius: 10px; transition: all .3s;} .tag-category .category_articles .item_article:hover{border: 2px dashed #457c94;} .tag-category .category_articles .item_article a.name_article {font-size:24px;display:block; margin-top:25px; margin-bottom:20px; font-family: 'Rubik_medium'; color:#246581; text-decoration:none;} .tag-category .category_articles .item_article a.readmore {font-size:13px; display:inline-block; margin-top:0px; margin-bottom:10px; font-family: 'Rubik_bold'; color:#729b4f; border:2px solid #729b4f; border-radius:5px; text-decoration:none; padding:9px 44px; text-transform:uppercase; transition: all .2s;} .tag-category .category_articles .item_article a.readmore:hover {font-size:13px; display:inline-block; font-family: 'Rubik_bold'; color:#fff; background:#729b4f;} .tag-category .category_articles .item_article img{display:block; width:100%; border-radius: 5px;} .tag-category .category_articles .item_article ul{margin: 0px; padding: 0px; list-style: none;} .tag-category .category_articles .item_article ul li{font-family: 'Rubik_light'; font-size:14px; color:#666666; margin-bottom:15px;} .tag-category .category_articles .col-md-12{margin:14px 0px;} /*.category-list .cat-items .category_articles .item_article{display:inline-block; width:300px; margin:20px; padding:10px; text-align:left; border: 1px solid #ccc; border-radius: 5px;}*/ .category_article_wrapper h1{font-size:40px; margin-bottom:40px; text-align:left; color:#246581; font-family: 'Rubik_medium';} .category_article_wrapper .category-list .category-desc a{font-size:16px; color:#207faf; font-family: 'Rubik_medium'; margin-bottom: 40px;} ul.tags_menu_in_category {display: table; background: #d9ebf2; border-radius: 5px; margin-bottom: 35px;} ul.tags_menu_in_category li {margin:0px; display: table-cell; float: none;} ul.tags_menu_in_category li a{font-size:15px; color:#295271; font-family: 'Rubik_medium'; background:#d9ebf2; border:none; margin:0px; padding-top: 10px !important; padding-bottom: 10px !important;} ul.tags_menu_in_category li a:hover{font-size:15px; color:#fff !important; background:#d20001; background-color: #d20001 !important; border: none;} ul.tags_menu_in_category li.current.active a{font-size:15px; color:#fff !important; background:#d20001; background-color: #d20001 !important; border: none;} .category_articles_name_tags{font-size:20px; font-family: 'Rubik_light';} .category_article_wrapper .category-list .category-desc ul.tags_menu_in_category {display: table; background: #d9ebf2; border-radius: 5px; margin-bottom: 35px;} .category_article_wrapper .category-list .category-desc ul.tags_menu_in_category li {margin:0px; display: table-cell; float: none;} .category_article_wrapper .category-list .category-desc ul.tags_menu_in_category li a{font-size:15px; color:#295271; font-family: 'Rubik_medium'; background:#d9ebf2; border:none; margin:0px; padding-top: 10px !important; padding-bottom: 10px !important;} .category_article_wrapper .category-list .category-desc ul.tags_menu_in_category li a:hover{font-size:15px; color:#fff !important; background:#d20001;} .category_article_wrapper .category-list .category-desc .category_articles_name_tags{font-size:20px; font-family: 'Rubik_light';} /* Навигация материалов (Пагинация) */ .pagination{display:block; margin:35px 0px;} .pagination ul{float: left; padding-left: 0px;} .pagination ul li{display:inline-block; float:left; margin:5px; text-align: center; vertical-align: top; font-size: 20px;} .pagination ul li span{display:block; background:#a8a8a8; color:#fff; padding: 5px; border:1px solid #a8a8a8; border-radius:50px; width: 40px; height: 40px;} .pagination ul li a{display:block; padding: 5px; border:1px solid #a8a8a8; border-radius:50px; width: 40px; height: 40px;} .pagination ul li a:hover{background:#a8a8a8; color:#fff; text-decoration:none;} .pagination .counter{display:none;} .pagination ul{float: none; clear: both;} .pagination ul li{float:none;} .pagination ul li.pagination-start{display:none;} .pagination ul li.pagination-prev{display:none;} .pagination ul li.pagination-next{display:none;} .pagination ul li.pagination-end{display:none;} .pagination ul li a.hasTooltip{display:none;} .pagination ul li a{border-radius: 10px; background:#d2ebf3; color:#006583;} .pagination ul li a:hover{background:#f50000; color:#fff;} .pagination ul li span{border-radius: 10px; background:#f50000; color:#fff;} /*********************/ /* Материал Детально */ /*********************/ .fon-article-header {padding:20px; text-align:center; margin-top:10px; margin-bottom: 30px;} .fon-article-header h1{text-align:center; color:#fff; background:rgba(0, 0, 0, 0.80); display:inline-block; padding:40px 135px; font-size:40px; font-family: 'Rubik_medium'; margin-top:70px; margin-bottom:70px;} .item_article_detail {text-align:left; font-size:16px; margin-bottom:70px;} .item_article_detail a{font-family: 'Rubik_medium';} .item_article_detail h2{font-size:30px; margin-top:35px; margin-bottom:20px;} .item_article_detail img.image_full_text_article_detail{float:left; margin:0px 10px 10px 0px; border-radius:10px;} .item_article_detail .wrapper_photo {background:#f1f7fc; padding:30px;} .item_article_detail .wrapper_photo img{border: 10px solid #d2d9df; border-radius:0px;} .item_article_detail .wrapper_photo > div{padding-left:10px; padding-right:10px;} .fon-category-articles-header h1{margin:80px 20px 40px 20px; width:70%; font-size:36px; line-height:50px; color:#fff;} .item_article_detail .tags.inline > li {display:inline-block; margin:5px;} .tags_article {text-align:left; margin-bottom:30px;} .tags_article span.tags_article{display:inline-block; font-size:16px; font-family: 'Rubik_medium'; color:#246581;} .tags_article .tags.inline{display:inline-block; margin:0px; padding:0px;} .tags_article .tags.inline li{display:inline-block; list-style:none; margin:5px;} .tags_article .tags.inline li a{padding:5px 10px; font-size:13px; font-family: 'Rubik_bold'; color:#010101; background:#ffcd00; border-radius: 20px; border: 2px solid #ffcd00;} .tags_article .tags.inline li a:hover{background:#fff; background-color:#fff; } /*********************************************/ /* Страница Спасибо за обращение в Аквалюкс! */ /*********************************************/ .thanks_wrapper .thanks_info{margin-top: 150px; /*background: rgba(255, 255, 255, 0.84); padding: 50px;*/} .thanks_wrapper .thanks_info .left_tanks{display: table-cell; float: none; vertical-align: top; background:rgba(254, 206, 0, 0.80); padding:40px 25px 40px 40px; text-align:left; position:relative;} .thanks_wrapper .thanks_info .left_tanks h1{color:#d20001; font-family: 'Rubik_medium'; font-size:40px; padding-top:75px;} .thanks_wrapper .thanks_info .left_tanks img.ruka_thenks{position: absolute; right: 145px; top: 60px;} .thanks_wrapper .thanks_info .left_tanks p{color: #000; font-family: 'Rubik_regular'; font-size: 24px; line-height: 24px;} .thanks_wrapper .thanks_info .left_tanks p.link_main{vertical-align: bottom; position: absolute; bottom: 40px;} .thanks_wrapper .thanks_info .left_tanks p.link_main i {color: #fff; margin-right: 10px; font-size: 32px;} .thanks_wrapper .thanks_info .left_tanks p.link_main a {font-family: 'Rubik_medium'; font-size:15px; margin-left: 10px; display: inline-block; line-height: 15px; color:#053d55; border-bottom:none;} .thanks_wrapper .thanks_info .right_tanks{display: table-cell; float: none; vertical-align: top; position:relative; padding:40px 40px 40px 25px; text-align:left; background:rgba(255, 255, 255, 0.9);} .thanks_wrapper .thanks_info .right_tanks .zag{font-family: 'Rubik_medium'; font-size:24px; color:#005570; line-height: 24px; margin-bottom: 20px;} .thanks_wrapper .thanks_info .right_tanks p{color: #1c1c1c; font-family: 'Rubik_regular';} .thanks_wrapper .thanks_info .right_tanks div#vk_groups {margin-top: 20px;} .thanks_wrapper .thanks_info .right_tanks img.error_404{width:100%;} .thanks_wrapper .thanks_info h1{color: #0096f7; font-family: 'Open Sans', sans-serif; margin-top:10px;} .thanks_wrapper .thanks_info p a{color: #0096f7; border-bottom: 2px dashed #0096f7; text-decoration:none;} /***************************************/ /* Калькулятор */ /***************************************/ .display_none{display:none !important;} #calculator {margin-top: 30px; margin-bottom: 30px;} .wrapper_calc{text-align:left; padding: 0px; background: #f3f3f3; border-radius: 20px;} .wrapper_calc > h2{text-align: center; padding: 25px 0px; position:relative; text-transform:uppercase; font-size:30px} .wrapper_calc > h2 i{display: inline-block; width: 180px; height: 1px; background: #cfcfcf; margin: 0px 20px; line-height: 38px; margin-bottom: 10px;} .wrapper_calc.calcpro > h2 i{display: inline-block; width: 90px; height: 1px; background: #cfcfcf; margin: 0px 20px; line-height: 38px; margin-bottom: 10px;} /*.wrapper_calc > h2{content:""; display:inline-block; position:absolute; width:50px; height:1px; background:#fff; left:0px;}*/ .wrapper_calc .ul_list_number {padding:0px 15px; position:relative; z-index: 10;} .wrapper_calc .ul_list_number ul{margin: 0px; padding:0px; display: table; width: 100%; border-radius:10px; background:#f0f0f0; border: 3px solid #fff;} .wrapper_calc .ul_list_number:after{content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(134,134,134,0.8); box-shadow: 0 0 20px rgba(134,134,134,0.8); top: 50%; bottom: 0; left: 40px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; width: 92%;} .wrapper_calc .ul_list_number li{position: relative; display: table-cell; color:#7a7a7a;} .wrapper_calc .ul_list_number li:first-child > div.selected_red{background:#fff;} .wrapper_calc .ul_list_number li > div {float: left; width:100%; padding:5px; border-radius:5px 0px 0px 5px; padding: 20px 10px;} .wrapper_calc .ul_list_number li > div.old_shag{background:#fff; color:#016502;} .wrapper_calc .ul_list_number li > div.old_shag span.li_list_number{background: #016502; border-radius: 50px; color: #fff;} .wrapper_calc .ul_list_number li > div.selected_red{/*background:#be0002;*//*background:#fff;*/ color:#da0d2b;} .wrapper_calc .ul_list_number li > div.selected_red span.li_list_number{background: #da0d2b; border-radius: 50px; color: #fff; /* margin-right:15px;*/} .wrapper_calc .ul_list_number li span.li_list_number{display:block; float:left; width:18%; font-size:26px; text-align:center; font-family: 'Rubik_medium'; background: #fff; border-radius: 50px; width: 35px; height: 35px;} .wrapper_calc .ul_list_number li span.li_list_number_text{display:block; float:left; width:70%; font-size:16px; text-align:left; font-family: 'Rubik_medium'; margin-left:15px; font-family: 'Rubik_regular'; line-height: 16px;} .wrapper_calc .body_calc {display:block; text-align:left; padding:10px;} .wrapper_calc.calcpro .body_calc {min-height:520px;} .wrapper_calc.calcpro .ballon2 {background-color: #fff; padding: 10px; width: 390px; height: auto;} .wrapper_calc .body_calc h3{text-align:center; color:#000; font-size:30px; margin:30px 0px;} .wrapper_calc .body_calc #shag1 {display:block; float:left; width:100%; clear:both;} .wrapper_calc .body_calc #shag1 h3 {position: relative; top: 50px; margin-bottom: 0px;} .wrapper_calc .body_calc #shag1 > div input[type=radio]{display:none;} .wrapper_calc .body_calc #shag1 > div span{width: 200px; display: inline-block; vertical-align: top; text-align:left; margin-left:20px; } .wrapper_calc .body_calc #shag1 > div.left_div span{ margin-left: 0px; float: right; margin-top: 150px; text-align: center;} .wrapper_calc .body_calc #shag1 > div.right_div span{margin-left: 0px; float: left; margin-top: 150px; text-align: center;} .wrapper_calc .body_calc #shag1 > div label {cursor:pointer; position:relative; width:100%;} .wrapper_calc .body_calc #shag1 > div label img {width:60%;} .wrapper_calc.calcpro #shag1 > div span {width: 100%; display: block;} .wrapper_calc .body_calc #shag1 > div label:before {content: ""; display: inline-block; width: 28px; height: 28px; position: absolute; /*left: 50px;*/ top: 0px; border:1px solid #aaa; border-radius:5px;} /*.wrapper_calc .body_calc #shag1 > div input[type=radio]:checked + label:before {content: "\25A0"; color: #be0002; font-size: 40px; text-align: center; line-height: 14px;}*/ .wrapper_calc .body_calc #shag1 > div input[type=radio]:checked + label:before {content: "\f00c"; color: #029a00; font-size: 24px !important; text-align: center; line-height: 14px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .wrapper_calc .body_calc #shag1 > div.left_div label:before{right: 85px; top: 110px;} .wrapper_calc .body_calc #shag1 > div.right_div label:before{left: 85px; top: 110px;} .wrapper_calc .body_calc #shag1 > div.left_div {display:block; text-align:center; padding:15px; float:left; width:49%; position:relative;} .wrapper_calc .body_calc #shag1 > div.left_div:before{content:""; width:1px; height:200px; background:#da0d2b; display:block; position:absolute; right:0px; top: 100px;} .wrapper_calc .body_calc #shag1 > div.right_div {display:block; text-align:center; padding:15px; float:right; width:49%;} .wrapper_calc .body_calc #shag2 {text-align:center; clear:both;} .wrapper_calc .body_calc #shag2 > ul {display:inline-block; text-align:left; margin-right:30px; vertical-align:top; list-style:none;} .wrapper_calc .body_calc #shag2 > ul li input[type=radio] {display:none;} .wrapper_calc .body_calc #shag2 > ul li label {/*border-bottom:1px dashed #111111;*/ color:#2d2d2d; cursor:pointer; padding:5px 12px; font-weight:normal; border-radius:20px;} .wrapper_calc .body_calc #shag2 > ul li:hover label {/*color:#fff; background:#FF8C8D;*/ background: #ffeb97;} .wrapper_calc .body_calc #shag2 > ul li input[type=radio]:checked + label {background:#fece00;} .wrapper_calc .body_calc #shag3 {text-align:center; clear:both; color: #035273; font-family: 'Rubik_medium';} .wrapper_calc .body_calc #shag3 > div {display:inline-block; vertical-align:top; margin:20px 50px; width:20%;} .wrapper_calc.calcpro .body_calc #shag3 > div {display:block; vertical-align:top; margin:0px auto; width:100%;} .wrapper_calc.calcpro .body_calc #shag3 > div ul {margin:0px; padding:0px; text-align: center; list-style: none;} .wrapper_calc.calcpro .body_calc #shag3 > div ul li{display: inline-block; margin: 10px; padding: 15px; width: 20%; vertical-align: text-bottom;} .wrapper_calc.calcpro .body_calc #shag3 > div ul li img{width: auto; max-width: 100%; display: block;} .wrapper_calc .body_calc #shag3 > div input[type=radio] {display:none;} .wrapper_calc .body_calc #shag3 > div img {width:100%;} .wrapper_calc .body_calc #shag3 > div label {cursor:pointer; border:2px solid #f5f5f5; border-radius:5px; padding:10px; min-height:300px; font-size:18px; font-weight:normal;} .wrapper_calc .body_calc #shag3 > div:hover label {border:2px solid #FF8C8D;} .wrapper_calc .body_calc #shag3 > div input[type=radio]:checked + label {border:2px solid #be0002;} .wrapper_calc .body_calc #shag4 {clear:both;} .wrapper_calc .body_calc #shag4 > div {display:block; text-align:center; background: #f9f9f9; margin: 30px auto; width: 700px; padding: 50px; border-radius:10px; margin-bottom: 100px;} .wrapper_calc .body_calc #shag4 > div h3 {margin-top:0px;} .wrapper_calc .body_calc #shag4 > div input[type=text]{width: 150px; padding: 10px 10px; border: 1px solid #ccc; border-radius:5px;} .wrapper_calc .body_calc #shag5 {clear:both; text-align: center;} .wrapper_calc .body_calc #shag5 > div {display:inline-block; width:100%; /*border:1px solid #4c4c4c;*/ border-radius:5px; text-align: center; padding: 30px 0px;} .wrapper_calc .body_calc #shag5 > div .info_raschet {display:inline-block; width:59%; padding:10px; text-align:left; vertical-align:top;} .wrapper_calc .body_calc #shag5 > div .info_raschet img{width: 100%; /*margin-top: 40%;*/} .wrapper_calc .body_calc #shag5 > div .info_raschet .img {padding:0px;} .wrapper_calc .body_calc #shag5 > div h3 {color: #00669b; font-size: 18px; text-align: left; font-family: 'Rubik_medium'; margin: 10px 0px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet {text-align: center;} .wrapper_calc .body_calc #shag5 > div .forma_rachet h3 {text-align: center; font-size: 18px; margin: 15px 0px; margin-top: 30px; margin-bottom: 0px;} .wrapper_calc .body_calc #shag5 > div h2 {color:#292929; font-size:26px;} .wrapper_calc .body_calc #shag5 > div h2 span {color:#ff0423; font-size:36px;} .wrapper_calc .body_calc #shag5 > div .info_raschet p {color:#5f5f5f;} .wrapper_calc .body_calc #shag5 > div .info_raschet p b{color:#000000;} .wrapper_calc .body_calc #shag5 > div .forma_rachet {display:inline-block; width:40%; padding:10px; text-align:center; vertical-align:top; /* border-left: 1px solid #4c4c4c; */ background: #fff; border-radius: 10px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma{padding:10px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.name{background: url('/images/dop_teh/lico.png')no-repeat; background-size: 100% 100%; display: inline-block; position: relative; width: 50px; height: 40px; right: -4px; border-radius: 5px 0 0 5px; vertical-align: top;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p i{position:relative; right:-25px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.name b{display: none;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.tel{background: url('/images/dop_teh/telefon.png')no-repeat; background-size: 100% 100%; display: inline-block; position: relative; width: 50px; height: 40px; right: -4px; border-radius: 5px 0 0 5px; vertical-align: top;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.tel b{display: none;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p input{padding: 5px; font-size: 18px; height: 40px; width: 70%; text-align: left; padding-left: 40px; border:2px solid #ccc; border-radius:5px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p button{width: 70%; margin-left: 16px; background: #ff0423; /*background: linear-gradient(to top, #be0002, #ec5d52);*/ padding: 10px 5px; color: #fff; border-radius: 5px; border: none; margin-top: 20px; transition: all .3s; text-transform:uppercase; font-size:18px; font-family: 'Rubik_medium';} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p button:hover{background: #ffcd00; color:#292929;} .wrapper_calc .nav_calc{/*background:#dedede; padding:10px;*/ float: left; width: 100%; position:relative;} .wrapper_calc .nav_calc span{background:#be0002; color:#fff; border-radius:5px; padding:20px; cursor:pointer; font-size:24px; font-family: 'Rubik_regular'; text-transform:uppercase; transition: all .3s;} .wrapper_calc .nav_calc span i{position:absolute; font-size:45px; bottom:10px;} .wrapper_calc .nav_calc span.left{display:block; float:left; width:300px; font-size:16px; text-align:center; border-radius: 0px 20px 0px 20px;} .wrapper_calc .nav_calc span.left i{left:27px;} .wrapper_calc .nav_calc span.right{display:block; float:right; width:300px; font-size:16px; text-align:center; border-radius: 20px 0px 20px 0px;} .wrapper_calc .nav_calc span.right i{right:27px;} .wrapper_calc .nav_calc span:hover{color: #295271; background: #ffcd00;;} .wrapper_calc .nav_calc span.gray{background: #e0e0e0; cursor: text; color: #575757;} .wrapper_calc .nav_calc span.gray:hover{background: #e0e0e0; cursor: text; color: #575757;} /*******************/ /* Калькулятор PRO */ /*******************/ .wrapper_calc.calcpro .body_calc h3 {font-size: 22px; font-family: 'Rubik_regular';} .wrapper_calc.calcpro .body_calc #shag1 h3 {position: relative; top: -14px; margin-bottom: 0px; font-size: 22px; font-family: 'Rubik_regular';} .wrapper_calc.calcpro #map ul{margin:10px 0px; padding:0px;} .wrapper_calc.calcpro #map ul li{list-style:none;} .wrapper_calc.calcpro #map ul li span{cursor:pointer; margin:5px 0px; display:inline-block; font-weight: normal; text-decoration: none; border-bottom: 1px dashed #0060AA; color: #0060AA;} .wrapper_calc.calcpro #map span.close2{cursor:pointer; display:inline-block; margin:5px 0px; margin-top:15px; margin-left:0px; font-weight: normal; text-decoration: none; border-bottom: 1px dashed #0060AA; color: #0060AA;} .wrapper_calc.calcpro .nav_calc #mini_info{ display:none; position: absolute; width: 300px; height: 440px; background: #f0f0f0; right: 0; bottom: 62px; z-index: 101; border: 2px solid #fff; border-radius: 10px 0px 0px 10px; padding: 10px; font-size: 16px; } .wrapper_calc.calcpro .nav_calc #mini_info span{ color: #000; background: none; padding: 0px; font-size: 14px; text-transform: initial; } /*.wrapper_calc.calcpro .nav_calc #mini_info strong{ font-weight: bold; }*/ /* Таблица */ table{border:none; position:relative;} table:after{content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px;} table tr{border:none;} table tr:nth-child(even) {background: #fafafa;} table tr:nth-child(odd) {background: #fff;} table tr:hover{background:#fece00;} table tr:hover a {color:#32312f;} table td{border:none; padding: 10px;} table td a{color:#0682ff; text-decoration:underline;} table td a:hover{color:#32312f;} table tr th {background: #9a9a9a; color: #fff; font-weight: normal; font-family: 'Rubik_medium'; font-size: 14px; padding: 10px; border:none;} /****************/ /* Подвал */ /****************/ #footer {color:#fff; background:#030d17; text-align:left; /*padding:40px 0px;*/} #footer .container{position:relative;} /*#footer .container > div{float: none; display: inline-block; margin: 0 auto; vertical-align:top; text-align:left;}*/ #footer .container > div > div{padding:5px 15px;} #footer .container .h3{font-family: 'Rubik_regular'; color:#fff; text-align:left; font-size:24px;} #footer .container .h3 i{margin-right: 10px; font-size:24px;} #footer .container p{font-size:16px;} #footer .container ul{font-size:16px; margin-left: 25px; padding-left: 0;} #footer .container ul li{list-style-type: none; margin-bottom: 10px; position:relative;} #footer .container ul li i{margin-right:15px; font-size: 10px; position: absolute; top: 5px; left: -20px;} #footer .container ul li a{color:#c6d8e6; text-decoration:none;} #footer .container ul li a > i{margin-right:15px; font-size: 10px;} #footer .container ul li a:hover{color:#fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} #footer .container ul.pagination{font-size:16px; margin: 0px; padding: 0px; text-align:center; margin-top: 100px;} #footer .container ul.pagination li {display:inline-block;} #footer .container ul.pagination li a{color:#ffcd00; float:none; background:none; border:none; font-size:20px;} #footer .container ul.pagination li a:hover{color:#fff; } #footer .container ul.pagination li a i{float: none; position: relative; top:0px; left: 0px; font-size: 20px; margin: 0px;} #footer .container .col-md-3{padding-top: 15px;} #footer .container .footer-uslugi > div{border-left:1px solid #808080; border-right:1px solid #808080;} #footer .container .footer-contacts{background: #071927;} #footer .container .footer-contacts p .h3{position:relative;} #footer .container .footer-contacts ul.hide_region{display:none; position:absolute; top:65px; right:0px; background:#fff; padding:10px 25px; margin:0px; border-radius: 5px; z-index: 2;} #footer .container .footer-contacts ul.hide_region:before{content:""; position:absolute; top:0px; left:20px; border: 6px solid transparent; border-left: 6px solid #071927; border-top: 6px solid #071927;} #footer .container .footer-contacts ul.hide_region li a{color:#00aaff;} #footer .container .footer-contacts ul.hide_region li a:hover{color:#ce0000; text-decoration:underline;} #footer .container .footer-contacts p a#region_site{color:#00aaff; text-decoration:none;} #footer .container .footer-contacts p a#region_site:hover ~ .hide_region{display:block;} #footer .container .footer-contacts a.call_back_modal{background: #ffcd00; color: #011635; padding: 15px; display: block; text-align: center; border-radius: 5px; text-decoration:none; text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; font-size: 16px;} #footer .container .footer-contacts a.call_back_modal i{padding-right:10px;} #footer .container .footer-contacts a.call_back_modal:hover{background:#d20001; color:#fff;} #footer .container .footer-contacts .copiryte{text-align:center; padding:0px; margin-bottom: 20px;} #footer .container .footer-contacts .copiryte p{font-size:12px; margin-bottom: 0px;} /* ТАБЫ ОПИСАНИЯ ТОВАРА И ЕГО ПАРАМЕТРОВ */ .product-description #description_product_detail_tabs {} .product-description #description_product_detail_tabs ul#info-nav-tabs-roman{margin:0px; padding:0px;} .product-description #description_product_detail_tabs ul#info-nav-tabs-roman li{list-style:none; display:inline-block; width: 200px; height: 41px; vertical-align: top; background:#ccc; text-align:center;} .product-description #description_product_detail_tabs ul#info-nav-tabs-roman li.current{background:#444;} .product-description #description_product_detail_tabs ul#info-nav-tabs-roman li.current a{color:#fff; text-decoration:underline;} .product-description #description_product_detail_tabs ul#info-nav-tabs-roman li a{display:block; width:100%; height:100%; padding: 10px; color:#333; } .product-description #description_product_detail_tabs #info{padding: 10px; background:#fff; border:1px solid #A7A7A7;} .product-description #description_product_detail_tabs #info #parametry_info_product .parametry_tovarov .parametry_tovarov_item{display:inline-block; vertical-align:top;} .product-description #description_product_detail_tabs #info #parametry_info_product .parametry_tovarov .parametry_tovarov_item th{text-align:center; padding:5px; font-weight:normal;} .product-description #description_product_detail_tabs #info #parametry_info_product .parametry_tovarov .parametry_tovarov_item td{padding:5px;} .product-description #description_product_detail_tabs #info #parametry_info_product .parametry_tovarov .parametry_tovarov_item tr:hover{background-color: #8CD000; color: #fff; cursor:default;} .product-description #description_product_detail_tabs #info #parametry_info_product .parametry_tovarov .parametry_tovarov_item tr:first-child {background-color: #D6D6D6;} .product-description #description_product_detail_tabs #info #parametry_info_product .parametry_tovarov .parametry_tovarov_item tr:first-child:hover {color:#333;} .product-description p.razlinovka_zagolovok {font-weight:bold;} .product-description table.razlinovka_table {} .product-description table.razlinovka_table th {background-color:#5e5870; color:#fff; text-align: center;} .product-description table.razlinovka_table td {text-align: center;} .product-description table.razlinovka_table .border_right {border-right:1px solid #000;} /* ХАРАКТЕРИСТИКИ ТОВАРА В ОПИСАНИИ ТОВАРА */ .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc {width:550px; padding:10px 0px 10px 0px;} .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc ul {padding: 0px; overflow: hidden;} .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc ul.dinamic_characteristic_desc {padding: 0px; margin:0px;} .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc ul li{padding:3px 0px;} .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc li i {list-style: none; position: relative;} .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc li i:before {position: absolute; content: ""; border-bottom: 1px dotted #000; right: -1005px; bottom: 2px; width: 1000px;} .product-description #description_product_detail_tabs #info #description_info_product .characteristic_desc span {float: right; background: #fff; padding-left: 5px; position: relative;} /************************************/ /* Компонент Каталог статей - Роман */ /************************************/ .padding_right_15{padding-right:15px;} .padding_right_40{padding-right:40px;} .padding_right_70{padding-right:70px;} .text_right{text-align:right;} .joomcatalroman_category h1 {margin-top: 25px; margin-bottom:45px; color: #216e8a; text-align:left; font-family: 'Rubik_medium'; font-size:40px; } .joomcatalroman_category .description_cat_one {text-align:left; font-family: 'Rubik_light'; font-size:18px;} /*.joomcatalroman_category .description_cat_two {text-align:left;}*/ .joomcatalroman_category .description_cat_two {text-align:left; font-family: 'Rubik_light'; font-size:18px; margin-bottom: 50px;} .joomcatalroman_category .description_cat_two h3{color:#00679a; font-family: 'Rubik_medium';} .joomcatalroman_category .filter_category {margin: 20px 0px; margin-bottom: 0px;} .joomcatalroman_category .filter_category h2 {text-align:left; font-family: 'Rubik_medium'; font-size:30px;} .joomcatalroman_category .filter_category .filter_items {text-align:left; font-family: 'Rubik_light'; padding: 15px 0px;} .joomcatalroman_category .filter_category .filter_items.text_right {text-align:right;} .joomcatalroman_category .filter_category .filter_items ul{margin:0px; padding:0px; display:inline-block; list-style:none; background:#d9ebf2; border-radius:5px;} .joomcatalroman_category .filter_category .filter_items ul li{display:inline-block;} .joomcatalroman_category .filter_category .filter_items ul li a{display:inline-block; background:#d9ebf2; color:#295271; padding:10px 15px; border-radius:5px; text-decoration:none;} .joomcatalroman_category .filter_category .filter_items ul li span{display:inline-block; background:#d20001; color:#fff; padding:10px 15px; border-radius:5px; text-decoration:none;} .joomcatalroman_category .filter_category .filter_items ul li a:hover{background:#d20001; color:#fff;} .joomcatalroman_category .joomcatalroman_list_products {margin-top: 80px;} .joomcatalroman_category .joomcatalroman_list_products .limit.pull-right{display:none;} .joomcatalroman_category .clear {margin: 50px 0px;} .joomcatalroman_category .item {text-align:left;} .joomcatalroman_category .item > div{border: 1px dashed #fff; float: left; padding: 10px 15px;} .joomcatalroman_category .item > div:hover{border: 1px dashed #ccc;} .joomcatalroman_category .item > div a{text-decoration:none;} .joomcatalroman_category .item > div > a{font-family: 'Rubik_medium'; color:#295271; text-transform:uppercase; font-size:30px;} .joomcatalroman_category .item img{width:100%;} .joomcatalroman_category .item .image{padding-left:0px;} .joomcatalroman_category .item .content{right:0px; padding-left: 0px; padding-right:0px;} .joomcatalroman_category .item .content ul{margin: 0px; padding: 0px; min-height:120px;} .joomcatalroman_category .item .content ul li{list-style:none; font-family: 'Rubik_light'; font-size: 13px; margin-bottom: 5px; float: none; clear: both;} .joomcatalroman_category .item .content ul li strong{font-size: 15px; float:right; font-family: 'Rubik_medium'; font-weight: normal;} .joomcatalroman_category .item .content .detail_product {min-height:170px; padding-top:5px;} .joomcatalroman_category .item .content .detail_product a.link_detail{display:block; font-family: 'Rubik_bold'; font-size: 13px; text-transform: uppercase; color:#729b4f; border:2px solid #729b4f; border-radius:5px; padding:10px 0px; text-align:center; margin: 10px auto; transition: all .3s;} .joomcatalroman_category .item .content .detail_product a.link_detail:hover{color:#fff; background:#729b4f;} .joomcatalroman_category .item .content .detail_product .price {text-align:center; margin-bottom:0px; font-family: 'Rubik_light'; font-size: 18px;} .joomcatalroman_category .item .content .detail_product .old-price {text-align:center; font-family: 'Rubik_light'; font-size:13px; color:#929292; min-height:17px;} .joomcatalroman_category .item .content .detail_product .price strong{color:#d20001; font-family: 'Rubik_medium'; font-weight: normal;} .joomcatalroman_category .item .content .detail_product button.buy_roman_product{display:block; width: 100%; color:#fff; background:#d20001; font-family: 'Rubik_regular'; font-size: 20px; border: none; border-radius:5px; padding:10px 0px; text-align:center; margin: 10px auto; transition: all .3s;} .joomcatalroman_category .item .content .detail_product button.buy_roman_product:hover{color:#295271; background:#ffcd00;} .joomcatalroman_product_detail {text-align:left; padding-top:30px; padding-bottom:40px;} .joomcatalroman_product_detail h1{color:#216e8a; /*text-transform:uppercase;*/ font-size:38px; font-family:'Rubik_medium';} .joomcatalroman_product_detail img{width:100%;} .joomcatalroman_product_detail .price_product .price {margin-bottom:0px; color:#216e8a; font-size:18px; font-family: 'Rubik_light';} .joomcatalroman_product_detail .price_product .old-price {font-size:12px; color:#929292; min-height:17px;} .joomcatalroman_product_detail .price_product .price strong{color:#d52122; font-size:28px; font-weight:normal; font-family:'Rubik_medium';} .joomcatalroman_product_detail .button_cart button.buy_roman_product{display:block; width: 100%; color:#fff; background:#d20001; border: none; border-radius:3px; padding:5px 0px; text-align:center; margin: 10px auto; transition: all .3s; font-size:21px; font-family: 'Rubik_light'; max-width:170px; transition: all .3s;} .joomcatalroman_product_detail .button_cart button.buy_roman_product:hover{color:#295271; background:#ffcd00;} .joomcatalroman_product_detail .attributs_preview {padding-top: 30px; padding-bottom: 30px;} .joomcatalroman_product_detail .attributs_preview ul{margin: 0px; padding: 0px; width: 320px;} .joomcatalroman_product_detail .attributs_preview ul li{list-style:none; font-size: 16px; margin-bottom: 5px; float: none; clear: both;} .joomcatalroman_product_detail .attributs_preview ul li strong{font-size: 16px; float:right;} .joomcatalroman_product_detail .images_mini img{width:100%; border-radius:10px;} .joomcatalroman_product_detail .images_mini .col-md-3 {height: 80px; border-radius: 5px; margin: 5px;} .joomcatalroman_product_detail .images_mini .col-md-3 a{display:block; width:100%; height:100%;} .joomcatalroman_product_detail .similar_products {text-align:center; padding-left:0px;} .joomcatalroman_product_detail .similar_products h3{color:#729b4f; font-size: 26px; font-family: 'Rubik_medium';} .joomcatalroman_product_detail .similar_products .sim_p{border:1px solid #ccc; border-radius:5px; margin:20px 0px; padding:15px 5px;} .joomcatalroman_product_detail .similar_products .sim_p > a{color: #246581; text-transform: uppercase; font-size: 18px; font-family: 'Rubik_medium';} .joomcatalroman_product_detail .similar_products .sim_p .price {margin-bottom:0px;} .joomcatalroman_product_detail .similar_products .sim_p .old-price {font-size:12px; color:#929292; min-height:17px;} .joomcatalroman_product_detail .similar_products .sim_p .price strong{color:#d20001; font-size:24px;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs {display: table; width: 100%;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs li {display: table-cell; float:none; text-align:center;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs li a {background: #e3e3e3; color: #076d8a; padding: 12px 10px; font-family: 'Rubik_regular'; font-size:18px; border-radius: 10px 10px 0 0;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs li a:hover {background: #246581; color: #fff;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs li.active a {background: #246581; color: #fff; font-size:24px;} .joomcatalroman_product_detail .content_desc_product .tab-content {padding-top:20px; padding-bottom:20px;} .joomcatalroman_product_detail .content_desc_product .tab-content #description h2{font-size: 29px; color: #246581;} .joomcatalroman_category .pagination ul.pagination-list{float: none; clear: both;} .joomcatalroman_category .pagination ul.pagination-list li{float:none;} .joomcatalroman_category .pagination ul.pagination-list li.disabled{display:none;} .joomcatalroman_category .pagination ul.pagination-list li a.hasTooltip{display:none;} .joomcatalroman_category .pagination ul.pagination-list li a{border-radius: 10px; background:#d2ebf3; color:#006583;} .joomcatalroman_category .pagination ul.pagination-list li a:hover{background:#f50000; color:#fff;} .joomcatalroman_category .pagination ul.pagination-list li span{border-radius: 10px; background:#f50000; color:#fff;} /* Калькулятор ПРО */ .wrapper_calc.calcpro #shag2 .type_truba ul, .wrapper_calc.calcpro #shag2 .type_bur ul{ margin:0px; padding:0px; } .wrapper_calc.calcpro #shag2 p.zag { text-align: center; font-size: 16px; } .wrapper_calc.calcpro #shag2 .type_truba ul li, .wrapper_calc.calcpro #shag2 .type_bur ul li { list-style: none; text-align: left; } .wrapper_calc.calcpro #shag2 .type_truba ul li input, .wrapper_calc.calcpro #shag2 .type_bur ul li input{ display:none; } .wrapper_calc.calcpro #shag2 .type_truba ul li label, .wrapper_calc.calcpro #shag2 .type_bur ul li label{ position:relative; cursor: pointer; margin-bottom:15px; } .wrapper_calc.calcpro #shag2 .type_truba ul li label span, .wrapper_calc.calcpro #shag2 .type_bur ul li label span{ display: inline-block; margin-left: 50px; } .wrapper_calc.calcpro #shag2 .type_truba ul li img, .wrapper_calc.calcpro #shag2 .type_bur ul li img { width: 50px; } .wrapper_calc.calcpro #shag2 .type_truba ul li label:before, .wrapper_calc.calcpro #shag2 .type_bur ul li label:before{ content: ""; display: inline-block; width: 28px; height: 28px; position: absolute; left: 64px; top: 10px; border: 1px solid #aaa; border-radius: 5px; background: #fff; } .wrapper_calc.calcpro #shag2 .type_truba ul li input[type=radio]:checked + label:before, .wrapper_calc.calcpro #shag2 .type_bur ul li input[type=radio]:checked + label:before{ content: "\f00c"; color: #029a00; font-size: 24px !important; text-align: center; line-height: 14px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-color: #029a00; } /* Шаг №3 Обустройство скважины */ .wrapper_calc.calcpro #shag3 #obustr_skvazh ul{ margin:0px; padding:0px; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li{ list-style: none; text-align: left; display: block; width: 100%; vertical-align: text-bottom; margin: 0px; padding: 0px; min-height:50px; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li input{ display:none; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li label{ position:relative; cursor: pointer; border: none; padding:0px; max-width: 100%; margin-bottom: 15px; font-weight: 700; color: #333; font-family: 'Rubik_light', sans-serif; min-height: 50px; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li input[type=radio]:checked + label { border: none; width:100%; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li label:before{ content: ""; display: inline-block; width: 28px; height: 28px; position: absolute; left: 64px; top: 10px; border: 1px solid #aaa; border-radius: 5px; background: #fff; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li input[type=radio]:checked + label:before{ content: "\f00c"; color: #029a00; font-size: 24px !important; text-align: center; line-height: 14px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-color: #029a00; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li input[type=radio]:checked + label:after{ content: ""; border: 20px solid transparent; border-right: 20px solid #fff; position:absolute; top:5px; right:0px; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li label span{ display: inline-block; margin-left: 50px; vertical-align: middle; width: 300px; } .wrapper_calc.calcpro #shag3 #obustr_skvazh ul li label img{ width: 50px; vertical-align: middle; display:inline-block; } .wrapper_calc.calcpro #shag3 #obustr_skvazh .hidden.active { display: block !important; } .wrapper_calc.calcpro #shag3 #obustr_skvazh .dopprod_text { text-align:left; padding:10px; background:#fff; font-family: 'Rubik_light', sans-serif; font-weight: 700; color: #333; font-size: 16px; min-height: 265px; } .wrapper_calc.calcpro .body_calc #shag4 > div{ text-align: left; margin: 0px; padding: 0px; border-radius: 0px; width: 100%; } .wrapper_calc.calcpro .body_calc #shag4 > div .zag { text-align: center; margin-top: 20px; font-family: 'Rubik_light', sans-serif; font-weight: 700; font-size: 16px; } .wrapper_calc.calcpro .body_calc #shag4 > div > div > div{ background: #fff; padding:15px; } .wrapper_calc.calcpro .body_calc #shag4 > div > div > div p.h3{ margin-top:0px; text-transform: uppercase; font-size: 16px; font-weight: 500; color: #005270; font-family: 'Rubik_medium'; text-align: center; } /*.wrapper_calc.calcpro .body_calc #shag4 > div > div > div p span{ font-weight: 500; font-family: 'Rubik_light'; font-size: 14px; }*/ .wrapper_calc.calcpro #shag4 .forma_rachet .forma h2{ font-size: 20px; margin: 0px; color: #333; } .wrapper_calc.calcpro #shag4 .forma_rachet .forma h2 span{ color: red; font-size: 26px; } .wrapper_calc.calcpro #shag4 .forma_rachet .forma .h3{ text-align: left; text-transform: none; margin: 10px 0px 10px 0px; line-height: 1.3; } .wrapper_calc.calcpro #shag4 .forma_rachet .forma p { position: relative; } .wrapper_calc.calcpro #shag4 .forma_rachet .forma p i { position: absolute; top: 14px; left: 12px; color:#9c9c9c; } .wrapper_calc.calcpro #shag4 .forma_rachet .forma input.input_text { width: 100%; border: 2px solid #9c9c9c; padding-left: 40px; height: 45px; } .wrapper_calc.calcpro #shag4 .forma_rachet .forma button { background: red; border: none; color: #fff; text-transform: uppercase; padding: 10px 30px; border-radius: 6px; } /* \\END Калькулятор ПРО */ .preimuschestva_line{ padding:30px 0px; float:left; width:100%; } .preimuschestva_line .container{ padding:0px; } .preimuschestva_line .container > div{ color: #025173; font-family: 'Rubik_regular'; text-align:left; } .preimuschestva_line .container > div > div{ padding-left:0px; } .preimuschestva_line .container > div img{ width:auto; max-width:100%; display:inline-block; margin:0 auto; } .preimuschestva_line .container > div span{ color: #025173; display:block; font-family: 'Rubik_medium'; } /* Tooltip */ .tooltip-inner {background-color: #ffce00;color: #333;font-size: 12px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.25);box-shadow: 0 0 15px rgba(0,0,0,.25);border-radius:0;padding:8px 12px;text-align: left; min-width:200px;} .tooltip.top .tooltip-arrow {border-top-color: #ffce00;} .tooltip.bottom .tooltip-arrow {border-bottom-color: #ffce00;} .tooltip.left .tooltip-arrow {border-left-color: #ffce00;} .tooltip.right .tooltip-arrow {border-right-color: #ffce00;} .wrapper_calc.calcpro #map{height:500px;} /**********************/ /* АДАПТИВНАЯ ВЕРСТКА */ /**********************/ @media screen and (max-width: 1400px) { #top_menu_2 ul#menu.all_top_menu > li:last-child > ul{left: -139px;} } @media screen and (max-width: 1366px) { #modul_fix_links {right: -170px;} } @media screen and (max-width: 1200px) { .top_phone{font-size:30px;} #top_menu_2 ul#menu.all_top_menu li a{font-size:14px;} #top_menu_2 ul#menu.all_top_menu li ul{margin-top: -10px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li a{padding: 5px;} .top_menu.top_mini .navbar.navbar-default {padding:0px;} .top_menu.top_mini .navbar.navbar-default .container-fluid{padding:0px;} .top_menu.top_mini .navbar.navbar-default .container-fluid .collapse.navbar-collapse{padding:0px;} .top_menu.top_mini .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li {margin: 0px 3px;} .top_menu.top_mini .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li a{padding: 5px;} .shaga-4-img > div{width:170px;} .shaga-4-img > div img{width:150px;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:150px;} .fon-full-text-main .full-text-main .item{width:450px;} .fon-full-text-main .full-text-main .item h2{margin-top:0px;} .fon-full-text-main .full-text-main .item:first-child{margin-right: 10px;} .fon-full-text-main .full-text-main .item:last-child{margin-left: 10px;} .zachem-skvajina > div.item-gorizont{margin:20px 0px;} .zachem-skvajina{text-align:center;} .zachem-skvajina > div.item-vertical{width:430px; margin:15px;} .zachem-skvajina > div.item-vertical img{width:100%;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{margin: 0px 5px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li img{margin:0px;} .stoimost-rabot .item{width:220px;} .stoimost-rabot .item p.gray{font-size:13px;} .stoimost-rabot .item a{width:100%;} .glubina-vody-v-podmoskovie .item{width: 90%;} .glubina-vody-v-podmoskovie .item table tr:hover{background: rgba(63, 193, 222, 0.32);} .glubina-vody-v-podmoskovie .item table tr td{padding:10px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:180px; padding: 0px 10px 10px 10px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div img{width: 110px;} #footer .container > div{width:300px;} .stoimost-rabot .center.include-price > div{width:200px;} .start .item{width:400px;} .etap-bur .item{width:300px; min-height:330px;} .gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item > div{width:200px;} /* Модальное окно расчета стоимости MAXI */ #call_back_modal_form_maxi{top: 40% !important; left: 35%;} /****************/ .category-list .cat-items{text-align:center;} .category-list .cat-items .category_articles .item_article{width: 280px; margin: 10px;} } @media screen and (max-width: 1199px) { .inf_sl_forma{width:40%;} .baner-info, .baner-info .container{padding-bottom:15px;} .top_menu > .container{padding:0px;} .top_menu ul.nav.menu.navbar-nav li {margin: 0px 2px;} .top_menu .kontact_top{padding: 7px 0px;} .top_menu .kontact_top #kontact_top{font-size:11px;} #header .header-right > .col-md-7{padding:0px;} #header .header-right .phone_top strong{margin-right:0px;} a.knopka_forma_full {font-size:20px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram{top:-30px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .center_w_parallelogram img{top:-5px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .bottom_y_parallelogram{width: 200px; height:160px; left: -5px; bottom: 0px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram::after{width: 270px; height: 180px; right: 40px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after{top:70px; right: 190px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 p{top: -80px; font-size: 14px;} .count_zakaz .count_zakaz_1{padding-left:20px;} .count_zakaz .count_zakaz_1 p.red{font-size:44px;} .count_zakaz .count_zakaz_1 p.blue{font-size:38px;} .count_zakaz .text_left{left:50px;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span::after{left: -200px; border-top: 35px solid #ffe46b; border-left: 220px solid transparent; border-right: 220px solid transparent;} .treug img{width:100%;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3::before{left:10px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.three_div::before{left:0px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.two_div > div p > span{font-size:22px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.three_div > div p > span{font-size:22px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div > div .big{font-size:22px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div > div{left:22px;} .simple_4_shaga .col-md-3::after{display:none;} .stoimost_rabot_prod .center_block_rabot > a.blue{font-size:32px;} .wrapper_calc > h2 {font-size:24px;} .wrapper_calc .body_calc #shag2 > ul{margin-right:0px;} .wrapper_calc .ul_list_number li span.li_list_number{font-size: 20px; width: 30px; height: 30px; padding-top: 2px;} .wrapper_calc .ul_list_number li span.li_list_number_text{margin-left: 10px;} .filter_category .filter_items ul{display:block !important;} .filter_category .filter_items ul {margin-right:20px !important;} .filter_category .filter_items.text_right ul {margin-left:20px !important; margin-right:0px !important;} .joomcatalroman_category .item > div{padding: 10px; width: 100%;} .joomcatalroman_category .item .image{padding-right: 5px; width: 100px;} .joomcatalroman_list_products .item.padding_right_40{padding-right:20px;} .joomcatalroman_product_detail h1{font-size:32px;} .joomcatalroman_product_detail .similar_products h3{font-size:22px;} .joomcatalroman_product_detail .similar_products .sim_p .price strong{font-size:20px;} .joomcatalroman_product_detail .price_product .price strong{font-size: 26px;} .joomcatalroman_product_detail .price_product {padding-right:0px;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs li.active a{font-size:20px;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs li a{font-size:16px;} #montazh .pi-block .font-bold.font-size-16 {font-size:13px;} .joomcatalroman_product_detail .content_desc_product .tab-content #description h2{font-size:26px;} #footer .container > div{width:25%;} #footer .container .h3{font-size:20px;} #footer .container .footer-contacts p a#region_site{font-size:18px;} #footer .container ul{font-size:14px;} #footer .pagination > li > a, #footer .pagination > li > span {padding:6px;} #footer .container > div > div{padding: 5px;} #footer .dop_ifa{width:50% !important;} .thanks_wrapper .thanks_info .left_tanks img.ruka_thenks{right: 35px;} .thanks_wrapper .thanks_info .left_tanks h1{font-size: 36px;} } @media screen and (max-width: 1050px) { #slider_partners .owl-nav button.owl-prev {left: 0px;} #slider_partners .owl-nav button.owl-next {right: 0px;} #slider_sertificat .owl-nav button.owl-prev{left:0px;} #slider_sertificat .owl-nav button.owl-next{right:0px;} .count_zakaz .text_left{left:20px;} } @media screen and (max-width: 1000px) { #call_back_modal_form_maxi{left:28%;} .logo{float:left; padding-left:0px;} .logo img{width:100%;} .center-header{float:left; width:350px; padding-left:0px;} .center-header .krug img{width:80px; margin:0px 5px;} .header-right{float:right; /*width:250px;*/ padding-left:0px;} .header-right .top_phone{font-size:25px; margin-top: 15px;} .header-right span{ margin: 3px 0px 10px 0px;} .header-right a.call_back_modal{width:170px; font-size:14px;} .header-right a.call_back_modal img {margin-right: 5px;} #top_menu_2{padding:0px;} #top_menu_2 ul#menu.all_top_menu {min-height:60px;} #top_menu_2 ul#menu.all_top_menu li a{padding: 10px; min-height:60px;} /*.modul_fix_links ul li a {width:25px;}*/ .baner-info .container .girl-baner-info {text-align: left; width: 250px;} .baner-info .container .girl-baner-info img{width: 100%;} .fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div{display:block; width:100%; margin:0px;} .fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div.text-video-main{display:block; width:100%; min-height: auto; margin-top: 20px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img img{width:150px;} .shaga-4-img > div{width:150px;} .shaga-4-img > div img{width:130px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{font-size:14px;} .fon-our-works-main div.item .item-wrapper-user-our-works .item-info-user-our-works{width:100%;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:250px;} .fon-full-text-main .full-text-main .item{width:100%;} .zachem-skvajina > div.item-vertical{width:100%; height:auto; min-height:auto; margin:10px 0px;} .start{text-align:left; text-align-last: left;} .start .item{display:block; width:100%; margin:10px 0px; min-height:auto;} .start .item.item-other{padding:20px;} .etap-bur{text-align:left; text-align-last: center;} .etap-bur .item{display:block; float:left; width: 200px; margin:10px; padding:10px; min-height:330px;} .etap-bur .item img{width: 100%;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:130px;} .category-list .cat-items .category_articles .item_article {width: 320px; margin: 10px; display: block; float: left;} .category-list .cat-items .category_articles {padding:15px;} /*#footer .container > div {display:block; width:100%; margin:10px 0px 20px 0px;} #footer .container .machine-footer{width:220px;} #footer h3{margin:10px 0px;}*/ } @media screen and (max-width: 991px) { .wrapper_calc.calcpro #shag2 p.zag {font-family: 'Rubik_bold';} .wrapper_calc.calcpro > h2 i{display:none;} .wrapper_calc.calcpro .ballon2{width:100%; padding-top:0px;} /* банер под шапкой */ .craft_banner.owl-carousel{ padding-top: 23px; } .craft_banner .owl-nav .owl-prev{ top:-40px; left: 30px; } .craft_banner .owl-nav .owl-next{ right: 30px; top: -40px; } .yel-button{ display:block; } #dopwin{display:none !important;} /* Шапка */ #header {height: auto; z-index: 2; padding-top:0px;} #header > .container {padding-top: 25px; padding-top: 0px;} #header .container > div {display:block; width:auto;} #header .container > div.logo {margin-top: 0px; position:absolute; top:5px; z-index: 2;} #header .container > div.header-right {width:100%; margin: 0px; padding: 0px; padding-top: 0px; padding-top: 10px;} #header .logo img {width: auto; margin-top: 5px;} #header .mob_tel{display:block !important; margin-top: 40px;} #header .mob_tel > div {display: inline-block; vertical-align: middle;} #header .mob_tel > div.time_mob {margin-left:30px; /*margin-right:30px;*/ font-family: 'Rubik_regular', sans-serif; line-height:18px;} #header .mob_tel .phone_top {font-size: 21px; text-transform: uppercase; padding-left: 0px; padding-right: 0px; line-height:24px;} #header .mob_tel .phone_top span{font-size: 21px; text-transform: uppercase; font-family: 'Rubik_bold';} #header .mob_tel a.call_back_modal {display: inline-block; font-size: 13px; padding: 5px 10px 5px 0px; background: #fff; color: #d40000; text-decoration: none; border: 2px solid #d40000; border-radius: 50px; width: 170px;} #header .mob_tel a.call_back_modal i{margin-right: 10px;} #header .header-right{display:none !important;} #header .header-right .phone_top {margin-bottom:3px;} #header .header-right .top_info_work {margin-bottom:16px;} .header-right a.call_back_modal{margin-bottom:20px;} .calculator_mob{display: inline-block; position: absolute; right: 220px; top: 0px; z-index: 20;} .calculator_mob img{width: 40px} #header .mob_tel .soc_time_mob i.fa.fa-whatsapp{color: #00b147; font-size: 30px;} #header .mob_tel .soc_time_mob i.fa.fa-telegram{color: #00b5e9; font-size: 28px;} .top_menu_2{margin-top:20px;} .top_menu .kontact_top{display:none;} #header .slogan {display: none !important;} #header .logo img{width: 292px; height: auto;} .preimuschestva_line .container > div{margin-bottom: 15px;} .preimuschestva_line .container > div > div {text-align: center;} /* Мобильное меню */ .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li a{padding: 5px;} .top_menu .navbar.navbar-default {padding:0px; float:right;} .top_menu .navbar.navbar-default .container-fluid{padding:0px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse{padding:0px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li {margin: 0px 3px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li a{font-size:13px;} .top_menu.top_mini span#top_phone_mini{display:none;} .top_menu.top_mini .navbar.navbar-default{float:left;} .top_menu {position: relative; box-shadow: none; right: 0px; z-index: 1; top: 20px; margin-bottom:20px; background:none;} .top_menu .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} .top_menu .navbar-toggle {background: #95b1bd; padding:10px; margin:0px; border-radius:7px;} .top_menu .navbar.navbar-default {width:100%;} .top_menu #top-menu-1 {border:none; margin-top: 30px;} .top_menu #top-menu-1 ul {background: #246581;} .top_menu #top-menu-1 ul li{display: block; margin-bottom: 5px; text-align: center;} .top_menu #top-menu-1 ul li a{color:#fff; font-size: 14px; border-radius: 0px; text-shadow: none; line-height: 2em; min-height: auto;} .top_menu #top-menu-1 ul li:hover a{background: #8fb1bb;} .top_menu #top-menu-1 ul li.current.active a{background: #8fb1bb; border-radius: 0px;} .top_menu_2 {background:#eff3f5;} .top_menu_2 .container {padding:0px;} #top_menu_2 .navbar-header {text-align:left;} #top_menu_2 .navbar-header button.navbar-toggle{float:left; background:#246581; border-radius:0px; padding:15px 16px; margin:0px 15px 0px 0px;} #top_menu_2 .navbar-header button.navbar-toggle .icon-bar {background: #ffcc00;} #top_menu_2 .navbar-header > span{display: inline-block; color:#373737; margin-top: 10px;} #top_menu_2 #responsive-menu {background: #fff;} #top_menu_2 ul#menu.all_top_menu li a {color:#333; min-height:auto; padding:20px 10px; padding-bottom: 10px !important;} #top_menu_2 ul#menu.all_top_menu li{display:block; text-align:center;} #top_menu_2 ul#menu.all_top_menu li > ul {display:block; width: 100%; margin:0px auto;} #top_menu_2 ul#menu.all_top_menu li > ul > li > a{background:#ffcc00 !important;} #top_menu_2 ul#menu.all_top_menu li > ul > li > ul{display:none !important;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child > ul{display:block; width: 100%; position: relative; right: 0px; border-radius:0px;} #top_menu_2 ul#menu.all_top_menu > li > ul li:last-child a{border-radius:0px; padding-bottom:0px;} #top_menu_2 ul#menu.all_top_menu > li:hover > ul{left: 0px;} #top_menu_2 ul#menu.all_top_menu > li:hover a{background:none; color:#333 !important;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > a {background:none; color:#333 !important;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > ul > li > a{background:none; color:#333 !important;} #top_menu_2 ul#menu.all_top_menu > li > ul li a:hover{background:none; color:#333 !important;} #top_menu_2 ul#menu.all_top_menu > li:hover > ul{display:block !important; position:relative; top:0px; min-width:auto; z-index:2;} /* Target all Firefox */ @-moz-document url-prefix() { #top_menu_2 ul#menu.all_top_menu > li:hover > ul{display:block !important; position:relative; top:0px; min-width:auto; z-index:2;} } #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child > ul > li:first-child a{border-radius:0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child > ul > li:last-child a{border-radius:0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > i{color:#333;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > ul > li > a{background: #fff; /* Для старых браузров */ background: linear-gradient(to left, #feae00, #ff6300); color:#333;} .menu-top-wrap nav.menu-top ul.all_top_menu li a{color:#333; padding:5px 7px; font-size:17px; text-decoration:none; border-radius:0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > ul > li > a{background: none;} #top_menu_2 ul#menu.all_top_menu li.menu-parent:first-child {margin-top:0px;} #top_menu_2 ul#menu.all_top_menu li.menu-parent {margin-top:20px;} #top_menu_2 ul#menu.all_top_menu li.menu-parent > a{color: #fff !important; background:#246581 !important;} #top_menu_2 ul#menu.all_top_menu li.menu-parent > a:hover{color: #fff !important;} /*************/ /*#top_menu_2 ul#menu.all_top_menu > li > ul li > i{position: absolute; top: 10px; right: 10px; z-index: 1;}*/ #top_menu_2 ul#menu.all_top_menu li.menu-parent {margin-top:0px;} #top_menu_2 ul#menu.all_top_menu > li > ul > li.parent_child:hover > ul{display:none !important; } #top_menu_2 ul#menu.all_top_menu > li > ul > li i{display:none !important; } .menu-top-wrap nav.menu-top ul.all_top_menu li a:hover{color:#333; background-color:#fff;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul{display:block; background:#fff; padding:10px 3px; border:none; text-align:left; width:auto; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:20; margin:0px;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul li{display:block; margin:0; line-height:1.1;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul li:last-child{margin:0px;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul a{ display:block; padding:5px 10px; border-radius:0px; color:#000;} .menu-top-wrap nav.menu-top ul.all_top_menu li ul a:hover{ background:#333;} .menu-top-wrap nav.menu-top ul.all_top_menu > li:hover a{color:#333; background-color:#fff;} .menu-top-wrap nav.menu-top ul.all_top_menu > li:hover ul{display:block !important; position:relative; top:0px; min-width:200px; z-index:2;} /*************/ #slider_partners .owl-nav button.owl-prev {left: 0px;} #slider_partners .owl-nav button.owl-next {right: 0px;} #slider_sertificat .owl-nav button.owl-prev{left:0px;} #slider_sertificat .owl-nav button.owl-next{right:0px;} .baner-info .baner_info_big {text-align: center;} .baner-info .baner_info_big h1{text-align:center;} .baner-info .baner_info_big .big_text{text-align:center;} .inf_sl_forma{float: none; margin: 50px auto;} .wrapper_usugi_main .uslugi_2_main img{margin-bottom:0px;} .simple_4_shaga .col-md-3{float: left; width: 100%;} .simple_4_shaga .col-md-3 img{float:left; margin:0px 25px 25px 0px;} .simple_4_shaga .col-md-3 ul{float:left;} .simple_4_shaga .col-md-3 p.zag_red > i{position:relative;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4{float:left; width:100%;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4 > div{float:left;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-5 img{width:auto;} /*.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4 > div.col-md-5{float:left;}*/ .stoimost_rabot_prod > .col-md-4{width:500px; margin-bottom: 30px;} .stoimost_rabot_prod .center_block_rabot{top:0px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram{width: 380px; height: 220px; top: -50px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram::after{width: 440px; height: 200px;} .stoimost_rabot_prod > .col-md-4.center_block_rabot_wr::before{top:100%;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3{text-align:center;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 img{width:auto;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 p{top: -100px; font-size: 16px; display: block; margin: 0px auto; width: 200px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after{top: -60px; right: 43%;} .count_zakaz .text_left {left:0px; top: 0px;} .count_zakaz .text_left .yellow_backgr{margin-top: 30px; margin-bottom: 30px; width: 450px;} .count_zakaz .text_left .yellow_backgr p{font-size:24px;} .count_zakaz .text_left .yellow_backgr p strong{font-size:30px;} .count_zakaz .text_left p{padding-left:20px;} .count_zakaz .count_zakaz_1 img{right:-20px;} .count_zakaz .container > .col-md-6 > .col-md-3 {float: right; margin-right: 50px;} .count_zakaz .container > .col-md-6.three {float: left;} .count_zakaz .container > .col-md-6.three p.h2 {font-size: 30px;} .count_zakaz .container > .col-md-6.fore {float: right; width: 400px;} .count_zakaz .container > .col-md-6.fore .circles{float: left; margin-right: 50px; margin-bottom: 0px;} .count_zakaz .container > .col-md-6.fore p.h2.text_left{margin-top: 50px;} .count_zakaz .clear{margin: 40px 0px;} .wrapper_know_skvazhina h2 {margin-bottom:0px;} .wrapper_know_skvazhina .col-md-6.text-align-left {margin-bottom:100px; text-align:center;} .wrapper_know_skvazhina .col-md-6.text-align-left:last-child {margin-bottom:0px;} .wrapper_know_skvazhina .col-md-6 > img{width:auto;} .wrapper_know_skvazhina .col-md-6 .spoller{width: 570px; margin: 0px auto;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span::after{left: -260px; border-top: 35px solid #ffe46b; border-left: 280px solid transparent; border-right: 280px solid transparent;} .wrapper_know_skvazhina .col-md-6 .spoller .wrapper_spoller_intro{position:relative;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3{background: #fff; padding: 20px 0px; margin-bottom: 20px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3::before{display:none;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.one_div > div{top:0px;} .fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img .col-md-3.four_div > div {left: 0px; top: 0px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item{padding-bottom: 20px;} .wrapper_calc > h2 {font-size:22px;} .wrapper_calc > h2 i {width: 100px;} .wrapper_calc .ul_list_number li span.li_list_number{float: none; display: block;} .wrapper_calc .ul_list_number li > div.selected_red span.li_list_number{float: none; display: block;} .wrapper_calc .ul_list_number li span.li_list_number_text{margin-left: 0px; float: none; display: block; width: 100%; clear: both; margin-top: 10px;} .wrapper_calc .body_calc h3{font-size:24px;} .wrapper_calc .body_calc #shag2 > ul{margin: 0px; padding: 0px; width: 100%;} .wrapper_calc .body_calc #shag2 > ul li{display:inline-block; margin:5px;} .wrapper_calc .body_calc #shag3 > div{margin: 0px; margin-bottom: 0px; width: 100%; border-bottom: 1px solid #939393; margin-bottom: 30px;} .wrapper_calc .body_calc #shag3 > div label{padding: 20px; min-height: auto;} .wrapper_calc .body_calc #shag5 > div .info_raschet img{width:200px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma{padding:0px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p input{width:80%;} .wrapper_calc .body_calc #shag5 > div h2{font-size: 24px;} .wrapper_calc .body_calc #shag5 > div h2 span{font-size:26px;} .joomcatalroman_category .filter_category .filter_items.text_right {text-align: left;} .joomcatalroman_category .filter_category .filter_items ul{margin:0px !important;} .filter_category .filter_items.text_right ul{margin:0px !important;} .category-list .cat-items .category_articles .item_article{width: 100%; margin: 10px; display: block; float: none; text-align: center; margin-bottom: 30px;} .joomcatalroman_category .joomcatalroman_list_products {margin-top: 20px;} .joomcatalroman_category .item > div {text-align:center; margin-bottom:30px; border: 1px dashed #ccc;} .joomcatalroman_list_products .item.padding_right_40{padding: 0px;} .joomcatalroman_category .item .image{width:100%;} .joomcatalroman_category .item img {width: auto; max-width: 250px; margin-bottom: 20px;} .joomcatalroman_category .item .content ul li{font-size:16px;} .joomcatalroman_category .item .content ul li strong{float:none; padding-left: 10px;} .joomcatalroman_category .item .content .detail_product{max-width: 350px; margin: 10px auto;} .joomcatalroman_product_detail {padding-top: 0px;} .joomcatalroman_product_detail > .container{padding:0px;} .joomcatalroman_product_detail .images_mini .col-md-3{height: 70px;} .joomcatalroman_product_detail .col-md-6.main_img{text-align:center;} .joomcatalroman_product_detail .col-md-6.main_img img{width: 100%; max-width: 600px;} .joomcatalroman_product_detail .col-md-6.main_img img{width: 100%; max-width: 600px;} .joomcatalroman_product_detail .col-md-9 > .row {text-align:center;} .joomcatalroman_product_detail .col-md-9 > .row.content_desc_product {text-align:left;} .joomcatalroman_product_detail .price_product {margin-top: 30px;} .joomcatalroman_product_detail .attributs_preview ul{width:100%; text-align:center;} .joomcatalroman_product_detail .attributs_preview ul li strong {float: none; padding-left: 10px;} .joomcatalroman_product_detail .images_mini .col-md-3 {height: 300px;} .joomcatalroman_product_detail .content_desc_product {margin-top:20px;} .joomcatalroman_product_detail .similar_products .sim_img img {width: 100%; max-width: 250px;} #wrapper-call-back-maxi_2 #wrapper_info_img_2 {float: left;} #footer .container > div{width:auto; float: left; margin-bottom: 10px;} #footer .container .footer-contacts {background: #071927; margin: 0px auto; float: none; clear: both; width: 400px;} #footer .container .footer-contacts .copiryte{padding-bottom:10px;} .thanks_wrapper .thanks_info .col-md-6{display:block !important; text-align:center;} .thanks_wrapper .thanks_info .left_tanks h1{padding-top:0px;} .thanks_wrapper .thanks_info .left_tanks img.ruka_thenks{top: 30px;} .thanks_wrapper .thanks_info .left_tanks p.link_main{bottom:0px;} .thanks_wrapper .thanks_info .right_tanks div#vk_groups {width: 100% !important;} .thanks_wrapper .thanks_info{margin-top:50px;} .thanks_wrapper .thanks_info .right_tanks{margin-bottom:50px;} .wrapper_calc.calcpro .nav_calc #mini_info{ /*display:block !important;*/ display:block; width:100%; height:300px; } .wrapper_calc.calcpro .nav_calc #mini_info p{ margin-bottom:5px; } .wrapper_calc .nav_calc{ padding-top:300px; } .wrapper_calc.calcpro .body_calc #shag4 > div{ text-align:center; } #footer .dop_ifa{ width: 100%; margin-top: 0px !important;} } @media screen and (max-width: 990px) { .wrapper_calc .ul_list_number li span.li_list_number_text {font-size:13px;} /*.wrapper_calc .body_calc #shag1 > div label::before {left: 20px;}*/ .wrapper_calc .body_calc #shag1 > div span {margin-left: 70px;} .wrapper_calc .body_calc #shag2{text-align:left;} .wrapper_calc .body_calc #shag2 > ul {display:block; float:left;} .wrapper_calc .body_calc #shag2 > ul li {display:inline-block;} .wrapper_calc .body_calc #shag3 > div {margin: 20px 30px;} .wrapper_calc .body_calc #shag5 > div .info_raschet .img {display:none;} .wrapper_calc .body_calc #shag5 > div .info_raschet {width: 54%;} .wrapper_calc .body_calc #shag5 > div .forma_rachet{width: 45%;} .wrapper_calc .body_calc #shag5 > div h2{font-size:28px;} .wrapper_calc .body_calc #shag5 > div h3{font-size:26px;} .wrapper_calc .body_calc #shag5 > div .info_raschet p {font-size:16px;} } @media screen and (max-width: 940px) { .calculator_mob{right: 200px;} } @media screen and (max-width: 850px) { .calculator_mob{right: 150px;} } @media screen and (max-width: 800px) { #call_back_modal_form_maxi{left:24%;} } @media screen and (max-width: 767px) { /* Оптимизация */ .count_zakaz, .need_help, .wrapper_know_skvazhina, .fon-vodosnabjenie-main, .wrapper_our_partners, .wrapper_our_sertificat, .fon-gallary-slider-mini{ display: none; } /* \\END Оптимизация */ .wrapper_calc.calcpro .body_calc{min-height: 420px;} .wrapper_calc.calcpro #map{height:350px;} #header{height:auto;} .logo img{width:120px;} .center-header{width:70%;} .header-right{float: none; width: 100%; margin: 80px 0px; clear: both;} #header .mob_tel{background: #eff3f5; padding: 10px 0px;} #header .mob_tel .time_mob{line-height: 16px; font-size: 14px;} #header .mob_tel a.call_back_modal {padding: 5px 10px 5px 0px; background: #d20001; color: #fff; border-radius: 5px; font-family: 'Rubik_medium', sans-serif;} #header .mob_tel .phone_top{font-size:16px;} #header .mob_tel .phone_top span{font-size:16px;} .calculator_mob{right: 80px;} .top_menu{position:relative;} .top_menu.top_mini{position:relative;} header#header{padding-top:0px;} .top_menu .navbar.navbar-default{width:100%;} .top_menu.top_mini span#top_phone_mini{position: absolute; top: 10px; margin: 0 auto; float: left; right: 40%;} .container-fluid > .navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{padding:0px; margin:0px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li {margin: 0px;} /*.top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li a{padding: 5px;} .top_menu .navbar.navbar-default {padding:0px; float:left;} .top_menu .navbar.navbar-default .container-fluid{padding:0px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse{padding:0px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li {margin: 0px 3px;} .top_menu .navbar.navbar-default .container-fluid .collapse.navbar-collapse ul.nav.menu.navbar-nav li a{font-size:13px;} .top_menu.top_mini span#top_phone_mini{display:none;} .top_menu.top_mini .navbar.navbar-default{float:left;} */ #modul_fix_links{display:none !important;} .top_menu {height:auto;} .top_menu ul.nav.menu.navbar-nav{text-align:center;} .top_menu ul.nav.menu.navbar-nav li{display:block;} .top_menu ul.nav.menu.navbar-nav li:last-child a{border:none;} .top_menu ul.nav.menu.navbar-nav li a{min-height:50px;} /*.top_menu_2 {display:block; background-color: #f6f6f6;} #top_menu_2 .menu-top-main{text-align:left;} #top_menu_2 ul#menu.all_top_menu {display: block; margin: 0px; padding: 0px; width: 100%; border-collapse: collapse;} #top_menu_2 ul#menu.all_top_menu li{display: block; margin-left: 0px; border: 1px solid #e3e3e3; border-collapse: collapse;} #top_menu_2 ul#menu.all_top_menu li a{display: block; min-height: 50px;} #top_menu_2 ul#menu.all_top_menu li:first-child{border: none;} #top_menu_2 ul#menu.all_top_menu li:last-child{border: none;} #top_menu_2 ul#menu.all_top_menu li ul{display: block; background: #868686; padding: 10px 30px; text-align: left; width: 100%; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 4px 6px; box-shadow: rgba(0,0,0,0.2) 0px 4px 6px; margin: 0px;} #top_menu_2 ul#menu.all_top_menu li ul li{display: block; margin: 0px; border: none;} #top_menu_2 ul#menu.all_top_menu li ul li a{display: block; padding: 5px 10px; color: #fff !important; background-color: #868686 !important; min-height: 30px;} #top_menu_2 ul#menu.all_top_menu > li:hover ul{display:block !important; position:inherit; top:0px; width:100%; z-index:100;} */ #contentarea{margin-top:-35px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li img{margin:0px 10px;} #modul_fix_links_off{display:none;} #modul_fix_links {display:none;} .parallax_div > div{background: url(/images/mob-fon.jpg) no-repeat center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .fon-stoimost-skvajiny-main{background: url(/images/mob-fon.jpg) no-repeat !important;} .fon-vodosnabjenie-main > div.custom{background: url(/images/mob-fon.jpg) no-repeat !important;} .fon-article-header h1{font-size:32px; padding: 40px;} #wrapper2{margin-top:40px;} h1{font-size:28px;} .h1{font-size:28px;} .wrapper_calc .body_calc #shag2 {text-align: left; height: 400px; overflow: auto;} .category-list .cat-items .category_articles .item_article ul li{margin-bottom: 5px;} } @media screen and (max-width: 750px) { .wrapper_calc .body_calc #shag5 > div .info_raschet {display:block; width:100%;} .wrapper_calc .body_calc #shag5 > div .forma_rachet {display:block; width: 100%; margin: 0 auto; border: none;} .wrapper_calc .body_calc #shag5 > div .forma_rachet h2{margin-top:0px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet h3{margin-bottom:0px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet p{width: 60%; margin: 10px auto;} } @media screen and (max-width: 740px) { .fon-stoimost-skvajiny-main .stoimost-skvajiny .top_treug_left {display:none; padding-bottom: 30px;} .stoimost-skvajiny .inf_sl_forma {margin-bottom: 0px; padding-bottom:30px;} #footer .container .col-md-3 {padding-top: 15px; padding: 15px 0px;} } @media screen and (max-width: 735px) { #call_back_modal_form_maxi{left:30%; width: 500px;} #wrapper-call-back-maxi #wrapper_info_img{width: 90px; position: absolute; float: right; margin-right: 0px;} #wrapper-call-back-maxi .wrapper_input{margin-right:0px;} #wrapper-call-back-maxi button.zakaz-call-back{margin:0px;} .etap-bur{text-align:center;} .etap-bur .item{display: inline-block; float: none; width:220px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:100px; padding:0px;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div img{width: 70px; margin-top: -15px;} .category-list .cat-items .category_articles .item_article{width: 80%; display: block; float: none; margin: 10px auto;} .fon-gallary-slider-mini{margin-bottom:20px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul {text-align:left;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{display: block; width: 100%; text-align: left; padding-left: 13%; margin: 10px 0px;} } @media screen and (max-width: 720px) { .wrapper_calc .ul_list_number li span.li_list_number{display: block; float:none; width:100%;} .wrapper_calc .ul_list_number li span.li_list_number_text{display: block; float:none; width:100%; text-align:center;} .wrapper_calc .body_calc #shag1 > div span{width: 50%; font-size: 16px;} .wrapper_calc .body_calc #shag3 > div{margin: 20px;} .wrapper_calc .body_calc #shag3 > div label{font-size:14px; min-height: 220px;} .wrapper_calc .nav_calc span.right{width:240px;} .wrapper_calc .nav_calc span.left{width:240px;} .wrapper_calc .body_calc #shag4 .row{width:100%;} } @media screen and (max-width: 700px) { .wrapper_calc .ul_list_number::after{left:20px;} .wrapper_calc > h2 i {display: none;} } @media screen and (max-width: 650px) { .count_zakaz .count_zakaz_1 img{display:none;} .count_zakaz .text_left .yellow_backgr{width:100%;} #footer .container > div{width:100%; text-align:center;} #footer .container .h3{text-align:center;} #footer .container ul li a i{display:none;} #footer .container .footer-contacts ul li i{display:none;} #footer .container ul.pagination li a i{display:inline-block !important;} #footer .container ul.pagination{margin-top:20px; width: 100%;} } @media screen and (max-width: 640px) { .header-right{margin: 190px 0px 80px 0px;} .baner-info .container .girl-baner-info{display:none;} .gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:150px; margin-bottom:20px;} .fon-gallary-slider-mini{margin-bottom:50px;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:200px;} } @media screen and (max-width: 630px) { .simple_4_shaga .col-md-3 ul {width:300px;} .wrapper_know_skvazhina .col-md-6 > img{width:100%;} .wrapper_know_skvazhina .col-md-6 .spoller{width:100%;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span::after { left: -230px; border-top: 35px solid #ffe46b; border-left: 250px solid transparent; border-right: 250px solid transparent; } #wrapper-call-back-maxi_2 p.input_p span{display:none;} #wrapper-call-back-maxi_2 p.input_p input{border-left:2px solid #9b9b9b; border-radius:3px;} } @media screen and (max-width: 600px) { /*#header .container > div.logo{margin-top: -45px;}*/ #header .logo img{width: 292px; height: auto;} .wrapper_calc .body_calc #shag3 > div {width:25%; margin:10px;} #header .mob_tel a.call_back_modal i {display:none;} .fon-stoimost-skvajiny-main .stoimost-skvajiny .top_treug_right{display:none;} .stoimost-skvajiny .inf_sl_forma{padding-top:30px;} .stoimost-skvajiny .inf_sl_forma{width:100%; padding-left:20px; padding-right:20px;} .stoimost-skvajiny .inf_sl_forma div.forma_zayavki input{width:100%;} .stoimost-skvajiny div.forma_zayavki > p > button.zakaz_zayavki{width:100%;} .wrapper_know_skvazhina .col-md-6.text-align-left {padding: 0px;} .stoimost_rabot_prod > .col-md-4 {width: 100%;} .stoimost_rabot_prod .center_block_rabot {top: 0px; overflow: hidden;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .bottom_y_parallelogram { width: 200px; height: 160px; left: 50px; bottom: 0px; } .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4 > div {float: none; text-align: center;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4:hover::after{display:none !important;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main .col-md-4::after{display:none;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after {right: 42%;} #wrapper-call-back-maxi_2 #wrapper_info_img_2{display:none;} #wrapper-call-back-maxi_2 .wrapper_input.col-md-6{text-align:center;} } @media screen and (max-width: 590px) { .simple_4_shaga .col-md-3 img {float: left; margin: 0px 25px 25px 0px; width: 150px;} } @media screen and (max-width: 550px) { #call_back_modal_form_maxi{left:38%; width: 400px;} #wrapper-call-back-maxi #wrapper_info_img{display:none;} #wrapper-call-back-maxi .wrapper_input{float:none;} #wrapper-call-back-maxi .wrapper_input > div{text-align:center !important;} #wrapper-call-back-maxi button.zakaz-call-back{margin:0px;} #wrapper-call-back-maxi p.gray{font-size:10px;} #header .container > div.logo{float:left;} #header .mob_tel > div.time_mob{margin-left:0px; margin-right:0px;} .baner-info{min-height:auto;} .baner-info .container{min-height:auto;} .category-list .cat-items .category_articles .item_article{width: 100%; margin: 20px auto;} .fon-gallary-slider-mini{display:none;} .fon-gallary-landing-artez{display:none;} .inf_sl_forma{width:100%;} .glubina-vody-v-podmoskovie .item{display:block; padding:20px; width:100%;} .glubina-vody-v-podmoskovie .item table{width:100%;} .etap-bur .item{width:200px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet p{width: 90%;} .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span::after { left: -175px; border-top: 35px solid #ffe46b; border-left: 200px solid transparent; border-right: 200px solid transparent; } .simple_4_shaga .col-md-3 img {width: 100px; margin: 0px 10px 10px 0px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after {right: 41%;} .wrapper_calc .nav_calc span.right{font-size:12px;} .wrapper_calc .nav_calc span.left{font-size:12px;} #footer .container .machine-footer{width:150px;} } @media screen and (max-width: 520px) { .stoimost-rabot .item{display:block; margin:10px 0px; margin: 10px auto; width: 70%;} .thanks_wrapper .thanks_info .left_tanks img.ruka_thenks{display:none;} .thanks_wrapper .thanks_info .col-md-6{padding:20px;;} .thanks_wrapper .thanks_info .left_tanks{padding-bottom:50px;} } @media screen and (max-width: 500px) { .wrapper_calc.calcpro #shag2 .type_truba ul li, .wrapper_calc.calcpro #shag2 .type_bur ul li { text-align: center; margin-bottom: 25px;} .wrapper_calc.calcpro #shag2 .type_truba ul li label, .wrapper_calc.calcpro #shag2 .type_bur ul li label{ display: block;} .wrapper_calc.calcpro #shag2 .type_truba ul li img, .wrapper_calc.calcpro #shag2 .type_bur ul li img{ display: inline-block;} .wrapper_calc.calcpro #shag2 .type_truba ul li label span, .wrapper_calc.calcpro #shag2 .type_bur ul li label span {display: block; margin-left: 0; font-size:16px;} .wrapper_calc .body_calc #shag4 p {text-align:left;} .wrapper_calc .body_calc #shag4 .mob_center {text-align:center; text-transform: inherit !important;} .wrapper_calc .body_calc #shag4 .mob_center span{text-transform: inherit !important;} .wrapper_calc.calcpro .body_calc{min-height: 445px;} .wrapper_calc.calcpro .nav_calc{padding-top: 337px;} .wrapper_calc.calcpro .nav_calc #mini_info{height: 345px;} .logo{float:none; width:100%;} .center-header{float:none; width:100%;} .header-right{float:none; width:100%; margin:20px 0px 70px 0px;} #header .mob_tel a.call_back_modal{width:150px;} .baner-info h1{text-align:center; margin-right:0px;} .baner-info .inf_sl_forma{float:none; margin:0 auto; width:90%; margin-bottom:50px;} .uslugi-main .item-uslugi-main > a{width:60%;} .uslugi-main .item-uslugi-main > a i{font-size:18px;} .fon-our-works-main div.item{display:block; width:100%;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:180px;} .etap-bur .item{width:60%; min-height:auto;} /*.wrapper_calc .body_calc #shag1 > div.left_div {display: block; padding: 20px; float: none; width: 100%;} .wrapper_calc .body_calc #shag1 > div label img{width:40%;} .wrapper_calc .body_calc #shag1 > div.right_div{display: block; padding: 20px; float: none; width: 100%;} .wrapper_calc .body_calc #shag1 > div span {width:70%;}*/ .wrapper_calc .body_calc #shag1 > div.left_div::before{display:none;} .wrapper_calc .body_calc #shag3 > div{width: 90%;} .wrapper_calc .body_calc #shag3 > div label {display:block; font-size: 18px;} .wrapper_calc .body_calc #shag3 > div img {width:30%;} .wrapper_calc .body_calc #shag3 > div label {min-height: auto; padding: 5px;} .wrapper_calc .nav_calc span.left{width:150px;} .wrapper_calc .nav_calc span.right{width:150px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after {right: 40%;} /*.wrapper_calc .body_calc #shag1 > div.left_div label::before{right:50%;} .wrapper_calc .body_calc #shag1 > div.left_div span{float:none;} .wrapper_calc .body_calc #shag1 > div.right_div label::before{left:50%;} .wrapper_calc .body_calc #shag1 > div.right_div span{float:none;} .wrapper_calc .body_calc #shag1 > div.left_div::before {width: 100%; height: 1px; background: #da0d2b; display: block; position: absolute; right: 0px; top: 100%;} .wrapper_calc .body_calc #shag1 h3{margin-top: 0px; margin-bottom: 30px;} .wrapper_calc .body_calc #shag1 > div label::before{top: 50px !important;} .wrapper_calc .body_calc #shag1 > div.right_div span{margin-top: 90px;} .wrapper_calc .body_calc #shag1 > div.left_div span{margin-top: 90px;}*/ .wrapper_calc .body_calc #shag1 img{display:none;} .wrapper_calc .body_calc #shag1 > div.left_div span{float:none;} .wrapper_calc .body_calc #shag1 > div.right_div span{float:none;} .wrapper_calc .nav_calc span.right i{right: 10px; bottom: 20px;} .wrapper_calc .nav_calc span.left i{left: 10px; bottom: 80px 20px;} .wrapper_calc .body_calc #shag4 .row {margin-bottom: 20px; padding: 20px;} .wrapper_calc .body_calc #shag1 {min-height: 350px;} .wrapper_calc .body_calc #shag1 > div.left_div label::before{right: 45%;} .wrapper_calc .body_calc #shag1 > div span {width: 100%; font-size: 14px;} .wrapper_calc .body_calc #shag1 > div.right_div label::before {left: 40%;} .wrapper_calc .body_calc #shag1 > div.right_div span {width: 100%; font-size: 14px;} .wrapper_calc .ul_list_number li > div{min-height:128px;} .fon-article-header h1{font-size:28px; padding: 30px;} .joomcatalroman_product_detail .content_desc_product > ul.nav.nav-tabs{display:none;} .tab-content > .tab-pane{display: block; opacity: 1; border-top: 2px solid #ccc; padding: 30px 0px;} .count_zakaz .col-md-6.one{text-align:center;} .count_zakaz .col-md-6.one > div{float: none !important; margin: 20px 0px; padding: 0px; text-align:center; margin-right: 0px !important;} .count_zakaz .count_zakaz_1 p{text-align:center;} } @media screen and (max-width: 480px) { /*.wrapper_calc.calcpro .body_calc{min-height: 445px;}*/ .wrapper_calc.calcpro .nav_calc{/*padding-top: 367px;*/ padding-top: 370px;} .wrapper_calc.calcpro .nav_calc #mini_info{height: 375px;} } @media screen and (max-width: 470px) { .thanks_wrapper .thanks_info .right_tanks{display:none !important;} .thanks_wrapper{min-height: auto !important; height:auto; padding-bottom:50px;} .wrapper_calc.calcpro .body_calc {min-height: 368px;} } @media screen and (max-width: 455px) { #call_back_modal_form_maxi {left: 50%; width: 300px; top: 30% !important;} #wrapper-call-back-maxi p{font-size:13px;} #wrapper-call-back-maxi p.p-zag{font-size:18px;} #wrapper-call-back-maxi p.input_p input{width:150px;} #header .mob_tel > div{margin: 0px; padding: 0px 10px;} .fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:90%; margin:0px 0px 10px 0px;} .etap-bur .item{width:75%;} .glubina-vody-v-podmoskovie .item{padding:5px;} .fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{padding-left:0px;} .preimushestva-bur-izvestnyak{margin:10px 0px;} h2 {font-size:25px;} } @media screen and (max-width: 450px) { .wrapper_know_skvazhina .col-md-6 .wrapper_spoller_intro > span::after { left: -130px; border-top: 35px solid #ffe46b; border-left: 150px solid transparent; border-right: 150px solid transparent; } .simple_4_shaga .col-md-3 {margin-bottom: 20px;} .wrapper_calc .body_calc #shag2 > ul li {display: block; text-align: center;} .wrapper_calc .body_calc #shag3 > div {width: 100%; margin:10px 0px; padding:0px; border:none;} .wrapper_calc .body_calc #shag3 > div img {display: none;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after{right: 38%; top: -65px;} h1{font-size:28px !important;} .baner-info .baner_info_big h1{font-size:28px;} .big_text{font-size:28px !important;} .baner-info .baner_info_big .big_text{font-size:28px;} .stoimost_rabot_prod .center_block_rabot > a.blue{font-size:28px;} .wrapper_calc > h2{font-size:20px;} #footer .container .footer-contacts{width:100%;} } @media screen and (max-width: 430px) { .wrapper_calc .ul_list_number li > div {height:132px;} .wrapper_calc .body_calc #shag5 > div .forma_rachet p{width: 100%;} #header .mob_tel > div {padding:0px 5px;} #header .mob_tel .call_back_mob {width: 80%;} #header .mob_tel a.call_back_modal {width: 80%; padding: 10px 0px; line-height: 12px;} } @media screen and (max-width: 420px) { /*.wrapper_calc {display:none;}*/ .wrapper_calc .ul_list_number li{display: table-cell; width: auto;} .wrapper_calc .ul_list_number li > div {height:auto; min-height:auto; padding: 10px;} .wrapper_calc .ul_list_number li > div .li_list_number_text{display:none;} .wrapper_calc .ul_list_number::after{width:80%;} } @media screen and (max-width: 400px) { #header .container > div.logo {top: 15px;} #header .logo img{width: 185px;} #header > .container{padding:0px 2px;} #header .mob_tel .time_mob{font-size:12px;} header#header {padding-top: 0px; width: 100%;} #header > .container{padding:0px;} #header .mob_tel {width: 100% !important; margin-left: 0px;} #win2 .dm-modal p.p-zag{line-height: 25px;} #win2 .dm-modal #call-back-maxi_2 .info_text{font-size:14px;} #win2 .dm-modal #call-back-maxi_2 .input_p span{display:none;} #win2 .dm-modal #call-back-maxi_2 .input_p input{width: 100%; border-left: 2px solid #9b9b9b; border-radius: 3px;} .vodosnabjenie-main .preimuchestva-img {padding:0px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3::after{display:none;} h2{font-size:28px;} .h2{font-size:28px;} .wrapper_usugi_main p.h2{font-size:28px;} .wrapper_usugi_main .uslugi_2_main .name_pr{font-size:26px;} .stoimost_rabot_prod .wrapper_vkluch > .col-md-3 img{width:100%;} .count_zakaz .text_left{padding:0px;} .count_zakaz .text_left p {padding: 10px;} .stoimost_rabot_prod .center_block_rabot > p.gray_text_name{padding-left:0px;} .stoimost_rabot_prod .center_block_rabot .name_pr_rabot {margin-top: 15px;} .wrapper_calc.calcpro .nav_calc{/*padding-top: 367px;*/ padding-top: 435px;} } @media screen and (max-width: 390px) { .wrapper_calc.calcpro .nav_calc #mini_info { height: 435px; } .wrapper_calc.calcpro .nav_calc span.left { width: 137px; } } @media screen and (max-width: 350px) { .fon-category-articles-header h1{width:90%; font-size:24px;} h1{font-size:24px;} .stoimost_rabot_prod h2{font-size:24px; margin: 20px 0px; margin-bottom: 20px; margin-bottom: 40px;} .uslugi-main .item-uslugi-main > a{width:70%;} .stoimost-rabot .item{width:90%;} .etap-bur .item{width:85%;} .glubina-vody-v-podmoskovie .item{margin:10px 0px; padding:2px;} .glubina-vody-v-podmoskovie .item table tr td{padding:5px;} .category-list .category-desc{margin:20px 0px;} .category-list .cat-items .category_articles{padding:10px;} .wrapper_know_skvazhina .container{padding:0px;} .baner-info .inf_sl_forma{width:100%;} .simple_4_shaga .col-md-3 img{display:none;} .simple_4_shaga .container {padding:0px;} .stoimost_rabot_prod .center_block_rabot .new_img_transform .top_y_parallelogram{top: -10px;} .category-list .cat-items .category_articles > div{padding:0px;} .fon-article-header h1{font-size:24px !important; padding: 20px;} .count_zakaz .container > .col-md-6.three p.h2 {text-align: center;} .count_zakaz .text_left{text-align:center;} .count_zakaz .container > .col-md-6.fore {width: 100%; text-align: center;} .count_zakaz .container > .col-md-6.three {float: none;} .count_zakaz .container > .col-md-6.fore .circles{float:none; margin-right: 0px;} .count_zakaz .container > .col-md-6.fore .circles .second.circle{margin: 0px auto; margin-right: 20px;} .count_zakaz .container > .col-md-6.fore p.h2.text_left {margin-left: 0px; text-align: center !important;} #footer .container .machine-footer{width:120px;} #footer .container{padding:0px;} #footer .container .footer-contacts a.call_back_modal{width: 80%; margin: 20px auto;} #footer .container ul{margin-left:0px; width: 230px; text-align: left; margin: 20px auto; padding-left: 25px;} #footer .container ul li{color:#bed8e7; font-size:15px;} #footer .container ul li i{display: block !important;} #footer .container .h3 {font-size: 24px;} } @media screen and (max-width: 320px) { .stoimost_rabot_prod .center_block_rabot .red_price {line-height: 30px;} .stoimost_rabot_prod .gray-block a.blue {margin-bottom: 20px;} } /* ЯНДЕКС КАРТА */ #map { float: left; width: 100%; height: 500px; } .ballon { background-color: #0f5194; padding:10px; width: 370px; height: 95px; float: left; text-align: left; color: #fff; position: absolute; border-radius: 5px; } .ballon img.ll { float: left; width: 60px; height: 60px; margin: 0 5px 5px 0; border-radius: 25px; } .ballon span { font-size: 14px; font-weight: bold; } .ballon p { font-size: 14px; } .ballon .close { position: absolute; float: left; font-size: 15px; font-weight: bold; top: 0; right: 0px; cursor: pointer; margin: 3px; } .ballon .close:hover { color: #ccc; } .text1 img {magin: 2px 10px 10px 2px;} .pricel{color: #fff; font-size: 20px; text-align: center; font-style: italic;} .ballon1{ background-color: #0f5194; padding: 10px; width: 370px; height: 150px; float: left; text-align: left; color: #fff; position: absolute; border-radius: 5px; z-index: 1000; top: 0px; left: 0px; font-size:14px; } .ballon2 img.ll { float: left; width: 60px; height: 60px; margin: 0 5px 5px 0; border-radius: 25px; } .ballon2 span { font-size: 14px; font-weight: bold; display:inline-block; margin-bottom:10px; } .ballon1 p { font-size: 14px; } .green-block { height: 100%; border: 2px dashed #3cb868; border-radius: 10px; padding: 10px; } .yel-block { height: 100%; border: 2px dashed #ffcd00; border-radius: 10px; padding: 10px; } .green-block2 { height: 100%; border: 1px dashed #3cb868; border-radius: 0px; padding: 20px 10px; font-size: 16px; padding-left: 60px; min-height:238px; } .green-block2 i.fa{ position: absolute; left: 35px; font-size: 22px; } .blue-block { height: 100%; border: 2px dashed #295271; border-radius: 10px; padding: 10px; } .pi-block { height: 100%; border: 1px dashed #4e4e4e; border-radius: 2px; padding: 10px; } .red-block { height: 100%; border: 2px dashed #ed001f; border-radius: 10px; padding: 10px; /*min-height:238px;*/ } .red-block2 { height: 100%; border: 1px dashed #ed001f; border-radius: 0px; padding: 20px 10px; font-size: 16px; padding-left: 60px; } .red-block2 i.fa{ position: absolute; left: 35px; font-size: 22px; } .w-text{color: #fff; font-size: 50px; text-align: center; font-weight:700;} .w-stext{color: #fff; font-size: 30px; text-align: center; font-weight:500;} .sale-price{color: #FECE00; font-size: 30px; text-align: center; font-weight:700;} .cont-img{ width: 99%; border-radius: 10px; margin-bottom: 15px; } .icon-img{ width: 100%; border-radius: 3px; } .min-h-100 {min-height:100px;} .min-h-110 {min-height:110px;} .min-h-115 {min-height:115px;} .min-h-120 {min-height:120px;} .min-h-200 {min-height:200px;} .whitef{background: #fff;} .grayf{background: #f8f8f8; padding: 30px 0px; float:left; width:100%;} .div_full{float:left; width:100%;} .more-price{color:#005276; text-decoration: none; font-size: 14px; border-bottom:1px dashed #fff;} .more-price:hover{color:#005276; text-decoration: none; border-bottom:1px dashed #005276;} .f-bold{font-family: 'Rubik_bold';} .yel-button {background-color: #ffdc2e; border-radius: 25px; padding: 15px 40px; color: #000;} .yel-button:hover{background-color: #fff324; border-radius: 25px; padding: 15px 40px; color: #000; text-decoration: none;} .stock{color: #d80005 !important; /*background: #fff !important;*/ /*font-family: 'Rubik_bold'; font-size:16px !important; text-transform:uppercase;*/} a.stock:hover{color: #fff !important; background: #d80005 !important;}