/*------------------- BASE STYLE ------------------- */ 

* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html, body {min-height: 100% !important;}
body { width: 100%; position: relative; z-index: 0; margin: 0; padding: 0; 
-webkit-font-smoothing: antialiased;
}
body canvas {z-index: 1 !important;}
a {cursor: pointer;color:inherit;text-decoration:none;}
a:focus, button:focus {outline:none !important;}
img {max-width:100%;}
em {font-style: italic;}
strong {font-weight: bold;}
div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
input[type="image"], input[type="submit"], input[type="reset"], button {cursor: pointer;}
input[type="radio"], input[type="checkbox"] {position: relative; top: 2px;}
address, caption, cite, code, dfn, strong, th, var {font-style: normal;}
ol, ul {list-style: none;}
hr {border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #D3D3D3;}
caption,th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; margin: 0;}
iframe {border: 0 inset !important;}
textarea {resize: none;}
input, textarea {outline: 0 !important;font-family:inherit;display:block;width:100%;}

/*-------------------- MAIN STYLE -------------------------*/

body {
    font:14px FiraSans-regular, arial, sans-serif;
    color:#333;
}

.flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.button {
	display:block;
	border:none;
	text-align:center;
    width:100%;
}

.scroll-section .button {
    max-width:366px;
    height:56px;
    border:2px solid white;
    line-height:52px;
    background:white;
    background:rgba(255,255,255,.5);
    color:#333;
    font-size:20px;
}

.scroll-section .button:hover {
    background:white;
}

.inner-page .button, .home .popup-form .button {
    max-width:174px;
    height:36px;
    line-height:38px;
    color:white;
    text-transform:uppercase;
}

.button.brown {
    background:#b75643;
}

.button.brown:hover {
    background: #8c4234;
}

.button.dark-brown {
    background:#6b2f24;
}

.button.dark-brown:hover {
    background: #461f18;
}

.button, a.item-img, .left-buttons a {
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}

a.item-img, .item-img img {
    display:block;
}

.item-img img {
    width:100%;
}

a.item-img:hover {
	opacity:.8;
}

.bg {
    background-position:center top;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
}


/* ------------------------------------------------------- HOME PAGE --------------------------------------------------------*/

.home header, .home footer, .home section {
    color:white;
}

.home header, .home footer, .fly-buttons {
    position:fixed;
    z-index:1000;
}

.home header, .home footer {
    left:0;
    width:100%;
}

.home header {
    top:0;
    padding:35px 7.5% 0 30px;
}

.showMenu {
    width:54px;
    text-align:center;
    margin-right:50px;
    font-size:16px;
}

.showMenu, .logo, .logo img, .logo span {
    display:inline-block;
    vertical-align:top;
}

#logo {
    opacity:0;
}

.logo span {
    margin:5px 0 0 20px;
    font-size: 17px;
    line-height: 1.3;
}

.logo-center p {
    font-size:35px;
    text-align:center;
}

.home .showSearch, .icon-link, .icon-link img, .icon-link span {
    display:inline-block;
    vertical-align:middle;
}

.header-right .icon-link, .footer-right .icon-link {
    margin-left:22px;
}

.footer-left .icon-link {
    margin-right:22px;
}

a.icon-link {
    font-size:18px;
}

a.icon-link img {
    margin-right:10px;
}

input[type="text"].showSearch {
    height:26px;
    border-radius:13px;
    background-color:transparent;
}

.home input[type="text"].showSearch {
    width:136px;
    border:2px solid white;
    padding:0 15px;
}

.home .showSearch:-ms-input-placeholder {color: white;}
.home .showSearch::-moz-placeholder {color:white;}
.home .showSearch::-webkit-input-placeholder {color:white;}

.bgSlide {
    height:100vh;
}

.slick-dots {
    position: absolute;
    bottom:115px;
    left:0;
    width:100%;
    padding:0;
    text-align:center;
    z-index:10;
}

.slick-dots li {
    display:inline-block;
    margin:0 8px;
}

.slick-dots button {
    display:block;
    border:2px solid white;
    background:transparent;
    padding:0;
    width:18px;
    height:18px;
    color:transparent;
}

.slick-dots .slick-active button {
    background:rgba(255,255,255,.5);
}

