body {
    /*font-family: 'Lora', serif;*/
    font-family: 'Open Sans', sans-serif;
    overflow-x:hidden;
}

/*--------------HELPERS------------*/

a {
    outline:none;
}
.mx1200
{
    max-width:1200px;
}

.imagew100
{
    width:100%;
    object-fit:cover;
}
.image102 {
    height:250px;
}
.imagew101
{
    height:400px;
}
.image103 {
    height:70px;
}
.image104 {
    height:140px;
}
.imagew105 {
    height:470px;
}
.imagew106 {
    height:225px;
}
.f11
{
    font-size:11px !important;
}

.f12
{
    font-size:12px !important;
}

.f13
{
    font-size:13px !important;
}

.f14
{
    font-size:14px !important;
}

.f15
{
    font-size:15px !important;
}

.f18
{
    font-size:18px !important;
}

.f20
{
    font-size:20px !important;
}



.textpink
{
    color:#ef2673 !important;
}

.bgpink
{
    background-color:#ef2673;
}

.bglightpink
{
    background-color:#ffe7f0;
}
.bglightgray
{
    background-color:#333;
    color:#FFF !important;
    font-size:18px;
    font-size: 14px !important;
}

.linkpink a , .linkpink a:visited , .linkpink a:link , .linkpink a:active
{
    color:black;
    text-decoration:none;
}

.linkpink a:hover
{
    color:#999;
    transition:all 0.5s ease;
}

.linkwhite a , .linkwhite a:visited , .linkwhite a:link , .linkwhite a:active
{
    color:white;
    text-decoration:none;
}

.linkwhite a:hover
{
    color:white;
    transition:all 0.5s ease;
}

.linkblue a , .linkblue a:visited , .linkblue a:link , .linkblue a:active
{
    color:#000;
    text-decoration:none;
    font-weight:bold
}

.linkblue a:hover
{
    color:#999;
    transition:all 0.5s ease;
}

.linkorange a , .linkorange a:visited , .linkorange a:link , .linkorange a:active
{
    color:#ee4900;
    text-decoration:none;
}

.linkorange a:hover
{
    color:#c24610;
    transition:all 0.5s ease;
}


.linkgray a , .linkgray a:visited , .linkgray a:link , .linkgray a:active
{
    color:gray;
    text-decoration:none;
}

.linkgray a:hover
{
    color:dimgray;
}

.linkblack a , .linkblack a:visited , .linkblack a:link , .linkblack a:active
{
    color:black;
    text-decoration:none;
}

.linkblack a:hover
{
    color:dimgray;
}

.textgrey
{
    color:gray !important;
}

.opacityeffect
{
    transition:opacity 0.5s ease;
}

.opacityeffect:hover
{
    opacity:0.8;
    transition:opacity 0.5s ease;
}

.opacityeffect img
{
    transform:rotate(0);
}

.lineeffect
{
    position: absolute;
    width: 50px;
    border-top: 2px solid #ef2673;
    top: 35px;
}


.overflowhidden
{
    overflow:hidden;
}

/*SHARE COLORS*/

.fbcolor
{
    background-color:#3b5998;
}

.twcolor
{
    background-color:#00aced;
}

.googlecolor
{
    background-color:#dd4b39;
}

.pintcolor
{
    background-color:#cb2027;
}

.licolor
{
    background-color:#0079b4;
}
.instagramcolor {
    background-color:#7c4585;
}

.fbtextcolor
{
    color:#3b5998;
}

.twtextcolor
{
    color:#00aced;
}

.googletextcolor
{
    color:#dd4b39;
}

.pinttextcolor
{
    color:#cb2027;
}

.litextcolor
{
    color:#0079b4;
}

.socialnumberswrapper {
    cursor:pointer;
}
/*hovers*/

.fbcolorhover:hover
{
    background-color:#3b5998;
}

.twcolorhover:hover
{
    background-color:#00aced;
}

.googlecolorhover:hover
{
    background-color:#dd4b39;
}

.pintcolorhover:hover
{
    background-color:#cb2027;
}

.licolorhover:hover
{
    background-color:#0079b4;
}




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

.mastercontainer
{
    position:relative;
    left:0;
    transition:left 0.5s ease;
}

.searchwrapper input{
    display:block;
    background-color:#f8f8f8;
    height:35px;
    line-height:35px;
    border:none;
    position:absolute;
    width:0px;
    left:0px;
    transition:all 0.5s ease;
    visibility:hidden;
    top:-5px;
}
.searchwrapperactive input{
    width:250px !important;
    left:-260px !important;
    visibility:visible !important;
    transition:all 0.5s ease !important;
    padding: 0px 10px 0px 10px;
}
.searchwrapper {
    margin-right: 20px;
}

.fixedheader
{
    position: fixed;
    top: -200px;
    left:0;
    z-index: 1000;
    background-color: white;
    width: 100%;
    border-bottom:1px solid lightgray;
    transition:top 1s ease;
}

    .fixedheader .sidemenubutton {
        margin-left:10px;
    }
.fixedheader .mainlogo
{
    max-height:40px;
}

