/* CSS Document */
@import url('./fonts.css');


html { background: #FFFFFF; }

body {
    font-family: 'Futura';
    position:     relative;
    /*background:   background: #FFFFFF;*/
    height:       100%;
    width:        100%;
    margin:       0 auto;
    padding:      0;
    overflow-x:   hidden;
    overflow-y:   scroll;
    background: url('../dg_img/bg-home.jpg') top left repeat;
}
#page {background: url('../dg_img/bg-home.jpg') top left repeat;}
header { position:relative; }

#top_section { position: relative; }

h2 { font-weight: normal; text-transform: uppercase; }
h2 { font-weight: normal; text-transform: uppercase; }
h3 { font-weight: normal; text-transform: uppercase; }

h2, h2 {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;

    margin-bottom: 14px !important;
}
img { width:100%; }

a {
    -webkit-transition: color 0.25s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: color 0.25s ease-out;  /* Firefox 4-15 */
    -o-transition: color 0.25s ease-out;  /* Opera 10.50–12.00 */
    transition: color 0.25s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
a:link, a:visited {
    color: #fff;
    text-decoration: none;
    outline: none !important;
}




p { margin: 0 ; }

.fit { margin-left:0px !important; }

.styled-select {
    overflow: hidden;
    background: url('../dg_img/select_arrow.png') no-repeat right #fff;
    line-height: 20px;
    width:100%;
    border:none;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}
.mobile-select { display:none; }

section#primary {
    padding-bottom:50px;
    background: url('../dg_img/bg-home.jpg') top left repeat;
    position: relative;
}
.page-template-templatespage-livestory-php section#primary {
    padding-bottom:0;
}

#menuhome{ font-family:'FuturaBT-Book', 'Futura';}

.flt-left { float:left; }
.flt-right { float:right; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-center { text-align:center; }

.opacity60 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.c-l{
    color:black;
}
.black20 { background:url('../dg_img/opacityBlack20.png') repeat; }

.hover-visible-only { display: none; }

.page-numbers { color:#999999 !important; }
.overlay_gallery_block { display:none; }
.background-transition{
    -webkit-transition: background 0.4s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: background 0.4s ease-out;  /* Firefox 4-15 */
    -o-transition: background 0.4s ease-out;  /* Opera 10.50–12.00 */
    transition: background 0.4s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.opacity-transition{
    -webkit-transition: opacity 0.4s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: opacity 0.4s ease-out;  /* Firefox 4-15 */
    -o-transition: opacity 0.4s ease-out;  /* Opera 10.50–12.00 */
    transition: opacity 0.4s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.all-transition{
    -webkit-transition: all 0.4s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.4s ease-out;  /* Firefox 4-15 */
    -o-transition: all 0.4s ease-out;  /* Opera 10.50–12.00 */
    transition: all 0.4s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.display-transition{
    -webkit-transition: display 0.4s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: display 0.4s ease-out;  /* Firefox 4-15 */
    -o-transition: display 0.4s ease-out;  /* Opera 10.50–12.00 */
    transition: display 0.4s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.height-transition{
    -webkit-transition: height 0.4s ease;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: height 0.4s ease;  /* Firefox 4-15 */
    -o-transition: height 0.4s ease;  /* Opera 10.50–12.00 */
    transition: height 0.4s ease;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.box_round {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
}
.box_shadow {
    -webkit-box-shadow: 0px 0px 4px 0px #ffffff;
    box-shadow: 0px 0px 4px 0px #ffffff;
}

.video-holder { position:relative; }

.soliloquy-direction-nav { display:none; visibility:hidden; }
/*
.soliloquy-container .soliloquy-control-nav ,
.soliloquy-container .soliloquy-control-nav li a{ z-index:9 !important; }
*/
.borderimage-container { border:5px solid #b0b0b0; }

#top_content_container_mobile { display:none; }


.sk_empty { width:100%; background: none; }
.sk_empty_18 { height:18px; }
.sk_empty_20 { height:20px; }
.sk_empty_40 { height:40px; }
.sk_empty_50 { height:50px; }
.sk_empty_55 { height:55px; }
.sk_empty_72 { height:72px; }
.sk_empty_70 { height:70px; }
.sk_empty_25 { height:25px; }

.sk_empty_72.shadowed_top_to_bottom ,
sk_empty_70.shadowed_top_to_bottom {
    background:url('../dg_img/skincare/sk_shadow_top_to_bottom_72.png') center top no-repeat;
    background-size:contain;
}
.sk_empty_18.shadowed_top_to_bottom ,
.sk_empty_20.shadowed_top_to_bottom ,
.sk_empty_40.shadowed_top_to_bottom ,
.sk_empty_50.shadowed_top_to_bottom ,
.sk_empty_55.shadowed_top_to_bottom {
    background:url('../dg_img/skincare/sk_shadow_top_to_bottom_light.png') center top no-repeat;
    background-size:contain;
}
.sk_empty_18.shadowed_bottom_to_top ,
.sk_empty_20.shadowed_bottom_to_top ,
.sk_empty_40.shadowed_bottom_to_top ,
.sk_empty_50.shadowed_bottom_to_top,
.sk_empty_55.shadowed_bottom_to_top,
.sk_empty_70.shadowed_bottom_to_top {
    background:url('../dg_img/skincare/sk_shadow_bottom_to_top.png') center bottom no-repeat;
    background-size:contain;
}
.sk_empty_55.under_menu {
    background:url('../dg_img/skincare/sk_shadow_top_to_bottom_undermenu.png') left top no-repeat;
    background-size:contain;
}
.sk_empty_18.absolute ,
.sk_empty_20.absolute ,
.sk_empty_40.absolute ,
.sk_empty_50.absolute ,
.sk_empty_55.absolute ,
.sk_empty_25.absolute ,
.sk_empty_72.absolute {
    width:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:5;
}

/***************************************
                BOX GENERAL STYLE
****************************************/
#content .box-content h2,
#content .box-content h2,
#content .box-content h3,
#content .box-content h4,
#content .box-content h5,
#content .box-content h6 { margin: 0; text-align:center; }
#content .box-content { position:relative; }
#content .box-content h2 {
    padding-bottom: 10px;
    background-image: none;
    margin: 0;
    padding-top: 20px;

    /*
            background:url('../dg_img/black.jpg') top center no-repeat;
            margin-top:-13px;
            padding-top:30px;
    */
    font-family:'Futura';
    font-size:14px;
    color:#23252a;
    text-align:center;
    line-height:18px;
    z-index:100;
    position: relative;
    letter-spacing:2px;
    text-transform:uppercase;
}
#content .transparent:hover .box-content p ,
#content .transparent:hover .box-content h2 ,
#content .transparent:hover .box-content h5 { background-color:#ececec;}
#content .transparent .box-content h2 { margin-bottom: 0 !important; }


#content .box-content p { font-family: 'AvenirLTSBook' ,Arial; font-size:12px; color:#999; line-height:16px; padding-top:5px; padding-bottom:5px; text-align:center; margin-bottom:0px;}
#content .box-content h5 {font-family: 'Futura'; color:#23252a; text-transform: uppercase; letter-spacing:2px; font-size:12px; line-height:30px;}
#content .box-content h6 {
    font-family: 'AvenirLTSBook';
    color:#23252a;
    text-transform: none;
    letter-spacing:2px;
    font-size:11px;
    line-height:32px;
    padding-bottom:0px;
    padding-top:0px;
}

.box-content.white { background:#FFF !important; }
#content .span4 .box-content { min-height: 115px; }
#content .box-content a {font-family: 'Futura'; color:#FFFFFF; text-decoration:none;}

#content .smallshadow {height:30px; margin:0px auto; background:url('../dg_img/shadow-s.png') center top no-repeat; width:100%; background-size: contain; display:none; }

#content .transparent {
    position:relative;
    /*padding-bottom:50px;  h6 height */
}
#content .transparent .box-content.grey { background:#ececec; }
#content .transparent .box-content.white { background:#FFFFFF; }

#content .transparent .box-content h6 {
    display: block;
    position: relative;
    text-align: center;
    bottom: 0px;
    min-height: 35px;
    width: 100%;
    height: auto;
    /*padding: 0 0 15px 0;*/
    padding: 10px 0 13px 0;
    line-height: 20px;
    background:url('../dg_img/bottom-box-rollover-back.png') bottom center no-repeat;
    background-size: cover;
    font-weight: normal;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    /*
            display:none;
            position:absolute;
            text-align:center;
            bottom:0px;
            height:50px;
            width:100%;
    */
}

#content .transparent:hover .box-content h6 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


#content .transparent .box-content a {
    color: #999999;
    font-family: 'Futura';
    text-decoration: none;
}






/* NEWSLETTER BLOCK */
#content .newsletter { text-align:center; cursor:pointer; }
.smallshadow.newslettersmallshadows { background-image: url('../dg_img/shadow-newsletter.png') !important; }
#content .newsletter #newsletter-topback {
    width:100%;
    height:200px;
    background:url('../dg_img/newsletter-on-off-bg.png') center top no-repeat;
    background-position: center -247px;
}
#content .newsletter .line-icon-overlay { display:none; }


#content .newsletter p { font-family:'AvenirLTSBook',Arial; font-size:12px; line-height:16px; padding-top:5px; padding-bottom:10px; text-align:center;}
#content .newsletter .fomrfield { padding-bottom:20px; padding-top:20px;}
#content .newsletter .fomrfield .formfield-cont {
    margin: 0 auto;
    width: 90%;
    height: 22px;
    text-align: center;
}
#content .newsletter .fomrfield #ok-button { display: inline-block; float:right; }
#content .newsletter { min-height:407px; }
#content .newsletter h2 { padding:24px 0; }
#content .newsletter p {}
#content .newsletter .fomrfield { background-color:#f2f2f2; }

#content .smallshadow.newslettersmallshadows { display:block; }

#content .newsletter .fomrfield .emailfield {
    border:1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height:8px;
    font-size:11px;
    font-family: 'Futura';
    color:#211c1c;
    background-color:#dedfdf;
    font-style:italic;
    padding:0 0 0 16px;
    display: inline-block;
    float:none;
    box-shadow:none;
    width:158px;
    height:22px;
}
#content .newsletter .fomrfield #ok-button { border:0 !important; }

/*

#content .newsletter:hover .fomrfield .emailfield { background-color:#44464a; }
#content .newsletter:hover .fomrfield { background-color:#2e3035; }
#content .newsletter .fomrfield:hover .emailfield { background-color:#262626; }
#content .newsletter .fomrfield:hover { background-color:#0d0d0d; }

#content .newsletter:hover .box-content {
        background-color: #23252a;
}
#content .newsletter:hover h2 {
        color:#FFF;
}

#content .newsletter:hover .line-icon-overlay { display:block; }
#content .newsletter:hover #newsletter-topback {
        width:100%;
        height:246px;
        background-position: center 0px;
}

*/



/***************************************
                go-top Button
****************************************/

/*
.go-top {
        width:65px;
        height:65px;
        position: fixed;
        z-index:10;
        text-align:center;
        bottom: 35px;
        right:0;
        text-decoration: none;
        color: white;
        background-image:url('../dg_img/top_button.png');
        background-repeat:no-repeat;
        background-position: 16px 16px;
        cursor:pointer;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        display: none;
}
.go-top a span { display:none; }
.go-top a {}

.go-top:hover {
        background-color: rgba(0, 0, 0, 0.6);
        background-position: 16px 26px;
}
.go-top:hover a span { display:inline-block; padding-top:5px; }
*/



.go-top{
    width:35px;
    height:35px;
    position: fixed;
    padding: 5px;
    z-index:50;
    text-align:center;
    bottom: 35px;
    right:0;
    text-decoration: none;
    color: white;
    cursor:pointer;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    display: none;
}
.go-top a span { display:inline; }
.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
    background-position: inherit;
    color:white !important;
}
.go-top:hover a span {
    vertical-align: middle;
    padding-top: 7px;
}