.section-content {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    padding:130px 0;
}

.section-caption {
    font:2.6vw FiraSans-bold, arial, sans-serif;
    text-align:center;
    letter-spacing:2px;
}

.section-caption span {
    font-size:1.4em;
}

.section-center .button {
    margin:5vh auto 0;
}

.home footer {
    bottom:0;
    padding:0 7.5% 35px;
}

.footer-left {
    width:332px;
}

.footer-center {
    width: 50%;
    padding-top: 8px;
}

.footer-center .submenu {
    display:none;
}

.footer-center .submenu.active {
    display:block;
}

.footer-center ul {
    padding:0;
}

.footer-center li {
    display:inline-block;
}

a.icon-link:hover, footer ul a:hover, .transp-item h3 a:hover {
    text-decoration:underline;
}

.articles-section {
    background-image:url(../images/st_bg-6.jpg);
}

.articles-section .section-content.flex {
    justify-content:space-around;
    left:21%;
    width:58%;
}

.transp-item {
    border:2px solid white;
    width:100%;
    max-width:25%;
    padding:4% 2.5%;
    font-family:FiraSans-light, arial, sans-serif;
}

.transp-item h3 {
    text-transform:lowercase;
    padding-bottom:15%;
    text-align:center;
    font-size:20px;
}

.transp-item .item-text {
    line-height:1.8;
    font-size:15px;
    height:158px;
    overflow:hidden;
}

.fly-buttons {
    top:50%;
    margin-top:-101px;
}

.fly-buttons.right-buttons {
    right:30px;
}

.fly-buttons.left-buttons {
    left:30px;
}

.fly-buttons a {
    display:block;
    width:37px;
    height:37px;
    margin-bottom:18px;
}

.fly-buttons a:last-child {
    margin:0;
}

.with-title {
    position:relative;
    background-color:#90b7b4;
    background-repeat:no-repeat;
    background-position:center center;
}

.with-title:before {
    display:none;
    position: absolute;
    right:100%;
    top:0;
    line-height:36px !important;
    width:130px;
    text-align:right;
    padding-right:10px;
    font: 16px "FiraSans-light", arial, sans-serif;
    color:white;
    text-shadow:1px 1px 2px black;
}

.calc {
    background-image:url(../images/st_ic-cal.png);
}

.callme {
    background-image:url(../images/st_ic-phn.png);
}

.prezent.with-title {
    background-image:url(../images/st_ic-prz.png);
    background-color:#ff4655;
}

.calc:before {
    content:"Заказать замер";
}

.callme:before {
    content:"Заказать звонок";
}

.prezent:before {
    content:"Получить скидку";
}

.with-title:hover:before {
    display:block;
}

.left-buttons a {
    background-image:url(../images/st_sn-sp.png);
}

.left-buttons a.vk {
    background-position:-1px 0;
}

.left-buttons a.ok {
    background-position:-39px 0;
}

.left-buttons a.fb {
    background-position:-77px 0;
}

.left-buttons a.inst {
    background-position:right top;
}

.left-buttons a:hover {
    opacity:.8;
}


/* -------------------------------------------------------- INNER PAGES ----------------------------------------------------*/

.inner-page {
    color:#635b58;
}

.inner-page .with-title.calc, .inner-page .with-title.callme {
    background-color:#666;
}

.inner-page .with-title.prezent {
    background-color:#b75643;
}

.inner-page header {
    background-image:url(../images/bg-header-new.jpg);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    overflow:hidden;
}

.inner-page header .container {
    position:relative;
    background:-ms-linear-gradient(left, transparent 0%, white 100%);
    background:-o-linear-gradient(left, transparent 0%, white 100%);
    background:-moz-linear-gradient(left, transparent 0%, white 100%);
    background:-webkit-linear-gradient(left, transparent 0%, white 100%);
    background:linear-gradient(to right, transparent 0%, white 100%);
}

.inner-page header .container:after {
    content:"";
    display:block;
    position: absolute;
    top:0;
    left:100%;
    width:100%;
    height:100%;
    background:white;
}

.inner-page header .row, .content-section > .row {
    margin-left:-18px;
    margin-right:-18px;
}

.inner-page header .row > div {
    padding:15px 18px !important;
    overflow:hidden;
}