.sidebarfix
{
    transition:all 0.5s ease;
}

.mainlogo
{
    max-height:70px;
}
.grayScale {
    filter: grayscale(100%);
}
.logowrapper
{
    border-bottom:1px solid lightgrey;
}

.purpleline
{
    border-bottom:2px solid #ef2673;
    position:absolute;
    left:0;
    bottom:-1px;
    width:0%;
}

.menuwrapper a
{
    font-size:13px;
    font-weight:600;
}

.menuwrapper > div
{
    margin:0 20px;
}

.menuwrapper a:hover ~ .submenulist , .submenulist:hover , .menuwrapper a:hover ~ .submenucols , .submenucols:hover
{
    visibility:visible;
    opacity:1;
    transition:all 0.5s ease;
}

.submenulist
{
    position:absolute;
    background-color:white;
    width:200px;
    padding:0 30px;
    top:20px;
    left:-20px;
    visibility:hidden;
    opacity:0;
    transition:all 0.3s ease;
    z-index:50;
}

.submenulist a
{
    display:block;
    font-weight:400;
    padding:3px 0;
    border-bottom:1px solid lightgrey;
    margin-bottom:5px;
}

.submenulist a:first-child
{
    margin-top:30px;
}

.submenulist a:last-child
{
    border-bottom:none;
}

.submenucols
{
    position:absolute;
    width:100%;
    background-color:white;
    top:36px;
    left:0;
    right:0;
    visibility:hidden;
    opacity:0;
    transition:all 0.3s ease;
    z-index:50;
}

.submenucols a
{
    font-weight:400;
}

.submenucols img
{
    opacity:1;
    transition:all 0.7s ease;
}

.submenucols img:hover
{
    opacity:0.7;
    transition:all 0.7s ease;
}

.maincarouselwrapper p
{
    font-size:14px;
}

.maincarouselwrapper p:last-child
{
    margin-bottom:1px;
}

.maincarouselwrapper figure
{
    max-height:50vh;
    position:relative;
    overflow:hidden;
}

.maincarouselwrapper img
{
    height:50vh;
    width:100%;
    object-fit:cover;
}

.maincarouselwrapper figure > div
{
    color:white;
    position:absolute;
    width:100%;
    padding:15px 10%;
    background-color:rgba(0, 0, 0, 0.4);
    transition:all 0.5s ease;
}

.maincarouselwrapper figure div:hover , .maincarouselwrapper figure:hover > div
{
    background-color:rgba(0, 0, 0, 0.8);
    transition:all 0.5s ease;
    bottom:0 !important;
}

.mainslidernext
{
    position:absolute;
    padding:10px 15px;
    border:1px solid lightgrey;
    z-index:100;
    right:50px;
    top: 50%;
    transform: translateY(-50%);
    color:white;
    transition:all 0.3s ease;
    cursor:pointer;
    
}

.mainsliderprev
{
    position:absolute;
    padding:10px 15px;
    border:1px solid lightgrey;
    z-index:100;
    top: 50%;
    transform: translateY(-50%);
    left:50px;
    color:white;
    transition:all 0.3s ease;
    cursor:pointer;
    
}

.mainslidernext:hover, .mainsliderprev:hover
{
    color:black;
    background-color:white;
    transition:all 0.3s ease;
}

.articleoptionswrapper i
{
    display:inline-block;
    padding:10px;
    border:1px solid lightgrey;
    min-width:40px;
    text-align:center;
}

.sharearticlewrapper
{
    position: relative;
    display: inline-block;
}

.sharearticlewrapper div
{
    position:absolute;
    left:-40px;
    top:0;
    display:flex;
    background-color:green;
    width:0;
    opacity:0;
    visibility:hidden;
}

.sharearticlewrapper:hover > div , .sharearticlewrapper div:hover
{
    width:auto;
    opacity:1;
    visibility:visible;
    transition:all 0.5s ease;
    left:40px;
}

.sharearticlewrapper div i
{
    color:white !important;

}

.mostsharedwrapper , .categorywrapper
{
    border:1px solid lightgrey;
}

.slick-dots li.slick-active button::before
{
    color: #333 !important;
}

.slick-dots li button::before
{
    color: #999 !important;
    font-size:12px !important;
}

.pagerwrapper a
{
    text-align:center;
    font-size:12px;
    color:gray;
    padding:4px 8px;
    border:1px solid lightgrey;
    display:inline-block;
    margin-right:2px;
}

.pagerwrapper a:hover 
{
    background-color:black;
    color:white;
    transition:all 0.5s ease;
}

.pagerwrapper a:link , .pagerwrapper a:visited , .pagerwrapper a:active
{
    text-decoration:none;
}

.pagerwrapper .active
{
    background-color:black;
    color:white;
    cursor:default;
}

.pagerwrapper .dots
{
    border:none;
    cursor:default;
}

.pagerwrapper .dots:hover
{
    background-color:white !important;
    color:gray !important;
}

.beautybgwrapper
{
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=");
    background-repeat:repeat;
    background-position-y:top;
    background-position-x:left;
    padding:10px;
}

.beautybgwrapper div
{
    background-color:white;
    
}