/***************************************
                T  O  O  L  B  A  R
****************************************/

#toolbar {
    height:     33px;
    width:      100%;
    position:   relative;
    background: #272727;
    top:        0;
    /*border-bottom:1px solid #EFEFEF;*/
}

#followus { position: absolute; left: 0px; top: 10px; }
#followus_mobile { text-align:left; }
#followus_mobile ul {
    display: none;
    position: absolute;
    z-index: 1001;
    left: 0;
    margin-left: 0;
    top: 43px;
    width: 98%;
    padding: 0 1% 10px 1%;
    background: #272727;
    text-align: center;
}
#social_mobile_link { font-size:12px; margin-top:2px;}

#followus span ,
#followus_mobile span {
    position:     absolute;
    left:         0;
    top:          -3px;
    display:      inline-block;
    font-style:   italic;
    margin:       0 0 0 15px;
    font-family: 'Futura';
    font-size:    11px;
    color:        #A9AAAE;
}

#followus ul { margin: -2px 0 0 75px; }

#followus ul li {
    position:   relative;
    display:    inline-block;
    width:      22px;
    height:     16px;
    overflow:   hidden;
}
#followus_mobile ul li {
    position: relative;
    display: inline-block;
    width:             18px;
    height:            16px;
    overflow: hidden;
    margin: 2px 15px;
}
#followus_mobile a em {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#followus ul li a:link ,
#followus ul li a:visited ,
#followus_mobile ul li a:link,
#followus_mobile ul li a:visited {
    position:          relative;
    display:           inline-block;
    *float:            left;
    width:             18px;
    height:            13px;
    margin-top:2px;
    overflow:          hidden;
    /*background-image:  url("../dg_img/ico_social.png");*/
    -webkit-transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    -o-transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    opacity:0.7;
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
    color:             rgba(0,0,0,0);
}
#followus ul li a:hover,
#followus ul li a:active{
    opacity:1;
    -webkit-transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    -o-transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
}
#int_fb a:link, #int_fb a:visited { 
    background-image:  url("../dg_img/social2/facebook_grey.svg");
}



#int_tw a:link, #int_tw a:visited { 
    background-image:  url("../dg_img/social2/twitter_grey.svg");
}

#int_yt a:link, #int_yt a:visited {  background-image:  url("../dg_img/social2/youtube_grey.svg"); }

#int_linkedin a:link, #int_linkedin a:visited {  background-image:  url("../dg_img/social2/linkedin_grey.svg"); }

#int_line a:link, #int_line a:visited {  background-image:  url("../dg_img/social2/svg-grey-line.svg"); }

#int_kakao a:link, #int_kakao a:visited {  background-image:  url("../dg_img/social2/Kakao Channel_Icon_BLACK.svg"); }

#int_wechat a:link, #int_wechat a:visited {  background-image:  url("../dg_img/social2/we_chat_grey.svg"); }

#int_instagram a:link, #int_instagram a:visited {  background-image:  url("../dg_img/social2/instagram_grey.svg"); }


#int_pinterest a:link, #int_pinterest a:visited { background-image:  url("../dg_img/social2/pinterest_grey.svg"); }


#ch_weibo a:link,#ch_weibo a:visited { background-image:  url("../dg_img/social2/weibo_grey.svg"); }


#ru_vkont a:link, #ru_vkont a:visited { background-image:  url("../dg_img/social2/vk_grey.svg"); }


#ru_odno a:link, #ru_odno a:visited { background-image:  url("../dg_img/social2/odnoklassniki_grey.svg"); }


#ru_lj a:link, #ru_lj a:visited { background-image:  url("../dg_img/social2/vk_grey.svg"); }


/* social popup */
body.popupOpened{
    height:100vh;
    overflow:hidden;
}
.social-popup {
    display:none;
    z-index:400;
}
.social-popup-overlay {
    position:fixed;
    z-index:299;
    height:100vh;
    width:100vw;
    background: rgba(0,0,0,.6);
    top:0;
    left:0;
}
.social-popup-wrapper {
    position:fixed;
    z-index:299;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    border:1px solid #000;
    width:90%;
    max-width: 640px;

}
.social-popup-inner {
    position:relative;

    padding: 60px 0;
}

.social-popup-inner .img-wrapper {
    display: block;
    margin: 20px auto;
    max-width: 300px;
    width: 80%;
}
.social-popup-inner .img-wrapper img{
    width:100%;
    height:auto;
}


.social-popup-inner-text {
    margin: 20px auto 0 auto;
    display: block;
    width: 80%;
    padding-left: 52px;
    position: relative;
    font-size: 14px;
    box-sizing:border-box;
}
.social-popup-inner-text .icon {
    display: block;
    position: absolute;
    content: "";

    width: 42px;
    height: 42px;
    margin-left: -52px;
    background-size: 42px;
}
.social-popup-inner .close-popup {
    position:absolute;
    cursor:pointer;
    top:20px;
    right:20px;
    background-color:transparent;
    border:none;
    -webkit-appearance: none;
    width: 50px;
    height: 50px;
    background-image:  url("../dg_img/icon_close_plain.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
}

/* end popup social */


#top_content_container { position:relative; min-height: 391px; }

#social_share {
    position: absolute;
    /*z-index: 1000;
    z-index: 9;*/
    z-index:200;
    right: 3%;
    bottom:2%;
}

#top_overlay_title {
    position: absolute;
    z-index: 250;
    right: 3%;
    top: 38%;
    color: #FFF;
}
#top_overlay_title h2{
    font-size: 30px;
    line-height: 34px;
    text-align: right;
}
#top_overlay_title.velvet_overlay_title {
    width:100%;
    right: auto;
    top: auto;
    bottom:2%;
    color: #FFF;
}
#top_overlay_title.velvet_overlay_title h2 { text-align:center; margin: 0 !important; }

#social_share .social-item {
    background:url('../dg_img/social/social.png') top no-repeat;
    width: 27px;
    height: 26px;
    display: inline-block;
    margin-left: 12px;
    text-decoration:none;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}
#social_share .social_label { color:#FFFFFF; display:inline-block; vertical-align:middle; margin-top:-18px; font-style:italic; }
#social_share #fb_s.social-item { background-position:0 0; }
#social_share #fb_s.social-item:hover { background-position:0 -26px; }
#social_share #tw_s.social-item { background-position:-29px 0; }
#social_share #tw_s.social-item:hover { background-position:-29px -26px; }
#social_share #go_s.social-item { background-position:-58px 0; }
#social_share #go_s.social-item:hover { background-position:-58px -26px; }
#social_share #pt_s.social-item { background-position:-87px 0; }
#social_share #pt_s.social-item:hover { background-position:-87px -26px; }


#sn #signin {
    display:    block;
    font-style: italic;
    color:      #595959;
    margin:     5px 0 0 0;
    float:left;

}
#sn #signin a {	font-style: italic;	color:#929095;}
#sn #signin a:hover { text-decoration:none}


#sn {
    position:     absolute;
    right:        15px;
    top:          1px;
    font-family: 'Futura';
    font-size:    11px;
    color:        #313131;
}

#search {width:83px; height:21px; background:url('../dg_img/search.png') no-repeat 0 0px; position:relative; padding-left:10px; display:block; float:left;}
#search .search-field {background:none; border:0px none; font-style: italic; font-family: 'Futura'; font-size:11px; color: #FFF; padding-top:3px; float:left; width:50px;box-shadow:none;}
#search-button { float:left; width:12px; margin-top:4px;}



/***************************************
                Q U I C K N A V
****************************************/

#qn_logo {
    position: relative;
    width: 100%;
    text-align: center;
    border: none;
}

#qn {
    display: block;
    position: absolute;
    top: 53px;
    right:15px;
    font-family: 'FuturaBT-Book';
    text-transform: uppercase;
    font-size: 10px !important;
    line-height: 1em;
    height: auto;
    background: transparent;
    margin: 0px;
    padding: 0;
    z-index: 999;
}

#cl {
    display: block;
    position: absolute;
    /*top: 70px;*/
    right: 100px;
    z-index: 1;
}

#btn_close_qn {
    display: block;
    text-transform: uppercase;
    position: absolute;
    text-decoration: none;
    font-style: italic;
    right: 21px;
    top: 20px;
    font-family: 'Futura';
    font-size: 9px;
    color: #000;
}

#nt {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 15px 0 30px 0;
    padding: 0;
}

#nt ul {
    margin: 0;
    padding: 0;
    line-height: 1em;
}
#nt li {
    display: inline-block;
    font-family: 'Futura';
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 15px;
    padding: 0;
    line-height: 1em;
}
#nt li a:link, #nt li a:visited {
    font-family: 'Futura';
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 15px;
    padding: 0;
    line-height: 1em;
    color: #c8c6c2;
}
#nt li a:hover {
    font-family: 'Futura';
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 15px;
    padding: 0;
    line-height: 1em;
    color: #B0B0B0;
}

#body {
    width: 100%;
}

#selectedBox {
    display: none;
    position: relative;
    max-width: 1024px;
    height: 500px;
    margin-bottom: 30px;
    margin-left: -20px;
    /*background: url("../dg_img/shared/bg_row_filter.png") repeat-x left bottom;*/
}

#quicknav {
    display: none;
    position: absolute;
    top: 115px;
    width: 100%;
    padding: 0;
    background: #fff;
    /*z-index: 1100;*/
    z-index: 99999;
    padding: 30px 0;
}

#c_cols_qn {
    display: table;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    height: auto !important;
    height: 1%;
    zoom: 1;
    z-index: 1;
}
#c_cols_qn:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.row_qn {
    display: table-cell;
    width: 44.5%;
    padding: 0;
    margin: 0 0 50px 0;
    padding-left: 10%;
}
.row_qn:first-child {
    border-right: solid 1px #cfcfcf;
    padding-right: 2%;
    padding-left: 0;
}
.row_qn .col {
    display: table-cell;
    vertical-align: top;
    width: 165px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.row_qn .col ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.row_qn .col ul li {
    margin: 0 0 3px 0;
    padding: 0;
    text-align: left;
}
.row_qn .col ul li a:link,
.row_qn .col ul li a:visited {
    font-size: 9px;
    color: #9a9a9a;
    font-family: 'Futura';
}
.row_qn .col ul li a:hover { color: #3a3b40 !important; }

.row_qn h2 {
    color: #b2b2b2;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px !important;
}
.row_qn .col h3 {
    color: #000;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    padding: 0 0 20px 0;
    margin: 0;
}
.row_qn .col h3 a:link, .row_qn .col h3 a:visited {
    color: #000;
    font-family: 'Futura', sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.col ul {
    list-style-type: none;
}

.col a {
    text-decoration: none;
}




/***************************************
        C H A N G E  L A N G U A G E
****************************************/
#top_langs {
    position: absolute;
    right: 80px;
    top: 47px;
    height: auto;
    width: 130px;
    background: transparent;
    margin: 0px;
    padding: 0;
    z-index: 999;
}
#top_langs #c_langs_top {
    display: none;
    background: none;
    margin: -15px 0 0 0;
}
#top_langs #c_langs_top ul {
    background: white;
    width: 100px;
    margin: 20px 0 0 5px;
    padding: 15px;
    height: auto !important;
    zoom: 1;
}
#top_langs #c_langs_top ul li {
    display: block;
    line-height: 1.2em;
    text-align: right;
}
#top_langs #c_langs_top ul li a:link,
#top_langs #c_langs_top ul li a:visited {
    font-family: Arial;
    font-size: 9px;
    color: #000;
    text-transform: uppercase;
    line-height: 1em !important;
}
#top_langs #c_langs_top ul li.on a:link, #top_langs #c_langs_top ul li.on a:visited {
    color: #949494;
}

