// global default
img{
	max-width: 100%;
	height: auto;
}

html{    
    position: relative;
    min-height: 100%;
	width:100%;
	max-width:100%;
	overflow-x:hidden;
}
.wow{
    @media(max-width:767px){
        visibility: visible!important;
    }
}
body {
	width:100%;
    background-color: #fff;
    line-height: 24px;
    font-size: 16px;
    color: #818181;
    @media(max-width:991px){    
        background-size: auto!important;
    background-position: top left!important;
    }
    @media(max-width:767px){
      overflow-x: hidden;
    }
}



p{
    font-size: 16px;
    padding: 8px 0;
    line-height:28px;
}
h1{
    font-size: $font-size-xl;
    font-family: $title;
    margin:15px 0px;
} 
h2{
    font-size: $font-size-lg;
    font-family: $title;
}
h3{
    font-size: $font-size-md;
    font-family: $title;
}

blockquote{
    border:none;
    color:$brand-gold;
    font-style: italic;
}
@media(max-width:767px){

    h1{
        font-size: $font-size-lg;
        font-family: $title;
    }
    h2{
        font-size: $font-size-lg;
        font-family: $title;
    }
    h3{
        font-size: $font-size-md;
        font-family: $title;
    }

}
a{
    text-decoration: none;
    &:hover{
        text-decoration: none;
    }
}
.container-fluid{
    padding: 0;
}
.date{
    display: block;
    font-size: $font-size-sm; 
}
.row{
    margin: 0;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
    height:8px
}
 
::-webkit-scrollbar:vertical {
    display: none;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(228,228,228,0.8); 
}
::-webkit-scrollbar-track-piece{
    background: #fff;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(228,228,228,0.8); 
}

h1{
    font-family: $title;
    color:$color-white;
    margin:30px 0px 15px;
}
// Start writing styles here 
/********************************************
    Global
********************************************/
// 1. Header
/******************************
    Index
******************************/

html{
        overflow-x: hidden;
}

a:hover{
    color:$brand-gold;
}
a{
    color:$brand-grey;
}
::selection{
    background-color:$brand-gold;
    color:$color-white;
}

    @media (max-width: 767px) {
      
    
          .mobile-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        display: none;
        background-color: #000;
        opacity: 0.3;
        z-index: 1500;
        top: 0px;
        transition:0.5s;
    }
    }

body{
    color:$brand-grey;
    
}

.home{
    height:100%;
    position: absolute;
    background-size:cover!important;
}

.primary-btn{
    font-family:$title;
    background-color: transparent;
    border: 1px solid $color-black;
    padding:2px 10px;
    font-weight:700;
    color:$color-black;
    transition:0.5s;
    text-transform: uppercase;
    &:hover{
        border-color: $brand-gold;
        color:$brand-gold;
    }
}
.padding-left{
    padding-left:0px;
    @media(max-width:767px){
        padding:15px;
    }
}
.padding-right{
    padding-left:0px;
    @media(max-width:767px){
        padding:15px;
    }

}

.nav-tabs{
    border-bottom: 1px solid $brand-gold;
    text-align: center;
    li{
        float: none;
        display: inline-block;
        border:none;
    }
    .active{
        border:none;
        a{
            color:$brand-gold;
        }
    }
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: $brand-gold;
    border:none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: $brand-gold;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
}


