/* 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('img/bg-home.jpg') top left repeat;
}
#page {background: url('img/bg-home.jpg') top left repeat;}
header { position:relative; }

#top_section { position: relative; }

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

h1, 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('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 { 
    background: url('img/bg-home.jpg') top left repeat;
    position: relative;
}

#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;
}

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

.black20 { background:url('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+ */    
}
.width-transition{
 -webkit-transition: width 0.6s ease;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: width 0.6s ease;  /* Firefox 4-15 */
       -o-transition: width 0.6s ease;  /* Opera 10.50–12.00 */
          transition: width 0.6s 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;
}


.soliloquy-direction-nav { display:none; visibility:hidden; }


/***************************************
        BOX GENERAL STYLE
****************************************/
#content .box-content h1,
#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 {}
#content .box-content h1 {
    background:url('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 .box-content h1 { margin-bottom: 0 !important; }


#content .box-content p { font-family: 'AvenirLTSBook' , Times, serif; font-size:12px; color:#999; line-height:16px; padding-top:5px; padding-bottom:5px; text-align:center;}
#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('img/shadow-s.png') center top no-repeat; width:100%; background-size:100%; 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:none;
    background:url('img/bottom-box-rollover-back.png') bottom center no-repeat;
    /* background-size:100%; */
    position:absolute;
    text-align:center;
    bottom:0px;
    height:50px;
    width:100%;
}

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


#content .newsletter { text-align:center; }
#content .newsletter p { font-family:'AvenirLTSBook', Times, serif; 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 .emailfield {line-height:8px; border:0px none; font-size:11px; font-family: 'Futura'; color:#FFFFFF; font-style:italic; padding-left:16px; display: inline-block; float:none; box-shadow:none;}
#content .newsletter .fomrfield #ok-button { display: inline-block; float:right; }
#content #home .newsletter {background:#24252A;}
#content #home .newsletter h1 { color:#FFF; background: url('img/white.jpg') top center no-repeat;}
#content #home .newsletter p { color:#A8A9AE; }
#content #home .newsletter .fomrfield {background:#2F3035;}
#content .newsletter .fomrfield .emailfield {width:158px; height:22px; background: url('img/newsletter-bg.jpg') left top no-repeat;}





/***************************************
         go-top Button
****************************************/
.go-top {
    width:65px;
    height:65px;
    position: fixed;
    z-index:10;
    text-align:center;
    bottom: 2em;
    right:0;
    text-decoration: none;
    color: white;
    background-image:url('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; }




@media (max-width: 640px) {
    .go-top{
    width:auto;
    height:auto;
        bottom: 2em !important;
        background-image:none;
        padding: 1em !important;
        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 { display:inline; padding-top:0; }

}
@media screen and (max-width: 1024px) and (orientation:landscape) {
    .go-top{
    width:auto;
    height:auto;
        bottom: 2em !important;
        background-image:none;
        padding: 1em !important;
        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 { display:inline; padding-top:0; }
}
@media screen and (orientation:portrait) {
    .go-top{
    width:auto;
    height:auto;
        bottom: 2em !important;
        background-image:none;
        padding: 1em !important;
        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 { display:inline; padding-top:0; }
}



/***************************************
         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 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_mobile ul {
    display: none;
    position: absolute;
    z-index: 99999;
    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:          -6px;
    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:      18px;
    height:     14px;
    overflow:   hidden;
    float:left;
}
#followus_mobile ul li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 14px;
    overflow: hidden;
    margin: 2px 15px;
}

#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:            14px;
    overflow:          hidden;
    background-image:  url("img/ico_social.png");
    background-repeat: no-repeat;
    color:             rgba(0,0,0,0);
}

#int_fb a:link, #int_fb a:visited { background-position: 6px 0; }
#int_fb a:hover { background-position: 6px -16px; }

#int_tw a:link, #int_tw a:visited { background-position: -16px 0; }
#int_tw a:hover { background-position: -16px -16px; }

#int_yt a:link, #int_yt a:visited { background-position: -40px 0; }
#int_yt a:hover { background-position: -40px -16px; }

#int_instagram a:link, #int_instagram a:visited { background-position: -68px 0; }
#int_instagram a:hover { background-position: -68px -16px; }

#int_pinterest a:link, #int_pinterest a:visited { background-position: -93px 0; }
#int_pinterest a:hover { background-position: -93px -16px; }

#int_gplus a:link, #int_gplus a:visited { background-position: -119px 0; }
#int_gplus a:hover { background-position: -119px -16px; }

#int_vimeo a:link, #int_vimeo a:visited { background-position: -146px 0; }
#int_vimeo a:hover { background-position: -146px -16px; }

#int_tumbler a:link, #int_tumbler a:visited { background-position: -170px 0; }
#int_tumbler a:hover { background-position: -170px -16px; }

#int_podcast a:link, #int_podcast a:visited { background-position: -193px 0; }
#int_podcast a:hover { background-position: -193px -16px; }

#ru_vkont a:link, #ru_vkont a:visited { background-position: -221px 0; }
#ru_vkont a:hover { background-position: -221px -16px; }

#ch_weibo a:link, #ch_weibo a:visited { background-position: -249px 0; }
#ch_weibo a:hover { background-position: -249px -16px; }

#ch_tudou a:link, #ch_tudou a:visited { background-position: -275px 0; }
#ch_tudou a:hover { background-position: -275px -16px; }

#ch_kaixin a:link, #ch_kaixin a:visited { background-position: -302px 0; }
#ch_kaixin a:hover { background-position: -302px -16px; }

#ch_benetton a:link, #ch_benetton a:visited { background-position: -326px 0; }
#ch_benetton a:hover { background-position: -326px -16px; }

#ch_blog a:link, #ch_blog a:visited { background-position: -351px 0; }
#ch_blog a:hover { background-position: -351px -16px; }

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

#social_share {
    position: absolute;
    z-index: 1000;
    right: 3%;
    bottom:2%;
}
#social_share .social-item {
    background:url('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('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;}

@media screen 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;
    }
}

/***************************************
         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: 73px;
    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("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;
    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;
}

@media screen 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 screen 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%;
    }
}



/***************************************
    C H A N G E  L A N G U A G E
****************************************/
#top_langs {
    position: absolute;
    right: 105px;
    /*top: 40px;*/
    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;
}
www.dolcegabbana.com/media="all"
#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('img/black80.png') repeat;
    */
    z-index: 90000;
    -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
         -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
}

#logo {
    position:     relative;
    width:        300px/*293px*/;
    height:       32px /*30px*/;
    /* padding:20px 0px; */
    padding: 0px 0px 20px 0px;
    border: none;
}
.subtitle {text-align:center; color:#AEAAA9; font-size:10px; padding:10px 0 5px 0;}
#header .subtitle a { color:#AEAAA9; letter-spacing: 5px; padding:10px 0 5px 0; }
#external_links {
    position:       relative;
    text-align:     center;
    font-size:      12px;
    color:          #e3e3e3; #AECAD8;
    letter-spacing: 1px;
    padding: 13px 0;
    /* padding: 20px 0; */
    text-transform:uppercase;
}
#external_links ul { padding: 0; margin-bottom:0; }
#external_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;
}
#external_links ul li.break {margin:  0 22px 0 0;}
#external_links ul li a:hover, #external_links ul li.current a {
    color: black; white;
}

