/*gloabal*/

body,
html{font-family:Kipling_Regular, 'Microsoft Yahei', "Microsoft JhengHei", "?????", Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;letter-spacing:.8px}
.container,
.row {
	margin: 0 auto;
	padding: 0
}

.link_item{
	color:#333 !important;
	text-decoration:underline;
} 
.link_item:hover{
	color:#333 !important;
	text-decoration:underline;
}
@media(max-width:767px){
	.container{
		max-width:480px !important;
		padding:0px 15px;
	}
}
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{
	padding:0px;
}

.mb-l{margin-bottom:60px;}
.mb-m{margin-bottom:40px;}
.mb-s{margin-bottom:20px;}
.mb-xs{margin-bottom:10px;}
.mb-n{margin-bottom:0px;}

.mt-l{margin-top:60px;}
.mt-m{margin-top:40px;}
.mt-s{margin-top:20px;}
.mt-xs{margin-top:10px;}

.pb-l{padding-bottom:60px;}
.pb-m{padding-bottom:40px;}
.pb-s{padding-bottom:20px;}
.pb-xs{padding-bottom:10px;}

.pt-l{padding-top:60px;}
.pt-m{padding-top:40px;}
.pt-s{padding-top:20px;}
.pt-xs{padding-top:10px;}

.pl-l{padding-left:60px;}
.pl-m{padding-left:40px;}
.pl-s{padding-left:20px;}
.pl-xs{padding-left:10px;}


@font-face{font-family:KiplingLight_Regular;src:url('https://kiplingss18asia.mmdbfiles.com/css/Kipling_Regular.ttf')}
@font-face{font-family:Kipling_Regular;src:url('https://kiplingss18asia.mmdbfiles.com/css/Kipling_Regular.ttf')}
@font-face{font-family:Kipling_bold;src:url('https://kiplingss18asia.mmdbfiles.com/css/Kipling_Bold.ttf')}
@font-face{font-family:Kipling_Ultralight_Regular;src:url('https://kiplingss18asia.mmdbfiles.com/css/Kipling_Ultralight_Regular.ttf')}
@font-face{font-family:KiplingLight_Regular;src:url('https://kiplingss18asia.mmdbfiles.com/css/KiplingLight_Regular.otf')}


@media(min-width:768px){
	
	 .col2_item:nth-child(2n+1){
		padding-right: calc(60px / 2 * 1);
	}
	.col2_item:nth-child(2n+2){
		padding-left: calc(60px / 2 * 1);
	}
	 .col2_item.thin:nth-child(2n+1){
		padding-right: calc(30px / 2 * 1);
	}
	.col2_item.thin:nth-child(2n+2){
		padding-left: calc(30px / 2 * 1);
	}
	
}

@media(min-width:992px){
	
	 .col2_item:nth-child(2n+1){
		padding-right: calc(70px / 2 * 1);
	}
	.col2_item:nth-child(2n+2){
		padding-left: calc(70px / 2 * 1);
	}
	
}
@media(min-width:1200px){
	
	 .col2_item:nth-child(2n+1){
		padding-right: calc(80px / 2 * 1);
	}
	.col2_item:nth-child(2n+2){
		padding-left: calc(80px / 2 * 1);
	}
	
}

body{
	font-size:14px;
	line-height:24px;
}
.header-text{
	font-size:16px;
	line-height:24px;
}
.s-text{
	font-size: 12px;
	line-height:18px;
}

.sm-text {
	font-size: 20px;
	line-height: 28px
}

.m-text {
	font-size: 24px;
	line-height: 30px
}

.l-text {
	font-size: 30px;
	line-height: 35px;
	
}
.xl-text {
	font-size: 36px;
	line-height: 42px;
	
}
.xxl-text {
	font-size: 64px;
	line-height: 64px;
	letter-spacing: -1px;
	
}




