/* Start:/local/templates/responsive/components/bitrix/search.form/.default/style.css?154151428286*/
.services .service img {
display: block;
width: 100%;
height: 196px;
}
/* End */
/* Start:/local/templates/responsive/components/custom/sale.basket.basket.line/head/style.css?15496161244565*/
.bx-basket { }
.bx-basket-block
{
position: relative;
margin:10px 0 -4px -2px;
color: #ccc;
font: 300 14px Open Sans;
float: left;
padding-left: 7px;
color: #363636;
text-decoration: none;
}
.bx-basket-block > .fa {
position: relative;
width: 14px;
color: #97a1ab;
}
.bx-basket-block a
{
margin-right: 10px;
color: #363636;
text-decoration: none;
}
.bx-basket-block a:hover{text-decoration:underline;}
/*FIXED BASKET*/
@media (min-width: 768px) {
.bx-basket-fixed {
position: fixed;
z-index: 998;
overflow: hidden;
padding-top: 10px;
width: 200px;
border: 1px solid #f0f0f0;
border-radius: 1px;
background: #fff;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.bx-basket-fixed.top { top: 10px }
.bx-basket-fixed.right { right: 10px }
.bx-basket-fixed.bottom { bottom: 10px }
.bx-basket-fixed.left { left: 10px }
.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}
@media (max-width: 767px) {
.bx-basket-fixed {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
overflow: hidden;
padding-top: 10px;
border: 1px solid #f0f0f0;
border-radius: 1px;
background: #fff;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.bx-basket-item-list { display: none; }
/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block { margin-left: 10px; }
.bx-basket-item-list {
position: relative;
overflow: hidden;
padding-bottom: 20px;
border-top: 1px solid #f7f7f7;
}
.bx-opener .bx-basket-item-list { padding-bottom: 75px; }
.bx-max-height .bx-basket-item-list {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.bx-closed .bx-basket-item-list {
overflow: hidden;
height: 20px;
}
.bx-basket-item-list-action {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 120;
padding: 3px 0;
height: 20px;
background: #f7f7f7;
color: #4f4f4f;
vertical-align: middle;
text-align: center;
font-size: 12px;
line-height: 14px;
cursor: pointer;
}
.bx-basket-item-list-button-container {
position: absolute;
right: 0;
bottom: 20px;
left: 0;
padding: 10px 0;
border-top: 1px solid #f7f7f7;
background: #fff;
text-align: center;
}
.bx-basket-item-list-container {
overflow-y: auto;
max-height: 100%
}
.bx-basket-item-list-item {
position: relative;
margin-bottom: 15px;
padding-top: 15px;
padding-right: 10px;
padding-left: 10px;
border-bottom: 1px solid #f7f7f7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
margin-bottom: 0;
border-bottom: none;
}
.bx-basket-item-list-item-status {
margin: 0 10px 20px;
padding: 3px;
border-radius: 3px;
background: #ebebeb;
text-align: center;
white-space: normal;
font-weight: bold;
font-size: 12px;
line-height: 16px;
}
.bx-basket-item-list-item-img {
position: relative;
padding-bottom: 5px;
text-align: center;
}
.bx-basket-item-list-item-img img {
max-width: 90px;
height: auto;
border: 1px solid #e6e6e6;
}
.bx-basket-item-list-item-name { padding-bottom: 5px; }
.bx-basket-item-list-item-name a {
font-size: 13px;
line-height: 16px;
}
.bx-basket-item-list-item-remove {
position: absolute;
top: -7px;
right: 10px;
width: 20px;
height: 20px;
opacity: .5;
cursor: pointer;
transition: 250ms linear all;
}
.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: 2px;
border-radius: 1px;
background-color: #333;
content: '';
transform: translate(-50%, -50%);
}
.bx-basket-item-list-item-remove:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.bx-basket-item-list-item-remove:before {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-moz-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
-o-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.bx-basket-item-list-item-remove:hover { opacity: .7; }
.bx-basket-item-list-item-price-block {
padding-bottom: 5px;
font-size: 12px;
}
.bx-basket-item-list-item-price {
display: inline-block;
margin-right: 5px;
}
.bx-basket-item-list-item-price-old {
display: inline-block;
margin-right: 5px;
color: #b0b0b0;
text-decoration: line-through
}
.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }
/* End */
/* Start:/local/templates/responsive/styles.css?17236260515181*/
.promtext {
display:inline-block;
position:relative;
}
.promtext span {
display:inline-block;
position:absolute;
top:120px;
left:0px;
/* Оформление */
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
/* Фон */
background-color:rgba(0,0,0,.4);
padding:10px 30px;
}
.f_form label
{
font: 400 14px Open Sans;
display: block;
margin: 10px 0 5px 0;
}
.f_form label.error
{
color: red;
font-size: 12px;
margin: 3px 0 5px 0;
}
.f_form input[type='text'].error
{
border-color: red;
}
.f_form input[type='text']
{
color: #000;
font: 300 11px Open Sans;
display: block;
width: 250px;
height: 34px;
margin: 0;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff none repeat scroll 0 0;
}
.f_form input[type='submit']
{
color: #fff;
font: 300 18px Open Sans;
width: 138px;
height: 38px;
padding-bottom: 2px;
cursor: pointer;
text-align: center;
border: medium none;
background: #1c1c1c none repeat scroll 0 0;
}
.f_form input[type='submit']:hover
{
background: #5a5a5a none repeat scroll 0 0;
}
.f_title
{
color: #1f8fcf;
font: 700 18px Open Sans;
margin: 15px 0;
}
.star {
color: red;
}
.radio_block
{
margin: 8px 0 0 0;
}
.radio_block label,
.radio_block input
{
float: left;
}
.radio_block label
{
font-size: 13px;
font-weight: 300;
margin: -2px 0 5px 5px;
}
.rama
{
width: 450px;
height: 195px;
padding: 10px;
border: 1px solid #d2d2d2;
border-radius: 5px;
}
.uslovie
{
position: relative;
top: -70px;
left: 150px;
display: block;
float: right;
}
.radio_block #not_need:checked + label + .clear + .uslovie
{
display: none;
}
.uslovie .radio_block
{
margin-top: 25px;
}
.uslovie .radio_block
{
margin-top: 30px;
}
.regionblock
{
color: #363636;
font: 13px Open Sans;
z-index: 999;
right: 0;
float: right;
width: 320px;
height: 25px;
margin-top: -9px;
margin-right: 80px;
margin-bottom: -25px;
}
.regionblock select
{
z-index: 9;
width: 170px;
margin-right: 47px;
margin-left: 10px;
}
.regionblock .re2
{
display: none;
}
.regionblock .re1
{
float: right;
margin-right: 60px;
cursor: pointer;
background: url(/bitrix/templates/main/images/flag.png) 0 0 no-repeat;
}
.regionblock .re1 span
{
color: #000;
margin-left: 26px;
text-decoration: none;
border-bottom: 1px dotted #000;
}
.regionblock .re0
{
float: right;
width: auto;
margin-right: 10px;
}
.inv {
display: none;
}
.podpiska {
font: 300 14px Open Sans;
margin: 15px 0;
}
ul.root-item {
margin: 15px auto;
}
@media (max-width: 768px) {
.contacts_info .item {
display: none;
}
.contacts_block div.map {
height: auto;
}
.contacts_block div.info {
position: relative;
bottom: 0;
left: 0;
width: calc(100% - 30px);
margin-top: 30px;
margin-left: 15px;
}
}
#order_form {
padding: 10px;
font-family: "Open Sans", sans-serif;
display: none;
}
.ty-text {
height: 100%;
font-family: "Open Sans", sans-serif;
}
#order_form .order_form_header {
text-align: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 20px;
}
#order_form .order_form_group {
margin-bottom: 10px;
}
#order_form .order_form_group label {
width: 35%;
display: inline-block;
}
#order_form .order_form_group .order_input {
width: 63%;
display: inline-block;
padding: 10px;
font-size: 16px;
border: 1px solid #636363;
}
#order_form .order_submit:hover {
background: #19c410;
}
#order_form .order_submit {
color: #fff;
font: 14px/35px Open Sans;
width: 170px;
max-width: 100%;
height: 35px;
transition: background .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #14ab0d;
border: none;
margin: 20px auto 0;
display: block;
cursor: pointer;
}
.ty-text {
text-align: center;
}
/*
.ty-text:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}*/
footer .copyright.right{
line-height: 35px;
}
footer .copyright.right a{
color: #7b7b7b;
}
footer .copyright.right a > img{
width: 20px;
margin-right: 8px;
}
.foot_numbers{
margin-right: 0px !important;
vertical-align: top !important;
}
.foot_nm{
vertical-align: top !important;
}
.foot_nmb a{
font-size: 18px !important;
color: #A5A5A5 !important;
}
.blockDivRight{
width: 37%;
min-height: 150px;
float: left;
}
.blockDivLeft{
width: 58%;
min-height: 150px;
margin-left: 40%;
margin-bottom: 40px;
}
#mapDetailFilials {
margin-bottom: 40px;
width: 100%;
height: 400px;
}
.title.detailFilials {
font-size: 29px !important;
margin-bottom: 25px !important;
}
.formFeedBackDetail {
margin-top: 45%;
}
/* End */
/* Start:/local/templates/responsive/css/bxslider.css?15415142892662*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper{
position: relative;
height: 435px;
margin: 0 auto;
padding: 0;
padding-bottom: 12px;
background: url(/local/templates/responsive/css/../images/slider_bg.png) 50% 100% repeat-x;
}
.bx-wrapper img{
position: absolute;
top: 0;
left: 50%;
display: block;
margin-left: -950px;
}
.bx-wrapper .bxslider li{
height: 435px;
}
.bx-wrapper .bxslider li .info{
position: absolute;
top: 0;
left: 50%;
z-index: 999;
width: 525px;
margin-left: -520px;
padding-top: 95px;
color: #fff;
font: 300 24px Open Sans;
text-shadow: 0 1px rgba(0,0,0,.5);
}
.bx-wrapper .bxslider li .info .title{
margin-bottom: 20px;
font-size: 39px;
text-transform: uppercase;
}
.bx-wrapper .bxslider li .info .title b{
font-size: 56px;
line-height: 60px;
text-transform: none;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager{
position: absolute;
bottom: 110px;
left: 50%;
z-index: 9999;
width: 100%;
margin-left: -520px;
}
/* PAGER */
.bx-wrapper .bx-pager .bx-pager-item{
display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a{
display: block;
width: 18px;
height: 18px;
margin: 0 15px 0 0;
border-radius: 50%;
outline: 0;
background: #fff;
text-indent: -9999px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
background: #1f8fcf;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a.bx-prev{
right: 95px;
background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a.bx-next{
right: 30px;
background-position: -21px 0;
}
.bx-wrapper .bx-controls-direction{
position: absolute;
top: 76px;
left: 50%;
z-index: 999;
width: 2000px;
height: 272px;
margin-left: -2545px;
background: #1f8fcf;
}
.bx-wrapper .bx-controls-direction a{
position: absolute;
top: 50%;
z-index: 9999;
width: 21px;
height: 45px;
margin-top: -22px;
outline: 0;
background: url(/local/templates/responsive/css/../images/slider_arrows.png) 0 0 no-repeat;
text-indent: -9999px;
}
.slider.mini .bx-wrapper{
height: 140px;
}
.slider.mini .bx-wrapper .bx-controls-direction{
top: 20px;
height: 100px;
}
.slider.mini .bx-wrapper .bx-pager{
bottom: 43px;
}
.slider.mini .bx-wrapper .bxslider li{
height: 140px;
}
.slider.mini .bx-wrapper .bxslider li .info{
padding-top: 27px;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-caption{
display: none;
}
/* End */
/* Start:/local/templates/responsive/css/fancybox.css?15415142905312*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
vertical-align: top;
margin: 0;
padding: 0;
border: 0;
outline: none;
}
.fancybox-wrap{
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin{
position: relative;
background: #fff;
}
.fancybox-opened{
z-index: 8030;
}
.fancybox-opened .fancybox-skin{
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
box-shadow: 0 10px 25px rgba(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{
margin: 0;
padding: 15px;
color: #444;
font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
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('/local/templates/responsive/css/../images/fancybox/fancybox_sprite.png');
}
#fancybox-loading{
position: fixed;
top: 50%;
left: 50%;
z-index: 8060;
margin-top: -22px;
margin-left: -22px;
opacity: .8;
background-position: 0 -108px;
cursor: pointer;
}
#fancybox-loading div{
width: 44px;
height: 44px;
background: url('/local/templates/responsive/css/../images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close{
position: absolute;
top: -18px;
right: -18px;
z-index: 8040;
width: 36px;
height: 36px;
cursor: pointer;
}
.fancybox-nav{
position: absolute;
top: 0;
z-index: 8040;
width: 40%;
height: 100%;
background: transparent url('/local/templates/responsive/css/../images/fancybox/blank.gif'); /* helps IE */
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev{
left: 0;
}
.fancybox-next{
right: 0;
}
.fancybox-nav span{
position: absolute;
top: 50%;
z-index: 8040;
visibility: hidden;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
}
.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;
overflow: visible !important;
max-width: 99999px;
max-height: 99999px;
}
/* Overlay helper */
.fancybox-lock{
overflow: hidden !important;
width: auto;
}
.fancybox-lock body{
overflow: hidden !important;
}
.fancybox-lock-test{
overflow-y: hidden !important;
}
.fancybox-overlay{
position: absolute;
top: 0;
left: 0;
z-index: 8010;
display: none;
overflow: hidden;
background: url('/local/templates/responsive/css/../images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed{
position: fixed;
right: 0;
bottom: 0;
}
.fancybox-lock .fancybox-overlay{
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title{
position: relative;
z-index: 8050;
visibility: hidden;
font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-shadow: none;
}
.fancybox-opened .fancybox-title{
visibility: visible;
}
.fancybox-title-float-wrap{
position: absolute;
right: 50%;
bottom: 0;
z-index: 8050;
margin-bottom: -35px;
text-align: center;
}
.fancybox-title-float-wrap .child{
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
color: #fff;
font-weight: bold;
line-height: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, .8);
text-shadow: 0 1px 2px #222;
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;
padding: 10px;
color: #fff;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span{
background-image: url('/local/templates/responsive/css/../images/fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div{
background-image: url('/local/templates/responsive/css/../images/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* End */
/* Start:/local/templates/responsive/css/styles.css?166296762335656*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
border: none;
}
textarea {
overflow: auto;
}
input,
textarea,
input:active,
textarea:active {
outline: none transparent !important;
box-shadow: none;
-moz-outline: none !important;
}
input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset] {
-webkit-border-radius: 0;
-webkit-appearance: none;
}
:focus {
outline: none;
}
/*---------------
Main styles
---------------*/
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
background: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.wrap {
overflow: hidden;
}
.cont {
position: relative;
width: 100%;
max-width: 1230px;
margin: 0 auto;
padding: 0 15px;
}
.buttonUp {
position: fixed;
z-index: 999;
right: 15px;
bottom: 15px;
display: none;
}
.buttonUp a {
position: relative;
display: block;
width: 47px;
height: 47px;
background: #006fae;
}
.buttonUp a:before {
position: absolute;
top: 50%;
right: 50%;
display: block;
width: 16px;
height: 16px;
margin-top: -4px;
margin-right: -8px;
content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
/* End Общие стили */
/*=============================*/
/* Стили шапки сайта */
header {
position: relative;
padding: 25px 0 35px;
background: url(/local/templates/responsive/css/../images/header_bg.png) 50% 0 repeat-x;
}
header .logo {
/* margin-right: 0px; */
margin-top: 18px;
/* padding-right: 20px; */
}
header .logo img {
display: block;
}
header .menu {
padding-top: 15px;
}
header .menu > li {
color: #363636;
font: 300 16px/46px Open Sans;
position: relative;
display: inline-block;
padding: 0 15px 0 20px;
list-style-type: none;
text-transform: uppercase;
}
header .menu > li + li {
background: url(/local/templates/responsive/css/../images/menu_sep.png) 0 50% no-repeat;
}
header .menu > li a {
color: #363636;
text-decoration: none;
}
header .menu > li a:hover {
text-decoration: underline;
}
header .menu > li:hover .sub_menu {
display: block;
}
header .menu .sub_menu {
color: #fff;
font: 300 14px Open Sans;
position: absolute;
z-index: 9999;
top: 39px;
left: 5px;
display: none;
width: 100%;
padding: 7px 0 0 0;
text-transform: uppercase;
background: url(/local/templates/responsive/css/../images/sub_menu_arrow.png) 55px 0 no-repeat;
}
header .menu .sub_menu ul {
padding: 11px 13px;
background: #006fae;
box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
}
header .menu .sub_menu li {
padding: 2px 0;
list-style-type: none;
}
header .menu .sub_menu li a {
color: #fff;
text-decoration: none;
}
header .menu .sub_menu li a:hover {
text-decoration: underline;
}
header .mob_menu_link {
position: relative;
z-index: 10000;
display: none;
width: 65px;
height: 46px;
margin-top: 15px;
margin-right: -10px;
margin-left: 5px;
padding: 12px 15px;
}
header .mob_menu_link span {
position: relative;
display: block;
width: 35px;
height: 4px;
margin: 0 auto;
transition: .2s linear;
background: #006fae;
}
header .mob_menu_link span + span {
margin-top: 5px;
}
header .mob_menu_link.active span:nth-child(2) {
opacity: 0;
}
header .mob_menu_link.active span:nth-child(1) {
top: 9px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header .mob_menu_link.active span:nth-child(3) {
top: -9px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .search {
position: relative;
padding-top: 15px;
}
header .search_link img {
display: block;
}
header .search .search_form {
position: absolute;
z-index: 9999;
top: 77px;
right: -25px;
display: none;
width: 333px;
padding: 11px;
background: #006fae;
box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
}
header .search .search_form:before {
position: absolute;
top: -7px;
right: 35px;
display: block;
width: 18px;
height: 7px;
content: '';
background: url(/local/templates/responsive/css/../images/sub_menu_arrow.png) 0 0 no-repeat;
}
header .search .search_form .input {
color: #000;
font: 300 14px Open Sans;
width: 221px;
height: 37px;
margin-right: 3px;
padding: 0 15px;
border: none;
background: #fafafa;
}
header .search .search_form .submit_btn {
color: #fff;
font: 300 14px Open Sans;
display: inline-block;
height: 37px;
padding: 0 20px;
cursor: pointer;
border: none;
background: #1c1c1c;
}
header .search .search_form .submit_btn:hover {
background: #5a5a5a;
}
header .cities {
margin-top: 10px;
margin-bottom: -4px;
margin-left: -2px;
}
header .cities li {
color: #ccc;
font: 300 14px Open Sans;
float: left;
margin: 0 15px;
padding-left: 7px;
}
header .cities li:first-child {
list-style-type: none;
}
header .cities li a {
color: #363636;
text-decoration: none;
}
header .cities li a:hover {
text-decoration: underline;
}
header .phones {
position: absolute;
z-index: 999;
top: 102px;
left: 50%;
margin-left: 135px;
padding: 17px 0 25px 70px;
background: url(/local/templates/responsive/css/../images/phones_bg.png) 0 0 no-repeat;
}
header .phones:after {
position: absolute;
top: 0;
left: 458px;
display: block;
width: 2000px;
height: 99px;
content: '';
background: url(/local/templates/responsive/css/../images/phones_after_bg.png) 0 0 repeat-x;
}
header .phones .numbers {
color: #363636;
font: 300 22px/27px Open Sans;
display: inline-block;
margin-right: 25px;
vertical-align: middle;
}
header .phones .numbers a {
color: #363636;
text-decoration: none;
}
header .email {
display: none;
width: 100%;
margin-bottom: 15px;
text-align: center;
}
header .email a {
color: #363636;
font: 600 18px Open Sans;
text-decoration: none;
}
header .phones .callback_link {
color: #fff;
font: 300 14px/38px Open Sans;
display: inline-block;
height: 38px;
padding: 0 20px;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
background: #006fae;
}
header .phones .callback_link:hover {
background: #075683;
}
.callback_form {
position: absolute;
z-index: 999;
top: 86px;
right: -15px;
display: none;
width: 242px;
padding: 22px 19px;
background: #006fae;
box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
}
.callback_form:before {
position: absolute;
top: -11px;
right: 65px;
display: block;
width: 30px;
height: 11px;
content: '';
background: url(/local/templates/responsive/css/../images/callback_before.png) 0 0 no-repeat;
}
.callback_form .line {
margin-bottom: 16px;
}
.callback_form .input {
color: #c6c6c6;
font: 300 11px Open Sans;
width: 100%;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
.callback_form textarea {
color: #c6c6c6;
font: 300 11px Open Sans;
width: 100%;
height: 85px;
padding: 6px 15px;
resize: none;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
.callback_form .submit_btn {
color: #fff;
font: 300 18px Open Sans;
display: inline-block;
height: 38px;
padding: 0 20px 2px;
cursor: pointer;
border: none;
background: #1c1c1c;
}
.callback_form .submit_btn:hover {
background: #5a5a5a;
}
/* End Стили шапки сайта */
/*=============================*/
/* Стили боковой колонки сайта */
aside {
width: 339px;
}
aside .show_link {
display: none;
}
aside .categories {
margin-bottom: 45px;
padding: 25px 0;
background: #1f8fcf url(/local/templates/responsive/css/../images/categories_corner.jpg) 100% 100% no-repeat;
}
aside .categories li {
color: #fff;
font: 300 18px Open Sans;
padding: 0 15px 0 35px;
list-style-type: none;
background: url(/local/templates/responsive/css/../images/categories_li_style.png) 0 11px no-repeat;
}
aside .categories li + li {
margin-top: 5px;
}
aside .categories li a {
color: #fff;
text-decoration: none;
}
aside .categories li a:hover {
text-decoration: underline;
}
aside .days {
color: #000;
font: 300 21px Open Sans;
margin-bottom: 45px;
padding: 25px;
background: url(/local/templates/responsive/css/../images/days_map.png) 40px 25px no-repeat,
url(/local/templates/responsive/css/../images/days_corner.jpg) 100% 100% no-repeat #ffc600;
}
aside .days .title {
font: 700 14px/20px Open Sans;
margin-bottom: 110px;
}
aside .days .title span {
font-size: 24px;
text-transform: uppercase;
}
aside .days .order_link {
color: #fff;
font: 300 18px/35px Open Sans;
display: inline-block;
height: 38px;
margin-top: 7px;
padding: 0 20px;
text-decoration: none;
background: #1c1c1c;
}
aside .days .order_link:hover {
background: #5a5a5a;
}
/* End Стили боковой колонки сайта */
/*=============================*/
/* Стили основного блока сайта */
.slider {
overflow: hidden;
height: 447px;
margin-bottom: 60px;
}
.slider.mini {
height: 152px;
margin-bottom: 15px;
}
.text_block {
color: #000;
font: 16px Open Sans;
margin-bottom: 25px;
}
.text_block p + p {
margin-top: 15px;
}
.text_block .title {
color: #000;
font: 300 36px/36px Open Sans;
margin-bottom: 35px;
text-align: center;
background: url(/local/templates/responsive/css/../images/block_title_bg.png) 0 60% repeat-x;
}
.text_block .title b {
font-weight: 600;
}
.text_block .title span {
display: inline-block;
padding: 0 15px;
background: #fff;
}
.text_block h1 {
font: 300 36px/36px Open Sans;
margin-bottom: 20px;
}
.text_block h2 {
font: 300 30px/30px Open Sans;
margin: 17px 0;
}
.text_block h3 {
font: 300 24px/24px Open Sans;
margin: 13px 0;
}
.text_block .details {
color: #fff;
font: 300 14px/38px Open Sans;
display: inline-block;
width: 195px;
height: 38px;
margin-top: 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #006fae;
}
.text_block.center {
margin-bottom: 55px;
text-align: center;
}
.text_block.center p {
padding: 0 80px;
}
.text_block table {
width: 100%;
margin: 25px 0;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #d3d3d3;
border-top: none;
border-left: none;
}
.text_block table th {
color: #fff;
font: 300 14px Open Sans;
padding: 10px 16px;
text-align: center;
border-left: 1px solid #d3d3d3;
background: #1c1c1c;
}
.text_block table td {
color: #000;
font: 300 14px Open Sans;
padding: 10px 16px;
text-align: left;
border-left: 1px solid #d3d3d3;
}
.text_block table tbody tr:nth-child(2n) td {
background: #efefef;
}
.text_block img {
display: block;
max-width: 100%;
margin-bottom: 20px;
}
.text_block p {
margin-bottom: 20px;
}
.text_block ul {
margin-bottom: 20px;
}
.text_block ul li {
margin-left: 55px;
}
.tabs {
margin-bottom: 25px;
}
.tabs li {
color: #000;
font: 300 14px/38px Open Sans;
position: relative;
display: inline-block;
height: 38px;
padding: 0 20px;
list-style-type: none;
cursor: pointer;
text-transform: uppercase;
}
.tabs li a {
color: #000;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px dashed #000;
}
.tabs li.active {
background: #3c3c3c;
}
.tabs li.active a {
color: #fff;
border: none;
}
.tabs li.active:after {
position: absolute;
bottom: -5px;
left: 50%;
display: block;
width: 8px;
height: 5px;
margin-left: -4px;
content: '';
background: url(/local/templates/responsive/css/../images/tab_cative_arrow.png) 0 0 no-repeat;
}
.tabs li:hover a {
border: none;
}
.tab_content {
display: none;
}
.services {
margin-bottom: 45px;
margin-left: -8px;
}
.services .title {
color: #000;
font: 300 24px/24px Open Sans;
margin-bottom: 15px;
margin-left: 8px;
}
.services .service {
position: relative;
width: calc(25% - 8px);
margin: 0 0 8px 8px;
}
.services .service img {
display: block;
width: 100%;
max-height: 150px;
}
.services .service .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
}
.services .service .name {
color: #fff;
font: 18px Open Sans;
position: absolute;
bottom: 25px;
left: 0;
width: 10%;
padding: 0 15px;
text-transform: uppercase;
}
.services .service:hover .bg,
.services .service:hover .name {
display: none;
}
.services .hide {
display: none;
}
.all_services {
height: 28px;
margin-top: 30px;
margin-left: 8px;
text-align: center;
background: url(/local/templates/responsive/css/../images/block_title_bg.png) 0 50% repeat-x;
}
.all_services a {
color: #fff;
font: 300 14px/28px Open Sans;
display: inline-block;
width: 209px;
height: 28px;
text-decoration: none;
text-transform: uppercase;
background: url(/local/templates/responsive/css/../images/all_link_bg.png) 0 0 no-repeat;
}
.all_services a img {
margin-left: 13px;
vertical-align: middle;
}
section.right .services {
margin-bottom: 30px;
}
section.right .services .service .name {
font-size: 14px;
bottom: 15px;
width: 236px;
}
section.right {
width: 815px;
margin-bottom: 45px;
}
.news_block {
margin-bottom: 30px;
padding: 35px 45px 20px;
background: #f0f0f0 url(/local/templates/responsive/css/../images/grey_corner.jpg) 100% 0 no-repeat;
}
.news_block .title {
color: #000;
font: 300 30px Open Sans;
margin-bottom: 27px;
}
.news_block .title a {
color: #000;
font-size: 14px;
margin-left: 20px;
}
.news_block .title a:hover {
text-decoration: none;
}
.news_block .items {
margin-left: -35px;
}
.news_block .item {
color: #555;
font: 14px Open Sans;
width: 345px;
margin: 0 0 30px 35px;
}
.news_block .items .item:nth-child(2n+1) {
clear: both;
}
.news_block .item .date {
color: #8b8b8b;
margin-bottom: 12px;
}
.news_block .item .name {
color: #8b8b8b;
font-weight: 700;
margin-bottom: 12px;
}
.news_block .item .name a {
color: #000;
text-decoration: none;
}
.news_block .item .name a:hover {
text-decoration: underline;
}
.news .list .item {
color: #555;
font: 14px Open Sans;
margin: 0 0 55px;
}
.news .list .item .date {
color: #8b8b8b;
margin-bottom: 12px;
}
.news .list .item .name {
color: #8b8b8b;
font-weight: 700;
margin-bottom: 12px;
}
.news .list .item .name a {
color: #000;
text-decoration: none;
}
.news .list .item .name a:hover {
text-decoration: underline;
}
.pagination {
color: #8b8b8b;
font: 300 24px/33px Open Sans;
margin-left: -5px;
}
.pagination a {
color: #8b8b8b;
display: inline-block;
margin: 0 5px;
padding: 0 7px;
text-decoration: none;
}
.pagination a.active {
color: #fff;
background: #3c3c3c;
}
.partners_block .title {
color: #000;
font: 300 30px Open Sans;
margin-bottom: 27px;
}
.partners_block .title a {
color: #000;
font-size: 14px;
margin-left: 20px;
}
.partners_block .title a:hover {
text-decoration: none;
}
.partners_block .jcarousel-skin-tango .jcarousel-container-horizontal {
width: 815px;
}
.partners_block .jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.partners_block .jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 815px;
}
.partners_block .jcarousel-skin-tango .jcarousel-item {
line-height: 150px;
width: 191px;
height: 150px;
margin-right: 17px;
text-align: center;
}
.partners_block img {
max-width: 100%;
margin: 0 auto;
transition: all .7s ease;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url('data:image/svg+xml;utf8,#grayscale');
}
.partners_block img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: url('data:image/svg+xml;utf8,#grayscale');
}
.partners_block .jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: -46px;
right: 0;
width: 46px;
height: 46px;
cursor: pointer;
background: transparent url(/local/templates/responsive/css/../images/carousel_arrows.png) no-repeat -46px 0;
}
.partners_block .jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: -46px;
right: 48px;
width: 46px;
height: 46px;
cursor: pointer;
background: transparent url(/local/templates/responsive/css/../images/carousel_arrows.png) no-repeat 0 0;
}
.partners_block .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position: -46px -46px;
}
.partners_block .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position: 0 -46px;
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-container-horizontal {
width: 1200px;
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 1200px;
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-item {
margin-right: 11px;
}
.contacts_block .map {
position: relative;
height: 310px;
}
.contacts_block .block_title {
color: #000;
font: 300 36px/36px Open Sans;
margin-bottom: 40px;
text-align: center;
background: url(/local/templates/responsive/css/../images/block_title_bg.png) 0 60% repeat-x;
}
.contacts_block .block_title span {
display: inline-block;
padding: 0 15px;
background: #fff;
}
.contacts_block .info {
color: #000;
font: 300 14px Open Sans;
position: absolute;
bottom: 35px;
left: 50%;
width: 305px;
margin-left: 110px;
padding: 15px;
background: #fff;
box-shadow: 0 5px 5px rgba(0, 0, 0, .38);
}
.contacts_block .info .title {
font-size: 18px;
margin-bottom: 10px;
}
.contacts_block .info b {
font-weight: 600;
}
.contacts_block .info a {
color: #1f8fcf;
font-weight: 600;
text-decoration: none;
}
.contacts_block .info a:hover {
text-decoration: underline;
}
.breadcrumbs {
color: #363636;
font: 300 12px Open Sans;
margin-bottom: 25px;
}
.breadcrumbs .sep {
position: relative;
top: 2px;
margin: 0 5px;
}
.breadcrumbs a {
color: #006fae;
}
.breadcrumbs a:hover {
text-decoration: none;
}
section .feedback {
width: 815px;
}
section .feedback .title {
color: #262626;
font: 700 16px Open Sans;
margin-bottom: 12px;
text-transform: uppercase;
}
section .feedback .title b {
color: #ad0707;
font-size: 24px;
}
section .feedback .title span {
text-transform: none;
}
section .feedback .text {
color: #000;
font: 300 16px Open Sans;
margin-bottom: 30px;
}
section .feedback form {
padding: 40px 25px 20px;
background: #f0f0f0 url(/local/templates/responsive/css/../images/grey_corner.jpg) 100% 0 no-repeat;
}
section .feedback form .line {
margin-bottom: 23px;
}
section .feedback form .line.left {
width: 239px;
}
section .feedback form .line.left + .line.left {
margin-left: 23px;
}
section .feedback form .input {
color: #000;
font: 300 11px Open Sans;
display: block;
width: 100%;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
section .feedback form textarea {
color: #c6c6c6;
font: 300 11px Open Sans;
display: block;
width: 100%;
height: 90px;
padding: 6px 15px;
resize: none;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
section .feedback form .submit_btn {
color: #fff;
font: 300 18px Open Sans;
width: 172px;
height: 38px;
padding-bottom: 2px;
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: none;
background: #1c1c1c;
}
section .feedback form .submit_btn:hover {
background: #5a5a5a;
}
section .feedback.bg2 form {
background: #c9e2f2 url(/local/templates/responsive/css/../images/blue_corner.jpg) 100% 0 no-repeat;
}
section .feedback.bg2 form .submit_btn {
background: #0f70ac;
}
section .feedback.bg2 form .submit_btn:hover {
background: #075683;
}
.page {
margin-bottom: 100px;
}
.page_name {
color: #000;
font: 300 36px/36px Open Sans;
margin-bottom: 27px;
}
.contacts_info .schema_link {
display: block;
width: 100%;
margin-top: 50px;
}
.contacts_info .schema_link img {
display: block;
width: 100%;
}
.contacts_info .item {
margin-top: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #006fae;
}
.contacts_info .item .title {
color: #000;
font: 300 30px/30px Open Sans;
margin-bottom: 15px;
}
.contacts_info .item .col {
color: #000;
font: 300 14px Open Sans;
width: 25%;
}
.contacts_info .item .city {
font: 600 20px Open Sans;
margin-bottom: 10px;
}
.contacts_info .item b {
font-weight: 600;
}
.contacts_info .item a {
color: #1f8fcf;
font-weight: 600;
text-decoration: none;
}
.contacts_info .item a:hover {
text-decoration: underline;
}
.contacts_info .item .line + .line {
margin-top: 55px;
}
.contacts_info .feedback {
margin-top: 45px;
}
.gallery {
margin-bottom: 30px;
}
.gallery a {
display: block;
float: left;
width: 33%;
margin-bottom: 8px;
}
.gallery a img {
display: block;
width: 100%;
}
.gallery a + a {
margin-left: .5%;
}
.products .text_block h1 {
color: #2890cd;
font: 700 24px/30px Open Sans;
text-transform: uppercase;
}
.products .text_block h2 {
color: #2890cd;
font: 700 18px/20px Open Sans;
margin: 0 0 20px;
text-transform: uppercase;
}
.products .items {
padding-bottom: 8px;
}
.products .items .product {
overflow: hidden;
margin-bottom: 28px;
padding: 23px 22px;
background: #ebf4f9;
}
.products .items .product .thumb {
position: relative;
z-index: 2;
width: 283px;
}
.products .items .product .thumb a,
.products .items .product .thumb img {
display: block;
width: 100%;
}
.products .items .product .info {
width: 100%;
margin-left: -283px;
padding-left: 308px;
}
.products .items .product .name {
font: 700 18px/18px Open Sans;
margin-bottom: 16px;
text-transform: uppercase;
}
.products .items .product .name a {
color: #2890cd;
text-decoration: none;
}
.products .items .product .name a:hover {
text-decoration: underline;
}
.products .items .product .desc {
color: #000;
font: 14px Open Sans;
}
.products .items .product .desc p {
margin-bottom: 15px;
}
.products .items .product .desc ul {
margin-bottom: 15px;
}
.products .items .product .desc ul li {
margin-left: 18px;
}
.products .items .product .desc :last-child {
margin-bottom: 0;
}
.products .items .product .links {
margin-top: 25px;
}
.products .items .product .links a {
color: #fff;
font: 16px/38px Open Sans;
display: inline-block;
width: 172px;
height: 38px;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
}
.products .items .product .links a + a {
margin-left: 14px;
}
.products .items .product .links a.details {
background: #a6a6a6;
}
.products .items .product .links a.details:hover {
background: #5a5a5a;
}
.products .items .product .links a.order_link {
background: #0f70ac;
}
.products .items .product .links a.order_link:hover {
background: #075683;
}
.products .items.grid {
overflow: hidden;
margin-left: -34px;
}
.products .items.grid .product {
float: left;
/*width: 390px;*/
margin-left: 34px;
padding: 23px 19px;
}
/*.products .items.grid .product:nth-child(2n+1) {
clear: both;
}
.products .items.grid .product .thumb {
width: 100%;
margin-bottom: 15px;
}
.products .items.grid .product .info {
margin: 0;
padding: 0;
}*/
.products .items.grid .product .name {
font-size: 16px;
}
.products .items.grid .product .links {
overflow: hidden;
}
.products .items.grid .product .links a {
width: 165px;
}
.products .items.grid .product .links a.details {
float: left;
}
.products .items.grid .product .links a.order_link {
float: right;
}
.products .items.grid .product .links a + a {
margin-left: 0;
}
.consult_block {
margin-bottom: 28px;
padding: 29px 34px;
background: url(/local/templates/responsive/css/../images/blue_corner.jpg) 100% 0 no-repeat,
url(/local/templates/responsive/css/../images/bg_consult_block.jpg) 100% 0 no-repeat #c9e2f2;
}
.consult_block .title {
color: #000;
font: 700 16px Open Sans;
margin-bottom: 23px;
text-transform: uppercase;
}
.consult_block .title span {
display: block;
margin-top: 15px;
text-transform: none;
}
.consult_block .link {
color: #fff;
font: 16px/38px Open Sans;
display: inline-block;
height: 38px;
padding: 0 27px;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #0f70ac;
}
.consult_block .link:hover {
background: #075683;
}
.products .gallery {
margin-bottom: 10px;
margin-left: -3%;
}
.products .gallery a {
display: block;
float: left;
width: 30.333%;
margin-bottom: 20px;
margin-left: 3%;
}
.products .gallery a + a {
margin-left: 3%;
}
.advantages {
margin-bottom: 18px;
}
.advantages .title {
color: #2890cd;
font: 700 18px/20px Open Sans;
margin: 0 0 30px;
text-transform: uppercase;
}
.advantages .items {
overflow: hidden;
}
.advantages .item {
color: #000;
font: 600 16px/21px Open Sans;
position: relative;
float: left;
width: 390px;
width: 390px;
margin-bottom: 30px;
padding-left: 140px;
}
.advantages .items .item:nth-child(2n) {
float: right;
}
.advantages .items .item:nth-child(2n+1) {
clear: both;
}
.advantages .item .icon {
position: absolute;
top: 0;
left: 0;
width: 124px;
}
.advantages .item .icon img {
display: block;
max-width: 100%;
}
.advantages .item .box {
display: table-cell;
width: 250px;
height: 83px;
vertical-align: middle;
}
.steps {
margin-bottom: 50px;
}
.steps .title {
color: #2890cd;
font: 700 18px/20px Open Sans;
margin: 0 0 30px;
text-transform: uppercase;
}
.steps .items {
display: flex;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
flex-wrap: wrap;
}
.steps .item {
flex-direction: column;
text-align: center;
flex-basis: 148px;
}
.steps .item .number {
color: #2890cd;
font: 900 29px/30px Open Sans;
margin-bottom: 15px;
text-transform: uppercase;
}
.steps .item .info {
color: #000;
font: 600 16px/21px Open Sans;
height: 213px;
padding: 15px 10px;
background: url(/local/templates/responsive/css/../images/bg_step_info.png) 0 0 no-repeat;
}
.steps .item .info .icon img {
display: block;
max-width: 100%;
margin: 0 auto;
}
/* End Стили основного блока сайта */
/*=============================*/
/* Стили подвала сайта */
footer {
padding: 50px 0 33px;
background: #262626;
}
footer .title {
color: #c6c6c6;
font: 700 16px Open Sans;
margin-bottom: 25px;
text-transform: uppercase;
}
footer .cats {
margin-right: 35px;
}
footer .cats ul {
width: 270px;
}
footer .links ul {
width: 150px;
}
footer li {
font: 300 14px/24px Open Sans;
list-style-type: none;
}
footer li a {
color: #767676;
}
footer li a:hover {
text-decoration: none;
}
footer .feedback .line {
margin-bottom: 12px;
}
footer .feedback .input {
color: #c6c6c6;
font: 300 11px Open Sans;
width: 232px;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #c6c6c6;
background: none;
}
footer .feedback textarea {
color: #c6c6c6;
font: 300 11px Open Sans;
width: 291px;
height: 90px;
padding: 6px 15px;
resize: none;
text-transform: uppercase;
border: 1px solid #c6c6c6;
background: none;
}
footer .feedback .submit_btn {
color: #fff;
font: 300 18px Open Sans;
width: 190px;
height: 38px;
padding-bottom: 2px;
cursor: pointer;
text-align: center;
border: none;
background: #1c1c1c;
}
footer .feedback .submit_btn:hover {
background: #5a5a5a;
}
footer .contacts {
padding-top: 20px;
}
footer .contacts .col {
color: #a5a5a5;
font: 300 18px/24px Open Sans;
display: inline-block;
margin-right: 25px;
vertical-align: middle;
}
footer .contacts .city {
font-size: 14px;
position: relative;
display: inline-block;
margin-left: 7px;
padding: 0 8px;
background: #1c1c1c;
}
footer .contacts .city:before {
position: absolute;
top: 50%;
left: -7px;
display: block;
width: 7px;
height: 8px;
margin-top: -4px;
content: '';
background: url(/local/templates/responsive/css/../images/city_before.png) 0 0 no-repeat;
}
footer .contacts a {
color: #616161;
}
footer .contacts a:hover {
text-decoration: none;
}
footer .copyright {
color: #7b7b7b;
font: 300 14px/75px Open Sans;
margin-left: 25px;
padding-top: 20px;
}
footer .creator {
line-height: 75px;
height: 75px;
padding-top: 20px;
}
footer .creator img {
vertical-align: middle;
}
/* End Стили подвала сайта */
/*=============================*/
/* Стили всплывающих окон */
/* End Стили всплывающих окон */
.work-time {
color: #363636;
font: 13px Open Sans;
position: absolute;
top: -15px;
right: 330px;
}
.regionblock {
color: #363636;
font: 13px Open Sans;
z-index: 999;
right: 0;
float: right;
width: 320px;
height: 25px;
margin-top: -15px;
margin-right: 10px;
margin-bottom: -25px;
}
.regionblock .re1 {
float: right;
margin-right: 60px;
cursor: pointer;
background: url(/bitrix/templates/main/images/flag.png) 0 0 no-repeat;
}
.regionblock .re1 span {
color: #000;
margin-left: 26px;
text-decoration: none;
border-bottom: 1px dotted #000;
}
.regionblock .re0 {
float: right;
width: auto;
margin-right: 10px;
}
.regionblock .re2 {
display: none;
}
.regionblock select {
z-index: 9999;
width: 170px;
margin-right: 47px;
margin-left: 10px;
}
header {
padding: 35px 0 35px;
}
#callback_left.callback_form {
position: relative;
top: auto;
right: auto;
}
#callback_left.callback_form .line.left {
width: 100%;
}
#callback_left.callback_form .callback-form-head {
font-size: 20px;
text-align: center;
color: #fff;
margin-bottom: 15px;
}
#callback_left.callback_form .submit {
text-align: center;
}
#callback_left.callback_form p {
margin-bottom: 10px;
}
.text_block .table-scroll table img {
max-width: none;
}
.table-scroll {
overflow-x: auto;
}
#order_form
{
display: none;
position: absolute;
z-index: 999;
top:0;
left:0;
width: 242px;
padding: 22px 19px;
background: #006fae;
box-shadow: 5px 5px 5px rgba(0,0,0,.4);
margin-left: -25px;
}
#order_form:before
{
position: absolute;
top: -11px;
right: 65px;
display: block;
width: 30px;
height: 11px;
content: '';
background: url(/local/templates/responsive/css/../images/callback_before.png) 0 0 no-repeat;
}
#order_form .line{margin-bottom: 16px;}
#order_form .line>input
{
color: #c6c6c6;
font: 300 11px Open Sans;
width: 100%;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
#order_form .submit_btn
{
color: #fff;
font: 300 18px Open Sans;
display: inline-block;
height: 38px;
padding: 0 20px 2px;
cursor: pointer;
border: none;
background: #1c1c1c;
}
#order_form .submit_btn:hover{background:#5a5a5a;}
#order_form .ty-text{color:white;}
.popup-cart
{
width: 415px;
padding: 15px 15px 10px;
font-family: Open sans;
}
.popup-cart__title
{
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
margin-bottom: 20px;
color: #3d3d3d;
}
.popup-cart__item
{
margin-top: 38px;
font-size: 16px;
line-height: 20px;
}
.popup-cart__item:after
{
content: "";
height: 0;
display: table;
clear: both;
}
.popup-cart__item .photo
{
float: left;
width: 85px;
margin-right: 24px;
}
.popup-cart__item .photo>img
{
display: block;
width: 100%;
}
.popup-cart__item .description
{
overflow: hidden;
margin-bottom: 9px;
}
.popup-cart__item .description a
{
color: #000;
font: 700 18px/23px Open Sans;
position: relative;
display: inline-block;
padding-left: 22px;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 5px;
}
.popup-cart__item .description a:hover{text-decoration:underline;}
.popup-cart__item .description a:before
{
position: absolute;
top: 5px;
left: 0;
display: block;
width: 13px;
height: 13px;
content: '';
background: #1f8fcf;
}
.popup-cart__item .description .price
{
font-weight: bold;
font-size: 20px;
}
.popup-cart__buttons
{
margin-top: 28px;
text-align: center;
}
.popup-cart__buttons .btn
{
color: #fff;
font: 14px/45px Open Sans;
display: inline-block;
width: 205px;
max-width: 100%;
height: 45px;
transition: background .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #14ab0d;
}
.popup-cart__buttons .btn:hover{background: #19c410;}
.popup-cart__buttons a:not(.btn)
{
color: #1f8fcf;
text-decoration: none;
margin-top: 12px;
display: block;
font-size: 14px;
}
.popup-cart__buttons a:not(.btn):hover{text-decoration:underline;}
.popup-cart__buttons a:not(.btn):before
{
content: '<';
display: inline-block;
width: 7px;
height: 13px;
margin-right: 7px;
vertical-align: -2px;
}
/* End */
/* Start:/local/templates/responsive/css/style.css?166297532143463*/
*
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
*:before,
*:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img
{
border: none;
}
textarea
{
overflow: auto;
}
input,
textarea,
input:active,
textarea:active
{
outline: none transparent !important;
box-shadow: none;
-moz-outline: none !important;
}
input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]
{
-webkit-border-radius: 0;
-webkit-appearance: none;
}
:focus
{
outline: none;
}
/*---------------
Main styles
---------------*/
.clear
{
clear: both;
}
.left
{
float: left;
}
.right
{
float: right;
}
html
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body
{
background: #fff;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}
.wrap
{
overflow: hidden;
}
.cont
{
position: relative;
width: 100%;
max-width: 1230px;
margin: 0 auto;
padding: 0 15px;
}
.buttonUp
{
position: fixed;
z-index: 999;
right: 15px;
bottom: 45px;
display: none;
}
.buttonUp a
{
position: relative;
display: block;
width: 47px;
height: 47px;
background: #006fae;
}
.buttonUp a:before
{
position: absolute;
top: 50%;
right: 50%;
display: block;
width: 16px;
height: 16px;
margin-top: -4px;
margin-right: -8px;
content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
/* End Общие стили */
/*=============================*/
/* Стили шапки сайта */
header
{
position: relative;
padding: 25px 0 35px;
background: url(/local/templates/responsive/css/../images/header_bg.png) 50% 0 repeat-x;
}
header .logo
{
margin-left: -75px;
}
header .logo img
{
display: block;
width: 350px;
}
header .menu
{
padding-top: 15px;
}
header .menu > li
{
color: #363636;
font: 300 16px/46px Open Sans;
position: relative;
display: inline-block;
padding: 0 15px 0 20px;
list-style-type: none;
text-transform: uppercase;
}
header .menu > li + li
{
background: url(/local/templates/responsive/css/../images/menu_sep.png) 0 50% no-repeat;
}
header .menu > li a
{
color: #363636;
text-decoration: none;
}
header .menu > li a:hover
{
text-decoration: underline;
}
header .menu > li:hover .sub_menu
{
display: block;
}
header .menu .sub_menu
{
color: #fff;
font: 300 14px Open Sans;
position: absolute;
z-index: 9999;
top: 39px;
left: 5px;
display: none;
width: 100%;
padding: 7px 0 0 0;
text-transform: uppercase;
background: url(/local/templates/responsive/css/../images/sub_menu_arrow.png) 55px 0 no-repeat;
}
header .menu .sub_menu ul
{
padding: 11px 13px;
background: #006fae;
box-shadow: 0 5px 5px rgba(0,0,0,.4);
}
header .menu .sub_menu li
{
padding: 2px 0;
list-style-type: none;
}
header .menu .sub_menu li a
{
color: #fff;
text-decoration: none;
}
header .menu .sub_menu li a:hover
{
text-decoration: underline;
}
header .mob_menu_link
{
position: relative;
z-index: 10000;
display: none;
width: 65px;
height: 46px;
margin-top: 15px;
margin-right: -10px;
margin-left: 5px;
padding: 12px 15px;
}
header .mob_menu_link span
{
position: relative;
display: block;
width: 35px;
height: 4px;
margin: 0 auto;
transition: .2s linear;
background: #006fae;
}
header .mob_menu_link span + span
{
margin-top: 5px;
}
header .mob_menu_link.active span:nth-child(2)
{
opacity: 0;
}
header .mob_menu_link.active span:nth-child(1)
{
top: 9px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header .mob_menu_link.active span:nth-child(3)
{
top: -9px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .search
{
position: relative;
padding-top: 15px;
}
header .search_link img
{
display: block;
}
header .search .search_form
{
position: absolute;
z-index: 9999;
top: 77px;
right: -25px;
display: none;
width: 333px;
padding: 11px;
background: #006fae;
box-shadow: 0 5px 5px rgba(0,0,0,.4);
}
header .search .search_form:before
{
position: absolute;
top: -7px;
right: 35px;
display: block;
width: 18px;
height: 7px;
content: '';
background: url(/local/templates/responsive/css/../images/sub_menu_arrow.png) 0 0 no-repeat;
}
header .search .search_form .input
{
color: #000;
font: 300 14px Open Sans;
width: 221px;
height: 37px;
margin-right: 3px;
padding: 0 15px;
border: none;
background: #fafafa;
}
header .search .search_form .submit_btn
{
color: #fff;
font: 300 14px Open Sans;
display: inline-block;
height: 37px;
padding: 0 20px;
cursor: pointer;
border: none;
background: #1c1c1c;
}
header .search .search_form .submit_btn:hover
{
background: #5a5a5a;
}
header .cities
{
margin-top: 10px;
margin-bottom: -4px;
margin-left: -2px;
}
header .cities li
{
color: #ccc;
font: 300 14px Open Sans;
float: left;
margin: 0 15px;
padding-left: 7px;
}
header .cities li:first-child
{
list-style-type: none;
}
header .cities li a
{
color: #363636;
text-decoration: none;
}
header .cities li a:hover
{
text-decoration: underline;
}
header .phones
{
position: absolute;
z-index: 999;
top: 102px;
left: 60%;
margin-left: 135px;
padding: 17px 0 25px 70px;
background: url(/local/templates/responsive/css/../images/phones_bg.png) 0 0 no-repeat;
}
header .phones:after
{
position: absolute;
top: 0;
left: 268px;
display: block;
width: 2000px;
height: 99px;
content: '';
background: url(/local/templates/responsive/css/../images/phones_after_bg.png) 0 0 repeat-x;
}
header .phones .numbers
{
color: #363636;
font: 300 22px/27px Open Sans;
display: inline-block;
margin-right: 25px;
vertical-align: middle;
}
header .phones .numbers a
{
color: #363636;
text-decoration: none;
}
header .email
{
display: none;
width: 100%;
margin-bottom: 15px;
text-align: center;
}
header .email a
{
color: #363636;
font: 600 18px Open Sans;
text-decoration: none;
}
header .phones .callback_link
{
color: #fff;
font: 300 14px/38px Open Sans;
display: inline-block;
height: 38px;
padding: 0 20px;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
background: #006fae;
}
header .phones .callback_link:hover
{
background: #075683;
}
.callback_form
{
position: absolute;
z-index: 999;
top: 86px;
right: -15px;
display: none;
width: 242px;
padding: 22px 19px;
background: #006fae;
box-shadow: 5px 5px 5px rgba(0,0,0,.4);
}
.callback_form:before
{
position: absolute;
top: -11px;
right: 65px;
display: block;
width: 30px;
height: 11px;
content: '';
background: url(/local/templates/responsive/css/../images/callback_before.png) 0 0 no-repeat;
}
.callback_form .line
{
margin-bottom: 16px;
}
.callback_form .input
{
color: #c6c6c6;
font: 300 11px Open Sans;
width: 100%;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
.callback_form textarea
{
color: #c6c6c6;
font: 300 11px Open Sans;
width: 100%;
height: 85px;
padding: 6px 15px;
resize: none;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
.callback_form .submit_btn
{
color: #fff;
font: 300 18px Open Sans;
display: inline-block;
height: 38px;
padding: 0 20px 2px;
cursor: pointer;
border: none;
background: #1c1c1c;
}
.callback_form .submit_btn:hover
{
background: #5a5a5a;
}
/* End Стили шапки сайта */
/*=============================*/
/* Стили боковой колонки сайта */
aside
{
width: 339px;
}
aside .show_link
{
display: none;
}
aside .categories
{
margin-bottom: 45px;
padding: 25px 0;
background: #1f8fcf url(/local/templates/responsive/css/../images/categories_corner.jpg) 100% 100% no-repeat;
}
aside .categories li
{
color: #fff;
font: 300 18px Open Sans;
padding: 0 15px 0 35px;
list-style-type: none;
background: url(/local/templates/responsive/css/../images/categories_li_style.png) 0 11px no-repeat;
}
aside .categories li + li
{
margin-top: 5px;
}
aside .categories li a
{
color: #fff;
text-decoration: none;
}
aside .categories li a:hover
{
text-decoration: underline;
}
aside .days
{
color: #000;
font: 300 21px Open Sans;
margin-bottom: 45px;
padding: 25px;
background: url(/local/templates/responsive/css/../images/days_map.png) 40px 25px no-repeat,
url(/local/templates/responsive/css/../images/days_corner.jpg) 100% 100% no-repeat #ffc600;
}
aside .days .title
{
font: 700 14px/20px Open Sans;
margin-bottom: 110px;
}
aside .days .title span
{
font-size: 24px;
text-transform: uppercase;
}
aside .days .order_link
{
color: #fff;
font: 300 18px/35px Open Sans;
display: inline-block;
height: 38px;
margin-top: 7px;
padding: 0 20px;
text-decoration: none;
background: #1c1c1c;
}
aside .days .order_link:hover
{
background: #5a5a5a;
}
/* End Стили боковой колонки сайта */
/*=============================*/
/* Стили основного блока сайта */
.slider
{
overflow: hidden;
height: 447px;
margin-bottom: 60px;
}
.slider.mini
{
height: 152px;
margin-bottom: 15px;
}
.text_block
{
color: #000;
font: 16px Open Sans;
margin-bottom: 25px;
}
.text_block p + p
{
margin-top: 15px;
}
.text_block .title
{
color: #000;
font: 300 36px/36px Open Sans;
margin-bottom: 35px;
text-align: center;
background: url(/local/templates/responsive/css/../images/block_title_bg.png) 0 100% repeat-x;
}
.text_block .title b
{
font-weight: 600;
}
.text_block .title span
{
display: inline-block;
padding: 0 15px;
background: #fff;
}
.text_block h1
{
font: 300 36px/36px Open Sans;
margin-bottom: 20px;
}
.text_block h2
{
font: 300 30px/30px Open Sans;
margin: 17px 0;
}
.text_block h3, .h3
{
font: 300 24px/24px Open Sans;
margin: 13px 0;
}
.text_block .details
{
color: #fff;
font: 300 14px/38px Open Sans;
display: inline-block;
width: 195px;
height: 38px;
margin-top: 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #006fae;
}
.text_block.center
{
margin-bottom: 55px;
text-align: center;
}
.text_block.center p
{
padding: 0 80px;
}
.text_block table
{
width: 100%;
margin: 25px 0;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #d3d3d3;
border-top: none;
border-left: none;
}
.text_block table th
{
color: #fff;
font: 300 14px Open Sans;
padding: 10px 16px;
text-align: center;
border-left: 1px solid #d3d3d3;
background: #1c1c1c;
}
.text_block table td
{
color: #000;
font: 300 14px Open Sans;
padding: 10px 16px;
text-align: left;
border-left: 1px solid #d3d3d3;
}
.text_block table tbody tr:nth-child(2n) td
{
background: #efefef;
}
.text_block img
{
display: block;
max-width: 100%;
margin-bottom: 20px;
}
.text_block p
{
margin-bottom: 20px;
}
.text_block ul
{
margin-bottom: 20px;
}
.text_block ul li
{
margin-left: 55px;
}
.tabs
{
margin-bottom: 25px;
}
.tabs li
{
color: #000;
font: 300 14px/38px Open Sans;
position: relative;
display: inline-block;
height: 38px;
padding: 0 20px;
list-style-type: none;
cursor: pointer;
text-transform: uppercase;
}
.tabs li a
{
color: #000;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px dashed #000;
}
.tabs li.active
{
background: #3c3c3c;
}
.tabs li.active a
{
color: #fff;
border: none;
}
.tabs li.active:after
{
position: absolute;
bottom: -5px;
left: 50%;
display: block;
width: 8px;
height: 5px;
margin-left: -4px;
content: '';
background: url(/local/templates/responsive/css/../images/tab_cative_arrow.png) 0 0 no-repeat;
}
.tabs li:hover a
{
border: none;
}
.tab_content
{
display: none;
}
.services
{
margin-bottom: 45px;
margin-left: -8px;
}
.services .title
{
color: #ffffff;
font: 300 24px/24px Open Sans;
margin-bottom: 15px;
margin-left: 8px;
}
.services .service
{
position: relative;
width: calc(25% - 8px);
margin: 0 0 8px 8px;
}
.services .service img
{
display: block;
width: 100%;
}
.services .service .bg
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
}
.services .service .name
{
color: #fff;
font: 18px Open Sans;
position: absolute;
bottom: 25px;
left: 0;
width: 10%;
padding: 0 15px;
text-transform: uppercase;
}
.services .service:hover .bg,
.services .service:hover .name
{
display: none;
}
.services .hide
{
display: none;
}
.all_services
{
height: 28px;
margin-top: 30px;
margin-left: 8px;
text-align: center;
background: url(/local/templates/responsive/css/../images/block_title_bg.png) 0 50% repeat-x;
}
.all_services a
{
color: #fff;
font: 300 14px/28px Open Sans;
display: inline-block;
width: 209px;
height: 28px;
text-decoration: none;
text-transform: uppercase;
background: url(/local/templates/responsive/css/../images/all_link_bg.png) 0 0 no-repeat;
}
.all_services a img
{
margin-left: 13px;
vertical-align: middle;
}
section.right .services
{
margin-bottom: 30px;
}
section.right .services .service
{
width: 266px;
}
section.right .services .service .name
{
font-size: 14px;
bottom: 15px;
width: 236px;
}
section.right
{
width: 815px;
margin-bottom: 45px;
}
.news_block
{
margin-bottom: 30px;
padding: 35px 45px 20px;
background: #f0f0f0 url(/local/templates/responsive/css/../images/grey_corner.jpg) 100% 0 no-repeat;
}
.news_block .title
{
color: #000;
font: 300 30px Open Sans;
margin-bottom: 27px;
}
.news_block .title a
{
color: #000;
font-size: 14px;
margin-left: 20px;
}
.news_block .title a:hover
{
text-decoration: none;
}
.news_block .items
{
margin-left: -35px;
}
.news_block .item
{
color: #555;
font: 14px Open Sans;
width: 345px;
margin: 0 0 30px 35px;
}
.news_block .items .item:nth-child(2n+1)
{
clear: both;
}
.news_block .item .date
{
color: #8b8b8b;
margin-bottom: 12px;
}
.news_block .item .name
{
color: #8b8b8b;
font-weight: 700;
margin-bottom: 12px;
}
.news_block .item .name a
{
color: #000;
text-decoration: none;
}
.news_block .item .name a:hover
{
text-decoration: underline;
}
.news .list .item
{
color: #555;
font: 14px Open Sans;
margin: 0 0 55px;
}
.news .list .item .date
{
color: #8b8b8b;
margin-bottom: 12px;
}
.news .list .item .name
{
color: #8b8b8b;
font-weight: 700;
margin-bottom: 12px;
}
.news .list .item .name a
{
color: #000;
text-decoration: none;
}
.news .list .item .name a:hover
{
text-decoration: underline;
}
.pagination
{
color: #8b8b8b;
font: 300 24px/33px Open Sans;
margin-left: -5px;
}
.pagination a
{
color: #8b8b8b;
display: inline-block;
margin: 0 5px;
padding: 0 7px;
text-decoration: none;
}
.pagination a.active
{
color: #fff;
background: #3c3c3c;
}
.partners_block .title
{
color: #000;
font: 300 30px Open Sans;
margin-bottom: 27px;
}
.partners_block .title a
{
color: #000;
font-size: 14px;
margin-left: 20px;
}
.partners_block .title a:hover
{
text-decoration: none;
}
.partners_block .jcarousel-skin-tango .jcarousel-container-horizontal
{
width: 815px;
}
.partners_block .jcarousel-skin-tango .jcarousel-clip
{
overflow: hidden;
}
.partners_block .jcarousel-skin-tango .jcarousel-clip-horizontal
{
width: 815px;
}
.partners_block .jcarousel-skin-tango .jcarousel-item
{
line-height: 150px;
width: 191px;
height: 150px;
margin-right: 17px;
text-align: center;
}
.partners_block img
{
max-width: 100%;
margin: 0 auto;
transition: all .7s ease;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url('data:image/svg+xml;utf8,#grayscale');
}
.partners_block img:hover
{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: url('data:image/svg+xml;utf8,#grayscale');
}
.partners_block .jcarousel-skin-tango .jcarousel-next-horizontal
{
position: absolute;
top: -46px;
right: 0;
width: 46px;
height: 46px;
cursor: pointer;
background: transparent url(/local/templates/responsive/css/../images/carousel_arrows.png) no-repeat -46px 0;
}
.partners_block .jcarousel-skin-tango .jcarousel-prev-horizontal
{
position: absolute;
top: -46px;
right: 48px;
width: 46px;
height: 46px;
cursor: pointer;
background: transparent url(/local/templates/responsive/css/../images/carousel_arrows.png) no-repeat 0 0;
}
.partners_block .jcarousel-skin-tango .jcarousel-next-horizontal:hover
{
background-position: -46px -46px;
}
.partners_block .jcarousel-skin-tango .jcarousel-prev-horizontal:hover
{
background-position: 0 -46px;
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-container-horizontal
{
width: 1200px;
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-clip-horizontal
{
width: 1200px;
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-item
{
margin-right: 11px;
}
.contacts_block .map
{
position: relative;
height: 310px;
}
.contacts_block .block_title
{
color: #000;
font: 300 36px/36px Open Sans;
margin-bottom: 40px;
text-align: center;
background: url(/local/templates/responsive/css/../images/block_title_bg.png) 0 60% repeat-x;
}
.contacts_block .block_title span
{
display: inline-block;
padding: 0 15px;
background: #fff;
}
.contacts_block .info
{
color: #000;
font: 300 14px Open Sans;
position: absolute;
bottom: 35px;
left: 50%;
width: 305px;
margin-left: 110px;
padding: 15px;
background: #fff;
box-shadow: 0 5px 5px rgba(0,0,0,.38);
}
.contacts_block .info .title
{
font-size: 18px;
margin-bottom: 10px;
}
.contacts_block .info b
{
font-weight: 600;
}
.contacts_block .info a
{
color: #1f8fcf;
font-weight: 600;
text-decoration: none;
}
.contacts_block .info a:hover
{
text-decoration: underline;
}
.breadcrumbs
{
color: #363636;
font: 300 12px Open Sans;
margin-bottom: 25px;
}
.breadcrumbs .sep
{
position: relative;
top: 2px;
margin: 0 5px;
}
.breadcrumbs a
{
color: #006fae;
}
.breadcrumbs a:hover
{
text-decoration: none;
}
section .feedback
{
width: 815px;
}
section .feedback .title
{
color: #262626;
font: 700 16px Open Sans;
margin-bottom: 12px;
text-transform: uppercase;
}
section .feedback .title b
{
color: #ad0707;
font-size: 24px;
}
section .feedback .title span
{
text-transform: none;
}
section .feedback .text
{
color: #000;
font: 300 16px Open Sans;
margin-bottom: 30px;
}
section .feedback form
{
padding: 40px 25px 20px;
background: #f0f0f0 url(/local/templates/responsive/css/../images/grey_corner.jpg) 100% 0 no-repeat;
}
section .feedback form .line
{
margin-bottom: 23px;
}
section .feedback form .line.left
{
width: 239px;
}
section .feedback form .line.left + .line.left
{
margin-left: 23px;
}
section .feedback form .input
{
color: #000;
font: 300 11px Open Sans;
display: block;
width: 100%;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
section .feedback form textarea
{
color: #c6c6c6;
font: 300 11px Open Sans;
display: block;
width: 100%;
height: 90px;
padding: 6px 15px;
resize: none;
text-transform: uppercase;
border: 1px solid #d3d3d3;
background: #fff;
}
section .feedback form .submit_btn
{
color: #fff;
font: 300 18px Open Sans;
width: 172px;
height: 38px;
padding-bottom: 2px;
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: none;
background: #1c1c1c;
}
section .feedback form .submit_btn:hover
{
background: #5a5a5a;
}
section .feedback.bg2 form
{
background: #c9e2f2 url(/local/templates/responsive/css/../images/blue_corner.jpg) 100% 0 no-repeat;
}
section .feedback.bg2 form .submit_btn
{
background: #0f70ac;
}
section .feedback.bg2 form .submit_btn:hover
{
background: #075683;
}
.page
{
margin-bottom: 100px;
}
.page_name
{
color: #000;
font: 300 36px/36px Open Sans;
margin-bottom: 27px;
}
.contacts_info .schema_link
{
display: block;
width: 100%;
margin-top: 50px;
}
.contacts_info .schema_link img
{
display: block;
width: 100%;
}
.contacts_info .item
{
margin-top: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #006fae;
}
.contacts_info .item .title
{
color: #000;
font: 300 30px/30px Open Sans;
margin-bottom: 15px;
}
.contacts_info .item .col
{
color: #000;
font: 300 14px Open Sans;
width: 25%;
}
.contacts_info .item .city
{
font: 600 20px Open Sans;
margin-bottom: 10px;
}
.contacts_info .item b
{
font-weight: 600;
}
.contacts_info .item a
{
color: #1f8fcf;
font-weight: 600;
text-decoration: none;
}
.contacts_info .item a:hover
{
text-decoration: underline;
}
.contacts_info .item .line + .line
{
margin-top: 55px;
}
.contacts_info .feedback
{
margin-top: 45px;
}
.gallery
{
margin-bottom: 30px;
}
.gallery a
{
display: block;
float: left;
width: 33%;
margin-bottom: 8px;
}
.gallery a img
{
display: block;
width: 100%;
}
.gallery a + a
{
margin-left: .5%;
}
.products .text_block h1
{
color: #2890cd;
font: 700 24px/30px Open Sans;
text-transform: uppercase;
}
.products .text_block h2
{
color: #2890cd;
font: 700 18px/20px Open Sans;
margin: 0 0 20px;
text-transform: uppercase;
}
.products .items
{
padding-bottom: 8px;
}
.products .items .product
{
overflow: hidden;
margin-bottom: 28px;
padding: 23px 22px;
background: #ebf4f9;
}
.products .items .product .thumb
{
position: relative;
z-index: 2;
width: 283px;
}
.products .items .product .thumb a,
.products .items .product .thumb img
{
display: block;
width: 100%;
}
.products .items .product .info
{
width: 100%;
margin-left: -283px;
padding-left: 308px;
}
.products .items .product .name
{
font: 700 18px/18px Open Sans;
margin-bottom: 16px;
text-transform: uppercase;
}
.products .items .product .name a
{
color: #2890cd;
text-decoration: none;
}
.products .items .product .name a:hover
{
text-decoration: underline;
}
.products .items .product .desc
{
color: #000;
font: 14px Open Sans;
}
.products .items .product .desc p
{
margin-bottom: 15px;
}
.products .items .product .desc ul
{
margin-bottom: 15px;
}
.products .items .product .desc ul li
{
margin-left: 18px;
}
.products .items .product .desc :last-child
{
margin-bottom: 0;
}
.products .items .product .links
{
margin-top: 25px;
}
.products .items .product .links a
{
color: #fff;
font: 16px/38px Open Sans;
display: inline-block;
width: 172px;
height: 38px;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
}
.products .items .product .links a + a
{
margin-left: 14px;
}
.products .items .product .links a.details
{
background: #a6a6a6;
}
.products .items .product .links a.details:hover
{
background: #5a5a5a;
}
.products .items .product .links a.order_link
{
background: #0f70ac;
}
.products .items .product .links a.order_link:hover
{
background: #075683;
}
.products .items.grid
{
overflow: hidden;
margin-left: -34px;
}
/*.products .items.grid .product
{
float: left;
width: 390px;
margin-left: 34px;
padding: 23px 19px;
}
.products .items.grid .product:nth-child(2n+1)
{
clear: both;
}
.products .items.grid .product .thumb
{
width: 100%;
margin-bottom: 15px;
}
.products .items.grid .product .info
{
margin: 0;
padding: 0;
}*/
.products .items.grid .product .name
{
font-size: 16px;
}
.products .items.grid .product .links
{
overflow: hidden;
}
.products .items.grid .product .links a
{
width: 165px;
}
.products .items.grid .product .links a.details
{
float: left;
}
.products .items.grid .product .links a.order_link
{
float: right;
}
.products .items.grid .product .links a + a
{
margin-left: 0;
}
.consult_block
{
margin-bottom: 28px;
padding: 29px 34px;
background: url(/local/templates/responsive/css/../images/blue_corner.jpg) 100% 0 no-repeat,
url(/local/templates/responsive/css/../images/bg_consult_block.jpg) 100% 0 no-repeat #c9e2f2;
}
.consult_block .title
{
color: #000;
font: 700 16px Open Sans;
margin-bottom: 23px;
text-transform: uppercase;
}
.consult_block .title span
{
display: block;
margin-top: 15px;
text-transform: none;
}
.consult_block .link
{
color: #fff;
font: 16px/38px Open Sans;
display: inline-block;
height: 38px;
padding: 0 27px;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #0f70ac;
}
.consult_block .link:hover
{
background: #075683;
}
.products .gallery
{
margin-bottom: 10px;
margin-left: -3%;
}
.products .gallery a
{
display: block;
float: left;
width: 30.333%;
margin-bottom: 20px;
margin-left: 3%;
}
.products .gallery a + a
{
margin-left: 3%;
}
.advantages
{
margin-bottom: 18px;
}
.advantages .title
{
color: #2890cd;
font: 700 18px/20px Open Sans;
margin: 0 0 30px;
text-transform: uppercase;
}
.advantages .items
{
overflow: hidden;
}
.advantages .item
{
color: #000;
font: 600 16px/21px Open Sans;
position: relative;
float: left;
width: 390px;
width: 390px;
margin-bottom: 30px;
padding-left: 140px;
}
.advantages .items .item:nth-child(2n)
{
float: right;
}
.advantages .items .item:nth-child(2n+1)
{
clear: both;
}
.advantages .item .icon
{
position: absolute;
top: 0;
left: 0;
width: 124px;
}
.advantages .item .icon img
{
display: block;
max-width: 100%;
}
.advantages .item .box
{
display: table-cell;
width: 250px;
height: 83px;
vertical-align: middle;
}
.steps
{
margin-bottom: 50px;
}
.steps .title
{
color: #2890cd;
font: 700 18px/20px Open Sans;
margin: 0 0 30px;
text-transform: uppercase;
}
.steps .items
{
display: flex;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
flex-wrap: wrap;
}
.steps .item
{
flex-direction: column;
text-align: center;
flex-basis: 148px;
}
.steps .item .number
{
color: #2890cd;
font: 900 29px/30px Open Sans;
margin-bottom: 15px;
text-transform: uppercase;
}
.steps .item .info
{
color: #000;
font: 600 16px/21px Open Sans;
height: 213px;
padding: 15px 10px;
background: url(/local/templates/responsive/css/../images/bg_step_info.png) 0 0 no-repeat;
}
.steps .item .info .icon img
{
display: block;
max-width: 100%;
margin: 0 auto;
}
.products
{
margin-bottom: 50px;
padding-top: 20px;
}
.products .product
{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
border: 1px solid #dbdbdb;
justify-content: stretch;
align-items: stretch;
}
.products .product + .product
{
margin-top: 15px;
}
.products .product .thumb
{
min-width: 350px;
flex: 1 1 auto;
}
.products .product .thumb a
{
display: flex;
height: 285px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.products .product .thumb img
{
display: block;
max-width: 100%;
max-height: 100%;
}
.products .product .info
{
flex: 1 1 auto;
color: #000;
font: 14px Open Sans;
padding: 25px 35px 25px 20px;
}
.products .product .name
{
margin-bottom: 10px;
}
.products .product .name a
{
color: #000;
font-size: 24px;
font-weight: 700;
line-height: 28px;
position: relative;
display: inline-block;
padding-left: 29px;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
}
.products .product .name a:before
{
position: absolute;
top: 5px;
left: 0;
display: block;
width: 19px;
height: 19px;
content: '';
background: #1f8fcf;
}
.products .product .name a:hover
{
text-decoration: underline;
}
.products .product ul
{
margin-top: 20px;
margin-bottom: -10px;
column-count: 4;
-webkit-column-count: 4;
-moz-column-count: 4;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.products .product ul li
{
display: inline-block;
width: 100%;
margin-bottom: 10px;
list-style: none;
vertical-align: top;
}
.products .product ul li a
{
color: #1f8fcf;
font: 14px Open Sans;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.products .product ul li a:hover
{
text-decoration: underline;
}
.product_info
{
margin-bottom: 40px;
}
.product_info .grid
{
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.product_info .image
{
width: 37%;
margin-bottom: 20px;
}
.product_info .image.big
{
width: 50%;
}
.product_info .image a,
.product_info .image img
{
display: block;
width: 70%;
}
.product_info .info
{
width: calc(23% - 40px);
margin-bottom: 20px;
}
.product_info .info.big
{
width: 100%;
margin: 0;
}
.product_info .info .name
{
color: #000;
font: 700 24px/28px Open Sans;
position: relative;
padding-left: 29px;
text-transform: uppercase;
}
.product_info .info .name:before
{
position: absolute;
top: 5px;
left: 0;
display: block;
width: 19px;
height: 19px;
content: '';
background: #1f8fcf;
}
.product_info .info.big .features
{
margin: 0;
padding: 0;
}
.product_info .info .features
{
color: #000;
font: 14px/24px Open Sans;
margin-top: 10px;
padding-left: 29px;
}
.product_info .buy
{
width: 50%;
padding-left: 20px;
margin-bottom: 20px;
}
.product_info .buy .price
{
display: flex;
flex-flow: row wrap;
padding: 18px;
padding-bottom: 0;
background: #f0f0f0;
justify-content: space-between;
align-items: center;
align-content: center;
}
.product_info .buy .price .get_price
{
color: #fff;
font: 14px/45px Open Sans;
display: inline-block;
margin-bottom: 18px;
max-width: 300px;
flex: 1 1 auto;
max-width: 100%;
height: 45px;
transition: background .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #14ab0d;
}
.product_info .buy .price .get_price:hover
{
background: #19c410;
}
.product_info .buy .price .val
{
flex: 0 1 auto;
padding-right: 20px;
margin-bottom: 18px;
color: #0e1011;
font: 14px/22px Open Sans;
}
.product_info .buy .price .val b
{
font-size: 20px;
display: block;
}
.product_info .buy .price .buy_link
{
color: #fff;
font: 14px/45px Open Sans;
margin-bottom: 18px;
display: inline-block;
flex: 1 1 auto;
max-width: 100%;
height: 45px;
transition: background .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #d60000;
}
.product_info .buy .price .buy_link:hover
{
background: #f00000;
}
.product_info .buy .contacts
{
color: #000;
font: 14px/24px Open Sans;
padding: 18px;
background: #cae0ec;
}
.product_info .buy .contacts a
{
color: #006fae;
text-decoration: none;
}
.product_info .buy .contacts a:hover
{
text-decoration: underline;
}
.product_info .table
{
width: 100%;
margin-top: 13px;
}
.product_info table
{
width: 100%;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #dbdbdb;
}
.product_info table th
{
color: #ededc5;
font: 14px Open Sans;
padding: 10px;
text-align: center;
background: #1f8fcf;
}
.product_info table td
{
color: #000;
font: 14px Open Sans;
padding: 10px;
transition: background .2s linear;
text-align: center;
background: #fff;
}
.product_info table tr:nth-child(2n+1) td
{
background: #e4eff5;
}
.product_info table td a
{
color: #1f8fcf;
text-decoration: none;
}
.product_info table td a.buy_link
{
color: #d60000;
font-size: 11px;
text-decoration: underline;
text-transform: uppercase;
}
.product_info table tr:hover
{
outline: 1px solid #ff9090;
outline-offset: -1px;
box-shadow: 0 6px 7px rgba(0,0,0,.15);
}
.product_info table tr:hover td
{
background: #ffd5c1;
}
.product_info table tr:hover td a
{
text-decoration: underline;
}
.product_info .features_table
{
margin-top: 35px;
}
.product_info .features_table .title
{
color: #000;
font: 700 24px/28px Open Sans;
margin-bottom: 20px;
}
.product_info .features_table table td
{
padding: 10px 35px;
text-align: left;
}
.product_info .features_list
{
margin-top: 35px;
}
.product_info .features_list .title
{
color: #000;
font: 700 24px/28px Open Sans;
margin-bottom: 15px;
}
.product_info .features_list li
{
color: #000;
font: 14px Open Sans;
position: relative;
display: block;
width: 100%;
padding-left: 15px;
list-style: none;
}
.product_info .features_list li + li
{
margin-top: 5px;
}
.product_info .features_list li:before
{
position: absolute;
top: 8px;
left: 0;
display: block;
width: 7px;
height: 7px;
content: '';
border-radius: 50%;
background: #1f8fcf;
}
.product_info .applications
{
margin-top: 35px;
}
.product_info .applications .title
{
color: #000;
font: 700 24px/28px Open Sans;
margin-bottom: 15px;
}
.product_info .applications li
{
color: #000;
font: 14px Open Sans;
position: relative;
display: block;
width: 100%;
padding-left: 15px;
list-style: none;
}
.product_info .applications li + li
{
margin-top: 5px;
}
.product_info .applications li:before
{
position: absolute;
top: 8px;
left: 0;
display: block;
width: 7px;
height: 7px;
content: '';
border-radius: 50%;
background: #1f8fcf;
}
.cart_info table
{
width: 100%;
margin-bottom: 14px;
border-spacing: 0;
border-collapse: collapse;
}
.cart_info table th
{
color: #919191;
font: 12px Open Sans;
padding: 0 15px 12px;
text-align: center;
vertical-align: middle;
}
.cart_info table td
{
padding: 20px;
vertical-align: middle;
border-top: 1px solid #dbdbdb;
}
.cart_info table td:first-child
{
border-left: 1px solid #dbdbdb;
}
.cart_info table td:last-child
{
border-right: 1px solid #dbdbdb;
}
.cart_info table td.image
{
min-width: 193px;
table-layout: fixed;
}
.cart_info table td.image a{
display: block;
position: relative;
overflow: hidden;
}
.cart_info table td.image a:after{
content: '';
display: block;
padding-top: 80%;
}
.cart_info table td.image img
{
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.cart_info table td.info .name a
{
color: #000;
font: 700 18px/23px Open Sans;
position: relative;
display: inline-block;
padding-left: 22px;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
}
.cart_info table td.info .name a:before
{
position: absolute;
top: 5px;
left: 0;
display: block;
width: 13px;
height: 13px;
content: '';
background: #1f8fcf;
}
.cart_info table td.info .name a:hover
{
text-decoration: underline;
}
.cart_info table td.info .features
{
color: #919191;
font: 12px/22px Open Sans;
margin-top: 10px;
padding-left: 22px;
}
.cart_info table td.info .features a
{
color: #1f8fcf;
font-size: 14px;
text-decoration: none;
}
.cart_info table td.info .features a:hover
{
text-decoration: underline;
}
.cart_info table td.amount
{
text-align: center;
}
.cart_info table td.amount .box
{
display: inline-block;
width: 104px;
height: 34px;
vertical-align: top;
}
.cart_info table td.amount .input
{
color: #000;
font: 14px Open Sans;
display: block;
float: left;
width: 100%;
height: 34px;
margin: 0 -35px;
padding: 0 34px;
text-align: center;
border: 1px solid #d6d6d6;
background: none;
}
.cart_info table td.amount a
{
color: #000;
font: 14px/34px Open Sans;
display: block;
float: left;
width: 35px;
height: 34px;
text-align: center;
text-decoration: none;
}
.cart_info table td.delete
{
text-align: center;
}
.cart_info table td.delete a
{
color: #d3051d;
font: 14px Open Sans;
display: inline-block;
}
.cart_info table td.delete a:hover
{
text-decoration: none;
}
.cart_info table td.cart_total
{
color: #000;
font: 700 18px Open Sans;
padding: 15px 40px;
text-align: right;
text-transform: uppercase;
border-color: #fff;
border-top: 1px solid #dbdbdb;
background: #ededed;
}
.cart_info .checkout_link
{
color: #fff;
font: 14px/45px Open Sans;
display: inline-block;
width: 169px;
max-width: 100%;
height: 45px;
transition: background .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
background: #d60000;
}
.cart_info .checkout_link:hover
{
background: #f00000;
}
/* End Стили основного блока сайта */
/*=============================*/
/* Стили подвала сайта */
footer
{
padding: 50px 0 33px;
background: #262626;
}
footer .title
{
color: #c6c6c6;
font: 700 16px Open Sans;
margin-bottom: 25px;
text-transform: uppercase;
}
footer .cats
{
margin-right: 35px;
}
footer .cats ul
{
width: 270px;
}
footer .links ul
{
width: 150px;
}
footer li
{
font: 300 14px/24px Open Sans;
list-style-type: none;
}
footer li a
{
color: #767676;
}
footer li a:hover
{
text-decoration: none;
}
footer .feedback .line
{
margin-bottom: 12px;
}
footer .feedback .input
{
color: #c6c6c6;
font: 300 11px Open Sans;
width: 232px;
height: 34px;
padding: 0 15px;
text-transform: uppercase;
border: 1px solid #c6c6c6;
background: none;
}
footer .feedback textarea
{
color: #c6c6c6;
font: 300 11px Open Sans;
width: 291px;
height: 90px;
padding: 6px 15px;
resize: none;
text-transform: uppercase;
border: 1px solid #c6c6c6;
background: none;
}
footer .feedback .submit_btn
{
color: #fff;
font: 300 18px Open Sans;
width: 190px;
height: 38px;
padding-bottom: 2px;
cursor: pointer;
text-align: center;
border: none;
background: #1c1c1c;
}
footer .feedback .submit_btn:hover
{
background: #5a5a5a;
}
footer .contacts
{
padding-top: 20px;
}
footer .contacts .col
{
color: #a5a5a5;
font: 300 18px/24px Open Sans;
display: inline-block;
margin-right: 25px;
vertical-align: middle;
}
footer .contacts .city
{
font-size: 14px;
position: relative;
display: inline-block;
margin-left: 7px;
padding: 0 8px;
background: #1c1c1c;
}
footer .contacts .city:before
{
position: absolute;
top: 50%;
left: -7px;
display: block;
width: 7px;
height: 8px;
margin-top: -4px;
content: '';
background: url(/local/templates/responsive/css/../images/city_before.png) 0 0 no-repeat;
}
footer .contacts a
{
color: #616161;
}
footer .contacts a:hover
{
text-decoration: none;
}
footer .copyright
{
color: #7b7b7b;
font: 300 14px/75px Open Sans;
margin-left: 25px;
padding-top: 20px;
}
footer .creator
{
line-height: 75px;
height: 75px;
padding-top: 20px;
}
footer .creator img
{
vertical-align: middle;
}
/* End Стили подвала сайта */
/*=============================*/
/* Стили всплывающих окон */
/* End Стили всплывающих окон */
.partners_block.certificates {
padding-top: 20px !important;
}
.certificates.jcarousel-list.jcarousel-list-horizontal {
background: #f0f0f0;
padding-bottom: 20px !important;
padding-top: 20px !important;
margin-top: 20px !important;
}
.imgCertificate {
height: 100%;
width: 70%;
}
.kubBlue {
position: absolute;
margin-top: 30px;
width: 14px;
height: 14px;
content: '';
background: #1f8fcf;
}
.service.left.page-certificate {
width: 320px !important;
padding-right: 50px;
}
.info-certificate {
margin-top: 24px;
margin-left: 30px;
padding-bottom: 50px;
}
.page-certification-img {
height: 350px !important;
max-height: 450px !important;
}
/*#centerLineIndex {
width: 15%;
display: inline-block;
text-align: center;
font-size: 25px;
padding-bottom: 30px;
} */
#centerLineIndex {
/* width: 42%; */
display: inline-block;
text-align: center;
font-family: arial;
margin-left: 16%;
font-size: 20px;
padding-bottom: 30px;
}
#leftLineIndex{
background: #00BFFF !important;
width: 29%;
height: 3px;
display: inline-block;
float: left;
/* margin-left: 7%; */
margin-top: 15px;
}
#rightLineIndex{
background: #00BFFF !important;
width: 29%;
height: 3px;
display: inline-block;
float: right;
margin-right: 0%;
margin-top: 15px;
}
/* End */
/* Start:/local/templates/responsive/css/response_1229.css?15512470443902*/
@media (max-width: 1229px)
{
/*---------------
Main styles
---------------*/
.page
{
margin-bottom: 60px;
}
/*---------------
Header
---------------*/
header
{
padding: 25px 0;
}
header .logo
{
margin: 0;
}
header .phones
{
top: -5px;
right: 15px;
left: auto;
margin: 0;
}
header .menu,
header .cities
{
margin-left: -20px;
}
header .cities
{
margin-top: 0;
margin-bottom: 0;
}
header .search .search_form
{
right: -15px;
}
/*---------------
Sidebar
---------------*/
/*---------------
Main section
---------------*/
.bx-wrapper .bxslider li
{
overflow: hidden;
border-bottom: 12px solid transparent;
}
.bx-wrapper .bxslider li .info
{
left: 100px;
margin: 0;
}
.bx-wrapper .bx-pager
{
bottom: 50px;
left: 0;
margin: 0;
padding: 0 100px;
}
.bx-wrapper .bx-controls-direction
{
position: static;
left: 0;
width: 0;
height: auto;
margin-left: 0;
}
.bx-wrapper .bx-controls-direction a.bx-prev
{
right: auto;
left: 15px;
}
.bx-wrapper .bx-controls-direction a.bx-next
{
right: 15px;
}
.bx-wrapper img
{
margin-left: 0;
transform: translateX(-50%);
}
.slider.mini .bx-wrapper .bx-pager
{
bottom: 33px;
}
.services .service
{
width: calc(25% - 8px);
}
.services .service .name
{
bottom: 15px;
width: 100%;
}
section.right
{
width: calc(100% - 369px);
}
.text_block .details
{
margin-top: 0;
}
.news_block .item
{
width: calc(50% - 35px);
}
.partners_block .jcarousel-skin-tango .jcarousel-container-horizontal
{
width: 100%;
}
.partners_block .jcarousel-skin-tango .jcarousel-prev-horizontal,
.partners_block .jcarousel-skin-tango .jcarousel-next-horizontal
{
top: -68px;
}
.contacts_block .info
{
right: 15px;
left: auto;
margin: 0;
}
section.right .services .service
{
width: calc(50% - 8px);
}
section .feedback
{
width: 100%;
}
section .feedback form .line.left
{
width: calc(33.333% - 16px);
}
.products .items .product .links a
{
width: calc(50% - 9px);
}
.products .items
{
padding-bottom: 23px;
}
.advantages .item
{
width: 100%;
margin-bottom: 15px;
}
.advantages .item .box
{
width: 100%;
}
.steps .items
{
margin-bottom: -15px;
padding: 0;
}
.steps .item
{
margin-bottom: 15px;
}
.products .items.grid
{
margin-left: -15px;
}
.products .items.grid .product
{
width: calc(50% - 15px);
margin-left: 15px;
padding: 15px;
}
.products .items.grid .product .links a
{
width: calc(50% - 9px);
}
.partners .partners_block .jcarousel-skin-tango .jcarousel-container-horizontal
{
width: 100% !important;
}
/*---------------
Footer
---------------*/
footer .cats
{
margin-right: 115px;
}
footer .cats ul
{
float: none;
width: 100%;
}
footer .copyright
{
line-height: normal;
padding: 15px 0 0;
}
footer .creator a
{
display: inline-block;
vertical-align: top;
}
footer .creator img
{
display: block;
}
/*---------------
PopUp
---------------*/
}
/* End */
/* Start:/local/templates/responsive/css/response_1023.css?16004079893116*/
@media (max-width: 1023px)
{
/*---------------
Main styles
---------------*/
/*---------------
Header
---------------*/
header .menu
{
margin-left: -10px;
}
header .menu > li
{
font-size: 14px;
padding: 0 10px;
}
header .menu > li + li
{
background: none;
}
/*---------------
Sidebar
---------------*/
aside
{
width: 100%;
}
aside .categories
{
width: 100%;
margin-bottom: 40px;
}
aside .days
{
width: 100%;
margin-bottom: 40px;
}
/*---------------
Main section
---------------*/
.slider
{
margin-bottom: 40px;
}
.bx-wrapper .bxslider li .info
{
left: 0;
display: flex;
width: 100%;
height: 100%;
padding: 0 100px;
padding-bottom: 40px;
text-align: center;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.bx-wrapper .bx-pager
{
text-align: center;
}
.text_block.center p
{
padding: 0;
}
.services .service
{
width: calc(50% - 8px);
}
section.right
{
width: 100%;
}
.news_block
{
padding: 20px 30px;
}
.partners_block
{
margin-bottom: -25px;
/* margin-bottom: -45px; */
}
.partners_block .jcarousel-skin-tango .jcarousel-item
{
width: 174px;
}
.contacts_info .item .line
{
margin-bottom: -30px;
}
.contacts_info .item .col
{
width: 33.333%;
margin-bottom: 30px;
}
.contacts_info .item .col:nth-child(3n+1)
{
clear: both;
}
.partners.page
{
margin-bottom: 0;
}
.partners .partners_block
{
margin-bottom: 0;
}
/*---------------
Footer
---------------*/
footer .feedback
{
width: 100%;
margin-bottom: 15px;
}
footer .feedback .input,
footer .feedback textarea
{
width: 100%;
}
footer .cats
{
display: none;
margin-right: 0;
}
footer .cats ul
{
float: left;
width: 270px;
}
footer .links
{
display: none;
float: right;
width: 140px;
}
footer .links ul
{
width: 100%;
}
footer .contacts
{
width: 100%;
}
footer .creator
{
float: left;
padding-top: 30px;
}
footer .copyright
{
line-height: 45px;
padding-top: 30px;
}
/*---------------
PopUp
---------------*/
.work-time, .regionblock {
display: none;
}
}
/* End */
/* Start:/local/templates/responsive/css/response_767.css?15415142916949*/
@media (max-width: 767px)
{
/*---------------
Main styles
---------------*/
/*---------------
Header
---------------*/
header
{
position: relative;
z-index: 10000;
padding-bottom: 40px;
}
header .mob_menu_link
{
display: block;
}
header .menu
{
position: absolute;
z-index: 9999;
top: 100px;
left: 0;
display: none;
width: 100%;
margin: 0;
padding: 15px 0;
border-top: 5px solid #006fae;
border-bottom: 5px solid #006fae;
background: #fff;
}
header .menu > li
{
width: 100%;
text-align: center;
}
header .menu > li:hover .sub_menu
{
display: none;
}
header .menu > li .sub_menu
{
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 0;
background: none;
}
header .cities
{
display: none;
}
header .phones
{
position: relative;
top: 0;
right: 0;
width: 100%;
margin-top: 20px;
padding: 0;
text-align: center;
background: none;
}
header .phones:after
{
display: none;
}
.callback_form
{
top: calc(100% + 10px);
right: 15px;
}
/*---------------
Sidebar
---------------*/
aside
{
display: none;
}
aside.inner
{
display: block;
}
aside .show_link
{
color: #fff;
font: 300 14px/38px Open Sans;
display: block;
width: 100%;
height: 38px;
margin-bottom: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #006fae;
}
aside .categories
{
display: none;
}
/*---------------
Main section
---------------*/
.slider
{
display: none;
}
.bx-wrapper .bxslider li .info
{
font-size: 20px;
line-height: 24px;
padding-right: 40px;
padding-left: 40px;
}
.bx-wrapper .bxslider li .info .title
{
font-size: 32px;
line-height: 36px;
}
.bx-wrapper .bxslider li .info .title br
{
display: none;
}
.bx-wrapper .bxslider li .info .title b
{
font-size: 48px;
line-height: 48px;
}
.bx-wrapper .bx-pager
{
padding: 0;
}
.text_block .title
{
font-size: 32px;
line-height: 32px;
}
.text_block .title span
{
padding: 0;
}
.services .service .bg
{
background: rgba(255,255,255,.75);
}
.services .service .name
{
color: #000;
font-size: 16px;
bottom: 0;
display: flex;
height: 100%;
text-align: center;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.news_block
{
padding: 20px;
}
.news_block .item
{
display: none;
width: calc(100% - 35px);
margin-bottom: 0;
}
.news_block .item:first-child
{
display: block;
}
.partners_block .title
{
font-size: 26px;
}
.partners_block .title a
{
margin-left: 15px;
}
.partners_block .jcarousel-skin-tango .jcarousel-item
{
line-height: 100px;
width: 135px;
height: 100px;
}
section .feedback form
{
padding: 20px;
}
section .feedback form .line
{
margin-bottom: 15px;
}
section .feedback form .line.left
{
width: 100%;
}
section .feedback form .line.left + .line.left
{
margin-left: 0;
}
section .feedback .title b
{
font-size: 20px;
}
.products .items .product
{
padding: 20px;
}
.products .items .product .info
{
margin: 0;
padding: 20px 0 0;
}
.consult_block
{
background: url(/local/templates/responsive/css/../images/blue_corner.jpg) 100% 0 no-repeat, url(/local/templates/responsive/css/../images/bg_consult_block.jpg) 0 0 no-repeat #c9e2f2;
}
.steps .items
{
justify-content: center;
}
.steps .item
{
margin: 0 1px 15px;
}
.products .items.grid .product
{
width: calc(100% - 15px);
padding: 20px;
}
.products .items.grid .product .thumb
{
width: 283px;
max-width: 100%;
}
.contacts_info .item .col
{
width: 50%;
}
.contacts_info .item .col:nth-child(3n+1)
{
clear: none;
}
.contacts_info .item .col:nth-child(2n+1)
{
clear: both;
}
.news .list .item
{
margin-bottom: 30px;
}
.products .product .thumb{
min-width: 30%;
}
.cart_info table td{
padding: 10px;
}
.cart_info table td.image{
min-width: 100px;
}
.cart_info table td.info .name a{
font-size: 15px;
padding-left: 5px;
}
.cart_info table td.info .name a:before{
height: 3px;
width: 3px;
}
.cart_info table td.info .features{
padding-left: 0;
}
.cart_info table th{
padding: 0 5px 12px;
}
.cart_info table td.delete a{
font-size: 0px;
text-decoration: none;
}
.cart_info table td.delete a:after{
content: 'x';
font-weight: bold;
font-size: 18px;
}
.cart_info table td.amount .box{
height: auto;
width: auto;
}
.cart_info table td.amount input.input{
width: 100%;
float: none;
}
.cart_info table td.amount a{
float: none;
clear: both;
margin: 0 auto;
}
/*---------------
Footer
---------------*/
footer .feedback
{
margin-bottom: 30px;
}
footer .cats
{
width: calc(50% - 7px);
margin-bottom: 30px;
}
footer .cats ul
{
width: 100%;
}
footer .links
{
width: calc(50% - 7px);
margin-bottom: 30px;
}
footer .contacts
{
padding-top: 0;
}
footer .contacts .col
{
width: 100%;
margin: 0;
}
/*---------------
PopUp
---------------*/
}
/* End */
/* Start:/local/templates/responsive/css/response_479.css?15415142915534*/
@media (max-width: 479px)
{
/*---------------
Main styles
---------------*/
.page_name
{
font-size: 30px;
line-height: 32px;
}
.products .product{
flex-flow: row wrap;
}
.products .product .thumb a{
height: auto;
padding: 20px 20px 0 20px;
}
.cart_info table td{
padding: 5px;
}
.cart_info table td.image{
min-width: 85px;
}
.cart_info table td.image a:after{
padding-top: 130%;
}
.product_info .image.big{
width: 100%;
}
.product_info .buy{
padding-left: 0;
width: 100%;
}
/*---------------
Header
---------------*/
header .logo
{
float: right;
}
header .search
{
float: left;
margin-top: 0;
padding: 0;
}
header .phones .numbers
{
font-size: 20px;
width: 100%;
margin: 0 0 10px;
}
header .phones .numbers > *
{
display: none;
}
header .phones .numbers > :first-child
{
display: inline-block;
}
header .mob_menu_link
{
float: left;
margin-top: -5px;
margin-right: 0;
margin-left: -10px;
}
header .search .search_form
{
top: 60px;
right: auto;
left: -15px;
width: 320px;
}
header .search .search_form:before
{
right: auto;
left: 32px;
}
header .search .search_form .input
{
width: calc(100% - 84px);
}
header .email
{
display: block;
}
/*---------------
Sidebar
---------------*/
aside .categories li
{
font-size: 16px;
}
/*---------------
Main section
---------------*/
.bx-wrapper .bxslider li .info
{
font-size: 18px;
line-height: 22px;
}
.bx-wrapper .bxslider li .info .title
{
font-size: 28px;
line-height: 30px;
}
.bx-wrapper .bxslider li .info .title b
{
font-size: 40px;
line-height: 40px;
}
.text_block.center
{
margin-bottom: 40px;
}
.text_block .title
{
font-size: 28px;
line-height: 28px;
}
.services .service
{
width: calc(100% - 8px);
}
.news_block .title,
.partners_block .title
{
font-size: 28px;
line-height: 28px;
}
.news_block .title a,
.partners_block .title a
{
display: block;
margin: 0;
}
.partners_block .title
{
margin-bottom: 65px;
}
.partners_block .jcarousel-skin-tango .jcarousel-prev-horizontal,
.partners_block .jcarousel-skin-tango .jcarousel-next-horizontal
{
top: -55px;
}
.partners_block .jcarousel-skin-tango .jcarousel-item
{
line-height: 100px;
width: 115px;
height: 100px;
}
.contacts_block .map
{
height: auto;
}
.contacts_block .info
{
position: relative;
bottom: 0;
left: 0;
width: calc(100% - 30px);
margin-top: 30px;
margin-left: 15px;
}
.contacts_info .item
{
display: none;
}
section.right .services .service
{
width: calc(100% - 8px);
}
.products .text_block h1
{
font-size: 20px;
line-height: 26px;
}
.products .text_block h2
{
font-size: 17px;
line-height: 24px;
}
.products .items .product,
.products .items.grid .product
{
padding: 15px;
}
.products .items .product .thumb
{
width: 100%;
}
.products .items .product .links a
{
font-size: 14px;
}
.advantages .item
{
font-size: 14px;
line-height: 18px;
width: calc(100% + 15px);
margin-left: -15px;
}
.consult_block
{
padding: 20px;
}
.consult_block .link
{
font-size: 14px;
padding: 0 20px;
}
.text_block ul li
{
margin-left: 20px;
}
.contacts_info .item .col
{
width: 100%;
}
.tabs li
{
width: 100%;
text-align: center;
}
/*---------------
Footer
---------------*/
footer .cats,
footer .links
{
width: 100%;
text-align: center;
}
footer .title
{
margin-bottom: 15px;
}
footer .copyright
{
line-height: normal;
width: 100%;
margin: 0;
text-align: center;
}
footer .creator
{
width: 100%;
text-align: center;
}
footer .contacts .col
{
font-size: 17px;
text-align: center;
}
footer .feedback
{
text-align: center;
}
/*---------------
PopUp
---------------*/
}
@media (max-width: 400px)
{
.partners_block .jcarousel-skin-tango .jcarousel-item
{
line-height: 100px;
width: 135px;
height: 100px;
}
}
/* End */
/* /local/templates/responsive/components/bitrix/search.form/.default/style.css?154151428286 */
/* /local/templates/responsive/components/custom/sale.basket.basket.line/head/style.css?15496161244565 */
/* /local/templates/responsive/styles.css?17236260515181 */
/* /local/templates/responsive/css/bxslider.css?15415142892662 */
/* /local/templates/responsive/css/fancybox.css?15415142905312 */
/* /local/templates/responsive/css/styles.css?166296762335656 */
/* /local/templates/responsive/css/style.css?166297532143463 */
/* /local/templates/responsive/css/response_1229.css?15512470443902 */
/* /local/templates/responsive/css/response_1023.css?16004079893116 */
/* /local/templates/responsive/css/response_767.css?15415142916949 */
/* /local/templates/responsive/css/response_479.css?15415142915534 */