#top_langs #c_langs_top ul li a:link, #top_langs #c_langs_top ul li a:visited {
    font-family: Arial;
    font-size: 9px;
    color: #000;
    text-transform: uppercase;
    line-height: 1em !important;
}
#top_langs #chlngtop {
    font-family: 'FuturaBT-Book';
    text-transform: uppercase;
    font-size: 10px !important;
    line-height: 1em;
}

#top_langs #chlngtop ,
#qn {color: #AEAAA9;}
#top_langs #chlngtop:hover ,
#qn:hover { color: #FFF; }





/***************************************
                        H  E  A  D  E  R
****************************************/

#header {
    background-color:#1b1b1b;
    width:       100%;
    text-align:center;
    /*
    position:absolute;
    top:46px;
    background: url('../dg_img/black80.png') repeat;
    */
    position:relative;
    /*z-index: 1000;*/
    z-index: 299;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#logo {
    position:     relative;
    width:        293px;
    height:       30px;
    padding:0px;
    border: none;
}
.subtitle {text-align:center; color:#AEAAA9; font-size:10px; padding-top:10px;}
#header .subtitle { letter-spacing: 5px; padding:10px 0 5px 0; }
#external_links {
    position:       relative;
    text-align:     center;
    font-size:      12px;
    color:          #AECAD8;
    letter-spacing: 1px;
    padding: 13px 0;
    /* padding: 20px 0; */
    text-transform:uppercase;
}
#external_links ul { padding: 0; margin-bottom:0; margin-left:0; }
#external_links ul li {
    display: inline;
    margin:  0 17px;
    cursor:  pointer;

    transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    -webkit-transition-property: color;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#external_links ul li.break {margin:  0 52px 0 0;}
/*
#header.collapsed #external_links ul li.break { margin: 0 10px 0 0; }
*/
#external_links ul li a:hover, #external_links ul li.current a {
    color: white;
}

#external_links a { text-decoration: none; color:#AEAAA9; font-size:12.5px; }



#internal_links {
    position:       absolute;
    z-index:        101;
    top:            116px;
    width:          100%;
    text-align:     center;
    font-size:      13px;
    color:          white;
    letter-spacing: 1px;
    min-width:      768px;
    max-width:      1024px;
}

#internal_links ul {
    padding: 0;
    margin-left: 1px;
    margin-top: 15px;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#internal_links ul li {
    display: inline;
    margin:  0 12px;
    cursor:  pointer;

    transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    -webkit-transition-property: color;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#internal_links ul li:hover {
    color: #AECAD8;
}

#internal_links.fixed {
    position:   fixed;
    background: #5D94B3;
    top:        0;
    z-index:    10001;
    height:     40px;
    width:      100%;
    min-width:  900px;
    max-width:  1024px;
    overflow:   hidden;
}

#internal_links.zoom ul{
    opacity:        0;
    pointer-events: none;
}


#branding.featured {
    position:fixed;
    top:0;
    z-index:99999;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
#branding.featured #toolbar { display:none !important; }

#header.collapsed {}

#branding.featured #header #logo,
#header.collapsed #logo {
    position: absolute;
    z-index:1;
    width: 130px;
    height: auto;
    left: 0;
    margin: 15px 20px;
    padding: 0 0 0 0;
    border: none;
    float: left;
}
#branding.featured #header #quicknav ,
#branding.featured #header .subtitle ,
#branding.featured #header #top_langs ,
#branding.featured #header #qn ,
#header.collapsed #quicknav ,
#header.collapsed .subtitle,
#header.collapsed #top_langs,
#header.collapsed #qn { display:none; }



#fixed_logo {
    position:       absolute;
    left:           50px;
    top:            12px;
    opacity:        0;
    pointer-events: none;
}

#fixed_logo img{
    width:  125px;
    height: auto;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#fixed_logo:hover img{
    opacity: 0.5;
}

#internal_links.fixed #fixed_logo {

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;

    opacity:        1.0;
    pointer-events: auto;
}

#fixed_close {
    position:       fixed;
    right:          24px;/*50px;*/
    top:            9px;
    opacity:        0;
    pointer-events: none;
}



#fixed_close img{
    height: 24px;
    width:  auto;
}

#internal_links.fixed.zoom #fixed_close,
#internal_links.fixed.allow_close #fixed_close,
.tablet #internal_links.allow_close #fixed_close {

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;

    opacity:        1.0;
    pointer-events: auto;
}

/***************************************
        C  O  N  C  E  P  T      T  O  P
****************************************/

#concept_top{
    position: relative;
    overflow: hidden;
}

.video_container {
    position:   relative;
    width:      100%;
    height:     auto;
    overflow:   hidden;
}

.video_container #container_video {
    position: absolute;
    top:      0;
    width:    100%;
    height:   100%;
    opacity:   0;

    transition-duration: 0.0s;
    -o-transition-duration: 0.0s;
    -moz-transition-duration: 0.0s;
    -webkit-transition-duration: 0.0s;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}

.video_container .c_top_img {
    position:   relative;
    top:        0;
    width:      auto;
    height:     100%;
    z-index:    10;
    cursor:     default;

    transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}

.video_container .play_button {
    position:     absolute;
    left:         50%;
    margin-left: -34px;
    top:          34%;
    width:        68px;
    height:       68px;
    z-index:      11;
    cursor:       pointer;

    transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}

/* hover */
.video_container:hover .play_button {
    opacity: 0.8;
}

/* playing */
.video_container.playing #container_video {
    transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;

    transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;

    height:   100%;
    opacity:  1;
}

.video_container.playing .c_top_img{
    transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;

    opacity:   0;
    pointer-events: none;
}

.video_container.playing .play_button {
    transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;

    opacity:   0;
    pointer-events: none;
}

.c_top_logo {
    position: absolute;
    top:      43%;
    left:     10%;
    z-index:  200;
    width:    27%;
    height:   auto;
}

.back_to_top {
    position:    fixed;
    right:       0;
    top:         50%;
    margin-top: -20px;
    z-index:     1;
    cursor:      pointer;
    opacity:     0;
}

.back_to_top_arrow {
    position: absolute;
    right:    0;
    width:    40px;
    height:   41px;
}

.back_to_top_box {
    position: absolute;
    right:    40px;
    width:    106px;
    opacity : 0;
}

.play_button {
    position: absolute;
    z-index: 99999;
    width: 68px;
    height: 68px;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -34px;
    cursor: pointer;
    background: url('../dg_img/play_normal.png') center center no-repeat;
}

.play_button:hover {
    background: url('../dg_img/play_rollover.png') center center no-repeat;
}

/***************************************

        C  O  N  C  E  P  T

****************************************/

#concept {
    position:   relative;
    width:      100%;
    height:     auto;
    overflow:   hidden;
    background: #5D94B3;
}

#concept_bottom {
    position:   relative;
    width:      100%;
    height:     auto;
    background: #5D94B3;
}

#copy {
    width:       100%;
    text-align:  center;
    padding-top: 50px;
}

#copy h2 {
    position:       relative;
    width:          100%;
    text-align:     center;
    font-size:      20px;
    color:          #FFF8CC;
    letter-spacing: 2px;
    margin-top:     10px;
}
#copy h2 {
    font-size:      12px;
    color:          #FFF8CC;
    width:          100%;
    text-align:     center;
    letter-spacing: 2px;
    margin-top:     30px;
}
.text, .quote, .names, .text_2 {
    font-size:    14px;
    color:        #C9D7E4;
    width:        65%;
    margin:       0 auto;
    text-align:   center;
    line-height:  26px;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.text { margin-top: 50px; }

.quote {
    font-style: italic;
    margin-bottom: 5px;
}

.text_2 { margin-bottom: 50px; }

.names {
    margin-bottom:  35px;
    font-family:   'Futura';
    text-align:     right;
    color:          #A5BBC9;
}

#concept.page {
    opacity: 1 !important;
}

/***************************************

        F  R  A  G  R  A  N  C  E

****************************************/

#fragrance {
    position:   relative;
    width:      100%;
    height:     auto;
    background: #F0F4F3;
    color:      #000;
    overflow:   hidden;
    border-bottom: 1px solid #5D94B3;
}

#fragrance .wrapper {
    width: 100%;
}

#fragrance h2 {
    font-size:      20px;
    text-align:     center;
    margin-bottom:  5px;
    letter-spacing: 2px;
    color:          #5A5201;
}

#fragrance p {
    font-size:    14px;
    text-align:   left;
    line-height:  26px;
    color:        #0D384B;
}

#column_1 {
    width:      35%;
    float:      none;
    margin:     4px auto 0 auto;
    text-align: center;
    padding:    0 0 30px 0;
}

#fragrance .wrapper {
    margin: 50px auto 10px auto;
}



/***************************************

        G  E  N  D  E  R

****************************************/

.gender {
    position:      relative;
    width:         100%;
    background:    #F0F4F3;
    overflow:      hidden;
}

.gender .woman {
    position: relative;
    width:    49.95%;
    float:    left;
}

.gender .man {
    position: relative;
    width:    50%;
    float:    right;
}

.gender .man img, .gender .woman img {
    width:    100%;
    height:   auto;
}

.gender .man_text, .gender .woman_text {
    position:       relative;
    width:          50%;
    float:          left;
    padding-bottom: 40px;
}

.gender .man_text p, .gender .woman_text p {
    width:      53%;
    text-align: left;
    font-size:  13px;
    margin:     30px auto 30px auto;
    color:      #29485C;
}

.pour_femme, .pour_homme {
    width:      50%;
    float:      left;
    text-align: center;
    font-size:  22px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.clear { clear: both; }

/***************************************

        A  D  V  E  R  T  I  S  I  N  G

****************************************/

#advertising {
    width:        100%;
    background:   #F0F4F3;
    font-size:    14px;
    color:        #8F8F8F;
    border-bottom: 1px solid #5D94B3;
}

.advertising_top_text {
    font-family:   'Futura';
    width:          100%;
    text-align:     center;
    font-size:      20px;
    color:          #5A5201;
    padding:        50px 0 30px 0;
    letter-spacing: 2px;
}

#img_container {
    position:      relative;
    padding-left:  0;
    padding-right: 98px;
}

#img_container .ad_img {
    position:      relative;
    float:         left;
    width:         54%;
    margin-bottom: 130px;
}

#img_container .ad_copy {
    width: 36%;
    float: left;
    color: #29485C;
    line-height: 26px;
}

#img_container .ad_img {
    margin-right: 9%;
}

#img_container .ad_img img {
    width:  100%;
    height: auto;
}

#img_container .ad_copy {
    margin-top: -4px;
}

#img_container .ad_copy p{
    position: relative;
    width:    100%;
    clear:    both;

    margin-bottom: 6px;
    line-height:   26px;
}

#img_container .ad_copy p.ad_quote_right {
    font-style:    italic;
    margin-bottom: 12px;
}

#img_container .ad_copy p.ad_name_right {
    font-family: 'Futura';
}

.clear { clear: both; }

.campaign, .gallery {
    width:           50%;
    float:           left;
    text-align:      center;
    color:           black;
    text-decoration: none;
    margin-bottom:   10px;
}

.campaign p, .gallery p {
    padding-bottom: 3px;
    cursor:         default;
    margin:         0 !important;
}

.advt_gallery, .advt_video {
    display: none;
    color:   #5D8EAF;
    margin:  -5px 0;
    cursor:  pointer;
}

.advt_gallery:hover, .advt_video:hover {
    color: #555;
}

.backstage_gallery, .backstage_video {
    display: none;
    color:   #5D8EAF;
    margin:  -5px 0;
    cursor:  pointer;
}

.backstage_gallery:hover, .backstage_video:hover {
    color: #555;
}

.advt_gallery, .backstage_gallery {
    margin-top: 3px;
}

.false_wrapper {
    position: absolute;
    width:    85%;
}

