/* CSS Document */

.toggleMenuContainer nav, .toggleMenuContainer ul, .toggleMenuContainer li,
.toggleMenuFooterContainer nav, .toggleMenuFooterContainer ul, .toggleMenuFooterContainer li,
.toggleMenuSelectContainer nav, .toggleMenuSelectContainer ul, .toggleMenuSelectContainer li  {margin: 0; padding: 0;list-style: none;}

.toggleMenuFooterContainer li:last-child{margin-bottom:20px !important;}

ul.toggleFooterNav {padding:20px; text-align:left; background-color:#292929; color:#656565; font-size:11px;}
ul.toggleFooterNav li {display: inline-block; width:45%; float:left; margin:5px 0;}
ul.toggleFooterNav li a{color:#656565 !important;}

a {text-decoration: none;}
.toggleMenuContainer,
.toggleMenuFooterContainer,
.toggleMenuSelectContainer {
	visibility:hidden;
	display:none;
	text-transform:uppercase;
}
.toggleMenu {
    display:  none;
    background: #1b1b1b;
    padding: 9px 15px;
    color: #fff;
	box-sizing:border-box;
	width:100%;
	background-image: url("../dg_img/menu.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;	
	background-size: 18px auto;
}
.toggleFooterMenu {
    display:  none;
    background: #1b1b1b;
    padding: 13px 15px;
    color: #fff;
	box-sizing:border-box;
	width:100%;
}
.toggleSelectMenu {
    display:  none;
	background:linear-gradient(bottom, rgba(255,255,255,0.30) 0%, rgba(77,77,77,0.30) 100%);
	background:-o-linear-gradient(bottom, rgba(255,255,255,0.30) 0%, rgba(77,77,77,0.30) 100%);
	background:-moz-linear-gradient(bottom, rgba(255,255,255,0.30) 0%, rgba(77,77,77,0.30) 100%);
	background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.30) 0%, rgba(77,77,77,0.30) 100%);
	background:-ms-linear-gradient(bottom, rgba(255,255,255,0.30) 0%, rgba(77,77,77,0.30) 100%);
	
	background:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgba(255,255,255,0.30)),
		color-stop(1, rgba(77,77,77,0.30))
	);
	background-image: url("../dg_img/downArrowBlack.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
    padding: 10px 15px 7px 15px;
    color: #333;
	box-sizing:border-box;
	width:100%;
}

.toggleMenuSelectContainer a{
    color: #333 !important;
	font-size:14px;

}

.toggleMenuSelectContainer li a{
	padding-left:5%;
	line-height:40px;
	font-size:14px;
	display: block;
}

.toggleNav {
    list-style: none;
     *zoom: 1;
     background: #1b1b1b;
}
.toggleNav:before,
.toggleNav:after {
    content: " "; 
    display: table; 
}
.toggleNav:after {
    clear: both;
}
.toggleNav ul {
    list-style: none;
    width: 9em;
}
.toggleNav a {
    padding: 10px 15px;
    color:#a8a8a8;
    text-align:left;
}
.toggleNav li {
    position: relative;
}
.toggleNav > li {
    float: left;
    border-top: 1px solid #1b1b1b;
}
.toggleNav > li > .parent {
    background-image: url("../dg_img/downArrow.png");
    background-repeat: no-repeat;
	background-size: 18px auto;
}

.toggleNav > li.hover > .parent {
    background-image: url("../dg_img/upArrow.png");
    background-repeat: no-repeat;
	background-size: 18px auto;
}

.toggleNav > li.mainWhite > .parent {
    background-image: url("../dg_img/downArrowBlack.png");
    background-repeat: no-repeat;
	background-size: 18px auto;
}

.toggleNav > li.mainWhite.hover > .parent {
    background-image: url("../dg_img/upArrowBlack.png");
    background-repeat: no-repeat;
}

.toggleNav > li > a {
    display: block;
}
.toggleNav li  ul {
    position: absolute;
    left: -9999px;
}
.toggleNav > li.hover > ul {
    left: 0;
}
.toggleNav li li.hover ul {
    left: 100%;
    top: 0;
}