.alignMiddle>div {
	display: table
}
.alignMiddle>div>div {
	display: table-cell;
	vertical-align: middle
}
.lineheightn{
	line-height:24px !important;
}
.lineheightm{
	line-height:40px !important;
}
.maxwidth480{
	max-width:480px;
	width:100%;
}
.maxwidth600{
	max-width:600px;
	width:100%;
}
.maxwidth750{
	max-width:750px;
	width:100%;
}
.maxwidth900{
	max-width:900px;
	width:100%;
}
.maxwidth1000{
	max-width:1000px;
	width:100%;
}
.maxwidth100p{
	max-width:100%;
	width:100%;
}
.textcenter {
	text-align: center
}
.textright{
	text-align: right;
}
.dleftmcenter{
	text-align: center
}
@media(min-width:768px){
	.dleftmcenter{
		text-align: left;
	}
}
.posrelative{
	position:relative;
}
.marginauto{
	margin-left:auto;
	margin-right:auto;
}
.marginleft0{
	margin-left:0px;
}
.clearboth{
	clear:both;
}
.displayib{
	display:inline-block !important;
}
.displayb{
	display:block !important;
}
.nopadding{
	padding:0px !important;
}
.boldtext {
/* 	font-weight: 700; */
	font-family: Kipling_bold;
}
.extraboldtext {
	font-weight: 900;
}
@media(min-width:768px){
	.hoverzoom:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
}
.listaplha{
	list-style-type: lower-alpha;
}
.dnone{
	display:none;
}
.error_msg{
	opacity:0;
	
    line-height: 15px;
	font-size:12px;
	color:#ee0000;
}

.autowidth{
	width:auto !important;
}
.fullwidth{
	width:100%;
}
.fullheight{
	height:100%;
}
.maxwidth{
	max-width:100%;
}


.blacktext{
	color:#000;
}
.whitetext{
	color:#FFF;
}
.bg_yellow{
	background-color:#fed021;

}






















.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


input[type=checkbox], input[type=radio]{
	cursor:pointer;
}


/*gloabal*/












 

/*NC*/
	html, body{
		background-color:#fed021;
		width:100%;
		height:100%;
		min-height: 800px;
	}
	@media(max-width:767px){
		html, body{
			
			min-height: 100vh;
		}
	}
	@media (max-width:767px) and (orientation: landscape) {	
		html, body{
			height:750px;
			
		}
	}
	
	
	body>div.row{
		height:100%;
	}
	body>div>.container{
		max-width:900px;
		height:100%;
		position:relative;
		
		background-image:url('/newclassics/images/ncbg.png');
		background-position:center;
		background-size:900px;
		background-repeat:no-repeat;
		
	}
	@media(max-width:767px){
		body>div>.container{
			background-image:url('/newclassics/images/ncbg_m.png');
			background-size: cover;
		}
	
	}
	@media(min-width:768px){
		body>div>.container{
			-webkit-box-shadow: 0 0 50px 20px rgba(00,0,0,0.25);
			box-shadow: 0 0 50px 20px rgba(00,0,0,0.25);
			
		}
	}
/*NC*/
#logo_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	height:60px;
	text-align:center;
}
#logo_container img{
	height:60px;
}
@media(min-width:768px){
	#logo_container{
		height:80px;
		margin-top:25px;
		margin-bottom:25px;
	}
	#logo_container img{
		height:80px;
	}
}






.panel_message{
	text-align:center;
	font-size: 30px;
	line-height: 40px;
	font-family: Kipling_bold;
	margin-bottom:20px;
}

.panel_message.mb-xs{
	margin-bottom:5px;
}
@media(max-width:991px){
	.panel_message{
		font-size: 24px;
		line-height: 40px;
		margin-bottom:15px;
	}
}
@media(max-width:767px){
	.panel_message{
		font-size: 18px;
		line-height: 22px;
		margin-bottom:15px;
	}
}

.button{
	width:240px;
	padding:10px 0px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	cursor:pointer;
	font-family: Kipling_Bold;
	transition: all 300ms ease;
	letter-spacing:1px;
	font-size:16px;
	line-height:20px;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	
}

a.button{
	color:#FFF;
	text-decoration:none;
}
.button:hover{
	filter: brightness(1.1);
	opacity:0.8;
}
a.button:hover{
	color:#FFF;
}
.button.short{
	width:160px;
	margin-left:10px;
	margin-right:10px;
}
@media(max-width:767px){
		
	.button.short{
		width:140px;
		margin-left:5px;
		margin-right:5px;
	}
}

.button.red{
	background-color:#d32727;
}

.button.red:hover{
	/* color:#d32727; */
}
.luggage_container img{
	border-radius: 40px;
	overflow: hidden;
	    border-radius: 25px;
}