.fullscreen_zoom, .fullscreen_zoom_video {
    position:   fixed;
    width:      100%;
    height:     100%;
    background: #000;
    top:        0;
    left:       0;
    z-index:    50;
}

.fullscreen_zoom .wrapper, .fullscreen_zoom_video .wrapper {
    width:      85%;
    height:     100%;
    background: #000;
    overflow:   hidden;
    margin:     0 auto;
    position:   relative;
}

.logo_close {
    position: relative;
}

.gallery_close {
    right:    1px;
    position: absolute;
    top:      9px;
}

.gallery_close img{
    height: 24px;
    width:  auto;
}

.gallery_logo {
    left:     0;
    position: absolute;
    top:      12px;
}

.gallery_logo img {
    width:  125px;
    height: auto;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.fullscreen_zoom ul {
    position: relative;
}

.fullscreen_zoom .image {
    position: absolute;
    top:      0;
    left:     0;
    float:    left;
    opacity:  1;
}

.fullscreen_zoom .image.left {
    opacity: 0
}

.fullscreen_zoom .image img {
    width:  100%;
    height: auto;
}

.fullscreen_zoom_video .video {
    position:         relative;
    background-color: #000;
    overflow:         hidden;
}

.fullscreen_zoom_video .video iframe {
    width:  100%;
    height: 100%;
}

.banner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    background: #000;
    z-index: 999999;
}

.next {
    position:   absolute;
    top:        48%;
    right:      20px;
    width:      32px;
    height:     auto;
    z-index:    9;
    cursor:     pointer;
}

.prev {
    position:   absolute;
    top:        48%;
    left:       20px;
    width:      32px;
    height:     auto;
    z-index:    9;
    cursor:     pointer;
}



/***************************************

        D  E  S  I  G  N

****************************************/

#design {
    position:       relative;
    width:          100%;
    height:         auto;
    margin:         0 auto;
    overflow:       hidden;
    margin-bottom: -3px;
    border-bottom: 1px solid #5D94B3;
}

#design .wrapper {
    position:   absolute;
    top:        76%;
    width:      100%;
    height:     auto;
    overflow:   hidden;
    padding:    28px 0;
}

#design h2 {
    font-size:      20px;
    text-align:     center;
    margin-bottom:  14px;
    letter-spacing: 2px;
    color:          #5A5201;
}

.left {
    width:       714px;
    margin:      0 auto;
    font-size:   14px;
    line-height: 26px;
    color:       #29485C;
    text-align:  left;
}

#design img {
    width:  100%;
    height: auto;
}


/***************************************

        F  O  O  T  E  R

****************************************/
#footer {
    position:       relative;
    background:     #24252A;
    width:          100%;
    letter-spacing: 1px;
    /*
    max-width:      1024px;
    min-width:      768px;
    */
    margin:         0 auto;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#footer.original {
    height: 41px;
}

#footer_top {
    position:   relative;
    width:      100%;
    text-align: center;
}

/*.footer_bottom {
        display: none;
}*/

#footer_top ul li {
    display:   inline;
    color:     #595959;
    font-size: 11px;
    cursor:    pointer;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#footer a {
    color:           #7F8082;
    text-decoration: none;
}

#footer_top ul li:hover {
    color: white;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#footer_top ul {
    padding: 10px 0;
    margin:  0;
}

#footer li ul {
    height: 32px;
}

.the_one, .light_blue, .break {
    color:  white   !important;
    cursor: default !important;
}

.small_break { cursor: default !important; }
.small_break:hover { color: #595959 !important; }
.break { margin: 0 6px; }

.footer-bottom {
    position:   relative;
    width:      100%;
    text-align: center;
    height:     30px;
}

.footer_bottom ul li {
    display:   inline;
    color:     #595959;
    font-size: 11px;
    cursor:    pointer;
    margin:    0 12px;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.footer_bottom ul li:hover {
    color: white;
}

.footer_bottom ul {
    padding: 10px 0;
    margin:  0;
    text-align: center;
}

.separator {
    width:      100%;
    height:     1px;
    background: #595959;
}

#menu_languages {
    display:none;
}

#menu_languages ul {
    padding: 10px 0 0 0;
}
.footer_new { height:27px; padding:4px 0; color:#7F8082; font-size:9px; text-align:center;line-height:13px;}
#footer .footer_new a { color:#7F8082; font-size:9px; font-weight:normal; text-decoration:none;}
#footer .footer_new a:hover { color:#FFFFFF; font-weight:normal; text-decoration:none;}

#hovervideo { display: none;}
#video:hover + #hovervideo, #hovervideo:hover { display: block; position:absolute; top:280px; left:85px;}
#hovervideo h2 {font-size:20px; line-height:24px; font-family: 'Futura'; color:#FFFFFF; text-transform:none; letter-spacing:1px;}
#hovervideo p {font-family: 'AvenirLTSBook',Arial; font-size:14px; color:#A8A8AA; line-height:22px;}
p#sharevideo { font-family:'Futura'; font-size:11px; color:999999; font-style:italic; padding-top:15px; line-height:20px;}
#sharevideo a img {margin-left:10px; margin-right:10px;}

#menuvideo {position:relative; text-align:center; text-transform:uppercase; line-height:50px; color:#999; font-size:14px;}
#menuvideo a {margin-left:10px; margin-right:10px; color:#999; text-decoration:none;}
#menuvideo a:hover {color:#26252A; text-decoration:none;}
#menuvideo a.current {color:#26252A; text-decoration:none;}

#slideshow-container { position:relative; }
#slideshow { /*height:531px;*/}
#slideshowover { display: none;}
#slideshow:hover + #slideshowover, #slideshowover:hover {
    display: block; position:absolute;
    bottom:25px; width:100%;
    text-align:center;
    z-index:5;
}

#slideshowover h2 {font-size:20px; line-height:24px; font-family: 'Futura'; color:#FFFFFF; text-transform:none; letter-spacing:2px; text-shadow: 1px 1px #000000;}
#slideshowover p {font-family: 'AvenirLTSBook',Arial; font-size:14px; color:#A8A8AA; line-height:22px;}
#slideshowover .dots {position: relative;}
#slideshowover .dots img { width:auto; }



#holdervideo {background:url(../dg_img/bg-video.jpg) center top no-repeat; padding-top:45px; padding-left:25px; position: relative; display: inline-block;}
#holdervideo .cols {display: table-cell; vertical-align: top; width: 226px; margin: 0; padding: 0; padding-right:23px; padding-bottom:30px;}
#holdervideo .cols img {max-width:226px; z-index:10;}
#holdervideo .thumb { position:relative;}
#holdervideo .thumb a {position: absolute; display: block; background: url(../dg_img/play.png);  height: 44px;  width: 45px; top: 50%; left: 50%;  margin-left:-22px;  margin-top:-22px;  text-indent:-9999px;}
#holdervideo .titlevideo {background:url(../dg_img/makeup.png) top center no-repeat; margin-top:-13px; padding-top:25px; font-family:'Futura'; font-size:12px; color:#23252a; text-align:center; line-height:16px; z-index:100; position: relative}
#holdervideo .descr {text-align:center; font-family: 'AvenirLTSBook',Arial; color:#999999; font-size:11px; line-height:16px; padding-top:10px; padding-bottom:10px;}
#holdervideo .category {font-family:'Futura'; font-size:12px; color:#999; text-align:center; text-decoration:none; line-height:16px;}
#holdervideo .category a {font-family:'Futura'; font-size:12px; color:#999; text-decoration:none;}
#holdervideo .category a:hover {color:#23252a;}
#holdervideo .breakline {height:30px; width:100%; clear:both; background:url(../dg_img/break.jpg) top center no-repeat;}

#store { padding-top:25px; padding-bottom:50px; min-height:500px;}
#store h2 {text-align:center; font-size:16px;}
#store .moretxt { font-size:12px; font-family:'Futura'; color:#797A7E; text-align:center; padding-bottom:30px;}
.storesearch {background:url(../dg_img/shadow.jpg) center top no-repeat #F7F7F7; padding-top:30px; padding-bottom:10px; position:relative}
.storetxt {font-family:'Futura'; text-transform:uppercase; font-size:12px; color:#999999; line-height:12px; padding-top:14px; padding-bottom:14px; padding-left:20px; width:200px; border-bottom:0px #FFF none; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; border-top:1px solid #D9D9D9;}
.checklist {width:750px; margin:0px auto; margin-top:20px; font-size:14px; color:#23252a; line-height:22px; text-transform:uppercase}
.checkitem {display:inline-block; padding-right:50px; background:url(../dg_img/shadowright.jpg) right top no-repeat; padding-top:15px; padding-bottom:15px; padding-left:25px; line-height:20px;}
.searchbutt {margin:0px auto; text-align:center; background:url(../dg_img/shadow.jpg) center top no-repeat #F7F7F7; padding-top:40px; padding-bottom:50px;}

.wrapper-dropdown-1 {
    position: relative;
    width: 186px;
    padding: 16px 22px 16px 22px;
    background: #DFDFE1 url(../dg_img/bg-droplist.png) left top repeat-x;
    color: #000;
    outline: none;
    cursor: pointer;
    font-weight: normal;
    font-family:'Futura';
    text-transform:uppercase;
    font-size:12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px #FFFFFF;
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #000;
}

.wrapper-dropdown-1 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #DFDFE1;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
    background: #D9D8DD;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}
.wrapper-dropdown-1:focus .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1:focus:after {
    border-color: #000 transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}


.onlymobile { display:none !important; }




/***************************************

        SUBMENU

****************************************/
#submenu a{ color:#9A9A9A;font-size: 9px;}

#submenu a:hover{ color:#3a3b40 !important; }

#external_links ul li.sub_opened {
    padding-bottom:12px;
    background: url('../dg_img/poligon.png') center bottom no-repeat;
}


#submenu .submenu_block ul { margin:0; }
#submenu .submenu_block ul li {
    display: block;
    margin: 0;
    text-align:left;
    font-size:9px;
    line-height:normal;
    padding:3px 0;
}


#submenu .sub_row {
    display: inline-block;
    width: 230px;
    margin-top:25px;
    vertical-align: top;
    background:url("../dg_img/sub_menu_border_left.png") top left no-repeat;
    padding: 0 0 0 25px;
    /*height:380px;
    background-size: contain !important;
    max-width: 44.5%;
    border-left: solid 1px #cfcfcf;
    margin: 0 0 50px 0;
    padding-left: 10%;*/
}
#submenu #makeup_menu .sub_row {
    width: 155px;
    padding: 0 0 0 20px;
}


#submenu .sub_row:first-child {
    background:none;
    /*border-left: none;*/
    padding: 0 0 0 0;
}
#submenu .sub_row h3 {
    color: #9a9a9a;
    text-align: left;
    font-size: 9px;
    /*font-weight:bold;*/
    line-height: normal;
    margin: 20px 0 10px 0;
    font-family:'FuturaBT-Book', 'Futura';
}
#submenu .sub_row h3.single-bold-menu-item:first-child { margin: 20px 0 0px 0; }
#submenu .sub_row h3.single-bold-menu-item { margin: 6px 0 0px 0; }
#submenu .sub_row h2 {
    line-height: 12px;
    color: #23252a;
    font-size: 12px;
    /*font-weight: bold;*/
    text-align: left;
    text-transform: uppercase;
    margin: 20px 0 !important;
    letter-spacing: 1px;
    font-family:'FuturaBT-Book', 'Futura';
}

#submenu .sub_row > h2:first-child {margin: 0 0 20px 0 !important;}

#submenu .sub_row h3.single-bold-menu-item:first-child { margin: 20px 0 0px 0; }
#submenu .sub_row h3.single-bold-menu-item { margin: 6px 0 0px 0; }
#submenu .sub_row h3.single-bold-menu-item a { color:#9a9a9a; }


