body{
    font-family: 'Aileron';
}
body{-ms-overflow-style: scrollbar !important;} /*-------ie---fix---------------*/

/*----------*/

.navbar-brand{
    padding: 0;
}
/*-------------------*/
a:hover,a:focus{
    outline: none;
    text-decoration: none;
}

.container-slider{
    position: relative;
}
.quicksearch{
    display: none;
    padding: 10px 0;
    clear: both;
    text-align: right;
}
.quicksearch .dgwt-wcas-search-wrapp{
    display: inline-block;
}
.top-banner{
    height: 65vh;
    width: 100%;
    position: relative;
    background: url('./img/bck.jpg');
    background-size: cover;
    background-position: center center;

}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
    background: transparent;
}
#normal-page .std{
    background: #fff;
    padding: 10vw;
}

.page-template-page_woocommerce-php #normal-page .std,
.woocommerce #normal-page .std{
    padding: 5vw;
}
.top-banner .page-title{
    position: absolute;
    bottom: 0;
    left: 10vw;
}
.top-banner .page-title h1{
    font-size: 64px;
    color: #fff;
    font-weight: 900;
    max-width: 400px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
    transform-origin: bottom left;
    text-transform: uppercase;
    margin-left: 54px;
    line-height: 60px;
    padding: 0 10px;
}

header{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    z-index: 97;
    background: transparent;
}
.navbar-nav>li{
    background: transparent!important; 
}
.error404 .container p{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}
.error404 .full-image:before{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0,0,0,0.5);
    content: "";
}
.error404 .container p a{
    color: #fff;
    text-decoration: underline;
}
.navbar-nav>li>a{
    color:#fff;
    font-size: 12px;
    line-height: 24px;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: transparent!important;
}

