body { background:#fff; margin:0; padding:0; overflow-x:hidden }
.clear { clear:both; line-height:0px; height:0px; font-size:0px;}
ul { list-style:none}
:focus {outline:none;}
a { text-decoration:none}
img { border:none;max-width:100%;  }
h1, h2, h3, h4, h5 , h6 { font-weight:normal}
#home-wide { background:url(../images/home-wide-bg.jpg) repeat; width:100%; margin:0; padding:0; height:100%; }
#home { max-width:1005px; margin:0 auto; padding:0; text-align:center; height:100%;}
.logobox { line-height:0; font-size:0; width:100%; height:43%;}
.logo {height: 100%; margin-top: 0px; width:auto !important; }
#updated { background:url(../images/updated-form-bg.png) no-repeat; max-width:559px; height:56px; margin:0 auto 0; padding:0}
#updated input { background:none; border:none; font-family: "futura-pt", "futura-pt-n3",sans-serif; font-weight:300; height:56px; line-height:56px; margin:0; color:#484749; font-size:20px; padding:0 0 0 20px; width:340px; float:left}
#updated .keep-me-updated { background:url(../images/keep-me-updated-btn.png) no-repeat; display:block; float:right; margin:5px 5px 0 0; padding:0; line-height:normal; cursor:pointer; border:none; font-size:0px; text-indent:-9999; width:187px; height:46px;}
#updated .keep-me-updated:hover { background:url(../images/keep-me-updated-btn.png) no-repeat 0 -46px}
h1 { color:#ffffff; font-size:0.060em; margin:0; padding:0; font-family: "futura-pt", "futura-pt-n7",sans-serif; font-weight:700; line-height:1;}
h4 { color:#ffffff; font-size:0.0250em; margin:0; padding:0; line-height:1.3;font-family: "futura-pt", "futura-pt-n3",sans-serif; font-weight:300;}
.bolder { font-family: "futura-pt", "futura-pt-n7",sans-serif; font-weight:700;}
.social-links { margin:0 auto;max-width: 216px;padding: 0; height:6.4%;}
.social-links li { margin:0 11% 0 0; padding:0; float:left; width:26%; font-size:0; height:100% }
.social-links li.last { margin-right:0}
.social-links li a { max-width:100%}
.social-links li a img {max-height:100%; width:auto}
#next { background:none; display:block; margin:0 auto; padding:0; width:auto; height:8%; font-size:0; line-height:0}
#next:hover { opacity: 0.7; filter:alpha(opacity=70);}
#next img {height:100%; width:auto}
#drag-wide { width:100%; margin:0; padding:0;height:100%}
#drag {width:100%; margin:0; padding:0px; text-align:center;}
#drag .image-container { bottom: -7%; height: 65.5%; margin: 0; position: absolute; width: 100%;}
#drag .image-container img {height:100%}
#drag .top { height:60%;background:url(../images/drag-wde-bg.jpg) no-repeat top center;}
#drag .content, #match .content, #use .content, #funny .content {max-width:1005px; margin:0 auto; height:100%; position:relative}
.bottom { height:40%}
#drag h1 {font-size:0.058em; line-height:1.2}
#drag h4 {font-size:0.0255em; line-height:1.6; background-image:url(../images/drop-h4-bg.png); background-size: cover; -moz-background-size: cover;  /* Firefox 3.6 */  background-position: center; background-repeat:no-repeat;  /* Internet Explorer 7/8 */ display: inline-block; height: 10.5%; line-height: 1.3; margin: 0 auto; padding: 5px 33px 7px; padding:5px 120px 7px\9 }
.info { float:left; margin:0; padding:0; width:47%; height:45%}
.info.last { float:right}
.info .image {height:39%; width:auto; float:left; width:20%}
.info .image img {height:100%; width:auto}
.infos { float:right; margin:0; padding:0; width:76%; text-align:left}
h4.different {font-family:"futura-pt", "futura-pt-n7",sans-serif; font-weight:700;padding:0 0 13px !important; background:none !important; font-size:0.028em; }
h4.different.green {color:#3fba92;}
#drag #next { height:23%}
p { color:#3d3f42; font-size:0.020em; font-family:"futura-pt", "futura-pt-n3",sans-serif; font-weight:300; margin:0; padding:0; line-height:1.5}
#next.darker { background:url(../images/next-btn-darker.png) no-repeat}
#next.darker:hover { background:url(../images/next-btn-darker.png) no-repeat 0 -96px}
#match-wide {  margin:0; padding:0; width:100%;height:100%}
#match {margin:0; padding:0; text-align:center}
#match .image-container { bottom: 0px; height: 65.5%; margin: 0; position: absolute; width: 100%;}
#match .image-container img {height:100%}
#match .top { height:60%;background:url(../images/match-wide-bg.jpg) no-repeat top center; }
#match #next {height: 23%;}
#match .info { height:52%}
h4.different.blue { color:#1a9fc0;}
#use-wide { background: no-repeat top center; margin:0; padding:0;height:100%}
#use {margin:0; padding:0; text-align:center}
#use .image-container { bottom: 0; height: 65.5%; margin: 0; position: absolute; width: 100%; font-size:0; line-height:0}
#use .image-container img {height:100%}
#use .top { height:60%;background:url(../images/use-wide-bg.jpg) no-repeat bottom center; }
#use #next {height: 23%;}
h4.different.orange { color:#e4662e; width:100% !important}
#use h4 {font-size:0.0240em; width:94%; margin:0 auto}
#use .info {  height:50%}
#funny-wide { margin:0; padding:0; width:100%;height:100%}
#funny {margin:0; padding:0; text-align:center}
#funny .top { height:60%;background:url(../images/sunny-wide-bg.jpg) no-repeat bottom center; }
#funny .image-container { bottom: 0; height: 65.5%; margin: 0; position: absolute; width: 100%;}
#funny .image-container img {height:100%}
#funny #next {height: 23%;}
h4.different.light-green { color:#9db638; width:100% !important }
#next.go-to-top { background:url(../images/next-btn-go-to-top.png) no-repeat}
#next.go-to-top:hover { background:url(../images/next-btn-go-to-top.png) no-repeat 0 -96px}
#funny .info {  height:52%}
#funny h4 { width:75%; margin:0 auto}



#everything-wrapper {
    display : none;
}
.fancybox-title.fancybox-title-float-wrap {display:none}
.image-container { font-size:0; line-height:0; margin:0 auto !important; left:0}
.image {font-size:0; line-height:0}