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

* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html, body {min-height: 100% !important; height: 100%;}
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 -------------------------*/

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

body {
	font:15px 'PT Serif regular', serif;
}

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

section {
    position:relative;
    background-position:center top;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
}

.home {
    color:white;
}

.home .section1 {
    background-image:url(/assets/design/images/bg1.jpg);
}

.home .section2 {
    background-image:url(/assets/design/images/bg2.jpg);
}

.home .section3 {
    background-image:url(/assets/design/images/bg3.jpg);
}

.home .section4 {
    background-image:url(/assets/design/images/bg4.jpg);
}

.home .header, .home .socnets, .home .footer {
    position:absolute;
}

.header, .socnets, .home .footer {
    z-index:1000;
}

.button {
    display:block;
    padding:15px;
    text-align:center;
    text-transform:uppercase;
    width:255px;
    border:1px solid white;
    background:rgba(255,255,255,.3);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

.button.grey {
    background: #e2e2e2;
    border:none;
}

.button.grey:hover {
    background: #c5c5c5;
}

.header {
    top:0;
    width:100%;
    padding:12px 30px;
    overflow:hidden;
}

#showMenu, .home #logo {
    float:left;
    margin-top:8px;
}

#showMenu {
    width:34px;
    margin-right:80px;
    cursor:pointer;
}

#showMenu span {
    display:block;
    height:3px;
    margin-bottom:8px;
    background:white;
}

#logo {
    display:block;
    width:425px;
    opacity:0;
    -ms-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
}

.right-links, .left-links {
    position: absolute;
    font-size:20px;
}

.right-links {
    right:30px;
}

.header .right-links {
    top:12px;
}

.right-links a, .right-links a:before, .left-links a, .left-links a:before {
    display:inline-block;
    vertical-align:bottom;
}

.right-links a {
    margin-left:36px;
}

.right-links a:before, .left-links a:before {
    content:"";
    width:22px;
    height:22px;
    background-repeat:no-repeat;
    background-position:center center;
    margin-right:6px;
}

.header .right-links a:first-child:before {
    background-image:url(/assets/design/images/wish.png);
}

.header .right-links a:last-child:before {
    background-image:url(/assets/design/images/cart.png);
}

.home .footer {
    padding:0 30px 26px;
    width:100%;
    bottom:0;
    text-align:center;
}

.left-links {
    left:30px;
}

.footer .left-links, .footer .right-links {
    bottom:26px;
}

.home .left-links a:before {
    background-image:url(/assets/design/images/comm.png);
}

.footer .right-links a:first-child:before {
    width:28px;
}

.home .footer .right-links a:first-child:before {
    background-image:url(/assets/design/images/chat.png);
}

.home .footer .right-links a:nth-child(2):before {
    background-image:url(/assets/design/images/address.png);
}

.home .footer .right-links a:last-child:before {
    background-image:url(/assets/design/images/phone.png);
}

.f-menu {
    text-align:center;
    padding:0;
}

.f-menu li {
    display:inline-block;
    margin:0 18px;
}

.socnets {
    top:50%;
    margin-top:-72px;
}

.home .socnets {
    left:30px;
}

.socnets a {
    display:block;
    margin-bottom:18px;
}

.socnets a:last-child {
    margin:0;
}

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

.section-container {
    position: absolute;
    top:0;
    left:50%;
    margin-left:-699px;
    width:1398px;
    height:100%;
    padding:122px 70px;
}

.section-container.flex {
    align-items:center;
}

.align-center.flex {
    justify-content:space-around;
}

.logo-center {
    width:255px;
    text-align:center;
}

.logo-center .button {
    margin:20px auto 0;
}

.home-item {
    border:1px solid white;
    background: rgba(255,255,255,.2);
    font-size:25px;
    width:25%;
    height:310px;
    overflow:hidden;
}

.home-item h2 {
    font-size:1.4em;
    text-align:center;
    padding:10px 20px;
    border-bottom:1px solid white;
}

.home-item > div {
    padding:20px;
}

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

.cell {
    align-items:center;
    position: absolute;
    width:33.3%;
    height:100%;
    padding:122px 15px;
    top:0;
    border-right:2px solid white;
    z-index:2;
}

.cell:hover {
    background:rgba(255,255,255,.5);
}

.cell:first-child {
    left:0;
}

.cell:nth-child(2), .cell:nth-child(3) {
    left:33.3%;
}

