@font-face {
	font-family: 'Futura';
	src: url('fonts/FuturaStd-Book.eot');
	src: url('fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/FuturaStd-Book.woff2') format('woff2'),
		url('fonts/FuturaStd-Book.woff') format('woff'),
		url('fonts/FuturaStd-Book.ttf') format('truetype'),
		url('fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: 'Futura';
	src: url('fonts/FuturaStd-Condensed.eot');
	src: url('fonts/FuturaStd-Condensed.eot?#iefix') format('embedded-opentype'),
		url('fonts/FuturaStd-Condensed.woff2') format('woff2'),
		url('fonts/FuturaStd-Condensed.woff') format('woff'),
		url('fonts/FuturaStd-Condensed.ttf') format('truetype'),
		url('fonts/FuturaStd-Condensed.svg#FuturaStd-Condensed') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Futura';
	src: url('fonts/FuturaStd-Bold_1.eot');
	src: url('fonts/FuturaStd-Bold_1.eot?#iefix') format('embedded-opentype'),
		url('fonts/FuturaStd-Bold_1.woff2') format('woff2'),
		url('fonts/FuturaStd-Bold_1.woff') format('woff'),
		url('fonts/FuturaStd-Bold_1.ttf') format('truetype'),
		url('fonts/FuturaStd-Bold_1.svg#FuturaStd-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

html, body{
	font-family: 'Futura', Arial, Helvetica, sans-serif;
	font-weight: 300;
}


*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
}

.hc-page{
	width:100%;
	position: relative;
}

.hc-page .hc-steps-cont{
	width:100%;
	overflow-x:hidden;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

.hc-page .hc-steps-cont #hc-steps{
	width:400%;
	font-size:0;
	text-align:left;
	
	-webkit-transition:all 400ms cubic-bezier(0.1, 0.12, 0, 1);
	-moz-transition:all 400ms cubic-bezier(0.1, 0.12, 0, 1);
	-ms-transition:all 400ms cubic-bezier(0.1, 0.12, 0, 1);
	-o-transition:all 400ms cubic-bezier(0.1, 0.12, 0, 1);
	transition:all 400ms cubic-bezier(0.1, 0.12, 0, 1);
}

.hc-page .hc-steps-cont #hc-steps.step1{
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
}

.hc-page .hc-steps-cont #hc-steps.step2{
	-webkit-transform:translateX(-25%);
	-moz-transform:translateX(-25%);
	-ms-transform:translateX(-25%);
	-o-transform:translateX(-25%);
	transform:translateX(-25%);
}

.hc-page .hc-steps-cont #hc-steps.step3{
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

.hc-page .hc-steps-cont #hc-steps.step4{
	-webkit-transform:translateX(-75%);
	-moz-transform:translateX(-75%);
	-ms-transform:translateX(-75%);
	-o-transform:translateX(-75%);
	transform:translateX(-75%);
}

.hc-page .hc-steps-cont #hc-steps .step{
	display:inline-block;
	vertical-align:top;
	width:25%;
	font-size:15px;
	text-align:center;
}

.hc-page .hc-steps-cont #hc-steps .step.step2,
.hc-page .hc-steps-cont #hc-steps .step.step3{
	font-size:0;
}

.hc-page .hc-steps-cont #hc-steps .step .blk{
	display:inline-block;
	vertical-align:middle;
	padding:10px 0;
	width:50%;
	font-size:16px;
}

.hc-page .hc-steps-cont #hc-steps .step.step2 .blk{
	vertical-align:top;
}

.hc-page .hc-steps-cont #hc-steps .step.step1 .blk.right{ margin-top:130px;}

.hc-page .hc-steps-cont #hc-steps .step.step1 .blk {
	width: 100%;
	padding: 0;
}

.hc-page .hc-steps-cont #hc-steps .step.step2 .type{
	margin:0 auto;
}

.canFlatCont,
.can3dCont {
    position: relative;
}

.can3dCont {
	max-width: 220px;
    width: 30%;
	min-height:600px;
}

.canFlatCont {
	max-width: 670px;/*1370px;*/
    width: 80%;
}

.canCont {
    height: auto;
    position: relative;
    width: 100%;
    z-index: 2;
}

.can3dCont .userImg {
    left: 2px;
    position: absolute;
    top: 10%;
    width: 80%;
    z-index: 1;
}

.canFlatCont .userImg {
    left: 41%;
    position: absolute;
    top: 14%;
    width: 28%;
    z-index: 1;
}

.canCont img,
.userImg img {
    height: auto;
    width: 100%;
	display:block;
}







.stepIndWrap{ padding-bottom:22px;}

.stepIndWrap .stepIndCTAs {
	text-align: center;
	padding: 10px;
	max-width: 880px;
	margin: 0 auto;
	font-size: 0;
	border-bottom: 2px solid #e4e4e4;
	padding-bottom: 32px;
}

.stepIndWrap .stepIndCTAs .stepWrapper{
	display:inline-block;
	width:33.33%;
}