.collection{
    &__banner{
        background-color:$brand-gold;
        background-position: left center;
        background-size: 60%;
        background-repeat: no-repeat;
        height: 500px;
        @media(max-width:1399px){
            background-size: 75%;
        }
        @media(max-width:1199px){
            background-size: 90%;
        }
        @media(max-width:991px){
            background-size: auto 100%;
        }
        &__wrapper{
            position:relative;
            float:right;
            background-color:rgb(247,247,247);
            margin:50px;
            width:40%;
            min-height:400px;
            text-align: center;
            padding:50px;
            color:$brand-grey;
            font-family:$title;
                &__logo{
                    img{
                        height:80px;
                        @media(max-width:767px){
                            height:50px;
                        }
                    }
                }
                &__slogan1{
                    font-size:$font-size-xl;
                    margin-top:40px;
                    @media(max-width:767px){
                        font-size:$font-size-lg;
                        margin-top:20px;
                    }
                }
                &__slogan2{
                    font-size:$font-size-lg;
                    margin-top:30px;
                    @media(max-width:767px){
                        font-size:$font-size-md;
                        margin-top:10px;
                    }
                }
                &__content{
                    margin-top:30px;
                }
            @media(max-width:767px){
                width:100%;
                margin:0px;
                min-height:300px;
            }
        }
    }

    &__wrapper{
        margin-top:50px;
        display: flex;
            @media(max-width:767px){
                display: block; 
            }
        &__series1{
                display: block;
                transition:0.5s;
                margin-bottom:30px;
                border: 1px solid #e2e2e2;
                transition:0.5s;
                &:hover{
                    border: 1px solid $brand-gold;
                }
                &__title{
                    margin-top:20px;
                    color:$brand-gold;
                    font-size:$font-size-md;
                    font-family: $elletitle;
                }
                &__content{
                    padding: 10px 0px;
                    font-size:$font-size-sm;
                }
                &__img{
                padding: 7px 10px;
                transition:0.5s;
                    &:hover{
                        padding:0px
                    }
                }
            @media(max-width:767px){
                margin:15px 0px;
            }
        }
        &__series2{
                display: block;
                background-size:100%;
                background-position: center;
                border: 1px solid #e2e2e2;
                transition:0.5s;
                &:hover{
                    border: 1px solid $brand-gold;
                }
                margin-top:30px;
                &__title{
                    margin-top:40px;
                    color:$brand-gold;
                    font-size:$font-size-md;
                    font-family: $elletitle;
                }
                &__content{
                    padding: 10px 0px;
                    font-size:$font-size-sm;
                }
                &__img{
                padding: 7px 10px;
                transition:0.5s;
                    &:hover{
                        padding:0px
                    }
                }
                &:hover{
                background-size:102%;

                }
            @media(max-width:767px){
                margin:15px 0px;
            }
        }
        &__series3{
            display: block;
            text-align: center;
            height:100%;
                border: 1px solid #e2e2e2;
                transition:0.5s;
                &:hover{
                    border: 1px solid $brand-gold;
                }
            padding:30px;
                &__title{
                    margin-top:20px;
                    color:$brand-gold;
                    font-size:$font-size-md;
                    font-family: $elletitle;
                }
                &__content{
                    padding: 10px 0px;
                    font-size:$font-size-sm;
                }
            &__link{
                @include gold-btn($font-size-md);
                margin-top:20px;
            }   
            &__img{
                margin-top:20px;
                padding: 7px 10px;
                transition:0.5s;
                &:hover{
                    padding:0px
                }
            }
            @media(max-width:767px){
                margin:15px 0px;
            }
        }
        &__box{
            padding:20px 0px;
        }
    }
}

.single{
    &__head{
        background-color:$brand-gold;
        background-image:url('../images/entwine-bg.png');
        background-repeat: no-repeat;
        background-position: 90%;
        background-size: auto 140%;
        padding:30px;
        color:$color-white;
        &__cat{
            font-family: $title;
            a{
                color:$color-white;
            }
        }
        &__title{
            padding:10px 0px;
            font-size: $font-size-xl;
            font-family:$elletitle;
            font-style: italic;
        }
        &__date{
            font-size:$font-size-sm;
        }
    }
    &__wrapper{
        padding:30px 0px;
        &__content{

        }
        &__relatedproduct{
            text-align: center;
            &__title{
                @include ent-title(18px);
                display: inline-block;
                
            }
            &__product{
                margin:10px 0;
            }
        }
    }
}

.archive{
    &__wrapper{
        &__content{
            margin-top:-50px;
            background-color:$color-white;
            padding:30px 60px;
            text-align: center;
            display: inline-block;
            p{
                line-height: 32px;
            }
            &__title{
                margin-top:20px;
                @include ent-title(24px);
                padding:10px 0px;
            }
            &__content{
                padding:30px 0px;
                .cattitle{
                    font-size:$font-size-md;
                    color:$brand-gold;
                    font-family:$elletitle;
                }
            }
            
        }
    }
}