.cell:last-child {
    left:66.6%;
    border:none;
}

.cell:nth-child(3) {
    z-index:1;
}

.cell h3 {
    font-size:25px;
    text-align:center;
    text-shadow:2px 2px 2px rgba(0,0,0,.8);
    opacity:0;
    -ms-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
}

.cell:hover h3 {
    opacity:1;
}

.cell-logo {
    font-family:'Oranienbaum', 'PT Sefif bold', serif;
    font-size:105px;
    text-shadow:4px 4px 4px rgba(0,0,0,.5);
    text-align:center;
    opacity:.8;
}

/* -------------------------------------------------INNER PAGE --------------------------------------------------*/

.inner-page {
    color:#323232;
}

.inner-page .header, .inner-page .socnets {
    position:fixed;
}

.inner-page .header {
    padding-bottom:0;
    background:white;
    -moz-box-shadow:0 0 20px 15px rgba(90, 90, 90, 0.2);
    -webkit-box-shadow:0 0 20px 15px rgba(90, 90, 90, 0.2);
    box-shadow:0 0 20px 15px rgba(90, 90, 90, 0.2);
}

.inner-page .socnets {
    right:30px;
}

.inner-page .header > div {
    height:90px;
}

.inner-page #showMenu {
    margin:25px 120px 0 0;
}

.inner-page #showMenu span {
    background:#323232;
}

.logo {
    position:absolute;
    top:12px;
    left:50%;
    margin-left:-181px;
}

.header .search {
    width:195px;
    border-bottom:1px solid #323232;
    float:left;
    margin-top:21px;
}

.search form {
    display:table;
    width:100%;
}

.search form > div {
    display:table-cell;
    vertical-align:top;
}

.search form > div:first-child {
    width:28px;
}

.header .search input, .header .search button {
    height:28px;
}

.search input, .search button {
    border:none;
    background:transparent;
    font-size:15px;
}

.search input {
    padding:5px;
}

.search button {
    display:block;
    width:28px;
    background:url(/assets/design/images/search-small.png) no-repeat center center;
}

.mobile-catalog-nav .search {
    border:1px solid #323232;
}

.mobile-catalog-nav .search input, .mobile-catalog-nav .search button {
    height:40px;
}

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

.mse2-row a {
    color: #323232;
}

.navigation {
    font-size:22px;
}

.inner-page .header .right-links {
    top:38px;
}

.inner-page .header .right-links a:before {
    width:31px;
    height:27px;
}

.inner-page .header .right-links a:first-child:before {
    background-image:url(/assets/design/images/wish-inner.png);
}

.inner-page .header .right-links a:last-child:before {
    background-image:url(/assets/design/images/cart-inner.png);
}