.toggleNav li.mainWhite {
    background: #FFF;
    border: none;
}
.toggleNav li.mainWhite a {
    background: #FFF;
    position: relative;
    border-top: 1px solid #fff;
	color:#000;
}

.toggleNav li.mainWhite a.single {
    background: #FFF;
    position: relative;
    border-top: 1px solid #fff;
	color:#999;
	font-size:14px;
}

.toggleNav li.mainWhite li a {
    background: #FFF;
    position: relative;
    border-top: 1px solid #f1f1f1;
	color:#000;
}
.toggleNav li.mainWhite li:last-child a {
    border-bottom: 1px solid #f1f1f1;
}
.toggleNav li.mainWhite ul li a {
    background:#f4f4f4;
	font-size:13px;
	color:#222;
    border: none;
	padding-left:30px;
}

.toggleNav ul li a {
    display: block;
    background: #151515;
	font-size:13px;
    position: relative;
    z-index:100;
    border-top: 1px solid #1b1b1b;
	color:#a8a8a8;
}

.toggleNav li.mainWhite > ul.ciao > li > a {
	color:#333 !important;
    border-bottom: 1px solid #f1f1f1;

}
.toggleNav li li li a {
    background:#212121;
	font-size:12px;
	color:#a8a8a8;
    z-index:200;
    border-top: 1px solid #1b1b1b;
}

.toggleNav li a.single {
	font-size:14px;
}

/* SOCIAL ICONS FOR FOLLOWERS WANNABE - Aggiunte da Paolo */
ul#social_ul_mobile,
ul#cl_ul_mobile {
	background: #292929;
	padding:10px 0;
}
ul#cl_ul_mobile li a{
	background:none;
	border-top:none;
}
ul#cl_ul_mobile li.on a{ color:white;}

ul#social_ul_mobile li {
	position: relative;
	display: inline-block;
	width:45px;
	height:45px;
	overflow: hidden;
	margin: 7px;
}
ul#social_ul_mobile li a{
	background:none;
	border:none;
	padding:0 !important;
}

ul#social_ul_mobile li a:link,
ul#social_ul_mobile li a:visited {
	position:          relative;
	display:           inline-block;
	*float:            left;
	width:             40px;
	height:            40px;
	overflow:          hidden;
	background-image:  url("../dg_img/ico_social_big.png");
	background-repeat: no-repeat;
	color:             rgba(0,0,0,0);
}

#int_fb a:link, #int_fb a:visited { background-position: -25px -25px; }

#int_tw a:link, #int_tw a:visited { background-position: -160px -25px; }

#int_yt a:link, #int_yt a:visited { background-position: -295px -25px; }

#int_instagram a:link, #int_instagram a:visited { background-position: -428px -25px; }

#int_pinterest a:link, #int_pinterest a:visited { background-position: -560px -25px; }

#int_gplus a:link, #int_gplus a:visited { background-position: -25px -134px; }

#int_vimeo a:link, #int_vimeo a:visited { background-position: -160px -134px; }

#int_tumbler a:link, #int_tumbler a:visited { background-position: -295px -134px; }

#int_podcast a:link, #int_podcast a:visited { background-position: -428px -134px; }

#ru_vkont a:link, #ru_vkont a:visited { background-position: -561px -134px; }

#ch_weibo a:link, #ch_weibo a:visited { background-position: -25px -237px; }

#ch_tudou a:link, #ch_tudou a:visited { background-position: -160px -237px;; }

#ch_kaixin a:link, #ch_kaixin a:visited { background-position: -295px -237px;; }

#ch_benetton a:link, #ch_benetton a:visited { background-position: -428px -237px;; }

#ch_blog a:link, #ch_blog a:visited { background-position: -562px -237px;; }
/* SOCIAL ICONS FOR FOLLOWERS WANNABE - Aggiunte da Paolo */

