* {margin:0; padding:0;}

body {font-family: 'muller'; font-weight: 300;}
input.hidden{
   display: none;
}
@font-face {
	font-display: swap;
    font-family: 'muller';
    src: url('fonts/fontfabric_-_mullerblack-webfont.eot');
    src: url('fonts/fontfabric_-_mullerblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontfabric_-_mullerblack-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_-_mullerblack-webfont.woff') format('woff'),
         url('fonts/fontfabric_-_mullerblack-webfont.ttf') format('truetype'),
         url('fonts/fontfabric_-_mullerblack-webfont.svg#muller') format('svg');
    font-weight: 900;
    font-style: normal; 
}

@font-face {
	font-display: swap;
    font-family: 'muller';
    src: url('fonts/fontfabric_-_mullermedium-webfont.eot');
    src: url('fonts/fontfabric_-_mullermedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontfabric_-_mullermedium-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_-_mullermedium-webfont.woff') format('woff'),
         url('fonts/fontfabric_-_mullermedium-webfont.ttf') format('truetype'),
         url('fonts/fontfabric_-_mullermedium-webfont.svg#muller') format('svg');
    font-weight: 500;
    font-style: normal; 

}

@font-face {
	font-display: swap;
    font-family: 'muller';
    src: url('fonts/mullerbold-webfont.eot');
    src: url('fonts/mullerbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mullerbold-webfont.woff2') format('woff2'),
         url('fonts/mullerbold-webfont.woff') format('woff'),
         url('fonts/mullerbold-webfont.ttf') format('truetype'),
         url('fonts/mullerbold-webfont.svg#muller') format('svg');
    font-weight: 700;
    font-style: normal; 
}

@font-face {
	font-display: swap;
    font-family: 'muller';
    src: url('fonts/fontfabric_-_mullerregular-webfont.eot');
    src: url('fonts/fontfabric_-_mullerregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontfabric_-_mullerregular-webfont.woff2') format('woff2'),
         url('fonts/fontfabric_-_mullerregular-webfont.woff') format('woff'),
         url('fonts/fontfabric_-_mullerregular-webfont.ttf') format('truetype'),
         url('fonts/fontfabric_-_mullerregular-webfont.svg#muller') format('svg');
    font-weight: 400;
    font-style: normal; 
}

@font-face {
	font-display: swap;
    font-family: 'muller';
    src: url('fonts/mullerlight-webfont.eot');
    src: url('fonts/mullerlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mullerlight-webfont.woff2') format('woff2'),
         url('fonts/mullerlight-webfont.woff') format('woff'),
         url('fonts/mullerlight-webfont.ttf') format('truetype'),
         url('fonts/mullerlight-webfont.svg#muller') format('svg');
    font-weight: 300;
    font-style: normal; 
}

@font-face {
	font-display: swap;
    font-family: 'muller';
    src: url('fonts/mullerlightitalic-webfont.eot');
    src: url('fonts/mullerlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mullerlightitalic-webfont.woff2') format('woff2'),
         url('fonts/mullerlightitalic-webfont.woff') format('woff'),
         url('fonts/mullerlightitalic-webfont.ttf') format('truetype'),
         url('fonts/mullerlightitalic-webfont.svg#muller') format('svg');
    font-weight: 300;
    font-style: italic; 

}