@media(min-width:768px){
	.luggage_container img{
		width: auto;
		max-height: 500px;
		    border-radius: 40px;
	}
}
@media(max-height:649px) and (min-width:768px){
	.luggage_container img{
		max-height: 350px;
	}
}
@media(max-width:324px) {

	.luggage_container{
		width:60%;
		max-width:280px;
	}
}

@media(max-width:767px) {

	.luggage_container{
		width:70%;
		max-width:320px;
	}
}

#panel_step1,
#panel_step2,
#panel_step3,
#panel_step4,
#panel_step5,
#panel_step6{
	position:absolute;
	bottom:0px;
	left:15px;
	width:calc(100% - 30px);
	height:calc(100% - 100px);
}
@media(min-width:768px){
		
	#panel_step1,
	#panel_step2,
	#panel_step3,
	#panel_step4,
	#panel_step5,
	#panel_step6{
		height:calc(100% - 130px);
		left:0px;
		width:100%;
	}
}
/*NC*/


/*step1*/

	@media(min-width:768px){
		#step1_slider.owl-carousel .owl-item img{
			width:auto;
			margin: auto;
		} 
	}
	#step1_slider.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: -30px;
		position: relative;
		z-index: 1;
		padding-top: 0px;
	}
/*step1*/



/*step2*/
.upload_image_container{
	position:relative;
}

#upload_background_image{
	cursor:pointer;
}

#upload_image{
	
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	border-radius:40px;
}
.croppie-container .cr-boundary{
	    border-radius: 40px;
}
@media(max-width:767px){
	
.croppie-container .cr-boundary{
	    border-radius: 25px;
}
}

.croppie-container .cr-slider-wrap{
	position: absolute;
    bottom: 6px;
    z-index: 1;
	margin:auto !important;
    width: 75%;
    left: 12.5%;
}
@media(max-width:767px){

	.croppie-container .cr-slider-wrap{
		
		bottom: 5px;
	
	}
	
}

.croppie-container .cr-slider-wrap .min{
	left:-5px;
	position:absolute;
	top:2px;
	cursor:pointer;
	width: 20px;
    border-radius: 0px;
}

.croppie-container .cr-slider-wrap .mag{
	right:-5px;
	position:absolute;
	top:2px;
	cursor:pointer;
	width: 20px;
    border-radius: 0px;
}


.croppie-container .cr-slider-wrap .leftspin{
	left:-35px;
	position:absolute;
	bottom: 0px;
	cursor:pointer;
	width: 20px;
    border-radius: 0px;
}

.croppie-container .cr-slider-wrap .rightspin{
	right: -35px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    width: 20px;
	
    border-radius: 0px;
}

@media(max-width:767px){

		
	.croppie-container .cr-slider-wrap .min{
		left:-5px;
		position:absolute;
		top: 4px;
		cursor:pointer;
		width: 14px;
		border-radius: 0px;
		z-index:1;
	}

	.croppie-container .cr-slider-wrap .mag{
		right:-5px;
		position:absolute;
		top:4px;
		cursor:pointer;
		width: 14px;
		border-radius: 0px;
		z-index:1;
	}


	.croppie-container .cr-slider-wrap .leftspin{
		left:-25px;
		position:absolute;
		bottom: 0px;
		cursor:pointer;
		width: 14px;
		border-radius: 0px;
	}

	.croppie-container .cr-slider-wrap .rightspin{
		right: -25px;
		position: absolute;
		bottom: 0;
		cursor: pointer;
		width: 14px;
		
		border-radius: 0px;
	}
	
}


.croppie-container .cr-slider-wrap .rotator{
	
    -webkit-appearance: none;
    /* border: 1px solid white; */
    width: 300px;
    max-width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
}

.croppie-container .cr-slider-wrap .rotatorWrapper{
	
    position: relative;
    z-index: 1;
    width: 77.5%;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width:767px){
	.croppie-container .cr-slider-wrap .rotatorWrapper{
		margin-top: -0px;
		
	}
}