.stepIndWrap .stepIndCTAs .stepInd{
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	color:#000;
	text-align:center;
	line-height:28px;
	font-size:16px;
	cursor:pointer;
	margin:0 5px;
}
.stepIndWrap .stepIndCTAs .stepInd font,
.stepIndWrap .stepIndCTAs .stepInd span{
	display:block;
}
.stepIndWrap .stepIndCTAs .stepInd font {
	font-weight: 700;
	font-size: 25px;
	width: 50px;
	height: 50px;
	background: #001e3c;
	color:#fff;
	margin: 0 auto;
	vertical-align: middle;
	display: inline-table;
	border-radius: 100px;
	box-shadow:0px 0px 2px 1px #ccc;
}
.stepIndWrap .stepIndCTAs .stepInd font dd {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	position: relative;
	text-align: center;
}

.stepIndWrap .stepIndCTAs .stepInd span {
	font-size: 23px;
	max-width: 120px;
	margin: 12px auto 0;
	line-height: 25px;
	font-weight: 500;
	text-transform: uppercase;
}

.stepIndWrap .stepIndCTAs .stepInd.disabled{
	opacity:0.7;
}

.stepIndWrap .stepIndCTAs .stepInd.active font{
	background:#db0a40;
}


.hc-page .hc-steps-cont #hc-steps .step.step1 .code-input-form{
	text-align:center;
	padding:40px 0 20px;
}

.hc-page .hc-steps-cont #hc-steps .step.step1 .code-input-form .input-wrap,
.hc-page .hc-steps-cont #hc-steps .step.step4 .code-input-form .input-wrap{
	width:100%;
	max-width:320px;
	margin:0 auto;
}

.hc-page .hc-label{
	font-size:16px;
	text-align:left;
	display:block;
}

.hc-page .hc-input{
	display:block;
	width:100%;
	max-width:320px;
	margin:0 auto;
	height:28px;
	border:1px solid #000;
	padding:0 10px;
}

.hc-page .hc-btn{
	display:inline-block;
	vertical-align:middle;
	width:120px;
	height:38px;
	line-height:36px;
	color:#fff !important;
	font-size:20px;
	margin:0 10px;
	cursor:pointer;
	text-align:center;
	border-radius:0.25rem;
	text-transform:uppercase;
	font-weight:500;
}

.hc-page .hc-btn.next{
	border:1px solid #cf0a2c;
	background:#cf0a2c;
}

.hc-page .hc-btn.back{
	border:1px solid #081c4b;
	background:#081c4b;
}

.hc-page .hc-btn.btn-upload {
    padding: 0;
}

.hc-page .hc-btn.btn-upload span.docs-tooltip{
	margin:0;
	padding:0;
}

.err-cont{
	padding:15px;
	text-align:left;
}

.hc-page .hc-steps-cont #hc-steps .step.step1 .err-cont{
	text-align:center;
	color: #d2003c;
}

.err-cont ul{
	padding:0;
	margin:0;
}

.err-cont ul li{
	color:#F00;
}

.right .full .rs-tooltip{
	left:50%;
}

.canFlatCont{
	display:none;
}

.threshold-change{
	list-style: outside none none;
    margin: 0 auto;
    padding: 3px 0 12px;
    text-align: center;
    width: 80%;
}

.threshold-change .intensityDisplay{
	padding:20px 0 0;
	font-size:18px;
	text-align:center;
}

.threshold-change li{
	display:inline-block;
	vertical-align:middle;
	padding:0 5px;
}

.threshold-change li a{
	display:block;
	width:28px;
	height:28px;
	text-indent:-5000px;
	overflow:hidden;
	text-decoration:none;
	background:#306;
	cursor:pointer;
	border-radius:50%;
}

.threshold-change li a[data-thr="5"]{
	opacity:0.7;
}

.threshold-change li a[data-thr="10"]{
	opacity:0.8;
}

.threshold-change li a[data-thr="15"]{
	opacity:0.9;
}







.can_container {
	text-align:center;
	margin:0 auto;
	top:450px;
	width:250px;
	opacity:0;
	
	-moz-perspective: 900px;	  
	-webkit-perspective: 900px;
	-ms-perspective: 900px;
	-o-perspective: 900px;
	perspective: 900px;
	
	-webkit-transform-origin:top center;
	-moz-transform-origin:top center;
	-ms-transform-origin:top center;
	-o-transform-origin:top center;
	transform-origin:top center;
	
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.can_container#i5{
	opacity:1;
}
	
.can_container:hover * {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
	-ms-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;}
	  
.can_container #frame {
	width: 33px;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;  /* translate must be last */
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: rotateX(-5deg) rotateY(0deg) rotateZ(10deg) translate3d(125px, 50px, 0);
	-webkit-transform: rotateX(-5deg) rotateY(0deg) rotateZ(10deg) translate3d(125px, 50px, 0);
	-ms-transform: rotateX(-5deg) rotateY(0deg) rotateZ(10deg) translate3d(125px, 50px, 0);
	-o-transform: rotateX(-5deg) rotateY(0deg) rotateZ(10deg) translate3d(125px, 50px, 0);
	transform: rotateX(-5deg) rotateY(0deg) rotateZ(10deg) translate3d(125px, 50px, 0);
}
	