.page{
    &__head{
        &__banner{
            width:100%;
            height:400px;
            background-size:cover;
            display: inline-block;
            vertical-align: middle;
            text-align:center;
            background-position:center;
            @media(max-width:767px){
                height:200px;
            }
            .helper{
                display: inline-block;
                height: 100%;
                vertical-align: middle;
            }
            &__title{
                display: inline-block;
                vertical-align: middle;
                white-space: normal;
                &__logo{
                    width:200px;
                    height:auto;
                    @media(max-width:767px){
                        width:100px;
                    }
                }
                &__txt{
                    margin-top:5px;
                    font-size:$font-size-lg;
                }
            }
        }
    }
    &__about{
        &__content{
            margin-top:-50px;
            background-color:$color-white;
            padding:30px 60px;
            text-align: center;
            @media(max-width:767px){
                    padding: 10px 30px;

            }
            p{
                line-height: 32px;
            }
            &__title{
                margin-top:20px;
                @include ent-title(24px);
                padding:10px 0px;
            }
            &__content{
                padding:30px 0px;
            }
            
        }
    }
    &__boutique{
        &__content{
            margin-top:-50px;
            background-color:$color-white;
            padding:30px 60px;
            text-align: center;
            p{
                line-height: 32px;
            }
            &__title{
                margin-top:20px;
                @include ent-title(24px);
                padding:10px 0px;
            }
            &__content{
                padding:30px 0px;
                text-align: left;
                &__img{
                    margin-bottom:30px; 
                }
            }
            
        }
    }
    &__service{
        &__content{
            margin-top:-50px;
            background-color:$color-white;
            padding:30px 60px;
            text-align: center;
            p{
                line-height: 32px;
            }
            &__title{
                margin-top:20px;
                @include ent-title(24px);
                padding:10px 0px;
            }
            &__content{
                padding:30px 0px;
            }
            
        }
        &__tab{
            .active{
                a{
                @include ent-title-sm(16px);
                }
            }
            a{

    font-family: $elletitle;
            }
        }
            &__tabcontent{
                padding:20px;
                line-height:32px;
                &__img{
                    margin-bottom:30px;
                }
            }
    }
    &__contact{
        &__content{
            margin-top:-50px;
            background-color:$color-white;
            padding:30px 60px;
            text-align: center;
            p{
                line-height: 32px;
            }
            &__title{
                margin-top:20px;
                @include ent-title(24px);
                padding:10px 0px;
            }
            &__content{
                padding:30px 0px;
            }

                &__detail{
                    text-align: center;
                    margin-top:20px;

                    &__label{
                        text-align: left;
                        display: inline-block;
                        margin:20px 5px 5px;
                        width:150px;
                        @media(max-width:767px){
                            width:inherit;
                            text-align: center;
                            display: block;
                        }
                    }
                    &__content{
                        text-align: left;
                        display: inline-block;
                        width:300px;
                        @media(max-width:767px){
                            width:inherit;
                            text-align: center;
                            display: block;
                        }
                    }
                    &__map{
                        margin-top:50px;
                    }
                }
            
        }
    }
}

.searchmodal{
    text-align: center;
    .modal-dialog{
        width:800px;
    }
    .modal-content{
        border-radius: 0;
    }
        &__title{
            margin-top:20px;
            @include ent-title(24px);
        }
    &__body{
        padding:0;

        &__search{
            padding:20px 40px;
            &__select{
                select{
                    width:100%;
                    height: 40px;
                    margin: 10px 0px;
                    border-radius: 0;
                    border: 1px solid;
                    background-color: transparent;
                }
            }
            &__submit{
                @include gold-btn(14px);
                background-color:$color-white;
                margin:20px 10px 10px;

            }
            &__close{
                @include gold-btn(14px);
                color:$color-midgrey;
                border: 1px solid $color-midgrey;
                background-color:$color-white;
                margin:20px 10px 10px;
            }
        }
    }

}


