/* Marketing Popup Prestashop module
 * Copyright 2014, Prestaddons
 * Author: Prestaddons
 * Website: http://www.prestaddons.fr
 */

/* Styles du module Marketing Popup */
#marketing-popup *,
#marketing-popup *:before,
#marketing-popup *:after {
    box-sizing: border-box;
}
.fancybox,
#marketing-popup{
	display:none;
}
#marketing-popup p{
	margin:0;
	padding:0;
}
#marketing-popup img{
	max-width:100%;
	height:auto;
}
#marketing-popup .block-features{
	width:100%;
}
#marketing-popup .block-newsletter,
#marketing-popup .block-social{
	width:100%;
	height:59px;
	background-color:#3F3F3F;
	padding:10px 15px;
}
#marketing-popup .block-newsletter{
	position:absolute;
	bottom:0;
}
#marketing-popup .block-social{
	position:relative;
	top:0;
}
#marketing-popup .block-newsletter h4,
#marketing-popup .block-social h4{
	float:left;
	font-size:20px;
	line-height:20px;
	color:#ffffff;
	margin:9px 0;
}
#marketing-popup .block-newsletter .newsletter-input{
	float:right;
	background-color:#3C3C3C;
	border:1px solid #515151;
	color:#ffffff;
	display:inline-block;
	height:40px;
	padding:5px 43px 5px 12px;
}
#marketing-popup .block-newsletter .button-small:before{
	content: "\f138";
}
#marketing-popup .block-newsletter .button-small:hover{
	color:white !important;
}
#marketing-popup .block-newsletter .button-small{
	margin-left: -38px;
	border: none;
	background: none;
	box-shadow: none;
	text-align: center;
	color: #908f8f;
	padding-top: 10px;
	position:absolute;
	right:25px;
	font-family: "FontAwesome";
    font-size: 28px;
    line-height: 20px;
}
#marketing-popup .block-newsletter .button-small span,
#marketing-popup .block-social ul li a span{
	display:none;
}
#marketing-popup .block-social ul{
	float:right;
}
#marketing-popup .block-social ul li{
	float:left;
	text-align:center;
	width:40px;
}
#marketing-popup .block-social ul li a{
	display:inline-block;
	color:#908f8f;
	font-size:24px;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4)
}
#marketing-popup .block-social ul li a:before{
	display:inline-block;
	font-family:"FontAwesome";
	vertical-align:-10px;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
#marketing-popup .block-social ul li a:hover{
	color:white;
}
#marketing-popup .block-social ul li.facebook a:before{
	content:"\f09a";
}
#marketing-popup .block-social ul li.twitter a:before{
	content:"\f099";
}
#marketing-popup .block-social ul li.rss a:before{
	content:"\f09e";
}
#marketing-popup .block-social ul li.youtube a:before{
	content:"\f167";
}
#marketing-popup .block-social ul li.google-plus a:before{
	content:"\f0d5";
}
#marketing-popup .block-social ul li.pinterest a:before{
	content:"\f0d2";
}
@media only screen and (max-width: 479px) {
	#marketing-popup .block-newsletter .newsletter-input{
		width:50% !important;
	}
	#marketing-popup .block-newsletter h4,
	#marketing-popup .block-social h4{
		font-size:18px;
	}
	#marketing-popup .block-social ul li{
		width:32px;
	}
	#marketing-popup .block-newsletter .button-small,
	#marketing-popup .block-social ul li a{
		font-size:22px;
	}
}
@media only screen and (max-width: 360px) {
	#marketing-popup .block-newsletter h4,
	#marketing-popup .block-social h4{
		font-size:16px;
	}
	#marketing-popup .block-social ul li{
		width:28px;
	}
	#marketing-popup .block-newsletter .button-small,
	#marketing-popup .block-social ul li a{
		font-size:18px;
	}
}
/* Section dynamique générée par le backoffice */
	.marketing-popup-bg,
	#fancybox-outer {
		background-color: #000000 !important;
	}
	#marketing-popup .block-newsletter .newsletter-input {
		width: 70%;
	}