.can_container .strip {
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	/*-webkit-transform: rotateY(170deg);
	-moz-transform: rotateY(170deg);
	-ms-transform: rotateY(170deg);
	-o-transform: rotateY(170deg);
	transform: rotateY(170deg);*/
	
	-webkit-transform: rotateY(-55deg);
	-moz-transform: rotateY(-55deg);
	-ms-transform: rotateY(-55deg);
	-o-transform: rotateY(-55deg);
	transform: rotateY(-55deg);
	
	/*-moz-animation: spin 25s infinite linear;
	-webkit-animation: spin 25s infinite linear;
	-ms-animation: spin 25s infinite linear;
	-o-animation: spin 25s infinite linear;
	animation: spin 25s infinite linear;*/
}

.can_container .strip .strp {
	position: absolute;
	/*background: #ccc url('http://herocanr1.itp17.com/uploads/temp/fg45rt4y_1505827932_7838_i20.jpg');   background image is 792px 320px, try with green-hills or thailand-sunrise.jpg */
	height:454px;/*620px;*/
	width:34px;
	opacity: 1;
	background-color:#ccc;
	/*background-image: url('http://herocanr1.itp17.com/uploads/temp/fg45rt4y_1505827932_7838_i20.jpg');*/
	background-size:792px auto;
}

.can_container .cantop {
    background: rgba(0, 0, 0, 0) url("../images/cantop.png") no-repeat scroll center center / 100% auto;
    height: 96px;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
	
	display:none;
	
	-webkit-transform: rotateX(0deg) translateZ(0px) translate3d(-108px, -67px, 0px);
	-moz-transform: rotateX(0deg) translateZ(0px) translate3d(-108px, -67px, 0px);
	-ms-transform: rotateX(0deg) translateZ(0px) translate3d(-108px, -67px, 0px);
	-o-transform: rotateX(0deg) translateZ(0px) translate3d(-108px, -67px, 0px);
	transform: rotateX(0deg) translateZ(0px) translate3d(-108px, -67px, 0px);
}

.can_container .strip .a {
	background-position: 0 0;
	-moz-transform: rotateY(0deg) translateZ(124px);
	-webkit-transform: rotateY(0deg) translateZ(124px);
	-ms-transform: rotateY(0deg) translateZ(124px);
	-o-transform: rotateY(0deg) translateZ(124px);
	transform: rotateY(0deg) translateZ(124px);
}
		
.can_container .strip .b {background-position: 759px 0;
	   -moz-transform: rotateY(15deg) translateZ(124px);
	-webkit-transform: rotateY(15deg) translateZ(124px);
	-ms-transform: rotateY(15deg) translateZ(124px);
	-o-transform: rotateY(15deg) translateZ(124px);
	transform: rotateY(15deg) translateZ(124px);}
	
.can_container .strip .c {background-position: 726px 0;
	   -moz-transform: rotateY(30deg) translateZ(124px);
	-webkit-transform: rotateY(30deg) translateZ(124px);
	-ms-transform: rotateY(30deg) translateZ(124px);
	-o-transform: rotateY(30deg) translateZ(124px);
	transform: rotateY(30deg) translateZ(124px);}
	
.can_container .strip .d {background-position: 693px 0;
	   -moz-transform: rotateY(45deg) translateZ(124px);
	-webkit-transform: rotateY(45deg) translateZ(124px);
	-ms-transform: rotateY(45deg) translateZ(124px);
	-o-transform: rotateY(45deg) translateZ(124px);
	transform: rotateY(45deg) translateZ(124px);}	
	
.can_container .strip .e {background-position: 660px 0;
	   -moz-transform: rotateY(60deg) translateZ(124px);
	-webkit-transform: rotateY(60deg) translateZ(124px);
	-ms-transform: rotateY(60deg) translateZ(124px);
	-o-transform: rotateY(60deg) translateZ(124px);
	transform: rotateY(60deg) translateZ(124px);}	
	
.can_container .strip .f {background-position: 627px 0;
	   -moz-transform: rotateY(75deg) translateZ(124px);
	-webkit-transform: rotateY(75deg) translateZ(124px);
	-ms-transform: rotateY(75deg) translateZ(124px);
	-o-transform: rotateY(75deg) translateZ(124px);
	transform: rotateY(75deg) translateZ(124px);}
	
.can_container .strip .g {background-position: 594px 0;
	   -moz-transform: rotateY(90deg) translateZ(124px);
	-webkit-transform: rotateY(90deg) translateZ(124px);
	-ms-transform: rotateY(90deg) translateZ(124px);
	-o-transform: rotateY(90deg) translateZ(124px);
	transform: rotateY(90deg) translateZ(124px);}
	
.can_container .strip .h {background-position: 561px 0;
	   -moz-transform: rotateY(105deg) translateZ(124px);
	-webkit-transform: rotateY(105deg) translateZ(124px);
	-ms-transform: rotateY(105deg) translateZ(124px);
	-o-transform: rotateY(105deg) translateZ(124px);
	transform: rotateY(105deg) translateZ(124px);}	
	
.can_container .strip .i {background-position: 528px 0;
	   -moz-transform: rotateY(120deg) translateZ(124px);
	-webkit-transform: rotateY(120deg) translateZ(124px);
	-ms-transform: rotateY(120deg) translateZ(124px);
	-o-transform: rotateY(120deg) translateZ(124px);
	transform: rotateY(120deg) translateZ(124px);}	
	