.dropdown-menu>li>a{
    color:#fff;
    font-size: 14px;
    display: block;
    padding: 5px 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{
    background: transparent;
}
.flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: vertical;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
}
.caption{
    position: absolute;
    top:50%;
    left: 0;
    transform: translate(0,-50%);
    width: 100%;
}
.container{
    max-width: 100%;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
}
.full-width{
    margin-left: -5vw;
    margin-right: -5vw;
    max-width: none;
    position: relative;
    width: calc(100% + 10vw);
}
.full-width:after{
    width: 20vw;
    height: 20vw;
    content: "";
    position: absolute;
    top:-10vw;
    right: 10vw;
    background: url('./img/pattern.png');
    background-position: center center;
}
.full-width>div{
    padding: 60px 5vw;
}
.kt-row-has-bg>.kt-row-column-wrap{
    padding: 0;
}
/*----------quick-search------------------*/
.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st{
    font-family: 'Aileron'!important;
    font-weight: 900;
    color: #333;
    font-size: 16px;
}
.dgwt-wcas-has-sku .dgwt-wcas-st-title,
.dgwt-wcas-has-headings .dgwt-wcas-suggestion-tax .dgwt-wcas-st{
    font-family: 'Aileron'!important;
    font-weight: 300;
    color: #333;
    font-size: 14px;
}
body.single .product_meta{
    margin-bottom: 30px;
}
/*-------------------std------------------------*/
.std h1{
    font-size: 114px;
    color: #171717;
    line-height: 120px;
    margin:80px 0;
    font-weight: 900;
}
.std h3{
    font-size: 34px;
    line-height: 44px;
    font-weight: 900;
    color: #171717;
    margin: 0 0 30px 0;
}
.std h4{
    font-size: 28px;
    line-height: 38px;
    font-weight: 900;
    color: #171717;
    margin: 0 0 30px 0;
}
.std h3 em{
    padding-right: 8px;
    font-weight: 800;
}
.std h6{
    font-size: 32px;
    line-height: 50px;
    font-weight: 300;
    color: #CC9966;
    margin: 0 0 30px 0;
}
.container-slider{
    position: relative;
    z-index: 1;
}
#home-page{
    position: relative;
    z-index: 2;
}
.wp-block-columns.first-section{
    transition: all 0.8s;
}
.wp-block-columns.first-section.sticky{
    margin-top: -210px;
}
.wp-block-columns.first-section h1 strong{
    transition: 1.8s;
}
.wp-block-columns.first-section.sticky h1 strong{
    color: #fff;
}
.std h2{
    font-size: 62px;
    color: #171717;
    line-height: 69px;
    margin:0 0 40px 0;
    font-weight: 900;
}
.std .section-invert h1,
.std .section-invert h3,
.std .section-invert h4,
.std .section-invert h5,
.std .section-invert h6,
.std .section-invert h2{
    color: #fff;
}
.std .first-section h1{
    white-space: nowrap;
}
.std .first-section .wp-block-button,
.std .first-section p{
    padding-left: 33.333%;
    position: relative;
}
.woocommerce button.button.woocommerce-form-register__submit,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce a.button,
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.altm
.btn.btn-default,
.wp-block-button__link{
    background: #171717;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 12px 25px;
    font-weight: 400;
    border-radius: 0;
    font-style: italic;
    position: relative;
    z-index: 2;
    color: #fff!important;
    box-shadow: none!important;
    outline: none!important;
    text-shadow: none!important;
    letter-spacing: 2px;
    transition: all 0.4s;
    border:2px solid #171717;
}
.woocommerce .product-tile a.button{
    padding: 12px 12px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
.woocommerce .product-tile a.button:after{
    font-style: normal;
}
.woocommerce button.button.woocommerce-form-register__submit:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce a.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.btn.btn-default:hover,
.wp-block-button__link:hover{
    background: #fff;
    color: #171717!important;
    text-decoration: none;
}
.std .first-section p:nth-of-type(1):before{
    position: absolute;
    top:5px;
    left:0;
    width: 25%;
    height: 2px;
    content: "";
    background: #171717;
}
.std h1 strong{
    font-weight: 900;
}
footer p{
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    color: #B1B1B1;
    margin: 0 0 30px 0;
}
footer p:nth-last-of-type(1){
    margin-bottom: 0;
}
footer p a{
    color: #CC9966;
}
footer p a:hover{
    color: #B1B1B1;
}
footer p strong{
    font-weight: 900;
}
.kt-testimonial-name{
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    color: #666;
}
.kt-testimonial-style-inlineimage.kt-testimonials-icon-on .kt-testimonial-item-wrap {
    padding-top: 35px;
    padding-bottom: 30px;
}
.kt-testimonial-grid-wrap{
    display: block;
    column-count: 2;
}
.kt-testimonial-grid-wrap .kt-testimonial-item-wrap{
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: block;
    width: 100%;
    page-break-inside: avoid;
}
.kt-svg-testimonial-global-icon-wrap{
    position: absolute;
}
.kt-testimonial-style-inlineimage .kt-testimonial-meta-wrap{
    padding: 15px 0 0 0;
}
.kt-testimonial-occupation{
    font-size: 12px;
    line-height: 23px;
    font-weight: 300;
    color: #666;
}
.kt-testimonial-content{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #666;
}
.std p{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #666;
    margin: 0 0 30px 0;
}
.std a{
    color: #CC9966;
}
.std a:hover{
    color: #666;
}
.std ol,
.std ul{
    margin: 0 0 30px 20px;
}
.std ol li,
.std ul li{
    font-size: 16px;
    line-height: 25px;
    font-weight: 200;
    color: #666;
    letter-spacing: 0.5px;
}
#normal-page .std ul li{
    font-weight: 400;
}
.std ul li a{
    color: #666;
}
.std .list-4-cols ul li{
    color:#B1B1B1;
}
.std ul li a:hover,
.std ul li a.active{
    color: #CC9966;
}
.std .product-images ul li a{
    font-weight: 400;
    position: relative;
}
.std .product-images ul li a span{
    position: absolute;
    top:0;
    left: 0;
    background: #666;
    color: #fff;
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    padding: 5px;
    transition: all 0.5s;
    font-size: 10px;
    transform: translate(0,-100%);
}
.std .product-images ul li a:hover span{
    opacity: 1;
}
/*-------------------------*/
.list-4-cols ul{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.wp-block-columns{
    margin-top: 10vw;
    margin-bottom: 10vw;
}
/*-------products---------------------------------*/
.product-image-preview{
    display: block;
    width: 100%;
    padding-bottom: 150%;
    background-size: cover!important;
    background-position: center center;
}
.product-images ul{
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    column-gap: 40px;
}
#normal-page{
    transition: all 0.5s;
    position: relative;
    margin-top: 0vw;
}
#normal-page.active{
    margin-top: -10vw;
}
#normal-page.sticky.active{
    margin-top: -15vw;
}
#normal-page .wp-block-columns{
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
#normal-page .wp-block-column{
    padding-left: 15px;
    padding-right: 15px;
}
.bottom-line{
    margin-left: auto;
    height: 10vw;
    margin-right: -20vw;
    margin-top: -5vw;
    background: #F2F2F2;
    max-width: none;
    display: block;
    width: 50vw;
    z-index: -1;
}
/*---------------------------------------------------*/
.navigation-footer ul{
    margin: 0;
    padding: 0;
}
.navigation-footer ul li{
    display: inline-block;
}
.navigation-footer ul li a{
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    padding: 15px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    background: transparent!important;
}
.navigation-footer{
    margin-bottom: 90px;
}
footer{
    padding: 90px 0;
    background: url('./img/footer.jpg');
    background-size: cover;
}
.chevron-container {
    position:absolute;
    bottom: 10px;
    left: 50%;
    width: 28px;
    height: 55px;
    z-index: 9;
    cursor: pointer;
    transform: translate(-50%,0);
}
#main-slider:before{
    content:"";
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: rgba(0,0,0,0.75);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(25%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;

    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}