#submenu .submenu_block{
    margin-top:9px;
    display:none;
    padding-top:9px;
    background: url('../dg_img/poligon.png') no-repeat;
    width:100%;
    position: absolute;
    top: 28px;
    z-index: 99999;
    text-align:center;
}
/*
        #submenu #fragrances_menu.submenu_block{ background-position:46.2% 0px; }
        #submenu #makeup_menu.submenu_block{ background-position:52.5% 0px; }
*/
/*skincare menu added--> fix bg position*/
#submenu #fragrances_menu.submenu_block{background-position: 40.5% 0px;}
#submenu #makeup_menu.submenu_block{background-position: 51% 0px;}
#submenu #skincare_menu.submenu_block{background-position: 62% 0px;}


#submenu .submenu_block .textwidget {
    background:#FFF;
    /* height: 487px; */
    height:510px;
}



/***************************************

        SOLILOQUY CUSTOM

****************************************/
.soliloquy-container{ overflow:hidden; }

.soliloquy-container .soliloquy-control-nav {
    /*
    background: url('../images/slider-dots.png') no-repeat scroll -9999px -9999px;
    */
    bottom: 10px;
    line-height: 0;
    list-style: none;
    margin-left: 0;
    position: absolute;
    z-index: 30;
    width: 100%;
    text-align:center;
}
.soliloquy-container .soliloquy-control-nav li a {
    background: #b4b1af !important;
    text-indent: -9999px !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px !important;
    outline: 0 !important;
    -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    border-radius: 9px !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.5 !important;
    -khtml-opacity: 0.5 !important;
    opacity: 0.5 !important;
}
.soliloquy-container .soliloquy-control-nav li a:hover, .soliloquy-container .soliloquy-control-nav li a.active, .soliloquy-container .soliloquy-control-nav li a.soliloquy-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    background-position: inherit !important;
}


.bx-wrapper .bx-pager.bx-default-pager a {
    background: #b4b1af;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.bx-pager.bx-default-pager a.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.line-icon-overlay{
    width:100%;
    height:22px;
    margin-top:-13px;
    position: absolute;
    z-index: 110;
}

.line-icon-overlay.black-line{
    background: url('../dg_img/black.jpg') top center no-repeat;
}

.line-icon-overlay.white-line {
    background: url('../dg_img/white.jpg') top center no-repeat;
}

div.you-may-also-like { text-align:center; background: url('../dg_img/bg-home.jpg') top left repeat; }
div.you-may-also-like h2#like-line-title {
    /*font-family:'FuturaBT-Book' , 'Futura'; font-size:18px; margin: 30px 0 !important;*/
    font-family: 'FuturaBT-Book' , 'Futura';
    font-size: 18px;
    letter-spacing: 2px;
    margin: 20px 0 30px 0 !important;
}

div.you-may-also-like .span2 { float:none; display:inline-block; vertical-align:top; }
div.you-may-also-like .span2 .box-content h2 {
    font-size:11px !important;
    padding-bottom: 10px;
    background-image:none !important;
    margin: 0 !important;
    padding-top: 25px !important;
}
div.you-may-also-like .span2 h6 { display:none; }

#content div.you-may-also-like .transparent { padding-bottom:10px; }
#content div.you-may-also-like .transparent .box-content h6 {
    display: block;
    position: relative;
    text-align: center;
    bottom: 0px;
    min-height: 25px;
    width: 100%;
    height: auto;
    padding: 7px 0 15px 0;
    line-height: 20px;

    /*
    background: url('../dg_img/grey-bottom-shadow.png') bottom center no-repeat;

    */
    background: url('../dg_img/block-overlay-gray.png') bottom center no-repeat;
    background-size: cover;

    font-weight: normal;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#content div.you-may-also-like .transparent:hover .box-content h2 ,
#content div.you-may-also-like .transparent:hover .box-content p { background-color:#FFFFFF; }

#content .banner_box .box-content:hover h2 ,
#content .banner_box .box-content:hover p { background-color:#FFFFFF; }

#content div.you-may-also-like .transparent:hover .box-content h6 ,
#content .banner_box .box-content:hover h6 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#content .banner_box .box-content h6 {
    display:block;
    background:url('../dg_img/block-overlay-gray.png') bottom center no-repeat;
    background-size:cover;
    position: relative;
    text-align: center;
    bottom: 0px;
    min-height: 25px;
    width: 100%;
    height: auto;
    padding: 7px 0 15px 0;
    line-height: 20px;
    font-weight: normal;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#content .banner_box .box-content h2 {
    position: relative;
    width:100%;
    background-image: none;
    margin: 0px !important;
    padding: 15px 0 15px 0;
    font-family: 'Futura';
    font-size: 14px;
    color: #23252a;
    text-align: center;
    line-height: 18px;
    z-index: 100;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
}


#content .banner_box .box-content {
    position:relative;
    /*padding-bottom:50px;  h6 height */
}


#content .box-content.grey { background:#ececec; }
#content .box-content.white { background:#fff; }



.banner_box { text-align:center; }

.banner_box .span3 {
    position: relative;
    width:230px;
    float:none !important;
    display:inline-block;
    vertical-align:top;
}




.initially-hidden { display:none; }
.page-template-templatespage-home-php .initially-hidden { display:block; }

.video-placeholder { cursor:pointer; }
.fluid-width-video-wrapper { display:none; }



#content .landing-bottom-line-box-center .box-content h5 { line-height:23px; }

.landing-bottom-line-box { position:relative; }
.landing-bottom-line-box .box-content { height: 143px; }
.landing-bottom-line-box .box-content h2{
    color:#FFF;
    font-family: 'FuturaBT-Book' , 'Futura';
    font-size:14px;
    background: url('../dg_img/white.jpg') top center no-repeat;
    padding-top: 28px;
}
.landing-bottom-line-box .box-content p{
    font-size:11px !important;
    text-align:center !important;
    color:#FFF !important;
    line-height:16px !important;
    padding:0 !important;
}
.landing-bottom-line-box .box-content h5{
    text-align:center;
}

.landing-bottom-line-box .custom-content { position:relative; padding-bottom: 0 !important; }
.landing-bottom-line-box .custom-content h6{
    height:30px;
    text-align:center;
    color:#FFF;
    font-size:12px;
    background: url('../dg_img/black_transp_pattern.png') repeat;
    margin:0;
}

.landing-bottom-line-box .custom-content:hover {
    background: #ececec !important;
}
.landing-bottom-line-box .custom-content:hover  h2 {}
.landing-bottom-line-box .custom-content:hover  p { color:#7b7c7f; }


.landing-bottom-line-box #overlay-bottomline-txt {
    position:absolute;
    bottom:40px;
    width:100%;
}
.landing-bottom-line-box #overlay-bottomline-txt h2{
    text-align:center;
    color:#FFF;
    font-family: 'FuturaBT-Book' , 'Futura';
    font-size:14px;
}
.landing-bottom-line-box  #overlay-bottomline-txt p{
    font-size:11px;
    text-align:center;
    color:#FFF;
    line-height:16px;
    padding:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: opacity 0.4s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: opacity 0.4s ease-out;  /* Firefox 4-15 */
    -o-transition: opacity 0.4s ease-out;  /* Opera 10.50–12.00 */
    transition: opacity 0.4s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.landing-bottom-line-box  #overlay-bottomline-txt h5{
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
    font-size:12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.landing-bottom-line-box:hover  #overlay-bottomline-txt p,
.landing-bottom-line-box:hover  #overlay-bottomline-txt h5 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.landing-bottom-line-box img {
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.landing-bottom-line-box:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

.landing-bottom-line-box-center .videoholder { min-heigth:247px; }
.landing-bottom-line-box-center .transparent h5 { padding:5px 0 !important; }
.landing-bottom-line-box-center h5,
.landing-bottom-line-box-center p,
.landing-bottom-line-box-center h2 { background-color:#FFFFFF !important; }

.landing-bottom-line-box-center p { min-height: 36px; }

#content .landing-bottom-line-box-center .transparent .box-content h6 {
    background: url('../dg_img/grey-bottom-shadow.png') center bottom no-repeat #ececec;
    background-color:#ececec !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    min-height:0;
    padding: 10px 0 25px 0;
    background-size: contain;
}




.videoholder { position:relative; }

.video_play_overlay_layer {
    background:url('../dg_img/video_play.png') 0px 0px no-repeat;
    width:75px;
    height:76px;
    position:absolute;
    top:50%;
    left:50%;
    margin: -37px 0 0 -38px;
    cursor:pointer;
}

.videoholder:hover .video_play_overlay_layer,
.transparent:hover .video_play_overlay_layer,
.video_play_overlay_layer:hover {
    background-position:0px -78px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.video_play_overlay_layer.little-player {
    background:url('../dg_img/video_play_little.png') 0px 0px no-repeat;
    width:49px;
    height:51px;
    position:absolute;
    top:50%;
    left:50%;
    margin: -24px 0 0 -24px;
    cursor:pointer;
}

.videoholder:hover .video_play_overlay_layer.little-player,
.transparent:hover .video_play_overlay_layer.little-player ,
.video_play_overlay_layer.little-player:hover {
    background-position:0px -51px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}




/* 404 PAGE */
#content.page-404 #top_content_container {
    min-height:0px;
    padding:50px 0 35px 0;
}
#content.page-404 #top_content_container h2 {
    font-size:18px;
    text-align:center;
    margin:0 !important;
    padding:0;
    color:#23252a;
    line-height: normal;
}
#content.page-404 #top_content_container h2 {
    background:url("../dg_img/shadow_down.png") center top no-repeat;
    text-align:center;
    margin:0 !important;
    padding:45px 0 0 0;
    color:#23252a;
    font-size:18px;
    line-height: normal;
}
#content.page-404 #top_content_container h3 {
    text-align:center;
    font-size:12px;
    margin:0 0 45px 0!important;
    padding:0;
    color:#23252a;
    line-height: normal;
}
#content.page-404 #top_content_container h3 a{
    font-size:12px;
    color:#23252a;
    line-height: normal;
}


/* SKINCARE TOP MENU POPUP CONTENT */
#external_links #submenu #skincare_menu .sub_row h2 a {
    color: #23252a;
}
#external_links #submenu #skincare_menu .sub_row h2#sk_topmenu_test_button {
    cursor:pointer;
}
#external_links #submenu #skincare_menu .sub_row {
    width: 155px;
    padding: 0 0 0 25px;
    min-height:160px;/*150px*/
}
#external_links #submenu #skincare_menu #sk_submenu_col_4.sub_row {width: auto;}
#external_links #submenu #skincare_menu #sk_submenu_col_4.sub_row h2 a{
    font-size: 12px;
}
/* END SKINCARE TOP MENU POPUP CONTENT */



/*SEPARATORS*/
.beauty_orizzontal_separator { display:block; width:100%; }
.beauty_orizzontal_separator.separator_30 { height:30px; }
.beauty_orizzontal_separator.separator_35 { height:35px; }
.beauty_orizzontal_separator.separator_45 { height:45px; }
.beauty_orizzontal_separator.separator_50 { height:50px; }
.beauty_orizzontal_separator.separator_55 { height:55px; }
.beauty_orizzontal_separator.shadowed_top_to_bottom {
    background: url('../dg_img/makup-product/shadow-underlay.png') top center no-repeat;
    background-size:contain;
}
.beauty_orizzontal_separator.shadowed_bottom_to_top {}
/*END SEPARATORS*/

/* TOP VIDEO BANNER */
#the_top_video_wrapper { position:relative; }
#the_top_video_play_layer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9000;
    background:url('../dg_img/shadow_video_player_r2l.png') top right repeat-y;
    top:0;
}
#the_top_video_play_layer.direction_rtl {
    background:url('../dg_img/shadow_video_player_r2l.png') top right repeat-y;
}
#the_top_video_wrapper.direction_ltr #the_top_video_play_layer {
    background:url('../dg_img/shadow_video_player_l2r.png') top left repeat-y;
}
#the_top_video_desc {
    text-align: right;
    padding: 10% 25px 0 0;
    font-family: 'FuturaBT-Book' , 'Futura';
    color:#FFF;
}
#the_top_video_wrapper.direction_ltr #the_top_video_desc {
    text-align: left;
    padding: 10% 0 0 25px;
}
#the_top_video_wrapper.direction_ltr #the_top_video_desc .video-featured-description-desc { float:left; }