.cr-slider::-webkit-slider-runnable-track{  
    background-color: #666;
}
input[type=range] {
  -webkit-appearance: none;
  
	height:28px;
  
    width: 77.5%;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width:767px){
		
	input[type=range] {
	  -webkit-appearance: none;
	  
		height:21px;
	  
	}
}
@media(min-width:768px){
	input[type=range] {
	  -webkit-appearance: none;
	  padding-bottom: 0px;
	  padding-top: 0px;
	  
	}
	input[type=range]:not(.rotator) {
	  /* margin-bottom:12px; */
	}
	input[type=range]:focus {
	  outline: none;
	}
	input[type=range]::-webkit-slider-runnable-track {
	  width: 100%;
	  height: 6px;
	  cursor: pointer;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  background: #bcbcbc;
	  border-radius: 5px;
	  border: 0px solid #000000;
	}
	input[type=range]::-webkit-slider-thumb {
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  border: 0px solid rgba(0, 0, 0, 0);
	  height: 16px;
	  width: 16px;
	  border-radius: 8px;
	  background: #333333;
	  cursor: pointer;
	  -webkit-appearance: none;
	  margin-top: -5px;
	}
	input[type=range]:focus::-webkit-slider-runnable-track {
	  background: #c9c9c9;
	}
	input[type=range]::-moz-range-track {
	  width: 100%;
	  height: 6px;
	  cursor: pointer;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  background: #bcbcbc;
	  border-radius: 5px;
	  border: 0px solid #000000;
	}
	input[type=range]::-moz-range-thumb {
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  border: 0px solid rgba(0, 0, 0, 0);
	  height: 16px;
	  width: 16px;
	  border-radius: 8px;
	  background: #333333;
	  cursor: pointer;
	}
	input[type=range]::-ms-track {
	  width: 100%;
	  height: 6px;
	  cursor: pointer;
	  background: transparent;
	  border-color: transparent;
	  color: transparent;
	}
	input[type=range]::-ms-fill-lower {
	  background: #afafaf;
	  border: 0px solid #000000;
	  border-radius: 10px;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	}
	input[type=range]::-ms-fill-upper {
	  background: #bcbcbc;
	  border: 0px solid #000000;
	  border-radius: 10px;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	}
	input[type=range]::-ms-thumb {
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  border: 0px solid rgba(0, 0, 0, 0);
	  height: 16px;
	  width: 16px;
	  border-radius: 8px;
	  background: #333333;
	  cursor: pointer;
	  height: 6px;
	}
	input[type=range]:focus::-ms-fill-lower {
	  background: #bcbcbc;
	}
	input[type=range]:focus::-ms-fill-upper {
	  background: #c9c9c9;
	}

}

@media(max-width:767px){
	input[type=range] {
	  -webkit-appearance: none;
	 
	}
	input[type=range]:focus {
	  outline: none;
	}
	input[type=range]::-webkit-slider-runnable-track {
	  width: 100%;
	  height: 5px;
	  cursor: pointer;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  background: #bcbcbc;
	  border-radius: 5px;
	  border: 0px solid #000000;
	}
	input[type=range]::-webkit-slider-thumb {
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  border: 0px solid rgba(0, 0, 0, 0);
	  height: 16px;
	  width: 16px;
	  border-radius: 8px;
	  background: #333333;
	  cursor: pointer;
	  -webkit-appearance: none;
	  margin-top: -3.5px;
	}
	input[type=range]:focus::-webkit-slider-runnable-track {
	  background: #c9c9c9;
	}
	input[type=range]::-moz-range-track {
	  width: 100%;
	  height: 5px;
	  cursor: pointer;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  background: #bcbcbc;
	  border-radius: 5px;
	  border: 0px solid #000000;
	}
	input[type=range]::-moz-range-thumb {
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  border: 0px solid rgba(0, 0, 0, 0);
	  height: 12px;
	  width: 12px;
	  border-radius: 5px;
	  background: #333333;
	  cursor: pointer;
	}
	input[type=range]::-ms-track {
	  width: 100%;
	  height: 5px;
	  cursor: pointer;
	  background: transparent;
	  border-color: transparent;
	  color: transparent;
	}
	input[type=range]::-ms-fill-lower {
	  background: #afafaf;
	  border: 0px solid #000000;
	  border-radius: 10px;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	}
	input[type=range]::-ms-fill-upper {
	  background: #bcbcbc;
	  border: 0px solid #000000;
	  border-radius: 10px;
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	}
	input[type=range]::-ms-thumb {
	  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	  border: 0px solid rgba(0, 0, 0, 0);
	  height: 12px;
	  width: 12px;
	  border-radius: 5px;
	  background: #333333;
	  cursor: pointer;
	  height: 5px;
	}
	input[type=range]:focus::-ms-fill-lower {
	  background: #bcbcbc;
	}
	input[type=range]:focus::-ms-fill-upper {
	  background: #c9c9c9;
	}


}