.can_container .strip .j {background-position: 495px 0;
	   -moz-transform: rotateY(135deg) translateZ(124px);
	-webkit-transform: rotateY(135deg) translateZ(124px);
	-ms-transform: rotateY(135deg) translateZ(124px);
	-o-transform: rotateY(135deg) translateZ(124px);
	transform: rotateY(135deg) translateZ(124px);}
	
.can_container .strip .k {background-position: 462px 0;
	   -moz-transform: rotateY(150deg) translateZ(124px);
	-webkit-transform: rotateY(150deg) translateZ(124px);
	-ms-transform: rotateY(150deg) translateZ(124px);
	-o-transform: rotateY(150deg) translateZ(124px);
	transform: rotateY(150deg) translateZ(124px);}
		
.can_container .strip .l {background-position: 429px 0;
	   -moz-transform: rotateY(165deg) translateZ(124px);
	-webkit-transform: rotateY(165deg) translateZ(124px);
	-ms-transform: rotateY(165deg) translateZ(124px);
	-o-transform: rotateY(165deg) translateZ(124px);
	transform: rotateY(165deg) translateZ(124px);}	
		
.can_container .strip .m {background-position: 396px 0;
	   -moz-transform: rotateY(180deg) translateZ(124px);
	-webkit-transform: rotateY(180deg) translateZ(124px);
	-ms-transform: rotateY(180deg) translateZ(124px);
	-o-transform: rotateY(180deg) translateZ(124px);
	transform: rotateY(180deg) translateZ(124px);}		
		
.can_container .strip .n {background-position: 363px 0;
	   -moz-transform: rotateY(195deg) translateZ(124px);
	-webkit-transform: rotateY(195deg) translateZ(124px);
	-ms-transform: rotateY(195deg) translateZ(124px);
	-o-transform: rotateY(195deg) translateZ(124px);
	transform: rotateY(195deg) translateZ(124px);}
	
.can_container .strip .o {background-position: 330px 0;
	   -moz-transform: rotateY(210deg) translateZ(124px);
	-webkit-transform: rotateY(210deg) translateZ(124px);
	-ms-transform: rotateY(210deg) translateZ(124px);
	-o-transform: rotateY(210deg) translateZ(124px);
	transform: rotateY(210deg) translateZ(124px);}
	
.can_container .strip .p {background-position: 297px 0;
	   -moz-transform: rotateY(225deg) translateZ(124px);
	-webkit-transform: rotateY(225deg) translateZ(124px);
	-ms-transform: rotateY(225deg) translateZ(124px);
	-o-transform: rotateY(225deg) translateZ(124px);
	transform: rotateY(225deg) translateZ(124px);}	
	
.can_container .strip .q {background-position: 264px 0;
	   -moz-transform: rotateY(240deg) translateZ(124px);
	-webkit-transform: rotateY(240deg) translateZ(124px);
	-ms-transform: rotateY(240deg) translateZ(124px);
	-o-transform: rotateY(240deg) translateZ(124px);
	transform: rotateY(240deg) translateZ(124px;)}	
	
.can_container .strip .r {background-position: 231px 0;
	   -moz-transform: rotateY(255deg) translateZ(124px);
	-webkit-transform: rotateY(255deg) translateZ(124px);
	
	-o-transform: rotateY(255deg) translateZ(124px);
	transform: rotateY(255deg) translateZ(124px);
	-ms-transform: rotateY(255deg) translateZ(124px);}
	
.can_container .strip .s {background-position: 198px 0;
	   -moz-transform: rotateY(270deg) translateZ(124px);
	-webkit-transform: rotateY(270deg) translateZ(124px);
	
	-o-transform: rotateY(270deg) translateZ(124px);
	transform: rotateY(270deg) translateZ(124px);
	-ms-transform: rotateY(270deg) translateZ(124px);}
	
.can_container .strip .t {background-position: 165px 0;
	   -moz-transform: rotateY(285deg) translateZ(124px);
	-webkit-transform: rotateY(285deg) translateZ(124px);
	-ms-transform: rotateY(285deg) translateZ(124px);
	-o-transform: rotateY(285deg) translateZ(124px);
	transform: rotateY(285deg) translateZ(124px);}	
	
.can_container .strip .u {background-position: 132px 0;
	   -moz-transform: rotateY(300deg) translateZ(124px);
	-webkit-transform: rotateY(300deg) translateZ(124px);
	-ms-transform: rotateY(300deg) translateZ(124px);
	-o-transform: rotateY(300deg) translateZ(124px);
	transform: rotateY(300deg) translateZ(124px);}	
	
.can_container .strip .v {background-position: 99px 0;
	   -moz-transform: rotateY(315deg) translateZ(124px);
	-webkit-transform: rotateY(315deg) translateZ(124px);
	-ms-transform: rotateY(315deg) translateZ(124px);
	-o-transform: rotateY(315deg) translateZ(124px);
	transform: rotateY(315deg) translateZ(124px);}
	
.can_container .strip .w {background-position: 66px 0;
	   -moz-transform: rotateY(330deg) translateZ(124px);
	-webkit-transform: rotateY(330deg) translateZ(124px);
	-ms-transform: rotateY(330deg) translateZ(124px);
	-o-transform: rotateY(330deg) translateZ(124px);
	transform: rotateY(330deg) translateZ(124px);}
	