#the_top_video_desc h2 {
    font-size:30px; line-height:30px;
    letter-spacing:1px;
    margin: 0 !important;
    font-family: 'FuturaBT-Book' , 'Futura';
}
#the_top_video_desc h2 {
    font-size:20px; line-height:20px;
    letter-spacing:1px;
    margin: 10px 0 0 0 !important;
    font-family: 'FuturaBT-Book' , 'Futura';
}
#the_top_video_desc .video-featured-description-desc {
    max-width:320px;
    float: right;
    margin-top:4%;
}
#the_top_video_desc .video-featured-description-desc h2 {
    font-size:20px; line-height:20px;
    margin: 0 0 6% 0 !important;
}
#the_top_video_desc .video-featured-description-desc p {
    font-family: 'Avenir','AvenirLTSBook';
    font-size:14px; line-height:16px;
    margin: 0;
    opacity:0.7;
}
#the_top_video_desc span.shares {
    width: auto;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 13px;
}

#the_top_video_desc span.shares:last-child {
    margin-right:0px;
}
#the_top_video_desc #sharevideo {height: 25px;}
#the_top_video_desc #sharevideo > a { display:inline-block; }
#the_top_video_desc #sharevideo > span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#the_top_video_desc span.shares.fb{
    background:url('../tmp_img/facebook.png') no-repeat;
    background-position:0px 0px;
}
#the_top_video_desc span.shares.fb:hover {
    background-position: 0px -17px;
}
#the_top_video_desc span.shares.tw{
    background:url('../tmp_img/twitter.png') no-repeat;
    background-position:0px 0px;
}
#the_top_video_desc span.shares.tw:hover {
    background:url('../tmp_img/twitter.png') no-repeat;
    background-position: 0px -17px;
}
#the_top_video_desc span.shares.gp {
    background:url('../tmp_img/gplus.png') no-repeat;
    background-position:0px 0px;
}
#the_top_video_desc span.shares.gp:hover {
    background:url('../tmp_img/gplus.png') no-repeat;
    background-position: 0px -17px;
}
#the_top_video_desc span.shares.pn {
    background:url('../tmp_img/pinterest.png')no-repeat;
    background-position:0px 0px;
}
#the_top_video_desc span.shares.pn:hover {
    background:url('../tmp_img/pinterest.png')no-repeat;
    background-position: 0px -17px;
}
#the_top_video_wrapper.share_type_2 #the_top_video_desc_wrapper {
    /**/display:none !important;
}
/* END TOP VIDEO BANNER */


/* DEFAULT BLOCKS TXT/MEDIA & MEDIA/TXT */
/* IF WE DONT HAVE A GALELRY */
#content .box_double_txt_media .content-with-bar { height:481px; }
#content .box_double_txt_media {max-height: 481px;margin: 0;background-color:#FFF;}
#content .box_double_txt_media .box_double_txt_media-content-left { float:left; padding: 0 0 0 0; width: 313px; }
#content .box_double_txt_media .box_double_txt_media-content-left .box-content h2 { color:#818181; text-align:left !important; background: none; margin: 0 0 10px 0; padding:0; font-size: 18px; }
#content .box_double_txt_media .box_double_txt_media-content-left p { color:#777777; text-align:left !important; }
#content .box_double_txt_media .box_double_txt_media-content-right { float: left; position:relative;/*width: 73.22%;*/width:857px;}
#content .box_double_txt_media .mCSB_container .box-content { padding:0; text-align:left !important; }
/* SCROLLBAR CONFIG */
#content .box_double_txt_media .mCustomScrollBox>.mCSB_scrollTools { width: 12px !important; }
#content .box_double_txt_media .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 12px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
#content .box_double_txt_media .mCSB_scrollTools .mCSB_draggerRail {
    width: 12px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
#content .box_double_txt_media div.mCSB_container.mCS_no_scrollbar {
    width: auto !important;
    margin: 0 !important;
    padding: 30px 30px 0 30px!important;
    overflow: hidden;
}
/* IF WE HAVE A GALELRY */
#content .box_double_txt_media.whith_gallery_menu .content-with-bar { height: 432px; }
#content .box_double_txt_media.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 382px; }
#content .box_double_txt_media.whith_gallery_menu { max-height:481px; }
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-area a { color:#818181; }
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-area a:hover ,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-area a.selected { color:#999; }
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-button.gallery-submenu-open span { padding-top:10px; }
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-button.gallery-submenu-open span a {color:#fff !important;}
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-area ul { margin:0; display:none; }
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-area ul li { list-style: none; text-align:center; }
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-area {
    width:100%;
    /*width:50%;*/
    float:left;
    text-align:center;
}

#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-area a { color:#818181; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-area a:hover ,
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-area a.selected { color:#999; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-button.gallery-submenu-open span { padding-top:10px; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-button.gallery-submenu-open span a {color:#fff !important;}
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-area ul { margin:0; display:none; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-area ul li { list-style: none; text-align:center; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-area {
    width:100%;
    /*width:50%;*/
    float:left;
    text-align:center;
}


#content .box_double_txt_media.whith_gallery_menu .box_double_txt_media-content-left {
    color:#FFF;
    max-height: 481px;
    padding: 0 0 0 0px;
    width: 313px;
}
#content .box_double_txt_media.whith_gallery_menu .box_double_txt_media-content-left .box-content h2 {
    font-size:18px; color:#818181; }
#content .box_double_txt_media.whith_gallery_menu .box_double_txt_media-content-left p {  color:#777777; }
#content .box_double_txt_media.whith_gallery_menu .box_double_txt_media-content-right { }
#content .box_double_txt_media.whith_gallery_menu .mCSB_container .box-content { padding:4% 0; }
#content .box_double_txt_media .mfp-bottom-bar { display:none !important; }
/* SCROLLBAR CONFIG */
#content .box_double_txt_media.whith_gallery_menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {}
#content .box_double_txt_media.whith_gallery_menu .mCSB_scrollTools .mCSB_draggerRail {}
#content .box_double_txt_media.whith_gallery_menu .mCSB_container {
    width: auto !important;
    margin: 0 !important;
    padding: 30px 30px 0 30px!important;
    overflow: hidden;
}
#content .box_double_media_txt .content-with-bar { height: 397px; }
#content .box_double_media_txt { margin-top:0px; max-height:481px;  background-color:#FFF; }
#content .box_double_media_txt .box_double_media_txt-content-right {
    color: #FFF;
    max-height: 481px;
    padding: 0 0 0 0px;
    width: 313px;
    float:right;
}
#content .box_double_media_txt .box_double_media_txt-content-right .box-content h2 { color:#818181; text-align:left !important; background: none; margin: 0 0 10px 0; padding:0; font-size:18px; }
#content .box_double_media_txt .box_double_media_txt-content-right p { color:#777777; text-align:left !important; }
#content .box_double_media_txt .box_double_media_txt-content-left { float: left; position:relative;/*width: 73.22%;*/width:857px;}
/* SCROLLBAR CONFIG */
#content .box_double_media_txt .mCustomScrollBox>.mCSB_scrollTools { width: 12px !important; }
#content .box_double_media_txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 12px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
#content .box_double_media_txt .mCSB_scrollTools .mCSB_draggerRail {
    width: 12px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
#content .box_double_media_txt div.mCSB_container.mCS_no_scrollbar { padding-right:25px; }
#content .box_double_media_txt.whith_gallery_menu .mCSB_container {
    width: auto !important;
    margin: 0 !important;
    padding: 30px 30px 0 30px!important;
    overflow: hidden;
}
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2,
#content .box_double_media_txt.whith_gallery_menu #gallery-menu,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu  {
    height: 50px;
    background:url('../dg_img/fragrance-product/dolce/shadow-dolce.png') top center no-repeat;
}
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-area a,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-area a { color:#818181; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-area a:hover ,
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-area a.selected ,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-area a:hover ,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-area a.selected { color:#999; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-button span,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-button span,
#content .box_double_media_txt.whith_gallery_menu #gallery-menu .gallery-button span,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu .gallery-button span { display:inline-block; padding-top: 16px; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-button.gallery-submenu-open span,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-button.gallery-submenu-open span { padding-top:10px; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-button.gallery-submenu-open span a,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-button.gallery-submenu-open span a {color:#fff !important;}
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-area ul,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-area ul { margin:0; display:none; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-area ul li,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-area ul li { list-style: none; text-align:center; }
#content .box_double_media_txt.whith_gallery_menu #gallery-menu-2 .gallery-area,
#content .box_double_txt_media.whith_gallery_menu #gallery-menu-2 .gallery-area { width:100%;/*width:50%;*/float:left;text-align:center;}




/********
PSLIDER
********/
div.pslider {
    background: url(../dg_img/white60.png) repeat;
    position:relative;
}
div.pslider .bx-wrapper {
    position:relative;
    margin:0 auto;
    padding:0;
    *zoom:1;
    text-align:center;
}

div.pslider .bx-wrapper img {
    width:auto;
    max-width:100% ;
    display: block;
    margin:0 auto;
}

/* IMAGE CAPTIONS */

div.pslider .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 8%;
    width: 100%;
    text-align:center;
}
div.pslider .pslider-slider ,
div.pslider .pslider-slide {
    margin:0;
    padding:0;
}
div.pslider .bx-wrapper .bx-caption span {
    font-size:25px;
    line-height:24px;
    color:#FFFFFF;
    text-transform: uppercase;
    letter-spacing:2px;
    text-shadow: 1px 1px #000000;
    font-family:'Futura', Arial;
    display: inline-block;
}

/** THEME
===================================*/

div.pslider .bx-wrapper .bx-viewport {
    background: none;
}

div.pslider .pslider-slide .pslider-slide-description{
    padding:20px 0 40px 0;
    color:#8c8c8c;
    font-family: 'AvenirLTSBook';
    font-size:12px;
    line-height:12px;
}

div.pslider .pslider-pager {
    width:100%;
    padding-bottom:50px;
    text-align:center;
    background: url(../dg_img/psliderMenuShadow.png) center 5px no-repeat;
    background-size:100%;
}
div.pslider .pslider-pager .pslider-pager-element {
    display:inline-block;
    width:205px;
    vertical-align:top;
}
div.pslider .pslider-pager a {
    font-family: 'FuturaBT-Book';
    font-size:13px;
    line-height:24px;
    color:#23252a;
    display:inline-block;
    text-align:center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
div.pslider .pslider-pager a div.pslider-pager-hover{
    background-color:none;
    height:5px;
    -webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
div.pslider .pslider-pager a.active div.pslider-pager-hover,
div.pslider .pslider-pager a:hover div.pslider-pager-hover{
    background-color:#a0a0a0;
}

div.pslider .pslider-pager a:hover,
div.pslider .pslider-pager a.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
}
div.pslider .bx-wrapper .bx-pager,
div.pslider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 3%;
    width: 100%;
}

/* LOADER */

div.pslider .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../dg_js/bxslider/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

div.pslider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}

div.pslider .bx-wrapper .bx-pager .bx-pager-item,
div.pslider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

div.pslider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #b4b1af;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

div.pslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
div.pslider .bx-wrapper .bx-pager.bx-default-pager a.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

div.pslider .bx-wrapper .bx-prev {
    left: -3%;
    background: url(../dg_js/bxslider/images/controls.png) no-repeat 0 -32px;
}

div.pslider .bx-wrapper .bx-next {
    right: -3%;
    background: url(../dg_js/bxslider/images/controls.png) no-repeat -43px -32px;
}

div.pslider .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

div.pslider .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

div.pslider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

div.pslider .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

div.pslider .bx-wrapper .bx-controls-auto {
    text-align: center;
}

div.pslider .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../dg_js/bxslider/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

div.pslider .bx-wrapper .bx-controls-auto .bx-start:hover,
div.pslider .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

div.pslider .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../dg_js/bxslider/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

div.pslider .bx-wrapper .bx-controls-auto .bx-stop:hover,
div.pslider .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

div.pslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

div.pslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
/********
END PSLIDER
********/



.vsVideoPlayerHTML5 {
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}

.container-video-controls{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: -webkit-linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.55));
    background: linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.55));
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
    opacity: 0;
}