.beautybgwrapper .beautyinner
{
    padding:40px;
}

.lookbooksliderwrapper div
{
    padding:1px;
}

.lookbooksliderwrapper .slick-prev::before , .lookbooksliderwrapper .slick-next::before
{
    color:black !important;
}

.radioplayerwrapper
{
    background: url('/images/liveradio-onair.jpg') left center;
    border-top:1px solid lightgray;
    padding:50px 0;
    background-size: cover;
    margin-top:30px;
}

    .radioplayerwrapper select {
        padding: 10px;
        background:rgba(255,255,255,0.8);
        margin-right:10px;
        border: solid 2px #999;
        font-size:12px;
        width: 20%;
    }

.subscribewrapper
{
    background-color:#f8f8f8;
    border-top:1px solid lightgray;
    padding:90px 0;
}

.subscribeinput
{
    padding:20px 5px;
}

.subscribebutton
{
    background-color:black;
    color:white;
    transition:all 0.5s ease;
    padding:21px;
    border:none;
}

.subscribebutton:hover
{
    background:#ef2673;
    transition:all 0.5s ease;
}

footer
{
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
}

.footerlinks a
{
    margin-top:10px;
}

.footermiddle
{
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
}

.sidemenuwrapper
{
    position:fixed;
    width:320px;
    padding:15px;
    left:-320px;
    top:0px;
    height:100vh;
    z-index:2000;
    background-color:white;
    transition:all 0.5s ease;
    border-right:1px solid lightgray;
}

.sidemenuwrapper .closebutton
{
    color:white;
    background-color:black;
    padding:4px;
}

.sidemenulinks i
{
    border:1px solid black;
    width:20px;
    text-align:center;
    padding:3px;
}

.sidemenulinks a
{
    font-weight:600;
}

.sidemenulinks > div
{
    margin-bottom:7px;
    border-bottom:1px solid lightgray;
    padding:8px 0;
}

.sidemenusublinks
{
    margin-left:20px;
    display:none;
}

.sidemenusublinks a
{
    display:block;
    font-weight:400;
    margin-bottom:4px;
    border-bottom:1px solid lightgray;
    padding:8px 0;
}

.sidemenusublinks a:last-child
{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

.sidemenudropdown
{
    transition:all 0.5s ease;
}

.sidemenudropdownrotate
{
    transform:rotate(180deg);
}


.articledetails h1
{
    font-size:30px;
}

.articledetails img{
    max-width:100%;
}
.articledetails p
{
   line-height:1.8;
}
.articledetails iframe {
    width:100%;
    height:450px;
}

.zindexfix
{
    position:relative;
    z-index:3;
}

.biglettereffe
{
    font-family: 'EB Garamond', serif;
    position: absolute;
    font-size: 9.25em;
    color: #f0f0f0;
    line-height: 0;
    left: -50px;
    top: 45px;
    z-index: 1;
}

.articlesharebuttons i , .articlebottomsharebuttons i
{
    display:inline-block;
    padding:10px;
    border:1px solid lightgrey;
    min-width:50px;
    text-align:center;
    margin-bottom:15px;
}

.articlesharebuttons i:hover , .articlebottomsharebuttons i:hover
{
    color:white;
    cursor:pointer;
}

.articlebottomsharebuttons i
{
    margin:0 4px !important;
}

.sharesidebar
{
    z-index:3;
}


.starReviewsWrapper {
    background: #ffe500;
    padding: 10px 10px 5px 10px;
}
.starreviewsBlack {
    font-size:25px !important;
    color: #000;
    text-shadow: 3px 3px 3px #999;
}
.starreviewsWhite {
    font-size:25px !important;
    color: #FFF;
    text-shadow: 3px 3px 3px #666;
}


#popup_article {
    height:0px;
    margin-top:0px;
    border-bottom: solid 3px #4f5013;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
}
    #popup_article .singleCategoryPhoto {
        position:relative;
    }
    #popup_article h3{
        position:absolute;
        bottom:-10px;
        left:0px;
        padding:10px;
        background:rgba(255,255,255,0.8);
        width:100%;
    }
    #popup_article .closebtnPopups {
        position: absolute;
        top: 0px;
        right: -1px;
        background: #fff;
        padding: 10px;
        cursor:pointer;
    }
#popup_advert {
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    background: rgba(0,0,0,0.9);
    z-index: 100000000;
    opacity:0;
    overflow-y: auto;
}
    #popup_advert .img_container {
        position: relative;
        top: 10%;
        left: 5%;
        width: 90%;
        height: 80%;
        z-index: 100000001;
        cursor: pointer;
        margin-bottom: 50px;
    }
    #popup_advert .closebtnPopupsAds {
        position:fixed;
        z-index: 100000002;
        top:0px;
        right:12px;
        background: #fff;
        padding: 10px;
        cursor:pointer;
    }
    #popup_advert .title_container {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: rgba(255,255,255,0.9);
        padding: 2px 0px 15px 0px;
        text-align: center;
    }
    #popup_advert h3 {
        font-weight: bold;
        font-size: 30px;
    }