.inner-page header ul {
    padding-right:8%;
}

nav ul {
    padding:0;
}

nav ul a:hover, nav ul .active > a {
    text-decoration:underline;
}

.topnav {
    margin:10px 0 18px;
}

.navigation {
    text-transform:uppercase;
    color:#693124;
    font-size: 16px;
}

.inner-page header .phones {
    border-left:1px solid #ccc;
    background:white;
    min-height:102px;
}

.inner-page header .phones a[href^="tel:"] {
    font-size:22px;
    display:block;
    padding-left:30px;
}

.inner-page input[type="text"].showSearch {
    width:100%;
    padding:0 30px;
    background-image:url(../images/search-color-35.png);
    background-position:7px center;
    background-repeat:no-repeat;
}

.inner-page header .search-button {
    margin-top:10px;
}

.inner-page header input[type="text"].showSearch {
    border:2px solid #693124;
}

.inner-page .showMenu {
    display:none;
    color:#6b2f24;
    float:left;
    text-shadow: 2px 2px 2px white;
    margin-right:0;
}

.content-section {
    padding:120px 0 36px;
    background-attachment:fixed;
}

.col-md-3.left-part, .col-md-9.right-part {
    padding-left:0;
}

.col-md-9.right-part {
    padding-right:0;
}

.col-md-3.left-part {
    padding-right:38px;
}

.white-bg {
    background:white;
    background:rgba(255,255,255,.9);
    padding:18px;
}

.right-part .white-bg {
    min-height:550px;
}

.leftmenu {
    margin-bottom:40px;
    font-size:14px;
}

.leftmenu li {
    margin-bottom:10px;
}

.leftmenu > ul > li > a {
    color:#b75643;
    font-size:20px;
}

.leftmenu ul ul {
    margin-top:10px;
}

.breadcrumb, ul.pagination {
    padding:0;
}

.breadcrumb li, .pagination li {
    display:inline-block;
    margin-right:10px;
}

.breadcrumb {
    margin-bottom:20px;
    font:12px arial, sans-serif;
}

.pagination .active a, .content-text a {
    color:#b75643;
}

.caption {
    color: #b75643;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 10px;
}

.content-text h1, .content-text h2, .content-text h3, .content-text h4 {
    color:#b75643;
    margin-bottom:15px;
}

.content-text h1, .content-text h2 {
    font-size:20px;
}

.content-text h3 {
    font-size:18px;
}

.content-text h4 {
    font-size:16px;
}

.content-text a, .breadcrumb a, .pagination a {
    text-decoration:underline;
}

.content-text a:hover, .breadcrumb a:hover, .pagination a:hover {
    text-decoration:none;
}

.content-text ol {
    list-style:decimal;
}

.content-text ul {
    list-style:disc;
}

.inner-page footer {
    background-image:url(../images/bg-d-33.jpg);
}

.footer-top {
    padding:30px 0 36px;
}

.footer-top ul {
    padding:8px 0 0;
    text-transform:uppercase;
    line-height:2;
    font-size:18px;
}

.footer-top .brown {
    color:#693124;
}

.footer-top .phones {
    text-align:center;
}

.footer-top .phones a[href^="tel:"] {
    font: 30px FiraSans-bold, arial, sans-serif;
    color:#311e1a;
}

.footer-top .phones .brown {
    font-size: 30px;
    margin: 25px 0 15px;
}

.footer-bottom {
    padding:40px 0 30px;
    background: #4c4847;
    background: rgba(76, 72, 71, 0.8);
    color:white;
    font-family:FiraSans-light, arial, sans-serif;
}

.footer-bottom ul {
    padding:0;
    text-transform:uppercase;
}

.footer-bottom li, .footer-bottom p {
    margin-bottom:18px;
}

.footer-bottom .search-button {
    margin-top:40px;
    max-width:200px;
}

.footer-bottom input[type="text"].showSearch {
    border:none;
    background-color:white;
}

.footer-bottom .grey, .copyright {
    color:#bec3c7;
}

.copyright {
    font-size:11px;
}

.copyright:hover {
    color:white;
    text-decoration:underline;
}

.footer-bottom .contacts p:last-child {
    margin-top:35px;
}