/*step2*/


 
/*step3*/
	#step2_background{
		
	}

	.croppie-container .cr-overlay{
		/* width:100% !important; 
		height:100% !important;  */
		
	}
	.cr-viewport {
		background-image: url('/newclassics/images/newclassics-landing-upload-mask.png?2') !important;
		background-size:100% !important;
		background-repeat: no-repeat !important;
		border: none !important;
		box-shadow: none !important;
		
		border-radius:40px;
		overflow:hidden;
	}
	@media(max-width:767px){
		.cr-viewport {
			border-radius:25px;
		}
	}
	#canvasImageWrapper img{
		max-height:100%;
		max-width:100%;
	}
	
	
/*step3*/


/*step4*/
	#canvasImageWrapper{
		position:relative;
		z-index:1;
		display:inline-block;
		border-radius:40px; 
	}
	#preview_overlay{
		z-index: 2;
		position: relative;
	}
	@media(max-width:767px){
				
		#canvasImageWrapper{
			
			border-radius:25px; 
		}	
		
	}
	#canvasImageWrapper canvas{
		border-radius:40px; 
	}
	@media(max-width:767px){
		#canvasImageWrapper canvas{
			border-radius:25px; 
		}
		
	}

	 

/*step4*/


/*step5*/
	/*Start Form*/
	#submission_form{
		margin-top:70px;
	}
	
	@media(min-width:768px){
		#submission_form{
			margin-top:40px;
		}
	}
	@media(min-width:1200px){
		#submission_form{
			margin-top:80px;
		}
	}
	
	@media(min-width:768px){
		
		#submission_form .panel_message{
			font-size:20px;
		}
	}
	
	.fb_login_btn{
		margin:20px 0px;
		padding: 15px 0px;
		width:100%;
		margin: 10px auto;
		
	}
	
	.kipling_bold{
		font-weight: bold;
		font-family: Kipling_bold;
	}
	
	.submissionMaxWidth{
		max-width: 720px;
	}
	
	.form_section_left{
		width:50%;
		float:left;
		padding-right:10px;
		
	}
	
	.form_section_right{
		width:48%;
		float:left;
		padding-left:10px;
	}
	
	.field_or{
		width:4%;
		float:left;
		
	}
	
	.fb_btn{
		max-width:280px;
		margin-left:auto;
		margin-right:auto;
		cursor:pointer;
	}
	.fb_btn:hover{
		opacity:0.9;
	}
	
	.submission_form_title{
		line-height:50px;
	}
	@media(max-width:767px){
		
		.submission_form_title{
			line-height:25px;
		}
	}
	
	.form_wrapper div{
		margin-bottom:26px;
	}
	
	.form_wrapper input{
		margin-bottom: 10px;
		border: none;
		padding: 10px 0px 10px 0px;
		text-align: center;
		color: #222021 !important;
		line-height: 16px;
		font-size: 16px;
		border-radius:2px;
	}
	
	::placeholder{
		color:#888 !important;
		font-size:16px !important;
		text-align:center !important;
		
	}
	
	.agree{
		margin-right:5px;
	}
	.agree,.agree_desc{
		display:inline-block;
	}
	
	.agree_option{
		max-width:530px;
		text-align: left;
		margin: 0 auto;
	}
	
	.agree_section_2{
		margin:10px 0px 30px 0px;
	}
	
	.reg_input.error {
		border:1px solid #EE0000;
	}
	
	#errorMsg {
		font-size: 14px;
		color: red;
		padding-bottom: 15px;
	}
	@media(max-width:767px){
		
		#errorMsg {
			padding-bottom: 7px;
		}
	}
	
	.setBodyH{
		min-height:130% !important;
	}
	
	@media(max-width:767px){
		#panel_step5{
			height: calc(100% - 30px);
		}
		
		.fb_btn{
		   margin:15px auto 30px auto;	
		}
		
		.form_wrapper{
			margin:0px 30px;
		}
		
		.form_wrapper input{
			padding:20px 0px;
		}
		
		.form_section_left{
			float:none;
			width:100%;
			padding-right:0px;
		}
		
		.form_section_right{
			float:none;
			width:100%;
			padding-left:0px;
		}
		
		.form_section_left::after{
			
		}
		
		.agree, .agree_desc {
			display: inline-block;
			vertical-align: top;
		}
		
		.agree_option {
			padding-left:40px;
			padding-right:40px;
			text-align: left;
			margin: 0 auto;
		}
		
		.agree_desc{
			width: calc(100% - 30px);
		}
		
		.agree_section_2{
			margin:10px 0px;	
		}
		
		.form-row{
			margin-top:80px;
		}
	}
	
	
	
	
	#submission_form>div{
		position:relative;
	}
	@media(max-width:767px){
		#submission_form>div:nth-child(1){
			margin-bottom:30px;
		}
		#submission_form:not(.logined)>div:nth-child(1)::before{
			content:"";
			position:absolute;
			width:280px;
			height:3px;
			background-image:url('/newclassics/images/dotted_line_h.png');
			background-repeat:repeat-x;
			background-size:auto;
			bottom:-1.5px;
			right:calc(50% - 140px);
		}
		
		#submission_form:not(.logined)>div:nth-child(1)::after{
			content: "OR";
			position: absolute;
			width: 50px;
			height: 50px;
			bottom: -25px;
			right: calc(50% - 20px); 
			font-size: 18px;
			line-height: 50px;
			font-family: Kipling_bold;
			background-color: #fed021;
			text-align:center;
		}
		
	}
	
	@media(min-width:768px){
			
		#submission_form>div{
			padding-top:40px;
			padding-bottom:40px;
		}
		#submission_form:not(.logined)>div:nth-child(1)::before{
			content:"";
			position:absolute;
			width:3px;
			height:100%;
			background-image:url('/newclassics/images/dotted_line_v.png');
			background-repeat:repeat-y;
			background-size:100%;
			top:0px;
			right:-1.5px;
		}
		#submission_form:not(.logined)>div:nth-child(1)::after{
			content: "OR";
			position: absolute;
			width: 50px;
			height: 50px;
			top: calc(50% - 20px);
			right: -25px;
			font-size: 24px;
			line-height: 50px;
			font-family: Kipling_bold;
			background-color: #fed021;
			text-align:center;
		}
	}
	
	
	/*End Form*/
