@font-face {
font-family: 'Xmas-tfb-Christmas';
src: url(https://bota.vn/wp-content/themes/bncgroup/css/promotion/.https://bota.vn/wp-content/themes/bncgroup/css/promotion/.https://bota.vn/wp-content/themes/bncgroup/css/promotion/fonts/Xmas-tfb-Christmas.ttf);
}
.header_top.header_langding_page_christmas {
background: none;
}
.header_top.header_langding_page_christmas .menu_main_list_right li a,
.header_top.header_langding_page_christmas .menu_main_list > ul > li > a,
.header_top.header_langding_page_christmas.fixed .btn-trial:hover{
color:#fff;
}
.header_top.header_langding_page_christmas .btn-trial{
color:#fff;
border-color:#fff;
}
.header_top.header_langding_page_christmas .btn-trial:hover{
color: #006be0 !important;
}
.header_top.header_top.header_langding_page_christmas .btn-trial:after{
background: #fff;
}
.header_top.header_langding_page_christmas.fixed .btn-trial{
color:#000;
border-color:#000;
}
.header_top.header_langding_page_christmas.fixed .btn-trial:after{
background: #000;
}
.header_top.header_langding_page_christmas.fixed .menu_main_list > ul > li > a,
.header_top.header_langding_page_christmas.fixed .menu_main_list_right li a{
color:#000;
}
.header_top.header_langding_page_christmas .menu_main_list > ul > li > a:hover, 
.header_top.header_langding_page_christmas .menu_main_list_right li a:hover,
.header_top.header_langding_page_christmas.fixed .menu_main_list > ul > li > a:hover,
.header_top.header_langding_page_christmas.fixed .menu_main_list_right li a:hover{
color: #00aeef;
}
.slideshow_landing_christmas .slideshow_main_info h1{
font-size: 24px;
font-weight: 600;
margin: 0 0 20px;
text-transform: uppercase;
line-height: 30px;
}
.slideshow_landing_christmas .slideshow_landing_page_img img {
width: 700px;
bottom: -300px;
right: 12px;
}
.btn.btn-primary.btn-slideshow-christmas {
background: #fff;
border-color: #fff;
color: #000;
font-weight: 600;
font-size: 14px;
}
.btn.btn-primary.btn-slideshow-christmas:hover {
background: #ce3939;
border-color: #ce3939;
color: #fff;
}
.title_christmas_main{
text-align:center;
}
.title_christmas_main h2{
font-size: 23px;
color: #000;
font-weight: 600;
text-transform:uppercase;
line-height: 35px;
padding-top: 50px;
}
.promtion_christmas_list_info li {
margin: 0 0 20px;
display: table;
}
.promtion_christmas_list_info.right{text-align:right;margin:50px 50px 30px 0;}
.promtion_christmas_list_info.right li{width:100%;}
.promtion_christmas_list_info li figure {
width: 35px;
height: 35px;
margin: 0 20px 0 0;
display: table-cell;
vertical-align: middle;
}
.promtion_christmas_list_info li figcaption {
font-size: 15px;
display: table-cell;
padding: 0 20px;
vertical-align: middle;
}
.promtion_christmas_list_info {
margin: 50px 0 30px;
}
.promtion_christmas_list_info.item3{margin-top:120px;}
.promtion_christmas_list_info.item2{margin-top:110px;}
.promtion_christmas_btn a {
background: #0066d8;
border-color: #0066d8;
padding: 15px 40px;
border-radius: 30px;
}
.btn:focus {
box-shadow: none;
}
.benefit_christmas_box {
display: table;
float: right;
width: 100%;
margin: 0 0 50px;
}
.benefit_christmas_img {
width: 30px;
height: 30px;
margin: 0;
display: table-cell;
vertical-align: middle;
}
.benefit_christmas_info {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
.benefit_christmas_img_middle {
height: 320px;
}
.register_bnc360_sendo.register_christmas p {
font-size: 18px;
margin: 0;
line-height: 40px;
}
.register_bnc360_sendo.register_christmas p:nth-child(2){
font-size: 25px;
font-weight: 700;
margin: 0 0 30px 0;
}
.services_register_christmas{ background-size: contain;
//
height: 400px;
}
.services_register_christmas_form.row,.services_register_christmas_countdown_box.row {
margin: 0 -7.5px;
}
.services_register_christmas_countdown_box.row{
align-items: center;
text-align:center;
}
.services_register_christmas_form [class*="col-"],.services_register_christmas_countdown_box [class*="col-"]{
padding:0 7.5px;
}
.services_register_christmas_form input{
width:100%;
margin:0 0 15px;
padding:0 10px 0;
height: 40px;
border-color: #d9d9d9 !important;
font-size: 14px;
outline: none;
}  
#countdown {
display: flex;
align-items: center;
justify-content: center;
}
.services_register_christmas_countdown li {
background: #cccccc;
margin: 0 15px 15px 0;
font-size: 15px;
font-weight: 600;
color: #000;
text-align: center;
height: 70px;
width: 70px;
border-radius: 5px;
display: flex;
justify-content: center;
flex-direction: column;
}     
.services_register_christmas_countdown li span {
display: block;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
}
.services_register_christmas_countdown li span:nth-child(1){
font-size:18px;
}
.services_register_christmas_countdown li:nth-child(3) {
background: #d7d7d7;
}
.services_register_christmas_countdown li:nth-child(4) {
background: #ebebeb;
}
.btn_christmas_register a{
width: auto;
text-transform:uppercase;
font-weight:600;
font-size:13px;
padding: 16px 40px;
border-radius: 30px;
margin: 50px 0;
}
.trial_web .modal-body #form_dk_km{
height:40px;
line-height: 40px;
padding:0 25px;
}
#form_dk_km {
padding: 7px 25px; 
border-radius: 20px; 
font-size: 16px; 
font-weight: 500; 
width: 100%; 
background-color: #ff0019;
border-color: #ff0019;
margin:15px 0;
}
#form_dk_km:hover {
background: #00b0f5; 
border-color: #00b0f5;
}
.services_register_christmas_form .erros{font-size:12px;color:red;}
.fixed .fix_top.hide{display:block !important;}
.fixed .default_top{display:none;}@media only screen and (max-width: 1024px){
.services_register_christmas_countdown { }
.services_register_christmas_countdown li {
}
.slideshow_main_info{
margin:0;
}
}
@media only screen and (max-width: 991px){
.slideshow_landing_page_main.slideshow_landing_christmas .slideshow_main_short {
color: #000;
}
.header_top.header_langding_page_christmas .btn-trial {
color: #0078c2;
border-color: #0078c2;
}
.btn.btn-primary.btn-slideshow-christmas {
background: #ce3939;
border-color: #ce3939;
color: #fff;
}
.slideshow_landing_christmas .slideshow_landing_page_img img {
width: 100%;
bottom: 0;
}
.benefit_christmas_left,.benefit_christmas_right{
margin: 0 !important;
display: flex;
}
.benefit_christmas_left .benefit_christmas_box,.benefit_christmas_right .benefit_christmas_box {
float: left;
text-align: left !important;
margin: 0 0 20px;
display: flex;
flex-direction: row-reverse;
}
.benefit_christmas_right .benefit_christmas_box{
flex-direction: row;
}
.services_register_christmas_countdown li { }
.services_register_christmas_countdown {
display: flex;
justify-content: space-between;
margin: 0 0 15px;
}
.services_register_christmas{
background-size: cover;
}
.services_register_christmas_no_margin{
//margin:0 !important;
}
div#e_itexpress_footer {
display:none;
}
}
@media only screen and (max-width: 767px){
.btn.btn-primary.btn-slideshow-christmas {
background: #fff;
border-color: #fff;
color: #000;
font-weight: 600;
font-size: 14px;
}
.slideshow_landing_page_main figcaption{padding-bottom:0;}
.slideshow_landing_page_main.slideshow_landing_christmas{height: auto !important;background: url(https://bota.vn/wp-content/themes/bncgroup/images/images_khuyen_mai/bg-km-sn-2020.png) no-repeat top center !important;background-size: auto 100% !important;}
.slideshow_landing_page_img{ }
.slideshow_landing_page_img.mobile{display:block !important;}
.promtion_christmas_list_info.item3{margin-top: 0;}
.promtion_christmas_list_info.item2{margin: 0;}
.promtion_christmas_list_info li figure {
width: 35px !important;
}
.benefit_christmas_left, .benefit_christmas_right{
flex-direction: column;
}
.benefit_christmas_img{
width: 30px !important;
}
.services_register_christmas{
height:auto;
padding:0 0 30px;
}
.services_register_christmas{
background: none;
}
.register_christmas{
background-size: cover !important;
}
.title_christmas_main{
padding:30px 0  !important;
}
.title_christmas_main h2 {
font-size: 20px;
padding-top: 0;
}
.btn-langding_page a {
padding: 12px 40px;
font-size: 15px;
font-weight: 700;
}
.slideshow_landing_christmas h1 {
line-height: 40px !important;
font-weight:700;
font-size:22px;
color: white;
}
.slideshow_landing_page_main.slideshow_landing_christmas .slideshow_main_short{
color: white;
}
.benefit_christmas_left .benefit_christmas_box {
justify-content: flex-end;
align-items: center;
}
.services_register_christmas_countdown {
justify-content: flex-start;
}
.services_register_christmas_countdown li{ }
.btn_christmas_register a{
width:unset;
}
}