﻿html, body {font-family:'Noto Sans SC', sans-serif;margin:0;padding:0;color:#FFFFFF; font-size:16px;background:#FFFFFF;}
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:1048px;margin-left:auto;margin-right:auto;box-sizing:border-box; text-align:center;}

#main_black, #open_header{background: #FFFFFF;width: 100%;}
#main_black #header_section{background: #000000;padding-top:3.5rem;}
#main_black #header_section .left{display:inline-block;background: url("../img/panda-security-cyber-monday19.jpg") no-repeat;width: 290px;height: 290px;float: left;}
#main_black #header_section .right{display: inline-block;}
#main_black #header_section h1{font-size:2rem;font-weight:normal;padding-top: 2.5rem;}
#main_black #header_section h1 strong{font-weight:bold;}
#main_black #time{padding:1rem 0;}
#main_black #time h3, #main_black #countdown h3{font-size:1.125rem;line-height:1.69rem;text-align: center;padding:1rem 0;}
#main_black #time table{display:inline-block;margin:0 auto;border:2px solid #FFFFFF;margin-left:0.5rem;width:75px;}
#main_black #time table:nth-of-type(1){margin-left: 0;}
#main_black #time table th{color:#D6B2ED; font-size:0.87rem;font-weight: normal;line-height:1.25rem;padding-bottom:6px;}
#main_black #time .number{font-size:1.5rem;line-height:2.25rem;font-weight:bold;width:75px;margin: 0 auto}
#main_black .footer_section{background: #F6F5F5;padding: 1.5rem 0 1rem;margin: 1rem 0;}
#main_black .footer_section .left, #main_black .footer_section .right{display:inline-block;width: 47%;}
#main_black .footer_section .right{vertical-align: top;margin-left: 2%;padding: 5.5rem 0 0 1.5rem;}
#main_black .footer_section .en{padding: 3.5rem 0 0 1.5rem !important;}
#main_black .footer_section h3{font-size:1.5rem;line-height:2.25rem;color: #2F3343;font-weight:bold;text-align: left;padding-bottom: 1.125rem;}
#main_black .footer_section p{font-size: 1rem;line-height: 1.5rem;color: #2F3343;font-weight: normal;text-align: left;}
#main_black .footer_section h4{font-size:1rem;line-height:1.5rem;color: #2F3343;font-weight:bold;text-align: left;padding-bottom: 1rem;}
#main_black .footer_section ul li {font-size: 1rem;line-height: 1.125rem;color: #2F3343;font-weight: normal;text-align: left;list-style-type: none;margin-bottom: 1.5rem;padding-left: 0.5rem;}
#main_black .footer_section ul li:nth-of-type(5){margin-bottom: 0;}
#main_black .footer_section ul li::before{content: "·   ";}

#open_black{display:none;}

