html, body {font-family:'Noto Sans SC', sans-serif;margin:0;padding:0;color:#ffffff; font-size:16px;}
a{text-decoration:none;color:#FFFFFF;}
h1,h2,h3{margin:0;padding:0;font-weight:normal;}
header,section,footer,div{padding:0;margin:0;}
.contenedor{max-width:1024px;margin-left:auto;margin-right:auto;box-sizing:border-box; text-align:center;}
#main_black, #open_header, #open_black{ background: #000000;}
#main_black #header_section h1{font-size:1em;font-weight: 700;color:#FFFFFF;line-height: 1.5em;text-align: center;text-transform: uppercase;padding: 48px 0 64px;}
#header_section h1 strong{color:#437fc0;}
#header_section{ padding-top:70px; text-align:center; color:#ffffff;}

#main_black #background{width: 100%;padding-bottom: 64px;}
#main_black .bg_img{background:url("../img/background_bf.svg") no-repeat center;width:100%;height:431px;}

#main_black #time h3{font-size: 12px;line-height: 1em;text-align: center;letter-spacing: 1px;padding-bottom: 48px;}
#main_black #time h3 span,#countdown h3 span{ letter-spacing:0.3em;}
#main_black .tabbullet{font-size: 36px;vertical-align: top;padding-top: 18px;}
#main_black #time table{ margin:0 auto;width:540px;}
.text_col{font-size: 10px;line-height: 1em;letter-spacing: 1.25px;text-align: center;font-weight: 300;}
#main_black #time .number, #main_black #countdown .number{font-size:40px;line-height: 40px;text-align: center;padding: 22.8px 16.6px 32.7px 18.3px;}
#main_black td.number{border:1px solid rgba(255,255,255,.5);border-radius: 2px;width: 70px;}
td.number span {color:#FFFFFF;}
 
.footer_section{font-size:0.75em;margin-top:64px; padding-bottom:64px;}
.footer_section p{margin:0 auto 64px;width: 60.5em; color:#FFFFFF;opacity: 0.5;text-align: justify;font-size: 12px;line-height: 18px;}
.footer_section a{font-size:16px;line-height: 24px;text-align: center;text-decoration: none;color:#FFFFFF;font-weight: 700;margin-bottom: 64px;}
.footer_section a span.fill{background:url("../img/icon-right.svg") no-repeat;width: 16px;height: 16px;display: inline-block;margin-left: 16px;}
.footer_section h3{font-size:16px;font-weight: 700;line-height: 1.5em;text-align: center;padding-bottom: 48px;}

#open_black,#step3 { display:none;}
#open_header{ display:block; padding-bottom:2.5em;}
#open_header .box{ font-size:2em; width:9.2em; margin:0;padding: 0.22em;}
#open_header .box .border{  padding-left: 0.6em;}
#open_header .contenedor{ width:41.3em;}
#open_header #centrar{ margin-right:1em;}
#open_header #countdown{float: right; margin:1em 0.8em 0 0;}
#countdown h3{ font-size:0.85em; color:#fff; width:auto;}
#open_header .bullet{ padding-top:6.5em; background-size:2.21em; width:auto; margin:0 0 1em;}
#open_black .footer_section h3, #open_black .footer_section a{ color:#FFFFFF;}
#open_black  .footer_section p{ color:#FFFFFF;}

#open_black #header_section h1{font-size:26px;font-weight: 700;color:#FFFFFF;line-height: 36px;text-align: center;text-transform: uppercase;padding: 48px 0 0;}
#open_black #header_section  {width: 50%;float: left;}
#open_black #time{padding-top: 100px;width: 40%;float: right;}
#open_black #background {clear: both;padding:34px 0;}
#open_black h1{color:#FFFFFF;font-size: 26px;line-height: 36px;font-weight: bold;}
#open_black h1 span{color: #1964A1;}
#open_black #time .number, #open_black #countdown .number{font-size:30px;line-height: 40px;text-align: center;padding: 8px 15px;}
#open_black td.number{border:1px solid rgba(255,255,255,.5);border-radius: 2px;width: 43px;}
#open_black #time h3{font-size: 12px;line-height: 16px;text-align: center;letter-spacing: 1px;padding-bottom: 12px;}
#open_black #time h3 span,#countdown h3 span{ letter-spacing:0.3em;}
#open_black .tabbullet{font-size: 36px;vertical-align: top;}
#open_black #time table{ margin:0 auto;}
#open_black #open_main{background:#000000;}

#main_black #open_main{ padding:64px 0 0;background:#000000;}
#boxold,#boxnew{ display:inline-table;position:relative;width:28em;border-radius: 2px;}
#boxnew{ background:#FFFFFF;margin-right:30px; z-index:1; position:relative;}
#boxnew .top, #boxold .top{background:#D8D8D8;border-top-left-radius: 2px;border-top-right-radius: 2px;}
#boxnew .bottom, #boxold .bottom{padding: 16px 24px 24px;}
#boxold{ background:#FFFFFF;}
#open_main h3{font-size:16px;line-height:24px;text-align:center;color:#437FC0;font-weight:700;text-transform:uppercase;padding-top:16px;}
/*#open_main .discount{ background-color:#5bbb71; position:absolute;  width:4.2em;left:0.5em; padding: 0.6em;top: -0.4em; font-size:1.1em;}*/
#open_main .discount{position:absolute;background:url("../img/off-label19.png") left top no-repeat transparent;margin:0 !important;width:112px;height:112px;background-color:transparent !important;border-radius:0;padding:30px 0 0;left:0;top:0;}
#open_main .discount span{-ms-transform:rotate(-40deg);/* IE 9 */   -webkit-transform:rotate(-40deg);/* Safari */    transform:rotate(-40deg);display:block;position:relative;top:-10px;left:-22px;font-size:16px;line-height: 16px; font-weight:bold;}
#open_main #boxold .discount{background-image:url("../img/off-label_rnw19.png");}
#open_main .button{ background-color:#ff9012;padding: 1.01em 3.2em;margin:43px auto 0;display: block;border-radius: 2px;font-size: 16px;line-height: 24px;font-weight: 700;}
#open_main .button span.xs{font-size:0.715em;}
#open_main .button:hover{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
#boxold .button{ background-color:#5fbb72;padding:1em 1.3em; }
#open_main ul{ text-align:left; margin:16px 0 0 17px;list-style-image:url(../img/icon-Check.svg);}
#open_main ul li{ padding:2.5px 0;color:rgba(0,0,0,.5);font-size: 11px;line-height: 16px;}
#open_main .line{color:#000000;font-size:12px;line-height:18px;text-align:center;padding-bottom: 16px;margin-top: 8px;}
#open_main .topline{color:#000000;font-size: 14px;line-height: 21px;text-align: center;}
#shadow{   box-shadow: 0 10px 30px #73757c;    height: 2em;    left: 2.3em;    position: relative;    top: -2.3em;    width: 29.5em; z-index:1;display:none;}
#open_black .footer_section{margin-top:7.5em; }
#open_black  .footer_section p{  width: 60.5em;}
#login{padding-top: 16px;}
#login input{width:90%;background-color:#FFFFFF;/*color: #D8D8D8*/;display:block; margin:0 auto 24px; padding:0.94em 0 0.94em 1.625em; font-size:1em; text-align:left;border-radius: 2px;border: 1px solid #D8D8D8;}
#login input::placeholder{color: #D8D8D8;}
#login a{ background-color:#5FBB72;padding: 1.01em 3.2em;font-size: 16px;line-height: 24px;font-weight: 700;display:block;border-radius: 2px;}
#login a:hover{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
#login input.error_input{ border:1px solid red;}
.PromotionPriceAndURL{ display:none;}
.deal_blackfriday{display:none !important;}
@media screen and (min-width:1441px){
    #main_black .bg_img{background:url("../img/background_bf.svg") no-repeat center;width:100%;height:471px;background-size: cover;}
    #open_black .bg_img{background:url("../img/background_xl.svg") no-repeat center;width:100%;height:120px;background-size: cover;}
    #open_black #time{padding-right: 24px;}
}
@media screen and (max-width: 1440px){
    #main_black .bg_img{background:url("../img/background_bf.svg") no-repeat center;width:100%;height:370px;background-size: cover;}
    #open_black .bg_img{background:url("../img/background_xl.svg") no-repeat center;width:100%;height:100px;background-size: cover;}
}
@media screen and (max-width: 1024px){	
    #main_black .bg_img{background:url("../img/background_bf_large.svg") no-repeat center;width:100%;height:265px;background-size: cover;}
    #open_black .bg_img{background:url("../img/background_left.svg") no-repeat center;width:100%;height:100px;background-size:auto;}
	#boxold, #boxnew { display:block; margin:3em auto;}
	#boxnew{margin-top:0;}
	#shadow{ display:none;}
	#open_black  .footer_section p{  width:60%;}
}
@media screen and (max-width: 768px){
    #main_black .bg_img{background:url("../img/background_bf_medium.svg") no-repeat center;width:100%;height:249px;background-size: cover;}
    /*#open_black .bg_img{background:url("../img/background_bf_medium.svg") no-repeat center;width:100%;height:249px;background-size: cover;}*/
}
@media screen and (min-width:600px) and (max-width:1200px) {
    #open_black #time{padding-right: 24px;}
}
@media screen and (max-width: 950px){
    #time .number, #countdown .number{padding: 16px 14px 24px 15px;}
	.footer_section p{ width:95%;}
}
@media screen and (max-width: 650px){	
    #main_black #time table{width: 90%;}
    #main_black .bg_img{background:url("../img/background_bf_small.svg") no-repeat center;width:100%;height:200px;background-size: cover;}
    /*#open_black .bg_img{background:url("../img/background_bf_small.svg") no-repeat center;width:100%;height:200px;background-size: cover;}*/
	#open_black  #countdown { float:none;    display: inline-block;}
	#open_header .box {   margin: 0 auto;}
}
@media screen and (max-width: 600px){
	.box{ width:95%; font-size:3em;}
	#open_header .contenedor {width: auto;}
	#boxold, #boxnew { width:90%; height:auto;}
	#open_main .button { font-size:1em;display:inline-block;width:65%;}
	#open_main .button span.xs{font-size:1em;}
    #open_black  .footer_section p{  width:85%;}
    #open_black #header_section  {width: 100%;float: none;}
    #open_black #time{padding-top: 36px;width: 100%;float: none;}
    #open_black #time table {padding: 0 16px;}
}

@media screen and (max-width: 375px){
    #open_black .bg_img, #main_black .bg_img{background:url("../img/background_bf_xsmall.svg") no-repeat center;width:100%;height:137px;}
}
@media screen and (min-width: 376px) and (max-width: 480px){
    #main_black .bg_img{background:url("../img/background_bf_xsmall.svg") no-repeat center;width:100%;height:137px;background-size: cover;}
    #open_black .bg_img{background:url("../img/background_mini.svg") no-repeat center;width:100%;height:100px;background-size: cover;}
}
@media screen and (max-width: 450px){
    .tabbullet{padding-top: 10px;}
	.box{ width:95%; font-size:2em;}	
	#animacion { background-size:120%}
}
@media screen and (max-width: 400px){
    .tabbullet{padding-top: 0;}
    #open_black #time .number, #open_black #countdown .number{padding: 7.5px 10.6px 14px 11.6px;}
	/*#header_section{ padding:7em 0 1.5em;}*/
}
@media screen and (max-width: 350px){
    #main_black .bg_img{background:url("../img/background_bf_xsmall.svg") no-repeat center;width:100%;height:102px;background-size: cover;}
    /*#open_black .bg_img{background:url("../img/background_bf_xsmall.svg") no-repeat center;width:100%;height:102px;background-size: cover;}*/
    #open_main .button { font-size:1em;display:inline-block;width:55%;}
}