.can_container .strip .x {background-position: 33px 0;
	   -moz-transform: rotateY(345deg) translateZ(124px);
	-webkit-transform: rotateY(345deg) translateZ(124px);
	-ms-transform: rotateY(345deg) translateZ(124px);
	-o-transform: rotateY(345deg) translateZ(124px);
	transform: rotateY(345deg) translateZ(124px);}

@-moz-keyframes spin {
	from { -moz-transform: rotateY(0);}
	to   { -moz-transform: rotateY(-360deg);}}
	
@-webkit-keyframes spin {
	from { -webkit-transform: rotateY(0);}
	to   { -webkit-transform: rotateY(-360deg);}}

@-ms-keyframes spin {
	from { -ms-transform: rotateY(0);}
	to   { -ms-transform: rotateY(-360deg);}}

@-o-keyframes spin {
	from { -o-transform: rotateY(0);}
	to   { -o-transform: rotateY(-360deg);}}
	
@keyframes spin {
	from { transform: rotateY(0);}
	to   { transform: rotateY(-360deg);}}


.fb-cont .album, .fb-cont .photo{
    cursor: pointer;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 20%;
}

.fb-cont .albums_container {
    background: #4862a3 none repeat scroll 0 0;
	padding:20px;
    color: #fff;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-transform: capitalize;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
	display:none;
	border-radius: 5px;
    box-shadow: 1px 1px 10px 1px #666666;
}
.fb-cont .albums, .fb-cont .album_photos{
	overflow: auto;
	height: 600px;
}
.fb-cont .album .img, .fb-cont .photo .img {
    height: 196px;
    overflow: hidden;
    width: 196px;
	background-size: cover;
	margin: 0 auto;
}

.fb-cont button.fb-image {
    background: #4862a3 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    text-transform: capitalize;
}

.fb-cont .album_photos {
    background: grey none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
	display:none;
}
.fb-cont .back{
    background: #4862a3 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
	right:25px;
	cursor:pointer;
}

.fb-cont .photos_cont {
    padding-top: 40px;
}
.fb-cont .photo_chosen{
	display:none;
}
.fb-cont .photo_chosen {
    background: #4862a3 none repeat scroll 0 0;
    box-shadow: 1px 1px 5px 1px #666;
    height: 200px;
    left: 50%;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    z-index: 200;
}
.fb-cont .chosed {
	margin-top:20px;
	cursor:pointer;
    border: 0 none;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
}
.fb-cont .close_popup {
    box-shadow: 0 1px 5px 1px;
    cursor: pointer;
    font-family: arial;
    font-size: 26px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: -22px;
    top: -20px;
    width: 45px;
	background: #ccc none repeat scroll 0 0;
    border-radius: 50px;
    color: #4862a3;
    text-align: center;
	z-index: 200;
}
.fb-cont .chosed {
    border: 0 none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    margin: 20px 10px;
    padding: 5px 25px;
}

#hc-steps .step3 .rangeslider{
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(left, #7db9e8 0%, #161468 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #7db9e8 0%,#161468 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7db9e8 0%,#161468 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#161468',GradientType=1 ); /* IE6-9 */
}

#hc-steps .step3 .rangeslider__fill{
	background:transparent;
}

.webformCont{
	text-align:center;
	font-size:16px;
	margin-top:35px;
}
.webformCont label.input-lbl {
	color: #a0a1a1;
	font-size: 14px;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	margin-bottom: 3px;
	text-align:center;
	position: absolute;
	left: 12px;
	top: 12px;
}

.webformCont .input-wrap .input-tbx {
	height: 48px;
	width: 100%;
	max-width: 380px;
	border: 1px solid #b1b1b1;
	padding: 5px 16px;
	font-family: 'Futura', Arial, Helvetica, sans-serif;
	font-size: 23px;
	margin:0;
}

.webformCont .input-wrap .form-err {
	color: #d2003c;
	font-size: 14px;
	opacity:0;
	line-height:20px;
	margin:0;
	min-height:20px;
	display:block;
}


.tactical_message {
	font-size: 22px;
	text-transform: uppercase;
	word-spacing: 2px;
	font-weight: 500;
	max-width: 600px;
	margin: 0 auto;
	line-height: 25px;
}

#cropContainerPreload1{
	max-width:529px;
	max-height:450px;
}
#cropContainerPreload1 .cropper-view-box{ outline:none;}
.ImageCanvas{
	max-width:529px;
	margin:0 auto;
	position:relative;
}

.controllerWrapper .crtlLock {
	position: absolute;
	z-index: 20;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0.5;
}

.controllerWrapper.Zoom_crtlwrpr {
	position: absolute;
	left: -45px;
	height: 100%;
	top: 0;
	width: 42px;
}
.zoom_controller.controller_el {
	position: absolute;
	right: 12px;
	top: 60px;
	height: 70%;
}
.zoom_controller.controller_el #js-rangeslider-2{
	height:100%;
}

.zoom_controller.controller_el .rangeslider--vertical {
	width: 10px;
}

.controller_el .rangeslider__fill{
	background:#db0a40;
	
}