.socnets p {
    margin-bottom:10px;
}

.socnets a {
    display:inline-block;
    margin:0 9px;
    width:36px;
    height:36px;
    background-image:url(../images/sn-sp-d-34.png);
}

.socnets a.vk {
    background-position:-1px -1px;
}

.socnets a.fb {
    background-position:-39px -1px;
}

.socnets a.ok {
    background-position:-77px -1px;
}

.socnets a.inst {
    background-position:-115px -1px;
}

.socnets a:hover {
    opacity:.8;
}

.map {
    margin-top:20px;
}


/* -------------------------------------------- CATALOG PAGE ------------------------------------------------*/

.item {
    margin-bottom:26px;
}

.item h3 {
    color:#b75643;
    font-size:20px;
    margin-top:10px;
}

.item h3 a:hover {
    text-decoration:underline;
}

.product-item h3 {
    text-transform:uppercase;
    height:25px;
    overflow:hidden;
}

.details-short div {
    padding-top:5px;
}

.details-short p:first-child {
    font:11px FiraSans-light, arial, sans-serif;
    margin-bottom:5px;
}

.details-short .num {
    color:#b75643;
    font-size:16px;
    line-height:1;
}

.details-short .price {
    padding:5px 5px 2px;
    background: #b75643;
    text-align:center;
}

.details-short .price, .details-short .price .num {
    color:white;
}

.details-short sup {
    font-size:.5em;
}

.looked-items > h3 {
    color: #b75643;
    font-size: 20px;
    margin-bottom: 10px;
}

.looked-items .product-item h3 {
    font-size:14px;
    height:auto;
}

.looked-items .details-short p:first-child {
    font-size:8px;
}

.looked-items .details-short .num {
    font-size:12px;
}


/* -------------------------------------------- PRODUCT PAGE ----------------------------------------------- */

.product-heading .button {
    float:right;
    margin:0 0 18px 18px;
}

.product-heading p {
    font-size:12px;
    padding-top: 14px;
}

.product-heading .price {
    font-size:24px;
}

.product-heading .price span {
    color: #b75643;
}

.product-slider-wrapper {
    clear:both;
}

.productSlide a {
    margin:0 9px;
}

#productSlider .slick-arrow {
    display:block;
    border:none;
    padding:0;
    width:36px;
    height:36px;
    position: absolute;
    bottom:-54px;
    background-color:#6b2f24;
    background-repeat:no-repeat;
    background-position:center center;
    opacity:.8;
}

#productSlider .slick-arrow:hover {
    opacity:1;
}

#productSlider .slick-prev {
    background-image:url(../images/arr-left.png);
    right:61px;
}

#productSlider .slick-next {
    background-image:url(../images/arr-right.png);
    right:9px;
}

.product-page .caption {
    margin: 20px 0 18px;
    line-height: 36px;
    padding-right:110px;
}

.details-full, .add-details .details-caption {
    font:12px FiraSans-light, arial, sans-serif;
}

.details-caption {
    padding:6px 15px;
    background:#b65648;
    color:white;
}

.details-text {
    padding:10px 15px;
    line-height:2;
}

.diameters {
    margin:18px 0;
    padding:0;
}

.diameter {
    display:inline-block;
    font-size:18px;
    margin-right:18px;
    cursor:pointer;
    text-decoration:underline;
    color:#b65648;
}

.diameter:hover, .diameter.active {
    text-decoration:none;
}

.diameter.active, .add-prices p {
    color:#6b2f24;
}

.add-prices p {
    font-size: 18px;
    padding-top: 5px;
}

.button.price {
    background: #6b2f24;
    font-size:20px;
    max-width:100%;
    line-height:28px;
}


/* ------------------------------------------ GALLERY, ARTICLES, OBJECTS MAP ---------------------------------------------------- */

.album-item h3 {
    height:46px;
    overflow:hidden;
}

.article-item h3 {
    margin-bottom:15px;
}

.mse2-row {
    margin-bottom:15px;
}

.addresses {
    padding:0;
    color:black;
}

.addresses li {
    margin-bottom:10px;
}

.addresses a {
    text-decoration:underline;
}

.addresses a:hover {
    text-decoration:none;
}