.m-dev .container-video-controls{
    background:none;
    opacity: 1;
}

.container-video-controls.user-hover{
    opacity: 1;
}

.inner-container-video-controls{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: none;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,-webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,-webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,transform 0.5s cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
    z-index: 5;
}

.m-dev .inner-container-video-controls,
.user-hover .inner-container-video-controls {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s,-webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
    transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s,-webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
    transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s,transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
    transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s,transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s,-webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
    cursor: default;
}

.video-controls {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.video-controls .video-controls-wrap {
    max-width: 1160px;
    margin: 0 auto;
    height: 20px;
    position: relative;
    text-align:center;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    z-index: 2;
}

.video-controls .video-controls-wrap div.barelement, .videoCover i.player{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    height: 20px;
    cursor: pointer;
    line-height:20px;
}

.video-controls .video-controls-wrap input {
    height: 1em;
    margin: 0px;
    padding: 0px;
}

.video-controls .video-controls-wrap input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    padding:0;
    background:none;
    line-height: 20px;
    height: 20px;
    color: #fff;
}

.video-controls .video-controls-wrap input[type=range]:focus {
    outline: none;
}

.video-controls .video-controls-wrap input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #ffffff;
    border: 0.2px solid #cccccc;
}

.video-controls .video-controls-wrap input[type=range]::-webkit-slider-thumb {
    border: 1px solid #ffffff;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3px;
}

.video-controls .video-controls-wrap input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ffffff;
}

.video-controls .video-controls-wrap input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #ffffff;
    border: 0.2px solid #010101;
}

.video-controls .video-controls-wrap input[type=range]::-moz-range-thumb {
    border: 1px solid #ffffff;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

.video-controls .video-controls-wrap input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.video-controls .video-controls-wrap input[type=range]::-ms-fill-lower {
    background: #ffffff;
    border-radius: 2.6px;
}

.video-controls .video-controls-wrap input[type=range]::-ms-fill-upper {
    background: #ffffff;
    border-radius: 2.6px;
}

.video-controls .video-controls-wrap input[type=range]::-ms-thumb {
    border: 1px solid #ffffff;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

.video-controls .video-controls-wrap input[type=range]:focus::-ms-fill-lower {
    background: #ffffff;
}

.video-controls .video-controls-wrap input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}

.video-controls .video-controls-wrap div.play-btn, .video-controls .video-controls-wrap div.pause-btn, .video-controls .video-controls-wrap div.mute-btn {
    cursor: pointer;
}

.video-controls .video-controls-wrap div.volume-bar-btn {
    width: 6%;
}

.video-controls .video-controls-wrap div.timeline {
    height: 2px;
    background: #ccc;
    width: 100%;
    margin-top: 9px;
}

.video-controls .video-controls-wrap .timeline-wrap {
    width: 70%;
    padding: 0px;
}

.video-controls .video-controls-wrap .timeline-advanced {
    height: 2px;
    background: #fff;
    width: 0px;
}

.video-controls .video-controls-wrap .timeline-advanced-cursor {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #fff;
    margin-top: -5px;
    margin-left: -4px;
    pointer-events: none;
}

.video-controls .video-controls-wrap div.barelement i{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.video-controls .video-controls-wrap div.barelement i.icon-fullscreen {
    background-image: url(../dg_img/videoControlBarIcon/white/icon-fullscreen.svg);
}
.video-controls .video-controls-wrap div.barelement i.icon-play {
    background-image: url(../dg_img/videoControlBarIcon/white/icon-play.svg);
}

.video-controls .video-controls-wrap div.barelement i.icon-pause {
    background-image: url(../dg_img/videoControlBarIcon/white/icon-pause.svg);
}

.video-controls .video-controls-wrap div.barelement i.icon-mute {
    background-image: url(../dg_img/videoControlBarIcon/white/icon-mute.svg);
}

.video-controls .video-controls-wrap div.barelement i.icon-unmuted {
    background-image: url(../dg_img/videoControlBarIcon/white/icon-unmuted.svg);
}

.videoCover{
    height: 100%;
    width: 100%;
    display:none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}

.videoCover i.player {
    background-image: url(../dg_img/videoControlBarIcon/white/icon-player-new-def.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height:70px;
    margin-left:-35px;
    margin-right:-35px;
    background-color: transparent;
}
/* end control video bar */

/* start video html5 */
.fullwidth-video-html5-section {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.fullScreenVideo .fullwidth-video-html5-section {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:99999999;
    background: #000;
    max-width: inherit !important;
    margin: 0 !important;
}

.fullwidth-video-html5-section img {
    width: 100%;
    height: auto;
}

.fullScreenVideo .video_html5_modal .modal-dialog{
    transform: none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    width:100%;
    max-width:none;
}

.fullscreen-video-container{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    background: #000;
}

.fullwidth-video-html5-cta {
    margin-left: 0;
    margin-top: 0;
    background-size: 100px;
    background-color: transparent;
    transition: background-color 0.3s linear;
    background: url(../dg_img/video_play.png) 0px 0px no-repeat;
    width: 75px;
    height: 76px;
    position: absolute;
    left: 50%;
    margin: -37px 0 0 -38px;
    cursor: pointer;
    top: 50%;
    z-index: 6;
}

.fullwidth-video-html5-cta:hover {background-position: 0px -78px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}

/* end video html5 */


@media (max-width: 1200px){
    #content .box_double_txt_media { max-height: none; }
    #content .box_double_txt_media .content-with-bar { max-height:332px; }
    #content .box_double_txt_media .box_double_txt_media-content-left { padding-bottom: 20px; max-height: 332px; }
    #content .box_double_txt_media .box_double_txt_media-content-right { width: 627px; /*width: 66.7%;*/ }
    #content .box_double_txt_media .mCSB_container .box-content { /*padding:25px 0;*/ text-align:left !important; }
    #content .box_double_txt_media.whith_gallery_menu .content-with-bar { height: 302px; }
    #content .box_double_txt_media.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 252px; }

    #content .box_double_txt_media.whith_gallery_menu { min-height:inherit; }
    #content .box_double_media_txt.whith_gallery_menu .box_double_media_txt-content-right { max-height: 352px; }
    #content .box_double_media_txt.whith_gallery_menu .box_double_media_txt-content-left { width: 627px; /*width: 66.7%;*/ }
    #content .box_double_media_txt.whith_gallery_menu .content-with-bar { height: 302px; }
    #content .box_double_media_txt.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 252px; }
    #submenu .sub_row{
        width: 209px;
    }
    #submenu .sub_row:first-child{
        padding-left: 25px;
    }
}
@media (max-width: 1023px) {
    .video-controls .video-controls-wrap div.volume-bar-btn {
        display: none;
    }
}
@media (max-width: 979px) {
    #content .box_double_txt_media .box_double_txt_media-content-right { /*width: 56.77%;*/ width: 411px; }
    #content .box_double_txt_media .content-with-bar { max-height: 211px; }
    #content .box_double_txt_media.whith_gallery_menu .content-with-bar { height: 181px; }
    #content .box_double_txt_media.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 131px; }

    #content .box_double_media_txt.whith_gallery_menu .box_double_media_txt-content-right { max-height: 231px; }
    #content .box_double_media_txt.whith_gallery_menu .box_double_media_txt-content-left { width: 411px; }
    #content .box_double_media_txt.whith_gallery_menu .content-with-bar { height: 148px; }
    #content .box_double_media_txt.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 131px; }

    /* HEADER FIXED */
    #branding.featured #external_links > ul {
        margin-left: 125px;
    }
    #branding.featured #external_links > ul li {
        margin: 0 10px;
    }
    #branding.featured #external_links > ul li a {
        font-size: 11.5px;
    }

}
@media (max-width: 768px){
    #content .box_double_txt_media .box_double_txt_media-content-left { float: left; padding: 0 0 20px 1%; width: 33%; }
    #content .box_double_txt_media .box_double_txt_media-content-right { width: 66%; }
    #content .box_double_txt_media .content-with-bar {max-height: auto;}
    #content .box_double_txt_media.whith_gallery_menu { max-height:auto; }
    #content .box_double_txt_media.whith_gallery_menu .content-with-bar { max-height: auto;height:184px;}
    #content .box_double_txt_media.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 162px; }

    #content .box_double_txt_media.whith_gallery_menu .box_double_txt_media-content-left {float: left;width: 34%;}

    #content .box_double_media_txt.whith_gallery_menu .box_double_media_txt-content-right { max-height:auto; padding: 0 0 20px 1%; width: 33%;}
    #content .box_double_media_txt.whith_gallery_menu .box_double_media_txt-content-left { width: 66%; }
    #content .box_double_media_txt.whith_gallery_menu .content-with-bar { height: 148px; }
    #content .box_double_media_txt.whith_gallery_menu.with_double_gallery_menu .content-with-bar { height: 162px; }

    #header.collapsed #external_links ul li {margin:0 5px;}
    #header.collapsed #external_links > ul a {font-size:10.5px;}

}
/* END DEFAULT BLOCKS TXT/MEDIA & MEDIA/TXT */



@media (min-width: 1200px) {
    #submenu .sub_row {
        display: inline-block;
        width: 220px;

        vertical-align: top;
        background:url("../dg_img/sub_menu_border_left.png") center left no-repeat;
        padding: 0 0 0 25px;
    }
    #submenu #makeup_menu .sub_row {
        width: 205px;
        padding: 0 0 0 20px;
    }

    #top_content_container { position:relative; min-height: 487px; }

    #content .newsletter .fomrfield #ok-button { display: inline-block; float:right; }
    #content .newsletter .fomrfield .formfield-cont {
        margin: 0 auto;
        width: 70%;
        height: 22px;
        text-align: center;
    }

    .mobileclear{ clear:both; }
    /*
            #submenu #fragrances_menu.submenu_block{ background-position:46.5% 0px; }
            #submenu #makeup_menu.submenu_block{ background-position:53% 0px; }
    */
    /*skincare menu added--> fix bg position */
    #submenu #fragrances_menu.submenu_block{background-position: 42.5% 0px;}
    #submenu #makeup_menu.submenu_block{background-position: 51% 0px;}
    #submenu #skincare_menu.submenu_block{background-position: 59.5% 0px;}


    #submenu #makeup_menu.submenu_block .textwidget { /*height: auto;*/ }
    #submenu #fragrances_menu.submenu_block .textwidget { /*height: 391px; */}


}
@media (max-width: 1200px) {

    #content .newsletter { min-height: inherit; }

    #content .landing-bottom-line-box-center .box-content h2 { padding-bottom:0; padding-top:15px; line-height: 14px; }
    #content .landing-bottom-line-box-center .box-content p { padding:4px 0; }
    #content .landing-bottom-line-box-center .box-content h5 { padding:0 !important; line-height: 18px; }
    #content .landing-bottom-line-box-center .box-content h6 { padding-top:2px; }
    #content .newsletter h2 { padding: 16px 0; }
    #submenu .submenu_block .textwidget {
        height: auto;
        min-height: 370px;
        padding-bottom:21px;
        font-size: 0;
    }

}
@media only all and (max-device-width : 1024px) and (min-device-width : 768px) and (orientation : landscape) {
    #quicknav {
        background:  none;
        margin-left: 5px;
    }

    #c_cols_qn {
        width: 77.5%;
        background: white;
    }

    #btn_close_qn {
        right: 130px;
        top: 42px;
    }

    .row_qn:first-child {
        padding-left: 5%;
    }

    .row_qn {
        width: 47.5%;
        padding-left: 5%;
    }
}