.zoom_controller.controller_el .rangeslider--vertical .rangeslider__handle {
	left: -9px;
}

.zoom_controller.controller_el .rangeslider__handle {
	width: 28px;
	height: 28px;
	position: absolute;
	-moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border-color: #081c4b;
}
.zoom_controller.controller_el .rangeslider__handle::after {
	border-radius: 3px 0 0 3px;
	width: 21px;
	height: 5px;
	background: #081c4b;
	left: -31px;
	transform: rotate(-45deg);
	z-index: -5;
	top: 27px;
}

.zoom_controller.controller_el::before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(../images/plus.svg) no-repeat center center;
	background-size: contain;
	top: -22px;
	left: -3px;
}

.zoom_controller.controller_el::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(../images/minus.svg) no-repeat center center;
	background-size: contain;
	bottom: -22px;
	left: -3px;
}

.controllerWrapper.rotation_crtlwrpr {
	height: 48px;
	position:relative;
}

.rotation_reset_crtls {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -98px;
}
.rotation_controller.controller_el {
	width: 70%;
	margin: 0 auto;
	position: relative;
}

	

.rotation_controller.controller_el #js-rangeslider-1{
	height:10px;
}
.rotation_controller.controller_el #js-rangeslider-1 .rangeslider__fill{ display:none;}

.rotation_controller.controller_el .rangeslider__handle{
	width:25px;
	height:25px;
	border:none;
	border-radius:0;
	background: url(../images/arrow-up.svg) no-repeat center center;
	background-size:contain;
	box-shadow:none;
	top:22px;
}

.rotation_controller.controller_el .rangeslider__handle:after{ display:none;}

.rotation_controller.controller_el #js-rangeslider-1 {
	background: url(../images/rotrange.svg) no-repeat center center;
	height: 40px;
	background-size: 100%;
	border-radius: 0;
	box-shadow: none;
}

div.resetCropper{
	opacity:0;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
}
div.resetCropper a {
	color: #001e3c;
	text-decoration: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin-top: 10px;
	display: block;
}
div.resetCropper a span{font-size:16px; display:inline-block;}

div.resetCropper a:hover{
	color:#db0a40;	
}


.ImageCanvas .uploadCTA {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
}

.ImageCanvas .uploadCTA .btn-upload {
	background: rgba(0,0,0,0.3);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	outline: none;
	border: none;
	text-transform: uppercase;
	font-size: 22px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	letter-spacing:2px;
}

.ImageCanvas .uploadCTA .btn-upload:hover{
	background: rgba(0,0,0,0.5);

}

.ImageCanvas .uploadCTA .btn-upload span.txt{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow:0px 0px 4px rgba(0,0,0,0.8);
}

.deepart_imgs{
	font-size:0;
	width: 100%;
	height: auto;
	padding: 0 0 6px;
}

.deepart_imgs .da_img{
	display:block;
	vertical-align:middle;
	width:100%;
	padding:5px;
}

.deepart_imgs .da_img a{
	display:block;
	text-decoration:none;
	width:100%;
	height:auto;
	cursor:pointer;
	position:relative;
}

.deepart_imgs .da_img a img{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	z-index:1;
}

.deepart_imgs .da_img a span{
	display:block;
}

