*, *:before, *:after{box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
a,img{border:0; outline:0;}
a,a:hover,a:visited{color:#000000;}
img{max-width:100%;}
ul{list-style:none; margin:0; padding:0;}
input{border-radius:0;}
h1{ margin:0; padding:60px 0 20px; font-size:36px; display:block; border-bottom:1px solid #000000;letter-spacing:0.05em;}
.hide-for-big{display:none;}
.hide-for-small{display:inherit;}
.hide{display:none;}
.abs{position:absolute !important;}
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.padtop{padding-top:100px;}
.header, .content, .footer{width:100%;clear:both;}

.header{height:60px;background:#000000;color:#ffffff;}
	.header .logo{padding:15px 0 0 0;}
	.header .shop{position:absolute; right:0; top:14px;}
	
.wrapper{width:980px;margin:0 auto; position:relative;}
/*body{background:url(img/xoxo_bg_side.png) no-repeat top right;}*/
#main{padding-bottom:1135px;}
#static{padding-bottom:100px;}
#main,
#static{background:none/*url(img/xoxo_bg_base.png) no-repeat center bottom*/}

.grid{float:left;}
.grid_20{width:20%}
.grid_25{width:25%}
.grid_40{width:40%}
.grid_50{width:50%}
.grid_60{width:60%}
.grid_75{width:75%}
.grid_80{width:80%}
.grid_100{width:100%}

.xoxo_desk{top:-35px;left:0;}
.xoxovideo{top:20px; right:0; z-index:2;width:525px; height:295px; cursor:pointer;outline:0;overflow:hidden;}
.xoxovideo video{width:525px; height:295px;}

.mbvideo{position:relative;}
#mobileVideo{top:0; left:0;}
.mbvideo video,
#mobileVideo video{}

.xoxoslider{top:335px; right:0; z-index:3; width:574px; height:665px; overflow:hidden;}
.xoxoslider.onleft{top:0px; left:0; z-index:3; width:574px; height:665px; overflow:hidden;}
.xoxoslider.onleft .headlinetop{ z-index:3;}
.xoxo_gobehind{top:0; right:0; z-index:4; cursor:pointer;}
.xoxo_gobehind.bottom { top: auto; bottom:6em;}
.bts_slider_prev{left:0px;top:0;}
.bts_slider_next{right:0px;top:0;}

.bts_slider li{width:575px;}
.instagram_slider #instafeed li {margin-right:16px; max-width:233px;}
.instagram_slider #instafeed li a{position:relative;display:block;}
.instagram_slider #instafeed li a .hover{position:absolute; top:0; left:0; background:url(img/ig_overlay.png);}
.instagram_slider #instafeed li img{max-width:233px;}

	.instagram_slider #instafeed li a .hover ul{list-style:none; margin:0;padding:0;position:absolute; bottom:10px; right:14px; width:84px;}
	
	.instagram_slider #instafeed li a .hover ul li{float:left; text-indent:-9999px; margin:0 0 0 7px;}
	.instagram_slider #instafeed li a .hover ul li a{height:34px; background:url(img/ig_share.png) no-repeat; display:block;z-index:10;}
	
	.instagram_slider #instafeed li a .hover ul li.fb a{ width:35px; }
	.instagram_slider #instafeed li a .hover ul li.tw a{ width:35px; background-position: -42px 0; }

.ig-control-prev{left:-100px;top:166px;}
.ig-control-next{right:-100px;top:166px;}

#vip{height:234px; background:#000000; color:#ffffff;}
.vipinputs{width:366px; margin:0 auto;}

.input{width:307px; height:42px; border:1px solid #ffffff; background:#000000; color:#ffffff;padding:10px 10px 10px 16px; font-style:italic;}
.submit{width:59px; height:42px; border:1px solid #ffffff; border-left:0; background:url(img/submit.jpg) no-repeat center center #000000; text-indent:-9999px;}

.jcarousel {position: relative;overflow: hidden;}
.jcarousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.jcarousel li {float: left;}


.vendors{list-style:none; margin:0;padding:0 0 90px;}

.vendors li{float:left; margin:0 16px 16px 0; position:relative; width:316px;}
.vendors li.last{margin:0 0 16px 0;}
.vendors li .hover{position:absolute; top:0;left:0; margin:0 16px 16px 0; width:100%;}

#footer{height:260px; background:#000000; color:#ffffff;}
	#footer .slot{float:left;position:relative;margin-bottom:30px;}
	#footer .f1{width:216px;margin-right:40px;margin-top:26px;}
	#footer .f2{width:340px;margin-right:40px;margin-top:24px; overflow:hidden; height:150px;}
	#footer .f3{width:344px;margin-top:18px;}
	
	#footer .input{width:283px;}
	#footer .footersuccess{padding-top:80px;}
	#footer .footersuccess img{margin:0 auto;}
	
	.footer_social{list-style:none; margin:0;padding:0;}
	
	.footer_social li{float:left; text-indent:-9999px;}
	.footer_social li a{height:26px; background:url(img/footer_social.jpg) no-repeat; display:block;}
	
	.footer_social li.facebook a{ width:31px; }
	.footer_social li.twitter a{ width:51px; background-position: -31px 0; }
	.footer_social li.tumblr a{ width:45px; background-position : -82px 0; }
	.footer_social li.pinterest a{ width:51px; background-position : -127px 0; }
	.footer_social li.instagram a{ width:38px; background-position : -178px 0; }
	
	#footer .copyright{border-top:1px solid #4b4a4a;}
	#footer .copyright div{margin-top:15px;font-family:helvetica; color: #717171; font-size:10px; text-transform:uppercase;}
	#footer .copyright a{ color:#717171; text-decoration:none;}

#float_social {position:fixed; left:0; top:230px;}
	#float_social ul{list-style:none; margin:0;padding:0;width:47px;height:235px;}
	
	#float_social ul li{text-indent:-9999px;}
	#float_social ul li a{width:47px; background:url(img/xoxo_social_block.jpg) no-repeat; display:block;}
	
	#float_social ul li.facebook a{ height:47px; }
	#float_social ul li.facebook a:hover{ background-position: -47px 0; }
	
	#float_social ul li.twitter a{ height:47px; background-position: 0 -47px; }
	#float_social ul li.twitter a:hover{ background-position: -47px -47px; }
	
	#float_social ul li.tumblr a{ height:47px; background-position : 0 -94px; }
	#float_social ul li.tumblr a:hover{ background-position : -47px -94px; }
	
	#float_social ul li.pinterest a{ height:47px; background-position : 0 -141px; }
	#float_social ul li.pinterest a:hover{ background-position : -47px -141px; }
	
	#float_social ul li.instagram a{ height:47px; background-position : 0 -188px; }
	#float_social ul li.instagram a:hover{ background-position : -47px -188px; }
	
	.back-to-top{bottom:20px; display:none; position:fixed; right:20px; z-index:100;}
	
.vendors:after,
.wrapper:after,
.vipinputs:after,
#footerform:after {content:'';display:block;clear: both;}


label.error{color:red; position:absolute; bottom:-23px; font-size:12px;left:0;width:100%;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

@media screen and (max-width: 1180px) {
	.instagram_slider{width:780px;margin:0 auto;}
	.instagram_slider #instafeed li,
	.instagram_slider #instafeed li img{max-width:182px;}
	.ig-control-prev{left:0px;top:138px;}
	.ig-control-next{right:0px;top:138px;}
}

@media screen and (max-width: 980px) {
  p{margin:1em 2em;}
  body, #static{background:none;}
  #static{padding-bottom:0px;}
  .hide-for-small{display:none !important;}
  .hide-for-big{display:inherit;}
  .wrapper{width:100%;min-width:320px;}
  .header .shop{position:absolute; right:20px;}
  .header .logo{text-align:left; padding:15px 0 0 20px;}
  .padtop{padding-top:0;}
  
  #vip{height:auto;}
  #vip .wrapper{width:62%; min-width:280px; margin:0 auto; padding:50px 0;}
  .vipinputs{width:100%; margin-top:30px;}
  .vipinputs .input, #footer .input{width:88%;}
  .vipinputs .submit, #footer .submit{width:12%;}
  .vipsuccess{padding:61px 0 60px;}
  #footer .input, #footer .submit{margin:20px 0;}
  label.error{bottom:24px;}
  #footer label.error{bottom:0px;}
  
  #footer{height:auto;}
  .slot{float:none; display:block; margin:0;}
  #footer .f1, #footer .f2, #footer .f3{width:100%; margin:0;}
  #footer .footersuccess, #footerform{width:62%; min-width:280px; margin:0 auto;}
  .footer_social{width:100%;max-width:920px; margin:0 auto;}
  .footer_social li{text-indent:none; width:20%;}
  .footer_social li a{width:auto !important; height:auto; background:none;}
  #footer .footersuccess{padding:41px 0;}
  #footer .copyright{border:0; padding-bottom:20px;}
  #footer .copyright .left, #footer .copyright .right{float:none; display:block;font-size:16px; text-align:center;}
  #main{padding:0}
  .abs.xoxovideo, .abs.xoxoslider{position:relative !important; width:100%; height:auto; top:auto; left:auto}
  .abs.xoxovideo {position: relative;padding-bottom: 56.2%;padding-top: 25px;height: 0}
  .abs.xoxovideo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
}

.findus h1  {
	font-family:'Trade Gothic Next W01', sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 0em;
	font-size: 2.8em;
	margin-bottom: .5em;
	
}
.findus h2 {
	font-family:'Trade Gothic Next W01', sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0 0 .2em;
	font-size: 1.8em;
}
.findus p {
	font-family:'Trade Gothic Next W01', sans-serif;
	font-style: normal;
	font-weight: 500;
	margin:  0em 0;
	font-size: 1.5em;
	line-height: 1.3em;
}
.findus p.btn {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.1em;
	margin-top: .6em;
	border: solid 1px black;
	display:inline-block;
	padding: .2em .5em;
}		
.findus p.btn a {text-decoration:none; display: block;}
.findus p.btn:hover {background: #000; }
.findus p.btn:hover a {color: #fff;}
.findus p.btn.inactive {border-color: #aaa; color: #666;}
.findus p.btn.inactive:hover {background: none;}

@media screen and (min-width: 651px){
.findus ul {
	margin-top: 0;
	  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
            -webkit-column-width:48%;
     -moz-column-width:48%;
          column-width: 48%;
          -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}
.findus li {
	
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
               margin-bottom: 3em;
               }
    }
    @media screen and (max-width: 800px){
   		.findus {padding-left: 2em !important; padding-right: 2em !important;}
    
    }
     @media screen and (max-width: 650px){
     	
     	.findus {font-size: 90% !important; text-align: center !important;
     		padding-left: 3em !important; padding-right: 3em !important;
     	}
     	.findus h1 {font-size: 2.3em;}
     	.findus li {
     		padding: 1.5em 0 2em;
     		border-bottom: solid 1px #ccc;
     		margin-bottom: 0;
     	}
     	.findus li:first-child {padding-top: 0;}
     	
      }/*smalltablet*/