@keyframes pulse {
    to {
        opacity: 1;
    }
}
.go-down{
    position: absolute;
    bottom: 5px;
    left: 50%;
    color: #fff;
    transition: all 0.3s;
    z-index: 99;
    font-size: 50px;
    font-weight: 100;
    font-family: 'Aileron';
}
.go-down:hover{
    color: #CC9966;
}
.kb-gallery-ul .kadence-blocks-gallery-item{
    padding: 5vw;
}
.single-product{

    /*margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);*/
}
#normal-page .wp-block-kadence-advancedgallery{
    margin-left: -10vw;
    margin-top: -10vw;
    margin-right: -10vw;
}
#normal-page .std .single-product ul.kb-gallery-ul{
    margin: 0;
}
#normal-page .single-product .wp-block-kadence-advancedgallery{
    margin: 0;
}
#normal-page .std ul.kb-gallery-ul, .kb-gallery-ul {
    margin: 5px;
}
#normal-page .kb-gallery-ul .kadence-blocks-gallery-item{
    padding: 5px;
}
.std ul.kb-gallery-ul,
.kb-gallery-ul{
    margin: 0 -5vw;
    padding: 0;
}
.kb-gallery-ul li{
    margin: 0;
    padding: 0;
}
a.kb-gallery-item-link .kb-gallery-image-contain:after{
    position: absolute;
    z-index: 3;
    color: #fff;
    content: "";
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: FontAwesome;
    font-size: 30px;
    transition: all 0.5s;
    opacity: 0;
}
a.kb-gallery-item-link .kb-gallery-image-contain:before{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0;
    z-index: 2;
    transition: all 0.3s;
}
a.kb-gallery-item-link .kb-gallery-image-contain:hover:after{
    opacity: 1;
}
a.kb-gallery-item-link .kb-gallery-image-contain:hover:before{
    opacity: 0.4;
}
/*-----------------------------*/
.form-group sup{
    color: #b71111;
}
.form-group{
    margin-bottom: 15px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
    background: #CC9966;
    margin: 0 0 30px 0;
    padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin: 0;
    padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    display: block;
    padding: 12px;
    color: #fff;
    border-bottom: 1px dotted rgba(255,255,255,0.2);
    font-size: 14px;
    font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{
    font-weight: 900;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
    border-color: rgba(255,255,255,0.5);
}
.woocommerce form .form-row label,
.form-group label{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 900;
    color: #666;
    letter-spacing: 1px;
}
.woocommerce-input-wrapper strong,
.woocommerce form .form-row input.input-text,
input.wpcf7-form-control{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    outline: none!important;
    border:none;
    font-family: 'Aileron';
    font-weight: 300;
    color: #666;
    border-radius: 0px;
    width: 100%;
    max-width: 100%;
    background: #f7f7f7;
    transition: all 0.4s;
    border-bottom: 2px solid #B1B1B1;
} 
.woocommerce form .form-row .input-checkbox{
    margin-top: 8px;
}
.woocommerce-info::before{
    color: #CC9966;
}
.woocommerce-info{
    border-color: #CC9966;
}
.woocommerce-input-wrapper strong{
    display: block;
    opacity: 0.5;
}
.woocommerce form .form-row input.input-text{
    height: 40px;
    line-height: 40px;
}
.grecaptcha-badge{
    opacity: 0;
    pointer-events: none;
}
.woocommerce form .form-row textarea,
textarea.wpcf7-form-control{
    height: 150px;
    width: 100%;
    max-width: 100%;
    line-height: 20px;
    padding: 10px 20px;
    outline: none!important;
    border:none;
    font-family: 'Aileron';
    font-weight: 300;
    color: #666;
    border-radius: 0px;
    transition: all 0.4s;
    background: #f7f7f7;
    border-bottom: 2px solid #B1B1B1;
} 
input.wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus{
    border-color: #CC9966;
}
span.wpcf7-not-valid-tip{
    color: #b71111;
    font-size: 10px;
}
div.wpcf7-response-output{
    margin: 5px 0;
    padding: 8px;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    background: #b71111;
    color: #fff;
    border:none;
}
div.wpcf7-mail-sent-ok{
    background: #518a32;
    color: #fff;
    border:none;
}
/*----------------------*/
.product-tile{
    background: #f7f7f7;
    transition: all 0.3s;
    position: relative;
    margin-bottom: 30px;
}
.product-tile>a.woocommerce-LoopProduct-link{
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.product_meta span{
    color: #B1B1B1;
}
.product_meta a{
    opacity: 0.7;
}
.product_meta a:hover{
    opacity: 0.8;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin: 5px -5px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 5px;
}
.product-tile>a.woocommerce-LoopProduct-link>img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
}
.product-tile>a.woocommerce-LoopProduct-link:hover>img{
    transform: scale(1.05);
}
.product-tile .price{
    margin-bottom: 15px;
    display: block;
    clear: both;
}
.product-tile .content{
    padding: 25px 20px;
    text-align: center;
}

.std .cart_totals h2{
    font-size: 26px;
    line-height: 1.1em;
}
.breadcrumb{
    margin: 0; 
    padding: 0 0 30px 0;
    background: transparent;
}
.breadcrumb ul{
    margin: 0!important;
}
.breadcrumb ul li{
    padding-right:4px;
    display: inline-block;
}
.breadcrumb ul li span.sep:after{
    content: "-";
}
.breadcrumb ul li a,
.breadcrumb ul li span{
    font-size: 12px;
    line-height: 14px;
    color: #B1B1B1;
}
body.page-template-page_woocommerce .std h3{
    font-size: 20px;
    line-height: 1.3em;
}
body.page-template-page_woocommerce .top-banner,
body.woocommerce .top-banner{
    height: 30vh;
    min-height: 340px;
}
.woocommerce div.product div.summary{
    margin: 0;
}
.price bdi{
    color: #CC9966;
    font-size: 16px; 
}
.std .related.products h2,
.woocommerce #reviews #comments h2{
    font-size: 26px;
    line-height: 36px;
}
.summary.entry-summary .price bdi{
    font-size: 26px;
    font-weight: 700;
}
.woocommerce div.product .product_title{
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.woocommerce-menu ul{
    margin: 0;
    padding: 0;
}
.woocommerce-menu li{
    display: inline-block;
}
.woocommerce-menu li a{
    color: #fff;
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 10px;
}
.woocommerce-menu li a:hover{
    color: #f7f7f7;
}
.woocommerce-menu li a span{
    position: absolute;
    top: 3px;
    right: -15px;
    background: #CC9966;
    color: #fff;
    padding: 2px;
    font-size: 10px;
    line-height: 10px;
}
.woocommerce-menu li a span:before{
    position: absolute;
    bottom:-7px;
    left: 0;
    content: "";
    border-style: solid;
    border-width: 7px 7px 0 0px;
    border-color: #CC9966 transparent transparent transparent;
}
.woocommerce-menu li.search-icon a{
    font-size: 0;
}
.woocommerce-menu li.search-icon:not(.wpmenucart-display-standard) a:before{
    font-size: 16px;
    content: "";
    font-family: FontAwesome;
}
.woocommerce-menu li.user-icon:not(.wpmenucart-display-standard) a{
    font-size: 0;
}
.woocommerce-menu li.user-icon:not(.wpmenucart-display-standard) a:before{
    font-size: 16px;
    content: "";
    font-family: FontAwesome;
}
.std h1.woocommerce-header{
    font-size: 56px;
    line-height: 1.2em;
    margin: 0 0 40px 0;
}
.woocommerce .quantity .qty{
    height: 44px;
    line-height: 44px;
    padding: 0 5px;
    outline: none!important;
    border: none;
    font-family: 'Aileron';
    font-weight: 300;
    color: #666;
    width: 90px;
    background: #f7f7f7;
    transition: all 0.4s;

    margin: 0!important;
}
#coupon_code{
    height: 36px;
    line-height: 36px;
    width: 140px;
    padding: 0 5px;
    outline: none!important;
    border: none;
    font-family: 'Aileron';
    font-weight: 300;
    color: #666;
    background: #f7f7f7;
    transition: all 0.4s;

    margin: 0!important;
}
.woocommerce div.product form.cart div.quantity{
    margin: 0;
}
.line-sep-top{
    width: 100%;
    border-top: 1px solid #B1B1B1;
    padding-bottom: 15px;
}
.woocommerce .woocommerce-result-count{
    font-size: 14px;
    line-height: 30px;
}