.navigation {
    padding:0;
    width:100%;
    text-align:center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.navigation li {
    display:inline-block;
    margin:0 5px;
}

.navigation li a {
    display:block;
    padding-bottom:12px;
    border-bottom:1px solid transparent;
}

.navigation li a:hover, .navigation li.active a {
    border-bottom:1px solid #323232;
}

.navigation li.active a {
    font-weight:bold;
}

.content-section {
    padding:132px 0 100px;
    min-height:775px;
}

.content-section.catalog {
    padding-top:174px;
}

.container.center-section, .center-section .row > div, .inner-page .footer .container {
    padding-left:42px;
    padding-right:42px;
}

.inner-page .footer .container {
    overflow:hidden;
    margin-bottom:15px;
}

.caption {
    margin-bottom: 20px;
    text-align: center;
    font-size: 26px;
}

.center-section .row {
    margin-left:-42px;
    margin-right:-42px;
}

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

.breadcrumb {
    margin-bottom:20px;
}

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

.items {
    overflow:hidden;
}

.item-img {
    display:block;
}

a.item-img, .button2 {
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
}

.item img {
    display:block;
    width:100%;
}

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

.goods-item {
    text-align:center;
    margin-bottom:50px;
}

.goods-item h3 {
    font-size:20px;
    margin-top:15px;
}

.goods-item .price {
    font-size:25px;
}

.inner-page .footer {
    overflow:hidden;
    padding:26px 0 0;
    font-size:14px;
}

.f-block {
    float:left;
    margin-right:10%;
}

.f-block ul {
    padding:0;
}

.button2 {
    display:block;
    width:206px;
    padding:9px 0;
    text-align:center;
    font-size:20px;
    border:1px solid #323232;
    opacity:.8;
}

.button2:hover {
    opacity:1;
}

.footer .button2 {
    float:left;
}

.footer-bottom {
    position:relative;
    height:46px;
}

.footer-bottom .left-links a:before {
    background-image:url(/assets/design/images/comm-black.jpg);
}

.footer-bottom .right-links a:first-child:before {
    background-image:url(/assets/design/images/chat-black.jpg);
}

.footer-bottom .right-links a:nth-child(2):before {
    background-image:url(/assets/design/images/address-black2.jpg);
}

.footer-bottom .right-links a:last-child:before {
    background-image:url(/assets/design/images/phone-black.jpg);
}

.content-text {
    line-height:1.5;
    color:#000000;
    font-size:14px;
}

.content-text ul, .content-text ol {
    padding-left:25px;
}

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

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

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

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

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

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

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

.question-form {
    margin: 30px auto 0;
    max-width: 800px;
}
/* -------------------------------------------------- GOODS PAGE ----------------------------------------------*/

.goods-descr h2 {
    font-size: 20px;
    margin: 20px 0 35px;
}

.goods-descr .price {
    font-size: 22px;
    color: red;
    margin-bottom: 50px;
    padding:10px 15px;
    display:inline-block;
    background:#e2e2e2;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}

.goods-descr .content-text {
    font-size:14px;
    margin-bottom:30px;
}

.goodSlide a {
    display:block;
    margin:0 5px;
}

#goodSlider {
    margin-top:20px;
}

.goodSlide img {
    width:100%;
}

.slick-arrow {
    position: absolute;
    top:50%;
    width:21px;
    height:40px;
    margin-top:-20px;
    z-index:10;
    opacity:0;
    border:none;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
}

.slick-slider:hover .slick-arrow {
    opacity:.5;
}

.slick-slider:hover .slick-arrow:hover {
    opacity:1;
}

.slick-prev {
    background:url(/assets/design/images/arr-left2.png);
    left:5px;
}

.slick-next {
    background:url(/assets/design/images/arr-right2.png);
    right:5px;
}

/* -------------------------------------------------- CART ----------------------------------------------------*/

#ReadyforShopping, .item_add {
    height:70px;
    line-height:40px;
    color:white;
    background: #323232;
    border:none;
}

#ReadyforShopping:hover, .item_add:hover {
    background: black;
}

#Shopping-cart {
    overflow:hidden;
}

#Shopping-cart p {
    margin-bottom:20px;
    font-size: 20px;
}

.simpleCart_total {
    font-size:22px;
    font-weight:bold;
}

#Shopping-cart .button {
    float:right;
    margin:0 5px 10px 0;
}

.simpleCart_items {
    margin-bottom:15px;
    overflow-x: auto;
}

.simpleCart_items table {
    width:100%;
    font-size:18px;
}

.simpleCart_items td, .simpleCart_items th {
    border:1px solid grey;
    padding:10px;
}

.item-decrement, .item-increment, td.item-quantity {
    text-align:center;
}


/* -------------------------------------------------- ARTICLES -----------------------------------------------*/

.article-item {
    margin-bottom:50px;
}

.article-item h3 {
    font-size: 20px;
    height: 54px;
    margin: 15px 0;
    overflow: hidden;
}

.intro {
    font-size: 18px;
    color: grey;
    overflow: hidden;
    height: 120px;
}

.comment-text {
    overflow: hidden;
    height: 280px;
}


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

.popup-block {
    position:relative;
    margin:0 auto;
}

#mobileMenu {
    color:white;
    font-size:18px;
    padding:20px 0;
}

#mobileMenu > div > ul {
    padding:0 10px 20px;
    width:24%;
}

#mobileMenu > div > ul > li > ul {
    padding:0;
    margin-top:20px;
}

#mobileMenu > div > ul > li > a {
    text-transform:uppercase;
}

#mobileMenu li {
    margin-bottom:20px;
}

#mobileMenu ul a:hover {
    text-decoration:underline;
}

#mobileMenu .active a {
    color:#ec9bff;
}

#mobileMenu .mfp-close {
    color:white;
    width:27px;
    height:27px;
    line-height:27px;
    font-size:45px;
}

.popup-form {
    max-width:500px;
    background:white;
    padding:20px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.form {
    overflow:hidden;
}

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

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

.req {
    display:none !important;
}

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

.form input, .form textarea {
    padding:5px 10px;
}

.form input {
    height:40px;
}

.form .button {
    float:right;
}

/* ------------------------------------------------- MOBILE ------------------------------------------------------*/

.mobile.home .header, .mobile.home .socnets {
    position:fixed;
}

.mobile #homeSlider {
    display:none;
}