h1, h2, h3, h4, h5, h6 {margin:0 0 15px 0; color: #000;}
h1 {font-size: 48px;}
h2 {font-size: 36px;}
h3 {font-size: 34px;}
h4 {font-size: 32px;}
h5 {font-size: 28px;}
h6 {font-size: 26px;}

strong {color: #000;}

a {outline:none !important; color:#234E97; text-decoration: underline; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
a:hover {text-decoration: none; color:#234E97;}

button {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}

p {margin:0 0 15px 0; font-size:16px; color: #000; line-height: 20px;}
ul, ol {padding:0 0 0 20px; margin-bottom: 20px;}
li {font-size:16px; color: #000;}

img {border: 0; outline: 0;}
img:hover {opacity: 0.9;}
img.fancybox-image {opacity: 1 !important;}



.right {float:right;}
.left {float:left;}
.hidden {display: none;}

.bg-site {background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; position: fixed; opacity: 0; z-index: 10; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; cursor: pointer;}
.bg-site.active {opacity: 1; top: 0; left: 0; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}



/* ==============================================
********  Шапка
=============================================== */
.to_top {position: fixed; top: 0; left: 0; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; z-index: 5; 
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.31);}


.header-main {background: #fff;}
.header {padding-top: 17px; padding-bottom: 20px;}
.header .logo {display: inline-block;; vertical-align: middle;}
.header .logo img {max-width: 150px; height: auto; opacity: 1;}
.header .slogan {font-size: 16px; font-weight: 400; color: #000; display: inline-block;; vertical-align: middle; line-height: 19px; padding-left: 15px;}

/*Контакты*/
.header .contact-info {display: table; float: right;}
.header .contact-info > div {display: table-cell; vertical-align: middle; padding-left: 35px;}

.header .contact-info .address {font-size: 14px; color: #b5b5b5; line-height: 18px; text-align: right;}
.header .contact-info .address a {font-size: 16px; font-weight: 400; color: #007DC6}
.header .contact-info .address a:hover {}

.header .contact-info .phone {position: relative; position: relative; z-index: 6;}
.header .contact-info .phone a i:nth-child(2) {color: #000; font-size: 16px; display: inline-block; vertical-align: middle; transform: rotate(90deg); margin: 0 0 5px 6px; cursor: pointer;}
.header .contact-info .phone .text {position: absolute; top: -10px; background: rgba(255, 255, 255, 1); padding: 35px 20px 10px 30px; left: -10px; right: 0; display: none; opacity: 0; border-radius: 5px; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); z-index: 5;}
.header .contact-info .phone:hover .text {display: block; opacity: 1;}
.header .contact-info > div > .phone:hover i:nth-child(2) {opacity: 0;}
.header .contact-info .phone .text a {margin-bottom: 0;}


.header .contact-info .phone a {font-size: 18px; font-weight: 400; color: #000; text-decoration: none; display: inline-block; margin-bottom: 5px; text-shadow: 0 0 0 #000; vertical-align: middle;}
.header .contact-info .phone a i:nth-child(1) {vertical-align: top; margin: -2px 4px 0 0; font-size: 28px;}
.header .contact-info .phone a:hover {color: #007dc6;}

.header .contact-info .btn-call {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */
font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; text-align: center; min-width: 185px; display: block; padding: 5px 10px;}
.header .contact-info .btn-call:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5899+0,007dc6+100 */
background: #0e5899; /* Old browsers */
background: -moz-linear-gradient(top, #0e5899 0%, #007dc6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e5899 0%,#007dc6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e5899 0%,#007dc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5899', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */}

.header .contact-info .cart {color: #000; text-decoration: none; padding-left: 75px; background: url(images/ico-cart.png) no-repeat; background-size: 66px; display: block;}
.header .contact-info .cart .title {font-size: 18px; font-weight: 700; color: #000; line-height: 17px;}
.header .contact-info .cart .num {font-size: 14px; font-weight: 400; color: #000; margin-bottom: 5px;}
.header .contact-info .cart .num span {}
.header .contact-info .cart span.go-to {background: #fff; border: 1px solid #007DC6; font-size: 16px; font-weight: 400; text-shadow: 0 0 0 #007DC6, 0 0 0 #007DC6, 0 0 0 #007DC6; color: #007DC6; text-decoration: none; text-align: center; display: block; padding: 2px 5px; min-width: 100px;}
.header .contact-info .cart span.go-to:hover {background: #007DC6; color: #fff;}


/* ==============================================
********  Меню
=============================================== */
.main-menu {background: #0E5798; position: relative; box-shadow: 0 7px 16px rgba(21, 87, 123, 0.30);}
.menu-block {}
.menu-block::after {content: ''; display: block; clear: both;}
.menu-block .menu {list-style: none; padding: 0; margin: 0; float: left;}
.menu-block .menu li {display: inline-block;; vertical-align: middle; margin-left: -3px;}
.menu-block .menu li a {display: block; text-decoration: none; color: #fff; font-size: 17px; font-weight: 700; padding: 14px 28px;}
.menu-block .menu li a:hover, .menu-block .menu li.current-menu-item a {background: #32ABF0; box-shadow: 0 14px 29px rgba(0, 127, 195, 0.57);}

/* Мобильное меню */
.navbar-collapse {padding-left:0; padding-right:0; background: #818286; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.navbar {margin-bottom:0; background: none; border: none; margin:0 0 20px 0; border-radius: 0; position: initial; /*margin-left: -15px; margin-right: -15px;*/}
.navbar .container-fluid {padding-right:0; padding-left: 0;}

.navbar-toggle {padding: 0; border:0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; float: left !important; position: relative; z-index: 10; color: #CBCBCB; font-size: 34px; border: 0 solid #CBCBCB !important; position: absolute; top: 20px; right: 15px; margin: 0 !important; background: none !important; }
.navbar-toggle:hover {color: #007DC6;}




/*Поиск*/
.search-form {position: relative; width: 205px; float: right; margin-top: 9px;}
.search-form input {width: 100%; height: 32px; background: #fff; outline: 0; border: 0; font-size: 14px; font-weight: 400; padding: 0 35px 0 12px;}
.search-form input[type=text]::-webkit-input-placeholder {color:#000;}
.search-form input[type=text]::-moz-placeholder {color:#000;}
.search-form input[type=text]:-moz-placeholder {color:#000;}
.search-form input[type=text]:-ms-input-placeholder {color:#000;}
.search-form button {background: none; cursor: pointer; outline: 0; border: 0; position: absolute; top: 2px; right: 9px; color: #000; font-size: 18px;}
.search-form button:hover {color: #0E5798;}



/* ==============================================
********  Основной контент
=============================================== */
.content-main {}
.content-main:after {content: ''; display: block; clear: both;}
.content-block {padding-top: 30px; padding-bottom: 20px;}
.content {padding-bottom: 20px;}
.content-block h1 {font-size: 40px; font-weight: 500; text-shadow: 0 0 0 #000; margin-bottom: 20px;}
.content-block p {font-size: 18px; line-height: 22px; margin-bottom: 20px;}
.content-block li {font-size: 18px; line-height: 22px;}

.content-block table {font-size: 18px; line-height: 22px; color: #000; margin-bottom: 20px; width: 100%;}
.content-block table td {padding: 2px 5px;}

.content-block .catalog-block {padding-bottom: 0; padding-top: 25px;}


/* Сайдбар */
.sidebar {}
.sidebar .widget {background: #fff; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); padding: 25px;}
.sidebar .widget .widget-title {background: #32ABF0; box-shadow: 0 14px 29px rgba(0, 127, 195, 0.57); color: #fff; font-size: 17px; font-weight: 700; padding: 14px 28px; text-align: center; margin: -25px -25px 25px;}
.sidebar .widget .textwidget {}


/*Каталог*/
.sb-catalog {list-style: none; padding: 0; margin: 0 5px 0;}
.sb-catalog li {position: relative;}
.sb-catalog li a {font-size: 16px; color: #000; text-decoration: none; font-weight: 700; line-height: 19px; display: block; padding: 7px 30px; margin: 0 -30px; position: relative;}
.sb-catalog li a span.num {font-size: 14px; font-weight: 300;}
.sb-catalog > li:hover > span > a, .sb-catalog > li.current-category-ancestor > span > a, .sb-catalog > li.current-menu-item > span > a, .sb-catalog > li.current-post-ancestor > span > a {background: #32ABF0; color: #fff ;}
.sb-catalog li.menu-item-has-children > a {}
.sb-catalog li.menu-item-has-children > span {position: relative; display: block;}
.sb-catalog li.menu-item-has-children > span > .arrow {position: absolute; top: 50%; margin-top: -15px; right: -20px; display: block; padding: 14px 22px; cursor: pointer; display: block !important;}
.sb-catalog li .arrow {display: none;}
.sb-catalog li.menu-item-has-children > span >  .arrow:after {content: "\f105"; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 17px; color: #b7b7b7; font-size: 21px; line-height: 28px;}
.sb-catalog li.current-post-ancestor > span >  .arrow:after, .sb-catalog li.current-menu-item > span >  .arrow:after, .sb-catalog li.current-category-ancestor > span >  .arrow:after {color: #fff;}
.sb-catalog li.menu-item-has-children:hover > span > .arrow:after {color: #fff;}
.sb-catalog li.menu-item-has-children .arrow.active {padding: 16px 17px 14px 15px;}
.sb-catalog li.menu-item-has-children .arrow.active:after, .sb-catalog li.current-menu-parent .arrow:after {transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); color: #fff;}
.sb-catalog li .sub-menu {list-style: none; padding: 0; margin: 5px 0; display: none;}
.sb-catalog li .sub-menu li {}
.sb-catalog li .sub-menu li a {font-size: 15px; font-weight: 300; padding: 5px 10px 5px 40px;}
.sb-catalog li .sub-menu li a span.num {font-size: 13px; font-weight: 300;}
.sb-catalog li .sub-menu li:hover > span > a, .sb-catalog li .sub-menu li.current-menu-item a, .sb-catalog li .sub-menu li.current-menu-parent a  {color: #0E5798; text-decoration: underline;}
.sb-catalog li.menu-item-has-children ul.sub-menu > li.menu-item-has-children > .arrow {right: 0 !important; padding: 9px 17px 8px 15px !important;}
.sb-catalog li.menu-item-has-children ul.sub-menu > li.menu-item-has-children > .arrow.active {padding: 12px 17px 7px 15px !important;}
.sb-catalog li .sub-menu > li > ul {margin-left: 0 !important; margin-right: 0 !important;}
.sb-catalog li .sub-menu > li > ul > li a {font-size: 14px; padding: 5px 10px 5px 70px;}
.sb-catalog li .sub-menu > li > ul > li > ul li a {font-size: 18px; padding: 5px 10px 5px 40px;}




/* Хлебные крошки */
.breadcrumbs-main {background: url(images/bg-3.jpg) center top no-repeat; background-size: cover;}
.breadcrumbs-block {padding-top: 28px; padding-bottom: 20px;}
.breadcrumbs {font-weight: 400; font-size: 14px; color: #000;}
.breadcrumbs a {font-size: 14px; color: #000; text-decoration: none; font-weight: 400;}
.breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs .current { }
.breadcrumbs .sep {color: #7F7F7F; vertical-align: top; margin: -4px 9px 0; font-size: 21px; display: inline-block;}



/* Преимущества в категориях */
.why-we {display: table; width: 100%; margin: 30px 0; overflow: hidden;}
.why-we .item {background: url(images/ico-ok.png) 0 6px no-repeat; background-size: 30px; padding-left: 42px; display: table-cell; vertical-align: middle; font-size: 16px; font-weight: 300; color: #000; line-height: 20px; padding-bottom: 20px; padding-right: 20px; min-width: 200px;}





/*Сортировка товаров*/
.sorting-products {margin-bottom: 10px;}
.sorting-products ul {list-style: none; padding: 0; margin: 0;}
.sorting-products ul li {display: inline-block; vertical-align: middle; margin: 0 5px 5px 0;}
.sorting-products ul li p {color: #3e3e3e; margin: 0;}
.sorting-products ul li a {background: #EEEEEE; display: block; text-decoration: none; color: #3e3e3e; padding: 5px 24px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.sorting-products ul li a:hover {background: #FFD100;}

.sort-select {float: right;}
.sort-select p {font-weight: 700; display: inline-block; vertical-align: middle; margin: 0;}
.sort-select > div {color: #00529D; font-size: 16px; background: none; outline: 0; border: 0; display: inline-block; vertical-align: middle; font-weight: 500;}
.sort-select > div a {text-decoration: none; padding: 0 4px;}
.sort-select > div a:hover {text-decoration: underline}


/* ==============================================
********  Страница ТОВАРА
=============================================== */
.single {}
.single h1 {font-size: 37px; margin-bottom: 22px;}
.single:after {content: ''; display: block; clear: both;}

/*Галерея с картинками*/
.single .images {width: 300px; float: left; background: #fff; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); padding: 20px; margin-bottom: 25px;}
.single .images .big {margin-bottom: 13px;}
.single .images .big img {max-width: 100%; height: auto; opacity: 1;}
.single .images .smalls {list-style: none; padding: 0; margin: 0;}
.single .images .smalls img {max-width: 100%; height: auto; opacity: 1; width: auto;}

.single .images .smalls .owl-dots {text-align: center; width: 100%; margin: 15px 0 -10px;}
.single .images .smalls .owl-dots button {background: #dbdbdb; border-radius: 20px; width: 14px; height: 14px; border: 0; outline: 0; cursor: pointer; margin: 0 4px;}
.single .images .smalls .owl-dots button.active {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */}


/*Преимущества*/
.list-pref {display: table; width: 100%; margin: 0 0 5px; overflow: hidden;}
.list-pref .item {background: url(images/ico-ok-2.png) 0 0 no-repeat; background-size: 20px; padding-left: 30px; display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 300; color: #000; line-height: 20px; padding-bottom: 12px; padding-right: 20px; min-width: 200px;}

/*Текст*/
.single .text-main { overflow: hidden; padding-left: 30px; padding-top: 15px;}
.single .text-main > p {font-size: 16px; margin-bottom: 15px; line-height: 20px;}
.single .text-main > p b {font-weight: 500; text-shadow: 0 0 0 #000;}


/* Цены */
.prices {margin: 20px 0;}
.prices div {display:inline-block; min-width: 130px; font-size: 14px; font-weight: 400; border: 1px solid #7F7F7F; margin: 0 10px 10px 0; padding: 12px 12px 9px 20px;}
.prices div span {font-weight: 900; color: #2A2A2A; display: block; margin-top: 0; font-size: 21px;}
.prices div.active {border: 1px solid #0E5798; box-shadow: 0 0 0 1px #0E5798;}
.prices div.active span {color: #0E5798;}

/* Кол-во */
.nums {margin-bottom: 14px;}
.nums label {font-size: 16px; font-weight: 500; text-shadow: 0 0 0 #000; color: #000; margin-bottom: 12px; display: block;}
.cartnum-wrap input {background: #E6E6E6; width: 88px; height: 50px; outline: 0; border: 0; padding: 0 15px; color: #fff; display: inline-block; vertical-align: middle; text-align: center; font-weight: 400; font-size: 18px;}

.cartnum-wrap {-moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -user-select: none; display: inline-block; vertical-align: middle;}
.cartnum-wrap div {background: #32abf0; width:44px; height:50px; display: inline-block; vertical-align: top; cursor: pointer; color: #fff; text-align: center; font-weight: 500; font-size: 32px;}
.cartnum-wrap div:hover {background: #1a95db;}

.cartnum-wrap .cartnum {display: inline-block; vertical-align: top; color: #000; font-size: 18px; font-weight: 400; border: 0; text-align: center; padding:0 10px; margin: 0 -4px; outline: 0;}
.cartnum-plus {line-height: 50px;}
.cartnum-minus {line-height: 46px;}

.nums .total-price {font-size: 16px; color: #000; font-weight: 300; display: inline-block; vertical-align: middle; margin-left: 15px;}
.nums .total-price span {font-size: 24px; color: #015795; font-weight: 900; display: block; margin-top: 0;}

.single .nums .total-price2 {background: #015795; padding: 10px 30px; font-size: 16px; color: #fff; font-weight: 300; display: inline-block; vertical-align: middle;}
.single .nums .total-price2 span {font-size: 24px; color: #fff; font-weight: 700; display: block; margin-top: 0;}

/* Кнопки заказа */
.btns {}
.btns a {display: inline-block; vertical-align: top; padding: 12px 30px; text-decoration: none; color: #fff; font-size: 18px; font-weight: 500; text-shadow: 0 0 0 #fff; text-align: center;}
.btns a.btn-order-click {background: #32ABF0;}
.btns a.btn-order-click:hover {background: #1a95db;}
.btns a.btn-to-cart {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70404+0,c60000+100 */
background: #f70404; /* Old browsers */
background: -moz-linear-gradient(top, #f70404 0%, #c60000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f70404 0%,#c60000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f70404 0%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70404', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */ margin-right: 12px; min-width: 175px;}
.btns a.btn-to-cart:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c60000+0,f70404+100 */
background: #c60000; /* Old browsers */
background: -moz-linear-gradient(top, #c60000 0%, #f70404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c60000 0%,#f70404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c60000 0%,#f70404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#f70404',GradientType=0 ); /* IE6-9 */}



/* TAB */
.tabs {background: #F0F0F0; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); clear: both; margin-top: 40px; margin-bottom: 35px;}

.tabs-menu {list-style: none; padding: 0; margin: 0;}
.tabs-menu li {display: inline-block; vertical-align: top; margin-left: -3px;}
.tabs-menu li:first-child {margin-left: 0;}
.tabs-menu li.ui-tabs-active a {background: #fff;}
.tabs-menu li a {background: #E6E6E6; font-size: 18px; font-weight: 400; color: #000; text-decoration: none; display: block; padding: 12px 50px;}
.tabs-menu li a:hover {}

.tabs-content {background: #fff; padding: 25px; }
.tabs-content .why-we {margin-top: 0;}


/* Отзывы */
.form-comments {}
.form-comments h3 {color: #000; margin-bottom: 15px; font-weight: 500; font-size: 24px;}
.form-comments .input-group {margin-bottom: 12px;}
.form-comments .input-group.error {}
.form-comments .input-group.error > span {border-color: #FF8F8F !important; color: #FF8F8F !important;}
.form-comments .input-group.error > input {border-color: #FF8F8F !important;}
.form-comments .input-group.ok > span {border-color: #F3CF19 !important; color: #F3CF19 !important;}
.form-comments .input-group.ok > input {border-color: #F3CF19 !important;}

.form-comments > form > .row > div {padding-left: 0; padding-right: 0;}
.form-comments form input {background: #E6E6E6; width: 100%; height: 50px; border: 0;  outline: 0; font-size: 16px; font-weight: 400; color: #000 !important; padding: 0 15px; margin-bottom: 10px;}
.form-comments form input::-webkit-input-placeholder {color:#2e2e2e;}
.form-comments form input::-moz-placeholder          {color:#2e2e2e;}/* Firefox 19+ */
.form-comments form input:-moz-placeholder           {color:#2e2e2e;}/* Firefox 18- */
.form-comments form input:-ms-input-placeholder      {color:#2e2e2e;}

.form-comments form textarea {background: #E6E6E6; width: 100%; height: 125px; border: 0; outline: 0; resize: vertical; font-weight: 400; padding: 15px; margin-bottom: 10px; color: #000 !important; font-size: 16px;}
.form-comments form textarea::-webkit-input-placeholder {color:#2e2e2e;}
.form-comments form textarea::-moz-placeholder          {color:#2e2e2e;}/* Firefox 19+ */
.form-comments form textarea:-moz-placeholder           {color:#2e2e2e;}/* Firefox 18- */
.form-comments form textarea:-ms-input-placeholder      {color:#2e2e2e;}

.form-comments form input[type=submit] {background: #32ABF0; color: #fff !important; text-align: center; border: 0; display: block; text-decoration: none; width: 100%;padding: 12px 30px; font-size: 18px; font-weight: 500; text-shadow: 0 0 0 #fff;}
.form-comments form input[type=submit]:hover {background: #1a95db;}

.btns a {display: inline-block; vertical-align: top; padding: 12px 30px; text-decoration: none; color: #fff; font-size: 18px; font-weight: 500; text-shadow: 0 0 0 #fff; text-align: center;}
.btns a.btn-order-click {background: #32ABF0;}
.btns a.btn-order-click:hover {background: #1a95db;}

.feed-list {overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #EAEAEA; padding-bottom: 30px;}
.feed-list .feed {clear: both; margin-bottom: 15px; overflow: hidden;}
.feed-list .feed .avatar {float: left; margin: 5px 15px 15px 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.feed-list .feed .feedback_user {font-size: 18px; font-weight: 400; color: #000;}
.feed-list .feed .feedback_user span {font-size: 11px; color: #B5B5B5;}
.feed-list .feed p {margin: 5px 0;}





/*Корзина*/

.cart-list {margin-bottom: 10px;}
.cart-list .item {background: #fff; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); padding: 20px 30px; margin-bottom: 25px; position: relative;}
.cart-list .item .btn-close {position: absolute; top: 6px; right: 15px; color: #FFA48D; font-size: 22px;}
.cart-list .item .btn-close:hover {transform: rotate(90deg)}
.cart-list .item .image {float: left;}
.cart-list .item .image img {max-width: 95px; height: auto; opacity: 1;}

.cart-list .item .text {overflow: hidden; padding-left: 30px;} 
.cart-list .item .text .title {font-size: 18px; color: #000; font-weight: 700; display: block; margin-bottom: 20px; text-decoration: none;}
.cart-list .item .text .nums {display: table;}
.cart-list .item .text .nums label {background: #D1D1D1; display: inline-block; vertical-align: middle; font-size: 14px; margin: 0; height: 38px; line-height: 38px; padding: 0 16px;}
.cart-list .item .text .nums > div {display: inline-block; vertical-align: middle; font-size: 14px;}

.cart-list .item .cartnum-wrap input, .product-list .item .cartnum-wrap input {height: 38px; font-size: 14px; width: 70px !important;}
.cart-list .item .cartnum-wrap div, .product-list .item .cartnum-wrap div {height: 38px !important; font-size: 25px !important; width: 36px !important;}
.cart-list .item .nums .cartnum-plus, .product-list .item .cartnum-plus {line-height: 40px;}
.cart-list .item .nums .cartnum-minus, .product-list .item .cartnum-minus {line-height: 36px;}

.cart-list .item .nums .total-price {font-size: 14px; color: #000; font-weight: 300; display: inline-block; vertical-align: middle; margin-left: 15px;}
.cart-list .item .nums .total-price span {font-size: 18px; color: #0E5798; font-weight: 900; display: block; margin-top: 0;}


/*TOTAL PRICE*/
.cart-total {overflow: hidden; margin-top: 30px;}
.cart-total:after {content: ''; display: block; clear: both;}
.cart-total .btn-back  {background: #fff; border: 1px solid #007DC6; font-size: 18px; font-weight: 400; text-shadow: 0 0 0 #007DC6, 0 0 0 #007DC6, 0 0 0 #007DC6; color: #007DC6; text-decoration: none; text-align: center; display: block; padding: 10px 22px; min-width: 100px; float: left;}
.cart-total .btn-back:hover {background: #007DC6; color: #fff;}

.cart-total .price {font-size: 18px; color: #000; font-weight: 300; display: inline-block; vertical-align: middle; margin-left: 15px; float: right; text-align: right;}
.cart-total .price span {font-size: 26px; color: #0E5798; font-weight: 900; display: block; margin-top: 0; line-height: 30px;}





/*Оформление заказа*/
.cart-form-order {}
.cart-form-order h2 {font-size: 28px; font-weight: 700; margin-bottom: 25px; border-top: 1px solid #DBDBDB; padding-top: 30px; margin-top: 35px;}

.cart-form-order form {}

.cart-form-order form > div {margin-left: -10px; margin-right: -10px;}
.cart-form-order form > div > div {padding-left: 10px; padding-right: 10px;}

.cart-form-order form input {background: #E6E6E6; width: 100%; height: 50px; border: 0;  outline: 0; font-size: 16px; font-weight: 400; color: #000 !important; padding: 0 15px; margin-bottom: 10px;}
.cart-form-order form input::-webkit-input-placeholder {color:#2e2e2e;}
.cart-form-order form input::-moz-placeholder          {color:#2e2e2e;}/* Firefox 19+ */
.cart-form-order form input:-moz-placeholder           {color:#2e2e2e;}/* Firefox 18- */
.cart-form-order form input:-ms-input-placeholder      {color:#2e2e2e;}

.cart-form-order form textarea {background: #E6E6E6; width: 100%; height: 105px; border: 0; outline: 0; resize: vertical; font-weight: 400; padding: 15px; margin-bottom: 10px; color: #000 !important; font-size: 16px;}
.cart-form-order form textarea::-webkit-input-placeholder {color:#2e2e2e;}
.cart-form-order form textarea::-moz-placeholder          {color:#2e2e2e;}/* Firefox 19+ */
.cart-form-order form textarea:-moz-placeholder           {color:#2e2e2e;}/* Firefox 18- */
.cart-form-order form textarea:-ms-input-placeholder      {color:#2e2e2e;}

.cart-form-order form button {b/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70404+0,c60000+100 */
background: #f70404; /* Old browsers */
background: -moz-linear-gradient(top, #f70404 0%, #c60000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f70404 0%,#c60000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f70404 0%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70404', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */ color: #fff !important; text-align: center; border: 0; display: block; text-decoration: none; padding: 12px 35px; font-size: 18px; font-weight: 500; text-shadow: 0 0 0 #fff;}
.cart-form-order form button:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c60000+0,f70404+100 */
background: #c60000; /* Old browsers */
background: -moz-linear-gradient(top, #c60000 0%, #f70404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c60000 0%,#f70404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c60000 0%,#f70404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#f70404',GradientType=0 ); /* IE6-9 */}

/*Заказ офррмлен*/
.order-message {background: url(images/check-512.png) no-repeat; background-size: 150px; padding-left: 180px; padding-top: 14px; padding-bottom: 15px;}
.order-message h2 {font-size: 24px;}





/*Новости*/
.news-list .news-item {clear: both; overflow: hidden; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #EDEDED;}
.news-list .news-item .image {float: left; position: relative; overflow: hidden; margin: 0 14px 0 0; border: 1px solid #ECECEC; display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.news-list .news-item .image img {display: inline-block;vertical-align: top; max-width: 160px; height: auto;}
.news-list .news-item span {color: #555; font-size: 12px; position: relative;}
.news-list .news-item .title > a {font-size: 17px; color: #000; text-decoration: none; display: block; overflow: hidden; margin: 8px 0 0 0; font-weight: 500;}
.news-list .news-item p {font-size: 15px; text-align: left; margin: 10px 0 10px 0;}

.news-list .news-item .read-more {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */
font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; text-align: center; min-width: 185px; display: block; padding: 5px 10px;}
.news-list .news-item .read-more:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5899+0,007dc6+100 */
background: #0e5899; /* Old browsers */
background: -moz-linear-gradient(top, #0e5899 0%, #007dc6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e5899 0%,#007dc6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e5899 0%,#007dc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5899', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */}

.news-date-page {color: #898989; font-size: 12px; position: relative; margin: 0 0 10px 0; display: block;}

/* Выравнивание */ 
.alignleft {display: inline; float: left; margin: 0 20px 20px 0;}
.alignright {display: inline; float: right; margin: 0 0 20px 20px;}
.aligncenter {clear: both; display: block; margin: 20px auto;}


/* ==============================================
********  Первый экран
=============================================== */
.first-block-main {background: url(images/bg-1.webp) center top no-repeat; background-size: cover; min-height: 430px;}
.first-block {padding-top: 65px; position: relative; min-height: 430px; padding-bottom: 50px;}
.first-block:after {content: ''; display: block; background: url(images/img-tara.webp) no-repeat; width: 672px; height: 411px; position: absolute; top: 80px; right: -80px;}
.first-block h1 {font-size: 40px; color: #000; line-height: 50px; margin-bottom: 25px; font-weight: 400; text-shadow: 0 0 0 #000; text-shadow: 0 1px 0 #fff;}
.first-block p {font-size: 18px; line-height: 22px; color: #000; margin: 0 0 30px; text-shadow: 0 1px 0 #fff, 0 0 0 #000;}
.first-block .read-more {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70404+0,c60000+100 */
background: #f70404; /* Old browsers */
background: -moz-linear-gradient(top, #f70404 0%, #c60000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f70404 0%,#c60000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f70404 0%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70404', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */
font-size: 20px; font-weight: 700; color: #fff; text-decoration: none; display: table; text-align: center; padding: 12px 21px;}
.first-block .read-more:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c60000+0,f70404+100 */
background: #c60000; /* Old browsers */
background: -moz-linear-gradient(top, #c60000 0%, #f70404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c60000 0%,#f70404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c60000 0%,#f70404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#f70404',GradientType=0 ); /* IE6-9 */}








/* ==============================================
********  Наши принципы
=============================================== */
.why-we-block {padding-top: 55px; padding-bottom: 50px;}
.why-we-block h2 {font-size: 40px; font-weight: 300; text-align: center; color: #000; margin-bottom: 40px;}
.why-we-block .why-we-home {padding: 0 100px;}
.why-we-block .why-we-home .item {text-align: center; margin-bottom: 20px;}
.why-we-block .why-we-home .item img {max-width: 105px; height: auto; opacity: 1; margin-bottom: 25px;}
.why-we-block .why-we-home .item p {font-size: 18px; line-height: 22px; color: #000; margin: 0 auto; text-align: center; display: table; min-height: 65px;}
.why-we-block .why-we-home .item p span {display: table-cell; vertical-align: middle;}



/* ==============================================
********  Каталог продукции
=============================================== */
.catalog-block {padding-bottom: 50px;}
.catalog-block h2 {font-size: 40px; font-weight: 300; text-align: center; color: #000; margin-bottom: 40px;}

.catalog-block .cat-list {text-align: center;}
.cat-list {margin-bottom: 25px;}
.cat-list .item {display: inline-block; vertical-align: top; width: 17.5%; margin: 0 30px 30px 0; background: #fff; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); padding: 25px;}
.cat-list .item img {max-width: 100%; height: auto; opacity: 1; margin-bottom: 12px;}
.cat-list .item .title {font-size: 17px; font-weight: 700; display: table; width: 100%; color: #000; line-height: 23px; height: 68px; margin-bottom: 12px; text-align: center;}
.cat-list .item .title > span {display: table-cell; vertical-align: middle;}
.cat-list .item .title > span > span {font-size: 16px; font-weight: 400;}
.cat-list .item .read-more {background: #fff; border: 1px solid #007DC6; font-size: 18px; font-weight: 700; text-decoration: none; text-align: center; display: block; padding: 5px 5px; min-width: 100px;}
.cat-list .item .read-more:hover {background: #007DC6; color: #fff;}

.catalog-block .btn-to-catalog {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */
font-size: 20px; font-weight: 700; color: #fff; text-decoration: none; display: table; text-align: center; padding: 12px 21px; width: 100%; max-width: 220px; margin: 0 auto; box-shadow: 0 14px 29px rgba(0, 127, 195, 0.5);}
.catalog-block .btn-to-catalog:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5899+0,007dc6+100 */
background: #0e5899; /* Old browsers */
background: -moz-linear-gradient(top, #0e5899 0%, #007dc6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e5899 0%,#007dc6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e5899 0%,#007dc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5899', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */}


.related-posts {margin-top: 35px;}
.related-posts h4 {font-size: 28px; font-weight: 500; margin-bottom: 25px;}



/* Наша продукция */
.pr-cat-list {box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); position: relative; margin-bottom: 50px !important;}
.pr-cat-list .item {width: 100% !important; margin-bottom: 0 !important;}

.pr-cat-list .owl-dots {text-align: center; position: absolute; bottom: -45px; width: 100%;}
.pr-cat-list .owl-dots button {background: #dbdbdb; border-radius: 20px; width: 14px; height: 14px; border: 0; outline: 0; cursor: pointer; margin: 0 4px;}
.pr-cat-list .owl-dots button.active {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */}


.product-list {margin-bottom: 25px;}
.product-list .item {display: inline-block; vertical-align: top; width: 22%; margin: 0 25px 25px 0; background: #fff; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); padding: 25px;}
.product-list .item img {max-width: 100%; height: auto; opacity: 1; margin-bottom: 12px;}
.product-list .item .title {font-size: 15px; font-weight: 700; display: table; width: 100%; color: #000; line-height: 20px; height: 80px; margin-bottom: 12px; text-align: center; text-decoration: none;}
.product-list .item .title:hover {color: #015795;}
.product-list .item .title > span {display: table-cell; vertical-align: middle;}
.product-list .item .title > span > span {font-size: 16px; font-weight: 400;}
.product-list .item .price {font-size: 15px; font-weight: 700; color: #0E5798; text-align: center; margin: 0 -15px 10px; line-height: 21px;}
.product-list .item .price span {font-size: 14px; font-weight: 400; display: block; color: #000;}
.product-list .item .cartnum-wrap {margin-top: 12px; display: block;}


.product-list .item .read-more {background: #fff; border: 1px solid #007DC6; font-size: 18px; font-weight: 700; text-decoration: none; text-align: center; display: block; padding: 5px 5px; min-width: 100px;}
.product-list .item .read-more:hover {background: #007DC6; color: #fff;}

.product-list .item .btn-order {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70404+0,c60000+100 */
background: #f70404; /* Old browsers */
background: -moz-linear-gradient(top, #f70404 0%, #c60000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f70404 0%,#c60000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f70404 0%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70404', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */
font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; display: table; text-align: center; padding: 6px 5px; width: 100%; max-width: 220px; margin: 0 auto 10px;}
.product-list .item .btn-order:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c60000+0,f70404+100 */
background: #c60000; /* Old browsers */
background: -moz-linear-gradient(top, #c60000 0%, #f70404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c60000 0%,#f70404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c60000 0%,#f70404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#f70404',GradientType=0 ); /* IE6-9 */}



/* ==============================================
********  Получить консультацию
=============================================== */
.form-consult-main {background: url(images/bg-2.webp) center top no-repeat; min-height: 350px; background-size: cover;}
.form-consult-main.form-consult-main-2 {background: url(images/bg-4.jpg) center top no-repeat; background-size: cover;}
.form-consult-block {padding-top: 80px; padding-bottom: 30px;}
.form-consult-block h2 {font-size: 40px; font-weight: 300; color: #fff; text-align: center; margin-bottom: 55px;}
.form-consult-block h2 span {display: block; font-size: 18px; margin-top: 10px; line-height: 24px;}

.form-consult-block form {max-width: 730px; margin: 0 auto;}
.form-consult-block form > div {margin-left: -5px; margin-right: -5px;}
.form-consult-block form > div > div {padding-left: 5px; padding-right: 5px;}
.form-consult-block input {width: 100%; height: 50px; background: #fff; outline: 0; border: 0; font-size: 16px; font-weight: 400; padding: 0 20px; text-align: center; margin-bottom: 20px;}
.form-consult-block input[type=text]::-webkit-input-placeholder {color:#000;}
.form-consult-block input[type=text]::-moz-placeholder {color:#000;}
.form-consult-block input[type=text]:-moz-placeholder {color:#000;}
.form-consult-block input[type=text]:-ms-input-placeholder {color:#000;}

.form-consult-block button {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */
font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; display: table; text-align: center; padding: 12px 5px; width: 100%; margin: 0 auto; box-shadow: 0 14px 29px rgba(0, 127, 195, 0.5); border: 0; outline: 0; cursor: pointer; height: 50px;}
.form-consult-block button:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5899+0,007dc6+100 */
background: #0e5899; /* Old browsers */
background: -moz-linear-gradient(top, #0e5899 0%, #007dc6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e5899 0%,#007dc6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e5899 0%,#007dc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5899', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */}


/* ==============================================
********  Карта
=============================================== */
.maps-main {position: relative;}
.map {width: 100%; height: 560px;}
.maps-main .container {position: relative;}
.contact-block {position: absolute; top: 50px; right: 0; display: table; z-index: 10; max-width: 380px;}
.contact-block > div {background: #fff; padding: 35px 42px 45px;}

.contact-block .title {font-size: 40px; font-weight: 300; margin-bottom: 30px; color: #000;}
.contact-block ul {list-style: none; padding: 0; margin: 0 0 30px 0;}
.contact-block ul li {font-size: 20px; color: #000; margin-bottom: 25px; line-height: 23px;}
.contact-block ul li > i {width: 28px; color: #6F6F6F; float: left; margin-bottom: 55px;}
.contact-block ul li span, .contact-block ul li a span {display: block; font-weight: 700; font-size: 18px; margin-bottom: 2px;}
.contact-block ul li .phone {overflow: hidden; display: table; font-size: 20px; text-decoration: none; color: #000; overflow: hidden; line-height: 26px;}
.contact-block ul li .address {overflow: hidden; line-height: 24px;}
.contact-block ul li a {color: #000;}
.contact-block ul li a:hover {color: #007dc6;}

.contact-block .btn-order {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */
font-size: 20px; font-weight: 700; color: #fff; text-decoration: none; display: block; text-align: center; padding: 12px 5px; margin: 0 0 0 28px; box-shadow: 0 14px 29px rgba(0, 127, 195, 0.5);}
.contact-block .btn-order:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5899+0,007dc6+100 */
background: #0e5899; /* Old browsers */
background: -moz-linear-gradient(top, #0e5899 0%, #007dc6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e5899 0%,#007dc6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e5899 0%,#007dc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5899', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */}




/* ==============================================
********  Футер
=============================================== */
.footer-main {background: #fff;}
.footer {padding-top: 28px; padding-bottom: 28px;}
.footer .logo {display: inline-block;; vertical-align: middle;}
.footer .logo img {max-width: 150px; height: auto; opacity: 1;}
.footer .slogan {font-size: 16px; font-weight: 400; color: #000; display: inline-block;; vertical-align: middle; line-height: 19px; padding-left: 15px;}
.footer .copyright {font-size: 14px; margin-top: 6px; color: #AFAFAF;}

/*Контакты*/
.footer .contact-info {display: table; float: right;}
.footer .contact-info > div {display: table-cell; vertical-align: middle; padding-left: 35px;}

.footer .contact-info .address {font-size: 14px; color: #b5b5b5; line-height: 18px; text-align: right;}
.footer .contact-info .address a {font-size: 16px; font-weight: 400; color: #007DC6}
.footer .contact-info .address a:hover {}

.footer .contact-info .phone {position: relative; position: relative; z-index: 6;}
.footer .contact-info .phone a i:nth-child(2) {color: #000; font-size: 16px; display: inline-block; vertical-align: middle; transform: rotate(90deg); margin: 0 0 5px 6px; cursor: pointer;}
.footer .contact-info .phone .text {position: absolute; top: -10px; background: rgba(255, 255, 255, 1); padding: 35px 20px 10px 30px; left: -10px; right: 0; display: none; opacity: 0; border-radius: 5px; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10); z-index: 5;}
.footer .contact-info .phone:hover .text {display: block; opacity: 1;}
.footer .contact-info > div > .phone:hover i:nth-child(2) {opacity: 0;}
.footer .contact-info .phone .text a {margin-bottom: 0;}

.footer .contact-info .phone a {font-size: 18px; font-weight: 400; color: #000; text-decoration: none; display: block; margin-bottom: 5px; text-shadow: 0 0 0 #000;}
.footer .contact-info .phone a i {vertical-align: top; margin: -2px 2px 0 0; font-size: 28px;}
.footer .contact-info .phone a:hover {color: #007dc6;}

.footer .contact-info .btn-call {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007dc6+0,0e5899+100 */
background: #007dc6; /* Old browsers */
background: -moz-linear-gradient(top, #007dc6 0%, #0e5899 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007dc6 0%,#0e5899 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007dc6 0%,#0e5899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc6', endColorstr='#0e5899',GradientType=0 ); /* IE6-9 */
 font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; text-align: center; min-width: 185px; display: block; padding: 5px 10px;}
.footer .contact-info .btn-call:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5899+0,007dc6+100 */
background: #0e5899; /* Old browsers */
background: -moz-linear-gradient(top, #0e5899 0%, #007dc6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e5899 0%,#007dc6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e5899 0%,#007dc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5899', endColorstr='#007dc6',GradientType=0 ); /* IE6-9 */}

.footer .contact-info .cart {color: #000; text-decoration: none; padding-left: 75px; background: url(images/ico-cart.png) no-repeat; background-size: 66px; display: block;}
.footer .contact-info .cart .title {font-size: 18px; font-weight: 700; color: #000; line-height: 17px;}
.footer .contact-info .cart .num {font-size: 14px; font-weight: 400; color: #000; margin-bottom: 5px;}
.footer .contact-info .cart .num span {}
.footer .contact-info .cart span.go-to {background: #fff; border: 1px solid #007DC6; font-size: 16px; font-weight: 400; text-shadow: 0 0 0 #007DC6, 0 0 0 #007DC6, 0 0 0 #007DC6; color: #007DC6; text-decoration: none; text-align: center; display: block; padding: 2px 5px; min-width: 100px;}
.footer .contact-info .cart span.go-to:hover {background: #007DC6; color: #fff;}







/* ==============================================
********  Модальные окна
=============================================== */
.modal-backdrop {cursor: pointer;}

.modal-dialog {}
.modal-dialog .close {position: absolute; top: 0; right: 0; font-size: 27px; outline: none !important; opacity: 1; color: #A8A8A8; text-shadow: none !important; font-weight: 400 !important; width: 40px; height: 40px;}
.modal-dialog .close:hover {transform: rotate(90deg)}

.modal-dialog .modal-content {background: #fff; padding: 30px 40px 30px; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10) !important; -moz-box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10) !important; -webkit-box-shadow: 0 13px 34px rgba(0, 0, 0, 0.10) !important; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 0;}

.modal-dialog .modal-content .modal-body {padding: 0 !important;}
.modal-dialog .modal-content h3 {font-size: 27px; text-align: center; color: #000; margin-bottom: 25px; text-transform: uppercase;}
.modal-dialog .modal-content h3 span {display: block; font-size: 17px; text-align: center; text-transform: none; margin-top: 5px; font-weight: 300;}
.modal-dialog .modal-content p {text-align: center;}

/*Форма в модальном окне*/
.modal-dialog form {}
.modal-dialog form input {background: #E6E6E6; width: 100%; height: 50px; border: 0;  outline: 0; font-size: 16px; font-weight: 400; color: #000 !important; padding: 0 15px; margin-bottom: 10px;}
.modal-dialog form input::-webkit-input-placeholder {color:#2e2e2e;}
.modal-dialog form input::-moz-placeholder          {color:#2e2e2e;}/* Firefox 19+ */
.modal-dialog form input:-moz-placeholder           {color:#2e2e2e;}/* Firefox 18- */
.modal-dialog form input:-ms-input-placeholder      {color:#2e2e2e;}

.modal-dialog form textarea {background: #E6E6E6; width: 100%; height: 105px; border: 0; outline: 0; resize: vertical; font-weight: 400; padding: 15px; margin-bottom: 10px; color: #000 !important; font-size: 16px;}
.modal-dialog form textarea::-webkit-input-placeholder {color:#2e2e2e;}
.modal-dialog form textarea::-moz-placeholder          {color:#2e2e2e;}/* Firefox 19+ */
.modal-dialog form textarea:-moz-placeholder           {color:#2e2e2e;}/* Firefox 18- */
.modal-dialog form textarea:-ms-input-placeholder      {color:#2e2e2e;}

.modal-dialog form button {b/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70404+0,c60000+100 */
background: #f70404; /* Old browsers */
background: -moz-linear-gradient(top, #f70404 0%, #c60000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f70404 0%,#c60000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f70404 0%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70404', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */ color: #fff !important; text-align: center; border: 0; display: block; text-decoration: none; padding: 12px 35px; font-size: 18px; font-weight: 500; text-shadow: 0 0 0 #fff; width: 100%;}
.modal-dialog form button:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c60000+0,f70404+100 */
background: #c60000; /* Old browsers */
background: -moz-linear-gradient(top, #c60000 0%, #f70404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c60000 0%,#f70404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c60000 0%,#f70404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#f70404',GradientType=0 ); /* IE6-9 */}


/*Кнопки при доабвлении товара в корзину*/
.modal-dialog .go-to-shop{background: #fff; font-size: 15px; font-weight: 400; text-decoration: none; text-align: center; display: table; padding: 5px 5px; min-width: 100px; cursor: pointer; margin: 0 auto;}
.modal-dialog .go-to-shop:hover {text-decoration: underline;}

.modal-dialog .btn-to-cart {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70404+0,c60000+100 */
background: #f70404; /* Old browsers */
background: -moz-linear-gradient(top, #f70404 0%, #c60000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f70404 0%,#c60000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f70404 0%,#c60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70404', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */
font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; display: table; text-align: center; padding: 11px 5px; width: 100%; max-width: 260px; margin: 0 auto 10px;}
.modal-dialog .btn-to-cart:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c60000+0,f70404+100 */
background: #c60000; /* Old browsers */
background: -moz-linear-gradient(top, #c60000 0%, #f70404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c60000 0%,#f70404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c60000 0%,#f70404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#f70404',GradientType=0 ); /* IE6-9 */}




/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}