.woo{
    &__archiveproduct{

        &__searchform{
            border-bottom: 1px solid $color-lightgrey;
            section{
                display: inline-block;
                margin-right:40px;
                @media(max-width:767px){
                    display: block;
                }
                h3{
                    display: inline-block;
                    font-size: $font-size-sm;
                    font-family: simhei;
                    @media(max-width:767px){
                        margin:10px 0px;
                    }
                }
                select{
                    display: inline-block;
                    background-color: transparent;
                    border:transparent;
                    font-size: $font-size-sm;
                }
            }
        }
        &__productlist{
            margin-top:20px;
            .woocommerce-info{
                    border-top-color: $brand-gold;
                    &:before{
                        color:$brand-gold;
                    }
            }
            @media(min-width:768px){
                &__title{
                    float:left;
                    width:46.6%;
                    background-color:$color-lightgrey;
                    margin: 0 1.2% 2.992em ;
                }
                .products{
                    li{
                        margin: 0 1.2% 2.992em!important;
                    }
                    .first{
                        clear:none!important;
                    }
                    .last{
                        margin-right:1.2%!important;
                    }
                }
            }
            &__title{
                    height:250px;
                    position: relative;
                    @media(max-width:1199px){
                        height:205px;
                    }
                    @media(max-width:991px){
                        height:158.75px;
                        background-color:$color-lightgrey;
                    }
                    &__catimg{
                        position: absolute; 
                        width:50%;
                        top:10px;
                        left:10px;
                    }
                    &__cattitle{
                        font-size: $font-size-xxl;
                        font-family: $title;
                        position: absolute;
                        bottom:40px;
                        right:40px;
                        @media(max-width:991px){
                            font-size: $font-size-xl;
                             bottom:20px;
                        }
                    }
                    @media(max-width:767px){
                        margin-bottom:30px;
                    }
            }
        }

    }
    &__product{
        &__related{
            &__list{
                margin-top:15px;
            }
        }
    }
    &__product{
        margin-top:60px;
        #header,hr{
            display: none;
        }
        .woocommerce-breadcrumb{
            display: none;
        }
        &__title{
            color:$brand-gold;
            font-size: $font-size-lg;
            font-family: $elletitle;
        }
        &__sku{
            color:$brand-grey;
            font-size:$font-size-sm;
        }
        &__cat{
            color:$brand-grey;
            font-size:$font-size-sm;
        }
        &__price{
            margin:20px 0px;
            font-size:$font-size-lg!important;
            color:$brand-grey!important;
        }
        &__description{
            font-size:$font-size-base;
            text-align: left;
        }
        &__tab{
            margin-top:30px!important;
            color:$brand-gold;

            ul{
                border-bottom:1px solid $brand-gold!important;
                li{
                        border:none;
                    a{
                        border:none;
                    }
                }
                .active{
                    border:none!important;
                }
            }

        }
        &__tabcontent{
            h2{
                display: none!important;
            }
            .shop_attributes{
                font-size:$font-size-base;
    border:none!important;
                    .alt{
                        background-color: transparent!important;
                    }
                    th{
                        font-size:$font-size-base!important;
                    
                    }
                    td{
                        font-size:$font-size-base!important;
                        font-style: normal!important;

                    }
            }
        }
        &__related{
            clear:both;
            &__title{
                text-align: center;
                @include ent-title(24px);
            }
        }
    }
    &__archiveproduct{
        margin-top:30px;
        #header,hr{
            display: none;
        }
        .woocommerce-breadcrumb{
        }
        &__title{
            color:$brand-gold;
            font-size: $font-size-lg;
            font-family: $elletitle;
        }
        &__sku{
            color:$brand-grey;
            font-size:$font-size-sm;
        }
        &__cat{
            color:$brand-grey;
            font-size:$font-size-sm;
        }
    }
}

.woocommerce-LoopProduct-link {
    display: block;
    border: 1px solid #DDDDDD;
    transition:0.5s;
    position: relative;
    text-align: center;
    background-color:$color-white;
    img{
        transition:0.5s;
    }
    h3{
        position: absolute;
        top: 45%;
        @media(max-width:1199px){
            top:40%;
        }
        margin:auto;
        width:100%;
        transition:0.5s;
        color:$brand-gold!important;
        opacity:0;
    }
    .price{
        position: absolute;
        top: 55%;
        margin:auto;
        color:$brand-grey!important;
        width:100%;
        transition:0.5s;
        opacity:0;
    }
    &:hover{
    border: 1px solid $brand-gold;
        img{
            opacity:0.1
        }
        h3,.price{
            opacity:1;
        }
    }
}
.woocommerce ul.products li.product a img {
     margin-bottom: 0!important;
}