.mobile .onepage-wrapper .section {
    height:auto;
}

.mobile .section-container {
    position:static;
    min-height:600px;
    margin:0 auto;
}
    
.mobile .cell {
    position:static;
    height:auto;
    width:100%;
    padding:80px 70px;
    border-bottom:2px solid white;
}

.mobile .cell:nth-child(3) {
    display:none;
}

.mobile .cell h3 {
    opacity:1;
}

.mobile.home .footer {
    position:relative;
    margin-top:-46px;
}

.mobile-catalog-nav {
    margin-bottom:30px;
    display:none;
}

.mobile-catalog-nav ul {
    padding:0;
    font-size:18px;
}

.mobile-catalog-nav li {
    padding:10px 0;
    border-bottom:1px solid black;
}

.mobile-catalog-nav a:hover, .mobile-catalog-nav .active a {
    text-decoration:underline;
}

.mobile-catalog-nav .active a {
    font-weight: bold;
}


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

@media screen and (max-width:1600px) {
    .navigation {font-size:16px;}
}

@media screen and (max-width:1400px) {
    .home-item {font-size:20px;height:250px;width:30%;}
    .button {width:170px;padding:10px;font-size:12px;}
    .cell-logo {font-size:75px;}
    .section-container {width:100%;left:0;margin-left:0;}
    #ReadyforShopping, .item_add {height: 50px;line-height: 30px;}
}

@media screen and (max-width:1300px) {
    .f-menu {display:none;}
}

@media screen and (max-width:1199px) {
    .navigation, .inner-page .header .search, .inner-page .header .right-links a:first-child {display:none;}
    .mobile-catalog-nav {display:block;}
    .inner-page .header {padding-bottom:12px;}
}

@media screen and (max-width:991px) {
    #mobileMenu .flex {display:block;padding:20px 0;}
    #mobileMenu > div > ul {padding:0;width:auto;}
    #mobileMenu > div > ul > li > ul {display:none;}
    #mobileMenu .mfp-close {width:44px;height:44px;line-height:44px;}
    .section4 .section-container.flex {display:block;}
    .home-item {width:100%;height:auto;margin-top:20px;}
    .f-block {display:none;}
    .footer .button2 {float: none;margin: 0 auto;}
}

@media screen and (max-width:767px) {
    .socnets {display:none;}
    .section-container {padding: 122px 15px;}
    .mobile.home .footer {margin:0;background:#35221e;}
    .footer, .inner-page .footer {padding:20px 15px;text-align:left;position:relative;}
    .footer .left-links, .footer .right-links {position:static;}
    .footer .left-links a, .footer .right-links a {margin:0 20px 15px 0;}
    .footer-bottom {height:auto;}
    .header .right-links a:first-child {display:none;}
    .logo {margin-left: -43px;display: block;width: 86px;overflow: hidden;}
    .logo img {max-width:none;}
    .goods-gallery > div > img {display:none;}
    .simpleCart_items table {font-size:14px;}
    .simpleCart_items td, .simpleCart_items th {padding:5px;}
    .intro, .comment-text {height:auto;}
}

@media screen and (max-width:500px) {
    .inner-page .header .right-links {display:none;}
}

@media (min-width: 1200px) {
    .header {
        overflow: unset;
    }
    .navigation .nav-submenu {
        position: relative;
    }
    .navigation .nav-submenu:after {
        content: '';
        background: url(/assets/design/images/arr-right.png);
        background-size: 8px;
        background-repeat: no-repeat;
        width: 10px;
        height: 25px;
        display: block;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg); 
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .navigation .nav-submenu > ul {
        display:none;
        padding:1rem 0;
    }
    .navigation .nav-submenu:hover > ul {
        display: block;
        position: absolute;
        top: 2rem;
        left: 0rem;
        padding-left: 0;
        background: #fff;
        z-index: 999999;
        width: 14rem;
        border: 1px solid #d7d7d7;
    }
    .navigation .nav-submenu > ul li {
        text-align: left;
        display: block;
        padding-left: 1rem;
    }
    .navigation .nav-submenu > ul li a {
        font-weight: normal!important;
        border:none;
    }
    .center-section .row {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
    }
}