#dsp_body{
	margin: 0 auto 0 auto;
    max-width: 1202px;
    width: auto;
    position: relative;
    display: block;
}
.black-banner,
.black-bar{
	display: none;
}
.rollover{
	float:left;
	position:relative;
}

.rollover img.hover{
	display:none !important;
}

.rollover:hover img.hover{
	position:absolute;
	top:0;
	left:0;
	display:block !important;
}

.section{
	position: relative;
    max-width: 1202px;
    margin: 0 auto;
    top: unset !important;
}
.section1{
	position: relative;
    max-width: 1202px;
    margin: auto;
    display: flex;
}
img{
	max-width: 100%;
}
.cta1{
    position: absolute;
    top: 84.5%;
    left: 38.05%;
    width: 24.036603%;
}
.cta1_v1{
    position: absolute;
    top: 76.2%;
    left: 62.8%;
    width: 24.036603%;
    z-index: 100;
 }   
.cta2{
    position: absolute;
    bottom: 16%;
    left: 37.4%;
    width: 25.03660322108346%;
}
.hero_login{
	position: absolute;
	bottom: 20%;
    left: 64.7%;
	width: 16.3%;
	height: 3%;
}
.mainImage1{
	position:relative;
	width:1200px;
	margin: 0 auto;
}
.mainImage{
	position:relative;
	width:1200px;
	margin: 0 auto;
}
.main-image-container, .bgImage{
	min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    clear: both;
    text-align: center;
	position:relative;
}
.scroller1 {
	clear: both;
	max-width: 1202px;
	position: relative;
    margin: auto;
}
.cycle-scroll {
    width: 100%;
}
.cycle-scroll .slide img.placeholder {
    visibility: hidden;
}
.cycle-scroll .slide img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.scroller1 .left{
	left: 3%;
}

.scroller1 .right{
	right: 3%;
}
.scroller1 .next, .scroller1 .prev{
    position: absolute;
    top: 40%;
    z-index: 100;
    cursor: pointer;
    max-width: 39px;
    width: 6%;
}
.container1{
	overflow:hidden;
}
.scroller1 .navi-scroll{
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 100;
    bottom: 3%;
}

.scroller1 .navi-scroll a{
	display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 0 3px;
    font-size: 0;
    border: solid 1px #fff;
    background-color: #fff;
    position: relative;
}

.scroller1 .navi-scroll a.activeSlide{
    border: solid 1px #000;
    background-color: #000;
}

.scroller1 .navi-scroll a.activeSlide:before{
    border:solid 1px #000;
}
/******/

.section.how-works{
	float:left;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position:relative;
	text-align:center;
}
.secton.how-works img{width:auto !important}
.section.how-works h1,
.section.how-works h2,
.section.how-works h3{
	margin:0;
	padding:0;
}

.section.how-works h1{
	font-size:18px;
}

.section.how-works h2{
	font-size:40px;
}

.section.how-works h3{
	font-size:16px;
	font-family:Calibri-Bold;
	line-height:20px;
	margin:25px 0 0 0;
	padding:0 40px;
	font-weight:normal;
}

.section.how-works .copy{
	width:980px;
	margin:0 auto;
	display:table;
	text-align:center;
	position:relative;
	color:#000;
	letter-spacing:1px;
}

.section.how-works .copy.white{
	color:#fff;
}

.section.how-works .copy.black{
	color:#000;
}

.section.how-works .inner{
	margin:0 auto;
	min-width:980px;
	max-width:1220px;
	padding:80px 0;
	background-color:#f4f3f8;
}
.section.how-works .inner2{
	margin:0 auto;
	min-width:980px;
	max-width:1220px;
	padding:90px 0;
	background-color:#f4f3f8;
}

.section.how-works .steps{
	float:left;
	width:100%;
	margin:25px 0 30px 0;
}

.section.how-works .steps .step{
	float:left;
	width:27%;
	padding:20px 3%;
	text-align:center;
	font-family:Calibri, "Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	letter-spacing:0.01em;
	line-height:24px;
}

.section.how-works .steps .step span{
	font-family:Calibri-Bold, "Trebuchet MS", Arial, sans-serif;
	font-size:22px;
	line-height:30px;
	display:block;
	margin-bottom:10px;
}

.section.how-works .steps .step i{
	display:inline-block;
	width:90px;
	height:90px;
	margin-bottom:10px;
	background:url('//jf-na-cdn.justfab.com/image/site/en_US/brand/story_work_sprite.png') top left no-repeat;
}

.section.how-works .steps .step i.note{
	background-position:0 0;
}

.section.how-works .steps .step i.store{
	background-position:-87px 0;
}

.section.how-works .steps .step i.trophy{
	background-position:-174px 0;
}

.section.how-works .steps .step i.skip{
	background-position:-886px 0;
}

.section.how-works .steps .step i.money{
	background-position:-974px 0;
}

.section.how-works .steps .step i.phone{
	background-position:-1062px 0;
}

.section.how-works .steps .step i.shoes{
	background-position:-622px 0;
}

.section.how-works .steps .step i.truck{
	background-position:-710px 0;
}

.section.how-works .steps .step i.price{
	background-position:-798px 0;
}

.section-v2.how-works-v2 {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.section-v2.how-works-v2 .inner {
    margin: 0 auto;
    width: 1100px;
    padding: 20px 0;
}
.section-v2.how-works-v2 h1 {
    font: 68px/1 PNovaBold;
    letter-spacing: 6px;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0;
    color: #000;
}
.section-v2.how-works-v2 .steps {
    float: left;
    width: 100%;
    margin: 25px 0;
    padding: 0px 0 40px 0;
    color: #000;
}
.section-v2.how-works-v2 .steps .step {
    float: left;
    width: 360px;
    padding: 0 30px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.section-v2.how-works-v2 .steps .step:nth-child(2) {
    width: 375px;
    padding: 0;
}

@media screen and (max-width: 980px) {
	.ugc{
		width:100% !important;
	}

	.ugc .thumbs{
		height: auto !important;
		float: none;
		margin: 0 auto;
		width: 75%;
	}

	.ugc .thumbs .column{
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.ugc .thumbs .column .ugc-lb-thumb{
		width:33.3% !important;
	}

	#ugc_lb .container{
		height:auto !important;
		width:700px !important;
	}

	#ugc_lb .large-image-container{
		width:55% !important;
		height: auto !important;
	}

	#ugc_lb .ugc-content{
		width:45% !important;
	}

	#ugc_lb .products {
	height:220px !important;
		overflow: hidden !important;
	}

	#ugc_lb .icon-angle-left, #ugc_lb .icon-angle-right{
		top:160px;
	}
}