/* ----------------------------------------------- FORMS ---------------------------------------------------*/

input[type="text"], input[type="email"], textarea {
    padding:5px 10px;
    border:1px solid #ccc;
}

input[type="text"], input[type="email"] {
    height:40px;
}

label {
    display:block;
    font-size:inherit;
    margin-bottom:5px;
}

.form-group {
    margin-top:15px;
}

.req {
    display:none;
}

.popup-form h3 {
    font-size:20px;
}

.popup-form .button {
    float:right;
    font-family:inherit;
}

/* ------------------------------------------ POPUP BLOCKS -------------------------------------------------*/

.popup-wrap {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:25vh;
    overflow-y:auto;
    background:white;
    z-index:1000;
}

#hideSearch {
    display:block;
    border:none;
    width:30px;
    height:30px;
    position: absolute;
    top:10px;
    right:18px;
    background-image:url(../images/close-small.png);
    background-color:transparent;
    opacity:.8;
    background-repeat:no-repeat;
    -o-background-size:contain;
    -moz-background-size:contain;
    -webkit-background-size:contain;
    background-size:contain;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}

#hideSearch:hover {
    opacity:1;
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.popup-wrap .container {
    padding-top:40px;
    position:relative;
}

.popup-search input {
    border:none;
    height:auto;
    font-size:3vw;
}

.popup-search button {
    display:none;
}

.popup-block {
    position:relative;
    max-width:500px;
    margin:0 auto;
}

.popup-form {
    padding:30px;
    background:white;
    overflow:hidden;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

#mobileMenu {
    padding:40px 10px 0;
}

#mobileMenu ul {
    padding:0;
    text-align:center;
    line-height:2;
    font-size:20px;
}

#mobileMenu ul, #mobileMenu .mfp-close {
    color:white;
}


/* --------------------------------------------- MEDIA QUERIES --------------------------------------------------*/

@media screen and (max-width:1600px) {
    .home header {padding-right:30px;}
    .home footer {padding:0 30px 35px;}
    .footer-center {font-size:14px;}
    .articles-section .section-content.flex {left:13%;width:74%;}
}

@media screen and (max-width:1400px) {
    .footer-center {display:none;}
}

@media screen and (max-width:1199px) {
    .logo span {display:none;}
    .scroll-section .button {width:266px;}
    .articles-section .section-content.flex {left:0;width:100%;padding:130px 100px;justify-content: space-between;}
    .transp-item {max-width:28%;}
    .navigation {font-size:14px;}
    .col-md-3.left-part {padding-right:9px;}
    .leftmenu > ul > li > a, .looked-items > h3 {font-size:18px;}
    .looked-items .details-short {display:none;}
    .caption {font-size:20px;}
}

@media screen and (max-width:991px) {
    .home header, .home footer {padding-right:50px;}
    #logo, .fly-buttons {display:none;}
    .footer-left {width:auto;}
    a.icon-link {font-size:14px;}
    .inner-page .showMenu {display:block;}
    .inner-page .logo {float:right;}
    .section-caption {font-size:20px;}
    .scroll-section .button {font-size:14px;}
    .articles-section .section-content.flex {display:block;padding:130px 30px 30px;}
    .transp-item {max-width:100%;width:auto;margin-bottom:30px;}
    .transp-item h3 {padding-bottom:5px;}
    .transp-item .item-text {height:auto;}
    .inner-page footer ul {display:none;}
    .inner-page footer {background-image:none;background-color:white;}
    .footer-bottom, .search-button input {text-align:center;}
    .footer-bottom .container {position:relative;}
    .footer-bottom .col-md-3 {position:static;}
    .footer-bottom .search-button {margin:0 auto 18px;}
    .copyright {position: absolute;display:block;left:9px;right:9px;bottom:-25px;}
    .addresses {margin-top:20px;}
}

@media screen and (max-width:767px) {
    #hideSearch {width:20px;height:20px;}
    .popup-search input {font-size:16px;}
    a.icon-link {display:none;}
    .logo-center {width:50%;}
    .product-heading p {clear:both;}
    .header-right .icon-link, .showMenu {margin:0;}
    .logo-center p {font-size:7vw;}
}

@media screen and (max-width:400px) {
    .logo-center p {font-size:6vw;}
}