@media screen and (max-width: 768px) {
	#external_links { display:none !important; }
	.toggleMenuContainer {
		visibility: visible;
		display: block;
		margin:0;
	}
	.toggleMenuFooterContainer {
		visibility: visible;
		display: block;
	}
	.toggleMenuFooterContainer .active{
		background-image: none;
	}
	.toggleFooterMenu:after {
	   	content: "Ë";
		font-family:"WebSymbolsLigaRegular" !important;
		font-size:12px;
	}
	.toggleFooterMenu.active:after {
		font-family:"WebSymbolsLigaRegular" !important;
	   	content: "È";
	}
    .toggleMenu.active {
       display: block;
		background-image: url("../dg_img/upArrow.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size:18px auto;
    }
	.toggleMenuSelectContainer {
		visibility: visible;
		display: block;
		padding: 0 0 5px 0;
		margin-top: -5px;
	}
	.toggleMenuSelectContainer .active{
		background-image: url("../dg_img/upArrowBlack.png");
		background-repeat: no-repeat;
		background-position: 97% 50%;
	}
    .toggleNav > li {
        float: none;
    }
    .toggleNav > li > .parent,
    .toggleNav > li.mainWhite > .parent {
        background-position: 95% 50%;
    }
    .toggleNav li li .parent {
        background-image: url("../dg_img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .toggleNav li li.hover .parent {
        background-image: url("../dg_img/upArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .toggleNav li.mainWhite li .parent {
        background-image: url("../dg_img/downArrowBlack.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .toggleNav li.mainWhite li.hover .parent {
        background-image: url("../dg_img/upArrowBlack.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .toggleNav ul {
        display: block;
        width: 100%;
    }
   .toggleNav > li.hover > ul , .toggleNav li li.hover ul {
        position: static;
    }
	#topMenuLandingToggle .toggleNav > li { border:none; }

}


/*MULTI SELECT MENU IN LANDING PAGES*/
#topMenuLandingToggle {
	background: url('../dg_img/skincare/home/shadow03.png') center -2px no-repeat #FFF;
	background-size: 100%;
}

#topMenuLandingToggle .toggleNav a {
	font-family: 'FuturaBT-Book', 'Futura';
	padding: 15px 30px;
}
#topMenuLandingToggle .toggleMenu {
	font-family: 'FuturaBT-Book', 'Futura';
	display: inline-block;
	padding: 15px 20px;
	color: #000;
	box-sizing: border-box;
 	background-image: url("../dg_img/downArrowBlack.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
	background-color: transparent;
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	background-size: 18px auto;
}
#topMenuLandingToggle .toggleMenu.active {
	background-image: url("../dg_img/upArrowBlack.png");
}
#topMenuLandingToggle .toggleNav > li.mainWhite.hover > .parent {
	background-image: url("../dg_img/upArrowBlack.png");
	background-repeat: no-repeat;
}
#topMenuLandingToggle .toggleNav li.mainWhite {
	background-color: transparent;
}
#topMenuLandingToggle .toggleNav li.mainWhite.hover > ul li a{ 
	background-color: transparent;
	color:#2d2d2d !important;
	font-family: 'FuturaBT-Book', 'Futura';
	font-size:10px;
	line-height:10px;
	padding: 10px 30px;
	border-top:none !important;
}
#topMenuLandingToggle .toggleNav li.mainWhite:first-child {
	background: url('../dg_img/skincare/home/shadow03.png') center -2px no-repeat;
	background-size: 100%;
	background-color: transparent;
}
#topMenuLandingToggle .toggleNav li.mainWhite.hover > ul {
	background: url('../dg_img/skincare/home/shadow03.png') center -2px no-repeat;
	background-size: 100%;
	background-color:#f4f4f4;
	padding-top: 10px;
}
#topMenuLandingToggle .toggleNav li.mainWhite.hover > ul li:last-child a {
	background-image:url('../dg_img/skincare/sk_shadow_bottom_to_top.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-color:transparent;
	background-position:center bottom;
	padding-bottom:20px;
}
#topMenuLandingToggle .toggleNav > li.mainWhite > .parent {
	background-image: url("../dg_img/downArrowBlack.png");
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 13px;
	line-height: 13px;
	opacity:0.75;
	background-size: 18px auto;
}
#topMenuLandingToggle .toggleNav { background-color: transparent;}

/*END MULTI SELECT MENU IN LANDING PAGES*/