.deepart_imgs .da_img a span.overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.5);
	opacity:0;
	z-index:2;
	
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.deepart_imgs .da_img a span.overlay span.style_name{
	color:#000;
	font-size:16px;
	position:relative;
	top:50%;
	width:100%;
	text-align:center;
	padding:0 8px;
	
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.deepart_imgs .da_img a:hover span.overlay{
	opacity:1;
}
.imagik_ss_cont{
	width: 100%;
	height: auto;
	padding: 5px;
	margin: 0 auto;
}

.imagik_ss_cont .imgs_ss_wrap{
	width:100%;
	height: auto;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss{
	width:100%;
	height: auto;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss .img_intensity_cont{
	width:100%;
	height:auto;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss .img_intensity_cont img{
	width:100%;
	height:auto;
	display:block;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss .img_intensity_cont img.place_holder{
	opacity:0;
	position:relative;
	z-index:1;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss .imagik_img{
	width:100%;
	height:auto;
	position:relative;
}
.imagik_ss_cont .imgs_ss_wrap .imgs_ss .img_intensity_cont img.intensity_val{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss .img_intensity_cont img.intensity_val.i20{
	opacity:1;
}

.hc-page .hc-steps-cont #hc-steps .step.step1 .hc-btn.next.disabled{
	opacity:0.4;
	cursor:default;
}

.hc-page .hc-steps-cont .loading-screen{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 55;
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
	opacity:0;
	
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.hc-page .hc-steps-cont .loading-screen.show{
	opacity:1;
}

.step.step3 .stepWrapper{ position:relative;}

.ThankYouMsg, .termandconditions{
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background: rgba(255,255,255,0.9);
	display:none;
	opacity:0;
	z-index:10;
	
-webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;	
 
 }


.termandconditions_wrapper {
	background: #001E3C;
	width: 95%;
	color: #ffffff;
	min-height: 300px;
	padding: 30px 25px;
	border-radius: 5px;
	max-width: 800px;
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-30%);
	-ms-transform: translate(-50%,-30%);
	transform: translate(-50%,-30%);
	opacity:0;
	
	-webkit-transition: all 300ms ease-in-out;
	 -moz-transition: all 300ms ease-in-out;
	 -o-transition: all 300ms ease-in-out;
	 -ms-transition: all 300ms ease-in-out;
	 transition: all 300ms ease-in-out;		
}

.termandconditions_wrapper .close-terms {
	position: absolute;
	color: #001e3c;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 34px;
	width: 50px;
	height: 50px;
	border: 2px solid #001e3c;
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	cursor:pointer;
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
	 display: block;
}
.ThankYouMsg_wrapper{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-30%);
	-ms-transform: translate(-50%,-30%);
	transform: translate(-50%,-30%);
	opacity:0;
	
-webkit-transition: all 300ms ease-in-out;
 -moz-transition: all 300ms ease-in-out;
 -o-transition: all 300ms ease-in-out;
 -ms-transition: all 300ms ease-in-out;
 transition: all 300ms ease-in-out;		
}

.ThankYouMsg.ShowTM .ThankYouMsg_wrapper, .termandconditions.show_terms .termandconditions_wrapper{
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:1;
	
}
.ThankYouMsg.ShowTM, .termandconditions.show_terms{ opacity:1;}

.ThankYouMsg .msgText {
	font-size: 35px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 38px;
	margin-bottom: 35px;
}

.ThankYouMsg .unlockLens a {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	/*background: #FFFC00;*/
	color: #000;
	font-weight: 500;
	font-size: 23px;
	padding: 12px 22px;
/*	box-shadow: 0 0 6px 0px #ccc;*/
	border-radius: 5px;
	
-webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;		
}

.ThankYouMsg .unlockLens a:hover{
	-webkit-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95);
	
}

.ThankYouMsg .unlockLens a:after{ clear:both; display:block; content:"";}

.ThankYouMsg .unlockLens a .icon {
	background: url(../images/snapcode.svg) no-repeat center center;
	background-size: contain;
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto;
}
.ThankYouMsg .unlockLens a font {
	display: block;
	padding-top: 3px;
}
.ThankYouMsg .sharebtns a{ display:inline-block; text-align:center; text-decoration:none;}
.ThankYouMsg .sharebtns a span.icon{
	display:block;
	width:50px;
	height:50px;
	margin:0 auto;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
}
.ThankYouMsg .sharebtns a#facebook span.icon{
	background-image:url(../images/facebook.svg);	
}
.ThankYouMsg .sharebtns a#twitter span.icon{
	background-image:url(../images/twitter.svg);	
}
.ThankYouMsg .sharebtns a#download span.icon{
	background-image:url(../images/download.svg);	
}

.ThankYouMsg .sharebtns a font {
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	padding-top: 11px;
	display: inline-block;
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
}

.ThankYouMsg .sharebtns a#twitter{ margin:0 50px;}

.ThankYouMsg .shareCont {
	margin-top: 35px;
}
.ThankYouMsg .shareCont h3 {
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 18px;
}

.imagik_ss_cont .imgs_ss_wrap .imgs_ss .img_intensity_cont.ph,
.deepart_imgs .da_img.ph a{
	background:#666;
}

.hc-page .hc-steps-cont #hc-steps .step.step2 .blk.full{
	padding-bottom:50px;
	width:100%;
	display:black;
}


/* checkbox style */
.webformCont_wrapper .terms .terms-cont {
    display: inline-block;
    position: relative;
    padding: 0 0 20px 35px;
    cursor: pointer;
    font-size: 14px;
	text-align:left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.webformCont_wrapper .terms .terms-cont .terms-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	display:none;
}
.webformCont_wrapper .terms{
	display: block;
	padding: 15px 0 25px;
}
/* Create a custom checkbox */
.webformCont_wrapper .terms .terms-cont .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.webformCont_wrapper .terms .terms-cont:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.webformCont_wrapper .terms .terms-cont input:checked ~ .checkmark {
    background-color: #081C4B;
}

/* Create the checkmark/indicator (hidden when not checked) */
.webformCont_wrapper .terms .terms-cont .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.webformCont_wrapper .terms .terms-cont input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.webformCont_wrapper .terms .terms-cont .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.webformCont_wrapper .terms .terms-cont .txt{
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
	 text-decoration:underline;
	
}

.webformCont_wrapper .terms .terms-cont .txt:hover{
	text-decoration:none;
}

/*.webformCont .input-wrap.terms .form-err {
	display:block;
}*/
.termandconditions .termandconditions_wrapper .close-terms span {
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
	 display: block;
	font-size: 34px;
    height: 100%;
	width:100%;
	text-indent:-5000px;
	overflow:hidden;
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 45% auto;
}
.termandconditions .termandconditions_wrapper .close-terms:hover span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	margin-right:2px;
}

.loading-screen .loading-screen-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.termandconditions .termandconditions_wrapper .terms_ext h3 {
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
}
.stepWrapper .txt-dec {
	padding: 15px 5px 0;
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 500;
}