/*step5*/



/*step6*/

/*step6*/

/*thankyou*/
	.result_sharing_container{
		padding-top:10px;
	}
	.sharing_container{
		
		max-width:240px;
		margin-left:0px;
		margin-right:auto;
		padding-top:20px;
	}
	
	.result_container{
		max-width:320px;
		
		margin-left:auto;
		margin-right:0px;
	}
	.sharing_container .button{
		width:100%;
	}
	@media(max-width:767px){
		.sharing_container{
			max-width:300px;
			margin-left:auto;
			margin-right:auto;
		}
		
		.result_container{
			max-width:300px;
			margin-left:auto;
			margin-right:auto;
		}
	
	}
	.result_container>a{
		background-position: center;
		background-size: 50%;
		background-repeat: no-repeat;
		padding-bottom: 100%;
		background-color:#FFF;
		border-radius:30px;
		display:block;
		position:relative;
	}
	@media(max-width:767px){
		.result_container>div{
			border-radius:25px;
			
		}
	}
	#download_btn{
		position:absolute;
		width:30px;
		height:30px;
		bottom:20px;
		right:20px;
		text-align:center;
		color:#333;
		font-size:20px;
		line-height:30px;
	}
	
	#popup_instagram_share .fancybox-close-small:after{
		background:none;
	}
	#popup_instagram_share{
	    border-radius: 20px;
		padding:0px;
	}
	#popup_instagram_share>div{
	    border-radius: 20px;
		background-color:#fed021;
		padding:40px;
		border:2px solid #FFF;
	}
	#popup_instagram_share a{
		outline:none;
		color:#000;
		text-decoration:none;
	}
	#popup_instagram_share a:hover{
		color:#000;
		opacity:.8;
	}
/*thankyou*/


#test{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

@media(min-width:768px){
	.thankyou_msg{
		font-size:17px;
		line-height:22px;
	}
}
@media(max-width:767px){
	.thankyou_msg{
		font-size:15px;
		line-height:24px;
	}
}









input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}