.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th{
    border:none!important;
    background:transparent!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
                border-bottom:1px solid $brand-gold!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    border:none!important;
        background: transparent!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after{
    display: none;
}




.start-up{
    position: relative;
    height: 100%;
    width: 100%;
    
    display: table;
    &__wrapper{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 0 25%;
        @media (max-width: 991px){
            padding: 0 10%;
        }
        &__logo{
            @include background-img(url('../images/sta-logo.png'),url('../images/sta-logo.svg'));
            display: block;
            width: 345px;
            height: 50px;
            margin: auto;
            @media (max-width: $screen-sm-min){
                width: 220px;
            }

        }
        &.row{
            margin: 0;
        }
        &__language{ 
            padding-top: 35px;
            &__option{
                padding: 10px;
                &__link-to{
                    border:1px $color-white solid;
                    width: 100%;
                    margin: auto;
                    text-align: center;
                    padding: 5px 0;
                    display: block;
                    color:$color-white;
                    font-family: $title; 
                    transition: all 0.5s ease;
                    &:hover{
                        color:$color-white;
                        background-color:$brand-gold;
                        border-color:$brand-gold;
                        text-decoration: none;
                    }
                    @media (max-width: $screen-sm-min){
                        width: 50%;
                    }
                }
            }
            
        }
    }


}

.slide{
    &__wrapper{
        padding: 40px 0px;
        background-size:cover;
        &__banner{
            display: block;
            padding:60px 20px;    
            width: 50%;
            text-align: center;
            background-color:rgba(255,255,255,.75);
            transition:0.5s;
            min-height:400px;
            @media(max-width:767px){
            background-color:rgba(255,255,255,.85);
                width:100%;
                padding: 20px;
                min-height:120px;
                margin-top:150px;
            }
            &:hover{
                background-color:rgba(255,255,255,.95);
                .slide__wrapper__banner__content__link{
                    background-color: $brand-gold;
                    color:$color-white;
                }
            }
            &__heading{
                   max-width:300px;
                   height:auto; 
                   text-align:center;
                   @media(max-width:767px){
                    width:150px;
                   }
            }
            &__content{
                color:$brand-grey;
                font-family:$title;
                &--1{
                    font-size:$font-size-xl;
                    margin-top:40px;
                   @media(max-width:767px){
                    margin-top:20px;
                    font-size:$font-size-lg;
                   }
                }
                &--2{
                    font-size:$font-size-lg;
                    margin-top:30px;
                   @media(max-width:767px){
                    margin-top:10px;
                    font-size:$font-size-md;
                   }
                }
                &__link{
                    margin-top:30px;
                      @include gold-btn(14px);
                }
            }
        }
        &__control{
            position: absolute;
            top: 50%;
            width: 100%;
            &__left{
                float: left;
                margin-left: 20px;
            }
            &__right{
                float: right;
                margin-right: 20px;
            }
            &__button{
                color:$color-white;
                font-size:$font-size-lg;
                &:hover{
                    color:$brand-gold;
                }
            }
        }

    }
    .carousel-indicators{
        position: relative;
        text-align: center;
        top:20px;
        bottom:inherit;
        li{
            margin:5px 6px;
            background-color:$brand-grey;
            border:none;
        }
        .active{
            background-color:$brand-gold;
        }
    }
}

.promotion{
    margin-top:50px;
    &__row{
        display: flex;
        @media(max-width:767px){
            display: block;
        }
    }
    &__wrapper{

        &__banner1{
                display: block;
                background-size:100%;
                background-position: center;
                transition:0.5s;
                margin-bottom:30px;
                &:hover{
                background-size:102%;

                }
                &__img{
                    opacity: 0;
                }
        }
        &__banner2{
                display: block;
                background-size:100%;
                background-position: center;
                transition:0.5s;
                margin-top:30px;
                &:hover{
                background-size:102%;

                }
                &__img{
                    opacity: 0;
                }
        }
        &__banner3{
            display: block;
            text-align: center;
            height:100%;
            background-color:#FAFAFA;
            border: 0px solid $brand-gold;
            padding:50px 30px;
            @media(max-width:1199px){
                padding:30px;
            }
            &:hover{
                border: 1px solid $brand-gold;
            }
            &__heading{
                font-family:$elletitle;
                color:$brand-gold;
                font-size:$font-size-xxl;
            }
            &__content{
                margin-top:30px;
                color:$brand-grey;
                font-size:$font-size-md;
                line-height:$font-size-xl;
            }
            &__link{
                @include gold-btn($font-size-md);
                margin-top:20px;
            }   
            &__img{
                margin-top:20px;
            }
        }
        &__box{
        }
    }
}

.videobanner{
        margin: 30px 15px;
        &__wrapper{
            &__banner{
                display: block;
                background-size:100%;
                background-position: center;
                transition:0.5s;
                margin-top:30px;
                position: relative;
                &:hover{
                background-size:102%;

                }
                &__img{
                    opacity: 0;
                }
                &__title{
                    text-align: left;
                    position: absolute;
                    font-family: $elletitle;
                    color:$color-white;
                    font-size: $font-size-xxl;
                    line-height:  $font-size-xxl+6px;
                    left:50px;
                    top:40%;
                }
            }
        }
}

.entwineworld{
    background-color: #F7F7F7;
    padding-top: 30px;
    text-align:center;
    &__wrapper{
        padding-bottom:30px;
        &__title{
            @include ent-title(30px);
        }
        &__latest{
            margin-top:30px;
            &__blog{ 
                &__thumb{
                    margin-bottom:20px;
                    display: block;
                }
                &__title{
                    padding: 10px 0px;
                    display: block;
                    font-size: $font-size-md;
                    &--cat{
                        color:$brand-gold;
                    }
                }
                &__content{
                    color:$brand-grey;
                    text-align: left;
                }
            }
        }
    }
}
/*********************************
    END OF CONTACT
**********************************/

@media(max-width:767px){
    .animated{
        visibility: visible!important;
    }
}


.en,.pt{
    h1{
        font-family: 'garamond';
    }
    .menu li a{
        font-family: 'garamond';
    }
}