@charset "UTF-8";
/* CSS Document */
*{ margin: 0; padding:0;}
img{ width:100%; height:auto; border:0; border:none; color:#999; text-align:center;}
a{ border:0; color:#999; text-decoration:none;}
a:hover{ text-decoration:none; border:0;}
html, body {margin:0; font-family: 'Lato', sans-serif; font-weight:400; -webkit-text-size-adjust:none; background-color:#f4f4f4;}

header{ width:100%; display:block; height:auto; margin:0 auto; background-color:#000;}
.bg{ width:100%; max-width:1100px; display:block; height: auto; margin:0 auto; position: relative;}
img.logo { width:100%; max-width:321px; height:auto; display: block; margin:0 auto; padding:8px 0;}
.cont { width:100%; max-width:900px; height:auto; display:block; margin:0 auto; text-align:center; position: absolute; z-index:1; left:0; right:0; top:0;}
.cont ul{ max-width:900px; width:100%; margin:0 auto; padding:0; display:block; list-style:none;}
.cont ul li{ background-color:#121212; display: inline-block; vertical-align:top; width:100%; max-width:400px; border-radius:8px; padding:15px 0; margin:1%; }
.cont ul li img{ width:100%; max-width:378px; height:auto; display:block; margin:0 auto;}
.cont ul li .coupon{ color:#f4f4f4; font-size:42px; line-height:42px; margin:0 auto; text-align:center; font-family: 'Poiret One', cursive;}
.cont a.cta{ width:100%; max-width:450px; font-weight:900; text-decoration: none; text-transform:uppercase; border-radius:5px; font-size:50px; line-height:46px; background-color:#1da5f6; padding:15px 10px; border: none; box-sizing:border-box; display:block; margin:25px auto 0 auto; height:auto; animation-name: hover; color:#FFF;
-webkit-animation-name: hover;animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;}
.cont a.cta span{font-size:18px; line-height:16px; font-weight:300;}
strong{font-weight:700;}

footer{padding:25px 0 30px 0;}
footer ul{ width:98%; padding-bottom:15px; margin:0 auto; display:block; list-style:none; text-align:center; max-width:900px;}
footer ul li{ display: inline-block; vertical-align:top; background-image:url(images/footer-img.png); background-repeat:no-repeat; height:40px; width:100%; margin-bottom:5px;}
footer ul li a{ display: block; height:40px; width:100%; }
footer ul li.phone{ background-position:0 0; max-width:221px;}
footer ul li.chat{ background-position:-233px 0; max-width:138px; margin-left:5px;}
footer ul li.facebook{ background-position:-399px 0; max-width:40px; margin-left:20px;}
footer ul li.twitter{ background-position:-450px 0; max-width:40px; margin-left:5px;}
footer ul li.pm{ background-position:-578px 0; max-width:321px; margin-left:75px;}
footer p{ margin:0 auto; width:95%; max-width:900px; display:block; font-size:11px; line-height:normal; text-align: justify; color:#555;}


@media only screen and (max-width:930px){
	.bg{ padding-top:40px;}
	footer ul li{ height:36px; background-size:cover;}
	footer ul li.phone{ background-position:0 0; max-width:200px; margin-left:0;}
	footer ul li.chat{ background-position:-210px 0; max-width:130px; margin-left:5px; margin-right:5px;}
	footer ul li.facebook{ background-position:-357px 0; max-width:40px;}
	footer ul li.twitter{ background-position:-403px 0; max-width:40px; margin-left:0;}
	footer ul li.pm{ background-position:-520px 0; max-width:290px; margin-left:10px; }
	footer p{ width:90%;}	
}
@media only screen and (max-width: 880px){
	.bg{ padding-top:60px;}
	img.logo { width:45%; padding:8px 0 6px 0;}
	.cont ul li{ width:46%;}
	.cont ul li img{ width:95%;}
	.cont a.cta{ width:52%;}				
}
@media only screen and (max-width: 768px){
	.bg{ padding-top:100px;}			
}
@media only screen and (max-width: 668px){
	.cont ul li .coupon{ font-size:35px; line-height:35px;}				
}
@media only screen and (max-width:568px){	
	.cont ul li .coupon{ font-size:30px; line-height:30px;}
	footer ul li{ height:32px; background-size:cover;}
	footer ul li.phone{ max-width:180px;}
	footer ul li.chat{ margin-left:0; background-position:-185px 0; max-width:120px;}
	footer ul li.facebook{ margin-left:10px; background-position:-315px 0;}
	footer ul li.twitter{ margin-left:0; background-position:-355px 0;}
	footer ul li.pm{ margin:0 auto; display: block; background-position:-431px 0;}		
}
@media only screen and (max-width:498px){
	.bg{ padding-top:400px;}
	.cont ul li{ width:90%; display:block; margin:0 auto 12px auto; padding:12px 0;}
	.cont ul li img{ width:70%;}
	.cont a.cta{ width:65%;}
	.cont ul li .coupon{ font-size:32px; line-height:32px;}
	footer{ padding:15px 0 30px 0;}
	footer ul li{ height:auto;}
	footer ul li.phone{ max-width:224px; width:100%; margin:0 auto 5px auto; display: block;}
	footer ul li.chat{ background-position:-232px 0; max-width:142px; width:100%; margin-left:0;}
	footer ul li.facebook{ background-position:-397px 0; max-width:42px; margin-left:8px; display:inline-block;}
	footer ul li.twitter{ background-position:-450px 0; max-width:42px; display:inline-block; margin-left:2px;}
	footer ul li.pm{ display: none;}		
}
@media only screen and (max-width:320px){
	.bg{ padding-top:310px;}
	.cont ul li{ padding:10px 0;}
	.cont ul li:nth-child(2){ padding:3px 0 10px 0;}
	.cont ul li .coupon{ font-size:30px; line-height:30px;}
	.cont a.cta{font-size:30px; line-height:30px;}
	.cont a.cta span{font-size:15px; line-height:18px;}
}

@keyframes hover {
0% {transform: translateY(0%);}
50% {transform: translateY(8%);}
100% {transform: translateY(0%);}
}
@-webkit-keyframes hover {
0% {-webkit-transform: translateY(0%);}
50% {-webkit-transform: translateY(8%);}
100% {-webkit-transform: translateY(0%);}
}