.woocommerce a.added_to_cart{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-transform: uppercase;
    background: #CC9966;
    color: #fff;
    z-index: 4;
    font-size: 11px;
    letter-spacing: 1px;
}
.woocommerce a.added_to_cart:hover{
    background: #b37d48;
    color: #fff;
}
.line-sep{
    width: 100%;
    border-bottom: 1px solid #B1B1B1;
    margin-bottom: 40px;
}
.woocommerce .woocommerce-ordering select{
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    outline: none!important;
    border:none;
    font-family: 'Aileron';
    font-weight: 300;
    color: #666;
    border-radius: 0;
    width: 220px;
    max-width: 100%;
    font-size: 14px;
    background: #f7f7f7;
    transition: all 0.4s;
    border-bottom: 2px solid #B1B1B1;
}
.woocommerce ul.products{
    margin-left: -15px;
    margin-right: -15px;
}
.woocommerce-account .std h2{
    font-size: 28px;
    line-height: 1.2em;
}
.std .related.products h2.woocommerce-loop-product__title,
.std h2.woocommerce-loop-product__title{
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
    height: 60px;
    transition: all 0.3s;
    display: flex;
    font-weight: 300;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.std h2.woocommerce-loop-product__title:hover{
    color: #CC9966;
}
.related.products{
    clear: both;
    margin-top: 50px;
}
/*--------------------system---------------------------*/
.copyright p{
    margin: 50px 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: #B1B1B1;
}
.copyright p a{
    color: #B1B1B1;
}
.full-image{
    height: 100vh;
    display: block;
    background-position: center center!important;
    background-size: cover!important;
}
.row.full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-right: 0;
}
#cookie-law-info-again{
    display: none!important;
}
.loading-content{
    position: fixed;
    z-index: 99998;
    top:0;
    left:0;
    width:100%;
    display: none;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.loading-content i{
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -45px;
    margin-left:-45px;
    color:#005050;
    font-size:90px;
}
.scrollToTop{
    position: fixed;
    bottom: 0px;
    right: 0;
    width:30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background:#666;
    color:#fff;
    opacity:0.7;
    display:none;
    z-index: 997;
    cursor:pointer; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.scrollToTop:hover,.scrollToTop:focus{
    opacity:1;
    color:#fff;
}
@media(max-width:1599px){
    .navbar-nav>li>a{
        padding: 15px 10px;
    }
    #normal-page .wp-block-kadence-advancedgallery {
        margin-left: -5vw;
        margin-top: -5vw;
        margin-right: -5vw;
    }
    #normal-page.active{
        margin-top: -5vw;
    }
    #normal-page .std {
        padding: 5vw 5vw;
    }
    .std h6{
        font-size: 26px;
        line-height: 42px;
    }
    .top-banner{
        max-height: 450px;
    }
    .wp-block-columns.first-section.sticky{
        margin-top: -187px;
    }
    .std h1{
        font-size: 90px;
        line-height: 98px;
    }
    .top-banner .page-title h1{
        font-size: 46px;
    }
}
@media(max-width:1199px){
    .navbar-nav>li>a{
        padding: 15px 5px;
    }
    #normal-page .wp-block-kadence-advancedgallery{
        margin-left: -5vw;
        margin-top: -5vw;
        margin-right: -5vw;
    }
    .top-banner .page-title{
        left: 5vw;
    }
    .top-banner .page-title h1{
        font-size: 40px;
    }
    .std h1 {
        font-size: 70px;
        line-height: 78px;
        margin: 40px 0;
    }
    .wp-block-columns.first-section.sticky {
        margin-top: -94px;
    }
    .std h2{
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    .std ul li,
    .std ol li{
        font-size: 14px;
        line-height: 22px;
    }
    .std h6{
        font-size: 24px;
        line-height: 34px;
    }
    #normal-page .std{
        padding: 5vw;
    }
    .bottom-line {
        margin-right: -10vw;
    }
    .std p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .wp-block-columns {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media(max-width:991px){
    .quicksearch{
        position: fixed;
        top: 60px;
        z-index: 99;
        width: 100%;
        background: rgba(0,0,0,0.7);
        padding: 10px 10px;
    }
    .woocommerce-menu li.search-icon:not(.wpmenucart-display-standard) a:before{
        font-size: 25px;
    }
    .navbar-collapse{
        max-height: calc(100vh - 100px);
        overflow: auto;
    }
    .std h1.woocommerce-header{
        font-size: 34px;
    }
    body.page-template-page_woocommerce .top-banner, body.woocommerce .top-banner{
        min-height: 100px;
    }
    body.page-template-page_woocommerce .top-banner, body.woocommerce .top-banner,
     body.woocommerce .top-banner,
    body.woocommerce.archive .top-banner,
    body.woocommerce.single .top-banner{
        height: 10vw;
    }
    .dropdown-menu>li>a{
        font-size: 11px;
        text-align: center;
    }
    .woocommerce-menu li.user-icon:not(.wpmenucart-display-standard) a:before,
    .woocommerce-menu li a {
        font-size: 25px;
    }
    .woocommerce-menu li a{
        padding: 8px 10px;
    }
    .woocommerce-menu{
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        z-index: 8;
        padding: 8px 90px 3px 90px;
        text-align: right;
    }
    header.sticky .woocommerce-menu{
        background: rgba(0,0,0,0.7);
    }
    html.no-scroll{
        overflow: hidden;
    }

    .menu-overflow{
        position: fixed;
        top:0;
        z-index: 998;
        left: 0;
        width: 100%;
        display: none;
        height: 100%;
        background: rgba(255,255,255,0.7);
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 43%, rgba(255,255,255,0.85) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(43%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,0.85)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 43%, rgba(255,255,255,0.85) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 43%, rgba(255,255,255,0.85) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 43%, rgba(255,255,255,0.85) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 43%, rgba(255,255,255,0.85) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
    .top-banner .page-title{
        left: 15px;
    }
    .std h1 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 15px;
    }
    .std h2{
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .std h3{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .std h6{
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px; 
    }
    #page{
        margin-top: 0;
    }
    /*---------------mobile-menu-----------------*/
    .navbar-nav>li>a{
        font-size: 20px;
    }
    .sm-flex {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        -webkit-box-orient: vertical;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
    }
    header .navbar-header{
        position: fixed;
        top:9px;
        left: 15px;
        max-width: 150px;
        z-index: 9;
    }
    .woocommerce-menu li a span {
        top: -5px;
        right: -8px;
    }
    #site-navigation{
        position: fixed;
        top:0;
        right: 0;
        width: 100%;
        max-width: 440px;
        height: 100%;
        z-index: 999;
        background: #1a1a1a;
        background: url(./img/bck-mobile.jpg);
        background-size: cover;
        transform: translate(100%,0);
        transition: all 0.8s;
        padding: 50px 20px;
    }
    #site-navigation.active{
        transform: translate(0,0); 
    }
    #site-navigation ul{
        max-width: 300px;
        margin: auto;
        padding: 0;
        float: none;
        text-align: center;
    }
    #site-navigation .navbar-nav>li{
        display: block;
        float: none;
        width: 100%;
        padding: 0 40px;
        background: transparent;
    }
    .mobile-header .mobile-menu{
        width: 50px;
        height: 40px;
        background: transparent;
        display: block;
        position: absolute;
        margin: 5px;
        cursor: pointer;
        left: -80px;
        top:5px;
        transition: all 0.8s;
    }
    .mobile-header.active .mobile-menu{
        left: 0px;

    }
    .mobile-header .mobile-menu span{
        position: absolute;
        width: 90%;
        height: 2px;
        background: #fff;
        right: 5%;
        transition: all 0.5s;
        top:9px;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    }
    .mobile-header .mobile-menu.active div{
        -ms-transform: rotate(-45deg); 
        -webkit-transform: rotate(-45deg); 
        transform: rotate(-45deg);
    }
    .mobile-header .mobile-menu span.mm2{
        top:19px;
        width: 50%;
    }
    .mobile-header .mobile-menu span.mm3{
        top:29px;
        width: 80%;
    }
    .mobile-header .mobile-menu.active span.mm3{
        opacity: 0;
    }
    .mobile-header .mobile-menu.active span.mm1{
        top:18px;
        -ms-transform: rotate(-90deg); 
        -webkit-transform: rotate(-90deg); 
        transform: rotate(-90deg);
    }
    .mobile-header .mobile-menu.active span.mm2{
        top:18px;
        width: 90%;
    }
    .mobile-header>.collapse.navbar-collapse{
        display: block!important;
        border:none!important;
        box-shadow: none!important;
    }
    header{
        position: static;
    }
    .dropdown-menu{
        position: relative;
        box-shadow: none;
        background: transparent;
        width: 100%;
        top:0;
        border:none;
        float: none;
    }
    .toggle-drop-menu{
        display: block;
        position: absolute;
        cursor: pointer;
        top:7px;
        right:0;
        width:40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color:#fff;
        z-index: 999;
    }
    .toggle-drop-menu:before{
        font-family:FontAwesome;
        content: "\f0fe";
    }
    .toggle-drop-menu.active:before{
        content:"\f146";
    }
    /*---------------------------------------------*/
}
@media(max-width:767px){
    .copyright p{
        margin: 25px 0;
    }
    .top-banner .page-title{
        left: 0;
        padding: 15px;
        transform: translate(0,-50%);
        width: 100%;
        text-align: center;
        bottom: auto;
        top:50%;
        width: 100%;
    }
    footer {
        background: url(./img/footer-mobile.jpg);

    }
    .top-banner{
        max-height: 300px;
        background: url('./img/bck-mobile.jpg');
        background-size: cover;
        background-position: center center;
    }
    .top-banner .page-title h1{
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin: 0;
        max-width: 100%;

    }
    .kb-gallery-ul .kadence-blocks-gallery-item{
        padding: 2.5vw;
    }
    .wp-block-columns{
        display: block;
    }
    .wp-block-columns .wp-block-column{
        display: block;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .kt-testimonial-content{
        font-size: 14px;
        line-height: 22px;
        margin-top: 30px;
    }
    .product-tile .content{
        padding: 20px 7px;
    }
}
@media(max-width:480px){
    .woocommerce .product-tile a.button {
        padding: 12px 1px;
        font-size: 10px;
    }
    .std .related.products h2.woocommerce-loop-product__title, .std h2.woocommerce-loop-product__title{
        font-size: 13px;
        line-height: 16px;
    }
    .woocommerce-menu{
        padding-right: 60px;
    }
    .product-tile{
        margin-bottom: 5px;
    }
    header .navbar-header {
        max-width: 100px;
        top:15px;
    }
    .woocommerce ul.products{
        margin-left: -5px;
        margin-right: -5px;
    }
    .woocommerce ul.products>li{
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .top-banner .page-title h1{
        font-size: 36px;
        line-height: 44px;
        padding: 0;
    }
    .kt-testimonial-grid-wrap{
        display: block;
        column-count: 1;
    }
    .mobile-header .mobile-menu{
        left: -60px;
    }
    .std .first-section p:nth-of-type(1):before{
        width: 15%;
    }
    .std .first-section .wp-block-button, .std .first-section p{
        padding-left: 20%;
    }

}
@media(min-width:768px){
    .xs-up-text-right.text-center,
    .xs-up-text-right{
        text-align: right;
    }
    .list-4-cols ul{
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    .full-width{
        margin-left: -5vw;
        margin-right: -5vw;
        max-width: none;
        width: calc(100% + 10vw);
    }
    .full-width>div{
        padding: 10vw 10vw;
    }
    .wp-block-column.no-padding-left .wp-block-image{
        padding-left: 0;
        margin-left: -10vw;
        width: calc(100% + 10vw);
        max-width: none;
    }
    .wp-block-column.no-padding-left .wp-block-image{
        padding-left: 0;
        margin-left: -5vw;
        width: calc(100% + 5vw);
        max-width: none;
    }
    .wp-block-columns{
        margin-left: -2.5vw;
        margin-right: -2.5vw;
    }
    .wp-block-column:not(:first-child){
        margin-left: 0!important;
    }
    .wp-block-column{
        padding-left: 2.5vw;
        padding-right: 2.5vw;
    }
}
@media(min-width:992px){
    .dropdown-menu>li>a{
        position: relative;
    }
    .navbar-nav>li.dropdown>a:after{
        content:"";
        font-family: FontAwesome;
        font-size: 9px;
    }
    .dropdown-menu>li>a:before{
        position: absolute;
        top:50%;
        left: 10px;
        content: "";
        width: 7px;
        opacity: 0;
        transition: all 0.5s;
        height: 1px;
        background: #fff;
    }
    .dropdown-menu>li>a:hover:before{
        opacity: 1;
    }
    .dropdown-menu>li>a:hover{
        padding-left: 25px;
        padding-right: 5px;
    }
    .navigation-footer ul li a:before,
    .navbar-nav>li>a:before{
        position: absolute;
        transform:scale(0); 
        -webkit-transform:scale(0); 
        -moz-transform:scale(0); 
        -o-transform:scale(0); 
        bottom: 13px;
        left: 15px;
        width: calc(100% - 30px);
        content: "";
        height: 1px;
        background: #fff;
        transition: 0.3s;
    }

    .navigation-footer ul li a:hover:before,
    .navbar-nav>li>a:hover:before{
        transform:scale(1); 
        -webkit-transform:scale(1); 
        -moz-transform:scale(1); 
        -o-transform:scale(1); 
    }
    header{
        padding: 50px 5vw;
        transition: all 0.8s;
    }
    header.sticky{
        padding: 5px 5vw;
        background:rgba(0,0,0,0.7);

    }
    #site-navigation{
        display: inline-block;
        text-align: right;
        float: right;
    }
    .woocommerce-menu{
        display: inline-block;
        float: right;
    }
    .navbar-nav>li .dropdown-menu{
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        background: rgba(0,0,0,0.7);
    }

    .navbar-nav>li:hover .dropdown-menu{
        opacity: 1;
        visibility: visible;
    }
}
@media(min-width:1200px){
    .page-id-295  .top-banner .page-title h1{
        font-size: 34px;
    }
    .list-4-cols ul{
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
    }
    #home-page .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gal-image-radius,
    #home-page .wp-block-kadence-advancedgallery{
        overflow: visible;
    }
    #home-page .wp-block-kadence-advancedgallery{
        margin-left: -5vw;
        margin-right: -5vw;
    }
    #home-page .kb-gallery-ul .kadence-blocks-gallery-item:nth-child(4){
        padding-left: 0;
    }
    #home-page .kb-gallery-ul .kadence-blocks-gallery-item:nth-child(7),
    #home-page .kb-gallery-ul .kadence-blocks-gallery-item:nth-child(2){
        padding-right: 0;
    }

    /*.wp-image-150{
        padding-left: 0;
    margin-left: -10vw!important;
    width: calc(100% + 10vw)!important;
    max-width: none!important;
    }*/
    .full-width{
        margin-left: -10vw;
        margin-right: -10vw;
        max-width: none;
        width: calc(100% + 20vw);
    }
    .full-width>div{
        padding: 10vw 10vw;
    }
    .full-width>div h2{
        margin-bottom: 70px;
    }
    .wp-block-column.no-padding-left .wp-block-image{
        padding-left: 0;
        margin-left: -10vw;
        width: calc(100% + 10vw);
        max-width: none;
    }
    .wp-block-columns{
        margin-left: -5vw;
        margin-right: -5vw;
    }
    .wp-block-column{
        padding-left: 5vw;
        padding-right: 5vw;
    }
    header{
        padding: 50px 10vw;
        transition: all 0.8s;
    }
    header.sticky{
        padding: 5px 10vw 0 10vw;

    }
    .container{
        max-width: 100%;
        width: 100%;
        padding-left: 10vw;
        padding-right: 10vw;
    }
}
@media(min-width:1600px){
    .page-id-295  .top-banner .page-title h1{
        font-size: 46px;
    }
}