#external_links a { text-decoration: none; color:#999999; #AEAAA9; }



#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;
}
#header.collapsed {
}

#header.collapsed #logo {
    position:     absolute;
    width:        150px;
    height:       auto;
    left:         0;
    top:          11px;
    margin-left:  10px;
    padding:      0 0 0 0;
    border: none;
    float:left;
}
#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;
}

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

    #fixed_close {
        position: absolute;
    }
}

#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;
}

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

    #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;
    }

}

/***************************************
     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('img/play_normal.png') center center no-repeat;
}

.play_button:hover {
    background: url('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 h1 {
    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;
}

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

    #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 h1 {
        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;
    }

}

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

     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 h1 {
    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;
}


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

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

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

    #column_1 {
        width: 90%;
    }

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

    #fragrance .wrapper {
        width: 100%;
    }

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

}

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

     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;
}

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

    .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;
    }
    
}

@media screen 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 screen 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;
    }
}

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

     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 h1 {
    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;
}

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

    .left {
        font-size:   9px;
        line-height: 12px;
    }

}


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

     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;
    ma
}

.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 { 
    color: #7F8082;
    font-size: 9px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 12px;
}
#footer .footer_new a { color:#7F8082; font-size:9px; font-weight:normal; text-decoration:none;}
#footer .footer_new a:hover { color:#FFFFFF; font-size:9px; font-weight:normal; text-decoration:none;}
@media screen and (min-device-width : 320px) and (max-device-width : 480px) {

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

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

    .break {
        margin: 0 -2px;
    }

}

#hovervideo { display: none;}
#video:hover + #hovervideo, #hovervideo:hover { display: block; position:absolute; top:280px; left:85px;}
#hovervideo h1 {font-size:20px; line-height:24px; font-family: 'Futura'; color:#FFFFFF; text-transform:none; letter-spacing:1px;}
#hovervideo p {font-family: 'AvenirLTSBook', Times, serif; 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', Times, serif; font-size:14px; color:#A8A8AA; line-height:22px;}
#slideshowover .dots {position: relative;}
#slideshowover .dots img { width:auto; }



#holdervideo {background:url(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(img/play.png);  height: 44px;  width: 45px; top: 50%; left: 50%;  margin-left:-22px;  margin-top:-22px;  text-indent:-9999px;}
#holdervideo .titlevideo {background:url(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', Times, serif; 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(img/break.jpg) top center no-repeat;}

#store { padding-top:25px; padding-bottom:50px; min-height:500px;}
#store h1 {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(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(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(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(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; }

@media screen and ( max-width: 640px ) {
    
    /* 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; padding-top: 10px; }
    #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; }
}




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

     SUBMENU

****************************************/
#submenu a{ color:#9a9a9a; }

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

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