@media only all and (max-device-width : 1024px) and (min-device-width : 768px) and (orientation : portrait) {
    #quicknav {
        background:  none;
        margin-left: 3px;
    }

    #c_cols_qn {
        width: 77.5%;
        background: white;
    }

    #btn_close_qn {
        right: 110px;
        top: 42px;
    }

    .row_qn:first-child {
        padding-left: 5%;
    }

    .row_qn {
        width: 47.5%;
        padding-left: 5%;
    }
    #branding.featured #external_links > ul { margin-left: 120px; }
    #branding.featured #external_links > ul li {
        display: block;
        float: left;
        /*margin: 0px 14px;*/
        margin: 0px 12px;
    }
    #external_links #submenu {
        clear: both;
    }

}
@media only screen and (min-width : 1000px) {

    #fixed_close {
        position: absolute;
    }

}
@media (max-width: 979px){
    #submenu .sub_row {
        width: 150px;
    }
    #submenu .submenu_block .textwidget {
        height: auto;
        min-height: inherit;
    }
    /* SKINCARE TOP MENU POPUP CONTENT */
    #external_links #submenu #skincare_menu .sub_row {
        width: 120px;
    }
    /* END SKINCARE TOP MENU POPUP CONTENT */
    #content .newsletter .fomrfield {
        padding-bottom: 20px;
        padding-top: 10px;
        height: 50px;
    }
    #content .newsletter .fomrfield .formfield-cont {
        margin: 0 auto;
        width: 100%;
        height: auto;
        text-align: center;
    }
    #content .newsletter .fomrfield .emailfield {
        display: block;
        margin: 0 auto;
    }
    #content .newsletter .fomrfield #ok-button {
        float: none;
        margin-top: 5px;
        /*margin-right:13%;*/
    }
    /*
            #submenu #fragrances_menu.submenu_block{ background-position:43.5% 0px; }
            #submenu #makeup_menu.submenu_block { background-position:54% 0px; }
    */
    /*skincare menu added--> fix bg position */
    #submenu #fragrances_menu.submenu_block{background-position: 37.5% 0;}
    #submenu #makeup_menu.submenu_block{background-position: 52% 0px;}
    #submenu #skincare_menu.submenu_block{background-position: 65.5% 0px;}

    #branding.featured #submenu #fragrances_menu.submenu_block{ background-position: 39% 0px; }
    #branding.featured #submenu #makeup_menu.submenu_block{ background-position: 51% 0px; }
    #branding.featured #submenu #skincare_menu.submenu_block{ background-position: 62.5% 0px; }

    /*
            #submenu #fragrances_menu.submenu_block .textwidget { height: 301px; }
    */
    #submenu #fragrances_menu.submenu_block .textwidget { height: auto; }

    #submenu #makeup_menu.submenu_block .textwidget .sub_row:last-child { display:none; }
    #content .newsletter h2 { padding:0; }

    #content .landing-bottom-line-box-center .box-content p { display:none; }
    /*???*/
    #header.collapsed #logo {
        width: 100px;
        margin: 17px 20px 14px 20px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    #top_content_container { position:relative; min-height: 301px; }
}

@media (max-width: 768px){
    #branding.featured #header #logo, #header.collapsed #logo {
        position: absolute;
        z-index: 1;
        width: 100px;
        height: auto;
        left: 0;
        margin: 18px 20px;
        padding: 0 0 0 0;
        border: none;
        float: left;
    }
}

@media (max-width: 767px){
    .footer_new { height:auto;}
    #top_content_container { position:relative; min-height: 50px; }
    .flt-right,
    .flt-left { float:none; display:inline-block; }
    #social_share {
        position: absolute;
        z-index: 1000;
        right: 3%;
        bottom:auto;
        top:3%;
    }
    div.you-may-also-like .span2 {
        width: 48%;
        padding: 10px 1%;
        float: left;
    }


    #content #menuhome {
        height:auto !important;
        padding: 5px 0 !important;
        background: none !important;
    }
    #content #menuhome .menu-items a { display:block !important; width:auto !important; height: auto !important;}


    /***************************************
            SUBMENU
    ****************************************/
    #submenu .submenu_block .textwidget { height:auto; }
    #submenu .submenu_block ul { margin:0; }
    #submenu .submenu_block ul li {
        display: block;
        margin: 0;
        text-align:center;
        font-size:9px;

    }

    #submenu .sub_row {
        display: block;
        width: 100% !important;
        height: auto;
        text-align: center;
        vertical-align: top;
        border-left: none;
        padding: 10px 0 !important;
    }
    #submenu .sub_row:first-child {
        background:none;
        /*border-left: none;*/
        border-top: none;
        padding: 0 0 0 0;
    }
    #submenu .sub_row h3 {
        color: #9a9a9a;
        text-align: center;
        font-size: 9px;
        font-weight:bold;
        line-height: normal;
        margin: 0px 0 0px 0;
    }
    #submenu .sub_row h2 {
        color: #23252a;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 0px !important;
    }

    .landing-bottom-line-box ,
    .landing-bottom-line-box-center { margin-bottom:35px; }
    #content .landing-bottom-line-box-center .transparent .box-content h6 {
        background-image: none;
        min-height: 22px;
        padding: 10px 0 25px 0;
    }
    #submenu #fragrances_menu.submenu_block .textwidget { height: auto; }
    #submenu #makeup_menu.submenu_block .textwidget .sub_row:last-child { display:block; }

}


@media only screen and ( max-width: 640px ) {
    #toolbar {
        text-align: center;
        padding-top: 10px;
    }

    /* HEADER & HEADER MENU */
    .mobile-select { display:inline-block; }
    #sn { display:none !important; }
    .nomobile { display:none !important; }
    .onlymobile { display:inline-block !important; }

    #submenu .submenu_block {
        position: relative !important;
        top:auto !important;
        background-image:none !important;
    }
    #header {
        background: #000;
        width: 100%;
        position: relative;
        top: auto;
    }
    #quicknav {
        position: relative;
        width: 98%;
        max-width: 98%;
        padding: 10px 1% 30px 1%;
        top: 0;
        right: 0;
        z-index:5;
    }
    #btn_close_qn {
        position: relative;
        float:right;
        padding: 5px 0;
        text-decoration: none;
        font-style: italic;
        right: auto;
        top: auto;
    }
    #top_langs {
        right:auto;
        left: 20px;
        top: 7px;
    }
    #qn {
        top: 11px;
    }
    #top_langs #c_langs_top ul { margin: 20px 0px 0 0px; }

    #toolbar { text-align:center; }
    #sn { float: right;  margin: 3px 10px 0 0; }
    #followus { float:left; margin: 7px 0 0 0; }
    #followus,
    #sn {
        position: relative;
        left: auto;
        right:auto;
        top: auto;
        display: inline-block;
    }
    .row_qn .col { display: block; margin-top:10px; width:auto; }

    #branding.featured #header #logo, #header.collapsed #logo {
        position: absolute;
        width: 80px;
        height: auto;
        left: 0;
        margin: 15px 9px;
        padding: 0 0 0 0;
        border: none;
        float: left;
    }

}








@media only all and (min-device-width : 320px) and (max-device-width : 480px) and ( orientation: portrait ) {
    .image {
        width: 100% !important;
    }

    .image img {
        width:  100% !important;
        height: auto !important;
    }

    .logo_close.gallery {
        width: 100% !important;
    }

    .fullscreen_zoom_video .video {
        height: 230px !important;
        width: 100% !important;
        left: 0% !important;
    }

    .logo_close.vid {
        width: 100% !important;
        left: 0% !important;
    }
}

@media only all and (min-device-width : 320px) and (max-device-width : 480px) and ( orientation: landscape ) {
    .logo_close {
        left: 14.5% !important;
    }

    .fullscreen_zoom ul {
        left: 14.5% !important;
    }

    .image {
        width: 70% !important;
    }

    .image img {
        width:  100% !important;
        height: auto !important;
    }

    .logo_close.gallery {
        width: 70% !important;
    }

    .next {
        top:   80% !important;
        right: 20px !important;
    }

    .prev {
        top:  80% !important;
        left: 20px !important;
    }

    .fullscreen_zoom_video .video {
        height: 200px !important;
        width: 90% !important;
        left: 5.5% !important;
    }

    .logo_close.vid {
        width: 90% !important;
        left: 5.5% !important;
    }
}





@media only all and (min-device-width : 320px) and (max-device-width : 480px) {

    /*#toolbar {
            visibility: hidden !important;
            display:    none   !important;
    }*/

    #followus {
        left: 2px;
        top:  13px;
    }

    #followus span {
        margin: 0 0 0 3px;
    }

    #followus ul {
        margin: 0 0 0 56px;
    }

    #sn, #tw_fb {
        width: 143px;
    }

    #sn #tw_box a:link, #sn #tw_box a:visited {
        width:     27px;
        height:    3px;
        font-size: 4px;
    }

    #sn #fb_dyn #cfbl {
        top: -10px;
    }

    #tw_box {
        top: 2px;
    }

    #cfoll, #sn #tw_box p #nrfoll {
        font-size: 4px;
    }

    #sn #tw_box p#cfoll {
        width:   33px        !important;
        height:  9px         !important;
        padding: 5px 0 0 4px !important;
    }

    #internal_links.fixed {
        min-width: 319px;
    }

    #fixed_logo {
        visibility: hidden;
        display:    none !important;
    }

    #external_links {
        font-size:      7px !important;
        padding-bottom: 40px;
    }

    #internal_links {
        top:       73px;
        font-size: 7px !important;
    }
    #concept_bottom_img {
        position: relative;
        width:    25%;
        margin:   40px 0px 50px 20px;
        float:    left;
    }

    #copy {
        line-height: 14px;
        margin-left: 25px;
        padding-top: 40px;
        width:       100%;
    }

    #copy h2 {
        margin:         0;
        font-size:      10px;
        letter-spacing: 1px;
    }
    #copy h2 {
        font-size:      10px;
        letter-spacing: 1px;
    }
    .text, .quote, .names {
        font-size:   9px;
        line-height: 14px;
    }

    .back_to_top {
        visibility: hidden !important;
        display:    none   !important;
    }

    #fragrance p {
        font-size:   9px;
        line-height: 12px;
    }

    .column {
        line-height: 13px;
        margin:      0 2.6%;
    }

    #column_1 {
        width: 90%;
    }

    #column_1 h2 {
        padding-top: 4px;
    }

    #fragrance .wrapper {
        width: 100%;
    }

    #column_2, #column_3, #column_4 {
        width: 28%;
    }

    .advertising_top_text {
        padding: 45px 10px 0px 22px;
    }

    #img_container {
        padding-left:  22px;
        padding-right: 22px;
    }

    #img_container .ad_img,
    #img_container .ad_copy {
        width: 100%;
        clear: both;
        margin: 0;
    }

    #img_container .ad_img{
        margin-bottom: 15px;
    }

    #img_container .ad_copy{
        margin-bottom: 22px;
    }

    #img_container .ad_copy p {
        font-size:     9px;
        line-height:   12px;
        margin-bottom: 13px;
    }

    #img_container .ad_img img.zoom_icon {
        width: 30%;
    }

    .next {
        top:   70%;
        right: 90px;
    }

    .prev {
        top:  70%;
        left: 90px;
    }
    .left {
        font-size:   9px;
        line-height: 12px;
    }

    #footer_top ul li {
        font-size: 3px;
    }

    #footer_wrap ul li {
        font-size: 3px;
    }

    .break {
        margin: 0 -2px;
    }

}