#open_main{padding-bottom: 4.25rem}
#open_black #open_header{display:block;padding-top:57px;background:#000000;}
#open_black #open_header .left{display:inline-block;background: url("../img/panda-security-cyber-monday19_step2.jpg") no-repeat;width: 340px;height: 340px;float: left;}
#open_black #open_header .right{display: inline-block;width: 60%;}
#open_black #open_header h1{font-size:1.125rem;font-weight:normal;padding-top: 2.5rem;line-height:1.69rem;color:#FFFFFF;text-align: left;}
#open_black #open_header h1 strong{font-weight:bold;}
#open_black #open_header a{background:#FF9010;color: #FFFFFF;text-decoration: none;border-radius: 2px;padding:0.5rem 0;width:255px;font-weight:bold;font-size:1rem;line-height: 1.5rem;text-align: center;display: block;margin: 2rem 0;}
#open_black #countdown{padding-bottom: 3rem;text-align: left;}
#open_black #countdown h3{text-align: left;font-weight:normal;font-size:1.125rem;line-height:1.69rem;padding-bottom: 0.5rem;}
#open_black #countdown table{display:inline-block;margin:0 auto;border:2px solid #FFFFFF;margin-left:0.5rem;width:75px;}
#open_black #countdown table:nth-of-type(1){margin-left: 0;}
#open_black #countdown table th{color:#D6B2ED; font-size:0.87rem;font-weight: normal;line-height:1.25rem;padding-bottom:6px;text-align: center;}
#open_black #countdown .number{font-size:1.5rem;line-height:2.25rem;font-weight:bold;width:75px;margin: 0 auto;text-align: center;}
#open_black #open_main h4{font-size:2rem;line-height: 3rem;color:#FF9010;font-weight: bold;text-align: center;padding: 2rem 1rem 1rem;}
#open_black #open_main h5{font-size:1.5rem;line-height:2.25rem;color:#2F3343;font-weight: normal;text-align: center;padding: 0 0.5rem 2rem;}
#open_black #open_main #boxold, #open_black #open_main #boxnew{color:#2F3343;display:inline-table;vertical-align: top;position:relative;width:30.5em;background:#FFFFFF;border:1px solid #919191;border-radius: 2px;}
#open_black #open_main #boxnew{ margin-right:1.87rem;}
#open_black #open_main #boxnew .top{background:#FFF4E7;padding: 1.5rem 0;}
#open_black #open_main #boxnew h3{font-size: 1.5rem;line-height: 2.5rem;font-weight: bold;color:#2F3343;}
#open_black #open_main #boxnew p.line{font-size: 1.125rem;line-height: 1.69rem;}
#open_black #open_main #boxnew .bottom{padding: 1.5rem 1rem;}
#open_black #open_main #boxnew p.topline{font-size: 1rem;line-height: 1.5rem;padding-bottom: 1.5rem;text-align: left;font-weight: bold;}
#open_black #open_main #boxnew ul li{list-style-image: url("../img/ul_bullet.png");text-align: left;margin-bottom: 1rem;font-size: 1rem;line-height: 1.5rem;margin-left: 1.5rem;}
#open_black #open_main #boxnew ul li:nth-of-type(5){margin-bottom: 0;}
#open_black #open_main #boxnew a{width: 100%;background:#FF9010;color:#FFFFFF;text-decoration: none;padding: 0.5rem 0;text-align: center;font-weight: bold;margin-top: 3rem;font-size: 1rem;line-height: 1.5rem;display: block;border-radius: 2px;}
#open_black #open_main #boxold .top{background:#E5F3ED;padding: 1.5rem 0;}
#open_black #open_main #boxold h3{font-size: 1.5rem;line-height: 2.5rem;font-weight: bold;color:#2F3343;}
#open_black #open_main #boxold p.line{font-size: 1.125rem;line-height: 1.69rem;width:78%;margin: 0 auto;}
#open_black #open_main #boxold .bottom{padding: 1.5rem 1rem;}
#open_black #open_main #boxold p.topline{font-size: 1rem;line-height: 1.5rem;padding-bottom: 1.5rem;text-align: left;font-weight: bold;}
#open_black #open_main #boxold #login{margin:2.6rem 0 0;}
#open_black #open_main #boxold input{border:1px solid #D8D8D8;outline: none;background: #FFFFFF;width: 92%;display: block;margin-bottom: 1.5rem;padding: 0.812rem 0 1rem 2.125rem;font-size: 1.125rem;line-height: 1.69rem;border-radius: 2px;}
#open_black #open_main #boxold input:nth-of-type(2){margin-bottom: 0;}
::placeholder {color:#D8D8D8;font-weight: normal;}
#open_black #open_main #boxold a{width: 100%;background:#02874D;color:#FFFFFF;text-decoration: none;padding: 0.5rem 0;text-align: center;font-weight: bold;margin-top: 3rem;font-size: 1rem;line-height: 1.5rem;display: block;border-radius: 2px;}
#open_black #open_main #boxold a.fr{margin-top: 4.5rem !important;}
#open_black #open_main #boxold a.de{margin-top: 7.5rem !important;}
#open_black #open_main #boxold a.nl{margin-top: 6rem !important;}
#open_black .footer_section{background: #F6F5F5;padding: 1.5rem 0 1rem;}
#open_black .footer_section .left, #open_black .footer_section .right{display:inline-block;width:47%;}
#open_black .footer_section .right{vertical-align: top;margin-left: 2%;padding: 5.5rem 0 0 1.5rem;}
#open_black .footer_section .en{padding: 3.5rem 0 0 1.5rem !important;}
#open_black .footer_section h3{font-size:1.5rem;line-height:2.25rem;color: #2F3343;font-weight:bold;text-align: left;padding-bottom: 1.125rem;}
#open_black .footer_section p{font-size: 1rem;line-height: 1.5rem;color: #2F3343;font-weight: normal;text-align: left;}
#open_black .footer_section h4{font-size:1rem;line-height:1.5rem;color: #2F3343;font-weight:bold;text-align: left;padding-bottom: 1rem;}
#open_black .footer_section ul li {font-size: 1rem;line-height: 1.125rem;color: #2F3343;font-weight: normal;text-align: left;list-style-type: none;margin-bottom: 1.5rem;padding-left: 0.5rem;}
#open_black .footer_section ul li:nth-of-type(5){margin-bottom: 0;}
#open_black .footer_section ul li::before{content: "·   ";}

@media screen and (min-width:1024px) and (max-width:1200px){
    #open_black #open_main #boxnew{margin-right: 0.87rem;}
}

@media screen and (max-width:1023px){
    .order_reverse{display: flex;flex-direction: column-reverse;}
    #main_black #header_section, #open_black #open_header{display:block;padding-top:70px;background:#000000;}
    #open_black #open_header .right{width: 90%;margin: 0 auto;}
    #main_black #header_section .left, #open_black #open_header .left{margin: 0 auto;float: none;}
    #open_black #open_header h1{text-align: center;}
    #open_black #open_header a{padding: 1rem 0;margin: 2rem auto 1.5rem;width: 210px;}
    #open_black #countdown h3{text-align: center;}
    #open_black #countdown{text-align: center;}
    #open_black #countdown .number{width: 135px;font-size: 2rem;line-height: 3rem;}
    #open_black #countdown table{width: 135px;margin-left: 0.2rem;}
    #open_black #countdown table:nth-of-type(1){margin-left: 0;}
    #open_black #countdown{padding-bottom: 1.5rem;}
    #open_black #open_main h5{padding: 0 2rem 2rem;}
    #open_black #open_main h4{padding: 2rem 2rem 1rem;}
    #open_black #open_main #boxold, #open_black #open_main #boxnew{width: 90%;}
    #open_black #open_main #boxnew{margin-right: 0;margin-bottom: 2rem;}
    #open_black #open_main #boxnew a, #open_black #open_main #boxold a{padding: 1rem 0;}
    #open_black #open_main #boxnew p.topline{text-align: center;}
    #open_black #open_main #boxnew ul li{text-align: center;list-style-position: inside;}
    #open_black .footer_section .left, #open_black .footer_section .right,
    #main_black .footer_section .left, #main_black .footer_section .right{width: 90%;}
    #main_black .footer_section .right, #open_black .footer_section .right{padding: 2rem 0 0 0;margin-left: 0;}
    
}

@media screen and (max-width:425px){
    .order_reverse{display: flex;flex-direction: column-reverse;}
    
    #main_black #header_section{display:block;padding-top:70px;background:#000000;}
    #main_black #header_section .right{width: 90%;margin: 0 auto;}
    #main_black #header_section .left{display:inline-block;background: url("../img/panda-security-cyber-monday19_step2_mob.jpg") no-repeat;width: 375px;height: 212px;margin: 0 auto;float: none;}
    #main_black #header_section h1{text-align: center;}
    #main_black #time h3{text-align: center;}
    #main_black #time{text-align: center;}
    #main_black #time .number{width: 103px;font-size: 2rem;line-height: 3rem;padding-left: 0;}
    #main_black #time table{width: 103px;margin-left: 0.2rem;}
    #main_black #time table:nth-of-type(1){margin-left: 0;}
    #main_black #time{padding-bottom: 1.5rem;}
    #main_black #open_main #boxold, #open_black #open_main #boxnew{width: 90%;}
    #main_black #open_main #boxnew{margin-right: 0;margin-bottom: 1.5rem;}
    #main_black #open_main #boxold input{width: 88%;}
    #main_black .footer_section .left, #main_black .footer_section .right{width: 90%;}
    #main_black .footer_section .right{padding: 2rem 0 0 0;}
    
    #open_main{padding-bottom: 1rem;}
    #open_black #open_header{display:block;padding-top:70px;background:#000000;}
    #open_black #open_header .left{display:inline-block;background: url("../img/panda-security-cyber-monday19_step2_mob.jpg") no-repeat;width: 375px;height: 212px;margin: 0 auto;float: none;}
    #open_black #open_header .right{width: 90%;margin: 0 auto;}
    #open_black #open_header h1{text-align: center;}
    #open_black #open_header a{padding: 1rem 0;margin: 2rem auto 1.5rem;width: 100%;}
    #open_black #countdown h3{text-align: center;}
    #open_black #countdown{text-align: center;}
    #open_black #countdown .number{width: 103px;font-size: 2rem;line-height: 3rem;}
    #open_black #countdown table{width: 103px;margin-left: 0.2rem;}
    #open_black #countdown table:nth-of-type(1){margin-left: 0;}
    #open_black #countdown{padding-bottom: 1.5rem;}
    #open_black #open_main #boxold, #open_black #open_main #boxnew{width: 90%;}
    #open_black #open_main #boxnew{margin-right: 0;margin-bottom: 1.5rem;}
    #open_black #open_main #boxold input{width: 88%;}
    #open_black #open_main #boxnew a, #open_black #open_main #boxold a{padding: 1rem 0;}
    #open_black .footer_section .left, #open_black .footer_section .right{width: 90%;}
    #open_black .footer_section .right{padding: 2rem 0 0 0;}
}

@media screen and (max-width:320px){
    #main_black #header_section .left, #open_black #open_header .left{display:inline-block;background: url("../img/panda-security-cyber-monday19_step2_mobXS.jpg") no-repeat;width: 315px;height: 178px;margin: 0 auto;float: none;}
    #main_black #time table, #open_black #countdown table{width: 87px;}
    #open_black #open_main #boxnew .top, #open_black #open_main #boxold .top{padding: 1.5rem 1rem;}
    #open_black #open_main #boxold input{width: 86%;}
}