#submenu .submenu_block{
    margin-top:9px;
    display:none;
    padding-top:9px;
    background: url('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.5% 0px; }
#submenu #makeup_menu.submenu_block{ background-position:52.6% 0px; }



#submenu .submenu_block .textwidget { background:#FFF; height: 487px; }
#submenu .submenu_block ul { margin:0; }
#submenu .submenu_block ul li {
    display: block;
    margin: 0;
    text-align:left;
    font-size:9px;
}


#submenu .sub_row {
    display: inline-block;
    width: 230px;
    height:380px;
    vertical-align: top;
    background:url("img/sub_menu_border_left.png") center left no-repeat;
    padding: 0 0 0 25px;
    /*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;
}
#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: 18px;
    color: #23252a;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    margin: 20px 0 !important;
}



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

     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: #5F5F5F !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;
}




div.you-may-also-like { text-align:center; background: url('img/bg-home.jpg') top left repeat; }
div.you-may-also-like h1#like-line-title { font-family:'FuturaBT-Book' , 'Futura'; font-size:18px; margin: 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 h1 {  font-size:11px !important; }
div.you-may-also-like .span2 h6 { display:none; }
div.you-may-also-like .span2 .box-content.white h1 { background:#FFFFFF; }
#content div.you-may-also-like .transparent .box-content h6 {
    display: none;
    position: absolute;
    text-align: center;
    bottom: 0px;
    min-height: 50px;
    width: 100%;
    line-height: 20px;
    background:url('img/block-overlay-gray.png') bottom center no-repeat;
    background-size:cover;
    font-weight: normal;
}


#content .page-banner-line .box-content h6 ,
#content #section3_2 .box-content h6 {
    display:none;
    background:url('img/block-overlay-gray.png') bottom center no-repeat;
    background-size:cover;
    position: absolute;
    text-align: center;
    bottom: -60px;
    height: 40px;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 12px;
    line-height: 20px;
    font-weight: normal;
}

#content .page-banner-line .box-content ,
#content #section3_2 .box-content  {
    position:relative;
    padding-bottom:50px; /* h6 height */
}


#content .box-content.grey { background:#ececec; }
#content .box-content.white { background:#fff; }
#content .page-banner-line .box-content h1 ,
#content #section3_2 .box-content h1 { position: absolute; width:100%; }



#section3_2 ,
.page-banner-line { text-align:center; }

#section3_2 .span3 ,
.page-banner-line .span3 {
    position: relative;
    width:230px;
    float:none !important;
    display:inline-block;
    vertical-align:top;
}

#section4 .span2{
    vertical-align:top;
}




.initially-hidden { display:none; }

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





.landing-bottom-line-box .box-content { height: 143px; }
.landing-bottom-line-box .box-content h1{
    color:#FFF;
    font-family: 'FuturaBT-Book' , 'Futura';
    font-size:14px;
    background: url('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('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  h1 {}
.landing-bottom-line-box .custom-content:hover  p { color:#7b7c7f; }


.video_play_overlay_layer {
    background:url('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;
}
.video_play_overlay_layer.little-video_play_overlay_layer {
    background:url('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;
}
#main-video:hover .video_play_overlay_layer , 
#backstage-video-palyer-container:hover .video_play_overlay_layer ,
#interviews-video-palyer-container: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-thumb:hover .video_play_overlay_layer.little-video_play_overlay_layer,
.video_play_overlay_layer.little-video_play_overlay_layer:hover {
    background-position:0px -51px;
}







/* 404 PAGE */
#content.page-404 #top_content_container {
    min-height:0px;
    padding:50px 0 35px 0;
}
#content.page-404 #top_content_container h1 {
    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("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;
}


@media screen and (min-width: 1200px) {
    #submenu .sub_row {
        display: inline-block;
        width: 230px;
        height:380px;
        vertical-align: top;
        background:url("img/sub_menu_border_left.png") center left no-repeat;
        padding: 0 0 0 25px;
        /*border-left: solid 1px #cfcfcf;
        max-width: 44.5%;
        margin: 0 0 50px 0;
        padding-left: 10%;*/
    }
    #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;
    }
}


@media screen and (max-width: 1200px){
    .mobileclear{ clear:both; }
    #submenu .sub_row {    width: 150px; }
}


@media screen and (max-width: 979px){
    
    #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 {
        margin-right:13%;
    }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
    #top_content_container { position:relative; min-height: 301px; }
}


@media screen and (max-width: 767px){
    #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;
        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;
    line-height: 16px;
}

#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;
}


}