.threshold-change #js-rangeslider-0{
	background: url(../images/gradiant.png) no-repeat center center;
	height: 15px;
	background-size: 100%;
	border-radius: 0;
	box-shadow: none;
}
.threshold-change #js-rangeslider-0 .rangeslider__fill {
	display: none;
}
.threshold-change .rangeslider__handle {
	width: 25px;
	height: 25px;
	border: none;
	border-radius: 0;
	background: url(../images/arrow-up.svg) no-repeat center center;
	background-size: contain;
	box-shadow: none;
	top: 6px;
}

.hc-page .hc-steps-cont #hc-steps .step.step2 .blk.right {
	width: 20%;
	max-width: 127px;
}
.hc-page .hc-steps-cont #hc-steps .step.step2 .blk.left {
	max-width: 479px;
	width: 80%;
}
/** preloader **/

.preloader_container{
	position:fixed;
	z-index:200;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);
	display:none;
}
.preloader_container .preloaderBox{
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:240px;
	text-align:center;

	
}

.preloaderBox .prldBXSlot{
	width:240px;
	height:5px;
	background:#001e3c;
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
	text-align:center;
	border-radius:5px;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.preloaderBox .prldBXSlot .prldBX_prog{
	position:absolute;
	width:0%;
	background:#d2003c;
	top:0;
	left:0;
	height:100%;

	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
}

.preloaderBox .preloadVal {
	display: inline-block;
	position: relative;
	top: 8px;
	color: #001e3c;
	font-weight: 500;
	font-size: 22px;
}

.preloaderText {
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 8px;
}

.ThankYouMsg .sharebtns a:hover font{
	color: #d2003c;
}

.pageHead ul {
    list-style: none;
    margin: 0;
    text-align: center;
}
.pageHead ul li {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
}

.webformCont{
	font-size:0;
}

.webformCont .webformCont_wrapper{
	display: inline-block;
	vertical-align: top;
	width: 55%;
	font-size:15px;
	max-width:440px;
}
.webformCont .input-wrap {
	position: relative;
	text-align:left;
}
.cup3d-prev-cont{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding:15px 0 0 20px;
	position:relative;
}

.cup3d-prev-cont.mob{
	display:none;
}

.cup3d-prev-cont .cup3d-prev {
    width: 100%;
    max-width: 300px;
    position: relative;
}

.cup3d-prev-cont .cup3d-prev img{
	display:block;
}

.cup3d-prev-cont .cup3d-prev .cup3d{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}

.cup3d-prev-cont .cup3d-prev .uploaded-sticker {
    width: 56%;
    position: absolute;
    z-index: 1;
    top: 14%;
    left: 12%;
}

.cup3d-prev-cta-cont{
	font-size:16px;
	display:none;
	padding:30px 0 25px;
}

.cup3d-prev-cta-cont a.previewCup {
    font-size: 24px;
    font-weight: 500;
    color: #db0a40;
    cursor: pointer;
	position:relative;
	left:25px;
}

.cup3d-prev-cta-cont a.previewCup:before{
	background-image: url(../images/cup-icn.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 70%;
	background-color: #001e3c;
	content: "";
	position: absolute;
	width: 50px;
	left: -58px;
	height: 50px;
	border-radius: 50%;
	top: -10px;
}

.cup3d-prev-cont .closeCupPrev {
	position: absolute;
	color: #001e3c;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 34px;
	width: 50px;
	height: 50px;
	border: 2px solid #001e3c;
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	cursor:pointer;
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
	 display: none;
}

.cup3d-prev-cont .closeCupPrev span {
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
	 display: block;
	font-size: 34px;
    height: 100%;
	width:100%;
	text-indent:-5000px;
	overflow:hidden;
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 45% auto;
}
.cup3d-prev-cont .closeCupPrev:hover span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	margin-right:2px;
}


.cup3d-prev-cont.mob .cup3d-prev {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.cup3d-prev-cont.mob .closeCupPrev {
	position: fixed;
	top: -55px;
}
.termandconditions{
	position:fixed;
}
.termandconditions .terms_ext {
	max-height: 400px;
	overflow: auto;
}

.termandconditions .terms_ext ul{
	padding: 0 0 0 20px;
	margin:0;	
}
.ThankYouMsg{
	z-index:250;
}

.p_loader_wrapper .loader {
  border: 7px solid #dedede;
  border-radius: 50%;
  border-top: 7px solid #cf0a2c;
  width: 65px;
  height: 65px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
	top: 50%;
	left: 50%;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: translate(-50%,-50%) rotate(0deg);  }
  100% { -webkit-transform: translate(-50%,-50%) rotate(360deg); }
}

@keyframes spin {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}

.p_loader_wrapper {
	opacity:1;
	z-index: 200;
	opacity: 1;
	height: 100%;
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background: rgba(255,255,255,0.9);
	display:none;
	z-index:9;
		
	-webkit-transition: all 200ms ease-in-out;
	 -moz-transition: all 200ms ease-in-out;
	 -o-transition: all 200ms ease-in-out;
	 -ms-transition: all 200ms ease-in-out;
	 transition: all 200ms ease-in-out;	
}

.contest_closed.ThankYouMsg{
	opacity: 1;
	display: none;
}
.contest_closed.ThankYouMsg .ThankYouMsg_wrapper{
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:1;
	text-align: center;
	max-width: 600px;
}