@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html{
     padding:0px;
     margin:0px;
     overflow-x: hidden !important;
}
body{
     font-style: normal;
     font-weight: 400;
     letter-spacing: 0em;
     color: #000;
     position: relative;
     background: #fff;
     padding:0px !important;
     width: 100%;
     margin: 0px auto;
     font-family: Roboto;
     overflow-x: initial!important;
}
ul, ol {
     margin: 0;
     padding: 0;
     list-style: none;
}
a:hover, a:focus{
     text-decoration: none !important;
}
:hover,:focus{
     outline: none !important;
}
img{
     max-width: 100%;
}
.thumbnail{
     padding: 0px;
     border: none;
     background: none;
     margin: 0px;
     overflow: hidden;
}
.row{
     margin-right: -10px;
     margin-left: -10px;
}
.container {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
     max-width: 1170px;
}
 .slick-prev:before {
     content: "\f104" !important;
     font: normal normal normal 14px/1 FontAwesome !important;
     font-size: 40px !important;
     display: inline-block;
     line-height: 45px !important;
     color: #fff!important;
     background: #76b648;
     border-radius: 50%;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
}

 .slick-next:before {
     content: "\f105" !important;
     font: normal normal normal 14px/1 FontAwesome !important;
     font-size: 40px !important;
     position: absolute;
     width: 100%;
     height: 100%;
     display: inline-block;
     line-height: 45px !important;
     color: #fff!important;
     background: #76b648;
     border-radius: 50%;
     top: 0px;
     left: 0px;
}
 .slick-prev:hover:before , .slick-next:hover:before{
    background:#ffa102 !important;
 } 
 .slick-prev {
     left: 0px !important;
     top:50%;
     margin-top: 10px;
}
 .slick-next {
     right: 0px !important;
     top:50%;
     margin-top: 10px;
}
 .slick-prev:hover::before, .slick-next:hover::before{
     color:#fff !important;
}
 .slick-prev , .slick-next{
     width: 45px;
     height: 45px;
}
 .slick-slide img{
     margin:0px auto;
     display: table !important;
     border:4px solid #ccc;
}
#header {
    margin: 0 auto 30px auto;
    width: 100%;
    text-align: center;
    background: #fff;
}

/*css by dung*/
.affilates_content_sop ul.tab_content_affilates {
     display: table;
     width: 100%;
     margin: 0px 0px 20px 0px;
}
.affilates_content_sop ul.tab_content_affilates li {
     float: left;
     width: 19%;
     font-size: 18px;
     line-height: 26px;
     text-transform: uppercase;
     text-align: center;
     padding: 10px 6px;
     border: 1px solid #62b7dc;
     border-radius: 10px;
     margin: 0px 10px 10px 0px;
     cursor: pointer;
     background: linear-gradient(to right, #5cb1d9 0%, #1477bb 100%);
     color: #fff;
}
.affilates_content_sop ul.tab_content_affilates li.currents {
    background: linear-gradient(to right, rgb(135 202 255) 0%, rgb(255 255 255) 100%) !important;
    color: #005ea4 !important;
    font-weight: 700;
}
.banner_domain_sop{
    padding: 50px 0px;
}
.tg_search_sop .search_nd_ft textarea{
    resize: none;
}
.ssd_hosting.hide_e .menu_imunify_ft{
    display: none;
}
.ssd_hosting .tg_price_vat_nd{
    margin: 0px !important;
    padding: 0px !important;
}
.item_spmd_list{
    display: none;
}
.item_spmd_list.currents{
    display: block;
}
.wrap_menu_accestrade {
    background: url(../images/bg_accesttrade.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0px 50px 0px;
}
.wrap_menu_accestrade .logo_w_tenten{
    display: table;
    margin: 0px auto 30px auto;
}
.tb_price_vn h3{
    text-align: center;
    margin: 0px 0px 40px 0px;
}
.tb_price_vn i.fa{
    margin: 0px 5px;
}
.tb_price_vn table{

}
.tb_price_vn table th{
        padding: 20px 10px;
        color: #fff;
        border: 1px solid #ccc;
        background: #317cae;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
}
.tb_price_vn table th span{
    display: block;
    font-style: italic;
    font-size: 13px;
}
.tb_price_vn table thead>tr>th:first-child {
    background: #143578;
    width: 45%;
    font-size: 22px;
}
.tb_price_vn table td{padding: 15px;text-align: center;border: 1px solid #ededed;}
.tb_price_vn table tbody>tr:nth-child(2){
    background: #eee;
}
.tb_price_vn table tbody>tr>td:first-child{
    text-align: left;
}
.tooltip{
   word-break: break-word !important;
}
@media (max-width: 767px) {
    .affilates_content_sop ul.tab_content_affilates li {
        width: 48%;
        float: left;
        margin: 0px 5px 5px 0px;
        font-size: 13px;
        line-height: 22px;
    }  
    .wrap_menu_accestrade{
        padding: 30px 0px 20px 0px;
    }
}

/*currents*/
.tabs-contents{
     display: none;
     padding: 0px;
}
 .tabs-contents.currents{
     display: inherit;
     -webkit-animation: slide-down 0.3s ease-out;
     -moz-animation: slide-down 0.3s ease-out;
}
.tabs-contents.currents li{
    animation: none;
}

.tabs-contents-sc{
     display: none;
     padding: 0px;
}
 .tabs-contents-sc.currents{
     display: inherit;
     -webkit-animation: slide-down 0.3s ease-out;
     -moz-animation: slide-down 0.3s ease-out;
}
.tabs-contents-sc.currents li{
    animation: none;
}
/*currents*/
/*css domain*/
.tg_table_price{
    clear: both;
    background: #fff;
}
.tg_table_price .container {
    max-width: 1200px;
    width: 100%;
}
.k_bieuphi{
    display: table;
    background: #fff;
    padding: 30px;
}
/* Float */
 .fl {
    float: left;
}
 .fr {
    float: right;
}
 .clearfix {
    display: block;
    width: 100%;
}
 .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
 .clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}
 .w100p{
    float:left;
     width:100%
}
 .wrap{
    max-width:1170px;
     margin:0 auto;
}
 .logotenten{
    padding-top:5px;
    padding-bottom:10px;
}
/* POPUP */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.7);
    font-size: 15px;
    display: none;
}
.popup .content_popup {
    position: relative;
    margin: 100px auto 0px auto;
    z-index: 9;
    width: 80%;
    text-align: center;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    max-width: 300px;
    background: #fff;
    padding: 0px 0px 30px 0px;
    max-width: 600px;
    width: 100%;
    border-radius: 5px;
    animation-name: animatetop;
    animation-duration: 0.4s;
}
.popup .content_popup .title {
    font-size: 18px;
    background: url(images/icon_noice.png) top center no-repeat;
    padding-top: 70px;
    margin-bottom: 15px;
}
.popup .close_popup {
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    /* background: #ddba76;
    */
    padding: 7px 15px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    clear: both;
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 20px;
}
.commit_popup{
    background: #ffe6e6;
    border: dashed 1px #ffa7a7;
    padding: 15px;
    text-align: center;
    margin: 15px;
    display: none;
}
.commit_popup h3{
    font-size: 20px;
    margin: 0px;
}
.commit_popup span{
    color: red;
    font-size: 20px;
}
.commit_popup p{
    margin: 10px 0px 0px 0px;
    font-style: italic;
    font-size: 18px;
}
.content_popup h1{
    font-size: 22px;
    text-transform: uppercase;
    background: #1eaab8;
    padding: 12px 0px 10px 0px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    margin: 0px;
}
.popup label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
}
.popup .form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.popup .list_group{
    padding:0px 15px;
}
.popup .form-group{
    margin:15px 0px 0px 0px;
}
.mabaove .img_mabv{
    float:left;
}
.mabaove input[type="text"]{
    float: left;
    width: initial;
    min-width: 185px;
    line-height: 10px;
    height: 30px;
    margin: 5px 10px 0px 0px;
}
.mabaove a.refresh{
    float: left;
    margin: 5px 0px 0px 20px;
}
.img_mabv img{
    border:solid 1px #ccc;
    border-radius: 5px;
}
.mabaove{
    display: table;
    width: 100%;
}
.popup .security{
    border-bottom: 1px dashed #ccc;
    padding: 0px 0px 15px 0px;
}
.popup button[type*="submit"]{
    color: #fff;
    background-color: #d9534f;
    border: none;
    border-radius: 20px;
    padding: 13px 30px;
    font-size: 16px;
    margin: 20px 0px 0px 0px;
    cursor:pointer;
}
.popup button[type*="submit"]:hover{
    background:#1eaab8;
}
.encrypt .container h4{
    text-align: center;
    font-weight: 700;
    font-size: 22px;
}
.encrypt .container h4 a{
    padding: 15px 30px;
    margin: 30px auto 0px auto;
    display: table;
    color: #fff;
    background: #f78d03;
    border-radius: 10px;
}
.show_popup:hover{
    color: #fff;
    box-shadow: 3px 3px 10px #918383 
}
/*banner*/
 .banner{
    float:left;
     width:100%
}
 .banner img{
    width:100%
}
.why-choose .wrap {
     background: initial;
}
.why-choose .wrap .why-cont {
     text-align: center;
}
/*search*/
 .search{
    float:left;
     width:100%;
    background:#fff;
     padding:20px 0;
}
 .search .wrap{
    background:#ffc236;
    border-radius:10px;
    padding: 20px 20px 8px 20px;
}
 .search h3{
    background: #4387b1;
    height: 34px;
}
 .search h3 img{
    margin: -7px 0 0;
     position:absolute
}
 .search h3 span{
    margin-left: 55px;
    font: 700 15px/34px "Roboto",sans-serif;
}
 .search .main{
    height: 60px;
    position:relative;
    width:100%;
}
 .search .main label {
    font: 14px/20px arial;
    color: #979797;
    height: 125px;
    overflow: auto;
     position: absolute;
    width: 78%;
     padding:10px 1%;
     background:none;
     border:none
}
.search .main textarea {
 font: 14px/20px arial;
    color: #979797;
    height: 125px;
    overflow: auto;
    position: absolute;
    width: 78%;
    padding: 10px 1%;
    background: #fff;
    border: none;
    resize: none;
    border-radius: 7px;
}
 .search .main textarea{
     color:#000
}
 .search .main label{
     background:#fff;
     border-radius:7px
}
 .search .bt_search{
    float:right;
     width:20%;
     text-align:center
}
 .search .bt_search img{
    max-width:95%;
    margin-left:2.5%;
    margin-top: 4px;
}
 .search .bt_search img:hover{
    opacity:0.9
}
 .search .txt{
    float:left;
     width:100%;
     text-align: left;
     color:#000;
     font-style:italic;
     margin:15px 0
}
/*content*/
 .bg{
    background:#eaeaea;
     height:180px;
     width:100%;
     float:left
}
 .topic{
    float:left;
     width:100%;
     background:#4d7db5;
     color:#fff;
     padding-bottom:500px
}
 .topic h2{
     font:40px Roboto;
     text-align:center;
     text-transform:uppercase;
     margin:30px auto
}
 .topic ul{
     background:#6890c0;
     border-bottom:solid 2px #eaff00;
     float:left;
     width:100%;
     margin-bottom:20px
}
 .topic li{
    float:left;
     border-right:solid 1px #4a7ab0
}
 .topic li a{
     font:500 18px roboto;
     color:#fff;
     display:inline-block;
    padding:10px 20px
}
 .topic li a.active{
    background:#eaff00;
     color:#000
}
 .hidden{
    display:none
}
 .txt_topic{
    float:left;
     width:100%;
     color:#fff
}
 .txt_topic h3{
     font:700 18px roboto;
     margin:10px 0
}
 .txt_topic .left{
    width:70%;
     float:left
}
 .txt_topic .right{
    width:30%;
     float:right;
     text-align:right
}
 .txt_topic .right img{
    max-width:100%
}
 .txt_topic .box{
     border:dotted 1px #b1c6de;
     background:#4570a3;
     padding:10px;
     margin:20px 0
}
 .txt_topic .box p{
    background: url(https://img.tenten.vn/k/lp/domain-topic/images/ico4.png) no-repeat left;
     padding-left:30px
}
 .txt_topic .txt1{
    font:700 20px roboto;
     margin-bottom:20px
}
 .txt_topic p{
    margin:5px 0
}
 .txt_topic p strong{
    text-transform:uppercase
}
 .list_domain{
    background:#fff;
     float:left;
     width:100%;
     padding:0 20px 20px;
    border-radius:10px;
     margin-top:10px
}
 .list_domain h3{
    text-transform:uppercase;
     font:700 30px roboto;
     color:#f46f23;
     text-align:center;
     margin:20px 0
}
 .list_domain .border{
    height:500px;
     overflow:scroll;
     border-top:solid 1px #c5c5c5;
    border-bottom:solid 1px #c5c5c5
}
 .list_domain table{
    border:solid 1px #c5c5c5;
     border-bottom:none;
     border-right:none;
     border-top:none
}
 .list_domain table td{
    padding:7px;
     text-align:center
}
 .list_domain table thead{
     background:#7d94aa;
     color:#fff
}
 .list_domain table thead td{
     font-weight:bold;
     border-right:solid 1px #fff
}
 .list_domain table tbody td{
    border-right:solid 1px #c5c5c5;
    border-bottom:solid 1px #c5c5c5
}
 .list_domain table tbody td:nth-child(2){
    text-align:left;
     font-weight:bold
}
 .list_domain table tbody td strong{
    color:#ec6c00
}
 .list_domain table tbody a{
    background: #ec6c00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
     text-decoration:none;
     display:inline-block
}
 .note{
    margin:20px 0;
     float:left;
     width:100%;
     color:#000
}
 .note p{
    margin:5px 0
}
 .note span{
    color:red
}
 .vote{
    float:left;
     width:100%
}
 .vote .box{
    border:dotted 1px #b1c6de;
     background:#4d7db5;
     padding:10px 10px 30px;
     margin:10px 0 50px;
     text-align:center;
     font-size:20px;
     color:#fff;
     border-radius:10px
}
 .vote h2{
    font:25px "roboto condensed";
     text-transform: uppercase
}
 .vote a{
    color:#eaff00
}
 .choose_topic{
     background:#fff
}
 .choose_topic ul{
    margin-top:50px
}
 .choose_topic li{
    list-style:none;
     margin:10px 0
}
 .choose_topic label{
    color:#000;
     font-size:16px!important
}
 .choose_topic li h3 span{
    color:red
}
 .choose_topic .txt_fl{
    float:left;
     margin-right:10px
}
 .choose_topic .muckhac{
    height:auto!important;
     width:auto!important
}

 #popup_notyfy {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99999;
     background: rgba(0, 0, 0, 0.7);
     font-size: 15px;
     display: none;
     overflow-x: hidden;
}
 #popup_notyfy .content_popup {
     position: relative;
     margin: 100px auto 0px auto;
     z-index: 9;
     width: 80%;
     text-align: center;
     transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     -ms-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -webkit-transition: all 0.4s linear;
     max-width: 300px;
     background: #fff;
     padding: 0px;
     max-width: 550px;
     width: 100%;
     border-radius: 5px;
     animation-name: animatetop;
     animation-duration: 0.4s;
     display: table;
}
 #popup_notyfy .content_popup .title {
     font-size: 18px;
     padding-top: 70px;
     margin-bottom: 15px;
}
 #popup_notyfy .close_popup {
     font-size: 14px;
     cursor: pointer;
     color: #bbbbbb;
     padding: 7px 15px;
     text-transform: uppercase;
     display: table;
     margin: 0 auto;
     clear: both;
     position: absolute;
     top: 0px;
     right: 0px;
     font-size: 20px;
}
 .content_popup h1 {
     font-size: 22px;
     text-transform: uppercase;
     background: #1eaab8;
     padding: 12px 0px 10px 0px;
     color: #fff;
     border-radius: 5px 5px 0px 0px;
     margin: 0px;
}
 .popup label {
     display: block;
     max-width: 100%;
     margin-bottom: 5px;
     font-weight: 700;
     text-align: left;
}
 .popup .form-control {
     display: block;
     width: 100%;
     height: 34px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .popup .form-group {
     margin: 15px 0px 0px 0px;
}
 .encrypt .container h4 a {
     padding: 15px 30px;
     margin: 30px auto 0px auto;
     display: table;
     color: #fff;
     background: #f78d03;
     border-radius: 10px;
}
 .show_popup:hover {
     color: #fff;
     box-shadow: 3px 3px 10px #918383 
}
 .top_title_popup h3 {
     font-size: 22px;
     line-height: 25px;
     color: #4e4e4e;
     margin: 0px;
     font-weight: 700;
     text-transform: none;
     float: left;
}
 .top_title_popup {
     padding: 20px 10px 20px 25px;
     display: table;
     width: 100%;
     border-bottom: 1px solid #d8d8d8;
}
 .wrap_ct_pop {
     padding: 20px 25px;
}
 .login_popup .list_group {
     position: relative;
     margin: 0px 0px 15px 0px;
     padding: 0px;
}
 .login_popup .list_group input {
     background: #f2f2f2;
     padding: 10px 15px 10px 40px;
     color: #000;
     border: none;
     width: 100%;
     border-radius: 5px;
     font-size: 14px;
}
 .login_popup .list_group input::placeholder {
     color: #bbbbbb;
}
 .login_popup .list_group i.fa {
     position: absolute;
     top: 50%;
     left: 14px;
     color: #bbbbbb;
     font-size: 19px;
     margin: -10px 0px 0px 0px;
}
 .btn_acts_pop input[type="submit"] {
     border: none;
     color: #fff;
     font-weight: 700;
     background: #70b521;
     border-radius: 5px;
     font-size: 16px;
     padding: 10px 30px;
     float: left;
}
 .btn_acts_pop {
     border-bottom: none;
     padding: 0px;
     display: table;
     width: 100%;
     margin: 0px;
}
 .btn_acts_pop p.forget_pw {
     float: right;
     margin: 10px 0px 0px 0px;
}
 .btn_acts_pop p.forget_pw a {
     color: #ff7f42;
     font-size: 14px;
     line-height: 22px;
}
 .to_manage_page {
     clear: both;
}
 .to_manage_page h4 {
     font-size: 15px;
     line-height: 24px;
     color: #4e4e4e;
     margin: 0px 0px 10px 0px;
     text-align: left;
     text-transform: uppercase;
     font-weight: 700;
}
 .to_manage_page ul li a {
     font-size: 14px;
     line-height: 23px;
     color: #4e4e4e;
}
 .to_manage_page ul li {
     margin: 0px 0px 5px 0px;
     padding: 0px 0px 0px 20px;
     text-align: left;
     position: relative;
}
 .to_manage_page ul>li:last-child {
     margin: 0px;
}
 .to_manage_page ul li::before {
     content: "\f061";
     position: absolute;
     font: normal normal normal 14px/1 FontAwesome;
     left: 0px;
     top: 50%;
     color: #504f4f;
     font-size: 12px;
     margin: -6px 0px 0px 0px;
}
 .ft_pop {
     background: #f2f2f2;
     padding: 20px 20px;
     border-radius: 0px 0px 10px 10px;
}
 .ft_pop p {
     margin: 0px;
     text-align: left;
     color: #000;
}
 .ft_pop p a {
     color: #ff7f42;
     font-weight: 700;
}
 .db_arrow_up::after {
     content: "\f102" !important;
     font: normal normal normal 14px/1 FontAwesome;
}
 .modal .btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
     background-color: #28a801 !important;
     border-color: #28a801 !important;
}
 .modal-body p {
     margin: 0px;
}
 .result_list_awesome_dm .main_load_more button {
     background: #3faf40;
     border: 1px solid #3faf40;
}
 #popup_notyfy .modal-header {
     background: #28a800;
}
 #popup_notyfy .modal-title {
     color: white;
     float: left;
}
 .modal-body p {
     margin: 0px;
     color: #000 !important;
     font-size: 13px !important;
     float: left;
}
 .modal-footer {
     margin: 15px 0px 0px 0px;
}
.k_bgtm{
    float:left;
     width:100%;
     margin-top:20px
}
 .k_bgtm table{
     width:100%;
}
 .k_bgtm td{
    padding: 10px 0px;
    text-align:center;
}
 .k_bgtm thead td{
    background:#656565;
     color:#fff;
     font-size:14px;
     padding: 10px 5px;
     border-left:solid 1px #fff;
}
.k_bgtm thead td p {
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
}
 .k_bgtm thead td:first-child{
     background: #177814;
     font-size: 22px;
     width:35%;
     position: relative;
     text-align: center;
}
}
 .k_bgtm thead img{
     position:absolute;
     top:0px
}
 .tenten thead img{
     position:absolute;
     top:7px;
     width: 17%;
}
 .k_bieuphi thead img{
     position:absolute;
     top:27px;
     width: 23%;
}
 .k_bgtm thead b{
     margin-left:70px;
     font-weight:normal
}
 .k_bgtm tbody td{
    font-size:14px;
    color:#4c4c4c;
    border:solid 1px #e5e5e5;
    padding: 13px;
}
 .k_bgtm tbody td:first-child{
    text-align: left
}
 .k_bgtm tbody sup {
    font-size:13px
}
 .k_bgtm tbody tr:nth-child(even) td{
    background:#eee
}
 .k_bgtm .k_rate{
     color:#4c4c4c
}
 .k_bgtm .k_regist{
    background:#70b520;
     border-radius:5px;
     padding:5px 15px;
     color:#fff;
     font-size:15px;
     box-shadow:0 3px 0 #56a100;
     display:inline-block
}
 .k_tmqt thead td:first-child{
     background:#2b9fda
}
 .k_bieuphi h2{
     color:#2b9fda;
     text-align:center;
     text-transform:uppercase;
     margin-bottom:30px
}
.k_bgtm h2{
     color:#2b9fda;
     text-align:center;
     text-transform:uppercase;
     margin-bottom:30px
}
.k_tmqt h2 {
    color:#2b9fda;
     text-align:center;
     text-transform:uppercase;
     margin-bottom:30px
}
 .k_bieuphi thead td{
    font-size: 14px;
}
 .k_bieuphi thead td:nth-child(2), .k_bieuphi thead td:nth-child(3),  .k_bieuphi thead td:nth-child(4),  .k_bieuphi thead td:nth-child(5) {
    width: 10%;
    background: #57ae31;
 }
 .k_bieuphi table thead>tr>td:nth-child(3),  .k_bieuphi table tbody>tr>td:nth-child(3) {
    display: none;
 }
 .k_bieuphi thead td:nth-child(6), .k_bieuphi thead td:nth-child(7) {
    width: 14%;
    background: #ff7100;
 }
 .k_bgtm.tenten thead td:nth-child(1) {
    width: 20%;
    background: #177814;
 }
 .k_bgtm.tenten thead td:nth-child(2), .k_bgtm.tenten thead td:nth-child(3) {
    width: 15%;
    background: #57ae31;
 }
  .k_bgtm.tenten thead td:nth-child(4) {
    width: 17%;
     background: #57ae31;
  }
 .k_bgtm.tenten thead td:nth-child(5) {
    width: 23%;
    background: #ff7100;
 }
 .k_bgtm.tenten thead td:nth-child(6) {
    background: #57ae31;
 } 
  .k_bgtm.tenten>p {
    margin: 20px 0px 0px 0px;
    font-size: 14px;
    line-height: 22px;
    color: #ed1c27;
    font-style: italic;
  }
  .k_bieuphi thead td:last-child {
    width: 9%;
    background: #57ae31;
  }
 .k_bieuphi thead td:first-child{
    width: 20%;
}
 .k_bieuphi thead p{
    font-size:12px;
    font-style: italic;
}
 .giadv h2{
     color:#2b9fda;
     font:700 32px 'Roboto Condensed';
     text-align:center;
     text-transform:uppercase;
     margin-bottom:30px;
    margin-top:30px;
     float:left;
     width:100%
}
 .giadv td{
    padding:10px;
     text-align:center
}
 .giadv table{
     width:100%;
    font-family:'Roboto Condensed'
}
 .giadv thead td{
    background:#656565;
     color:#fff;
     font-size:18px;
     border-left:solid 1px #fff;
     border-top:solid 1px #fff
}
 .giadv .col1{
    background:#ff5001;
     text-align: left;
     font-size:22px;
     width:25%;
     position: relative;
     text-align:center
}
 .giadv thead b{
    font-weight:normal
}
 .giadv thead img{
     margin-right:10px
}
 .giadv thead .bg{
    background:#8b8b8b
}
 .giadv thead .bg1{
    background:#c5c5c5;
     color:#000
}
 .giadv thead .bg1 span{
    font-weight:bold
}
 .giadv tbody td:first-child{
     text-align:left
}
 .giadv tbody tr:nth-child(even) td{
    background:#eee
}
 .giadv tbody td{
    font-size:17px;
     color:#4c4c4c;
     border-bottom:solid 1px #e5e5e5;
     padding:15px
}
 .k_muanhieutm tbody td{
    border-bottom:solid 1px #fff!important;
    border-right:solid 1px #fff!important
}
 .k_muanhieutm tbody td{
     text-align: center!important
}
 .k_muanhieutm tbody td:first-child{
    border-right:solid 1px #e5e5e5
}
 .k_muanhieutm tbody tr:nth-child(even) td{
    background:#fff
}
 .k_muanhieutm .bg1{
     background:#e4e4e4!important;
     font-size:22px
}
 .k_muanhieutm .bg2{
     background:#e5f7fb!important
}
 .k_muanhieutm .bg3{
     background:#cceff8!important
}
 .k_muanhieutm .bg4{
     background:#b2e7f4!important
}
 .k_muanhieutm .bg5{
     background:#99e0f1!important
}
 .k_muanhieutm .bg6{
     background:#7fd8ed!important
}
 .k_muanhieutm .bg7{
     background:#ffede5!important
}
 .k_muanhieutm .bg8{
     background:#ffdccc!important
}
 .k_muanhieutm .bg9{
     background:#ffcab2!important
}
 .k_muanhieutm .cl1{
    color:#007692!important
}
 .k_muanhieutm .cl2{
    color:#ff5001!important
}
 .tooltips {
     position: relative;
     display: inline-block;
     font-style:normal;
}
 .tooltips::before {
    content:  url("../images/question_ico.png");
    position: relative;
 }
 .tooltips .tooltiptext {
     visibility: hidden;
     width: 270px;
     background-color: #656565;
     color: #fff;
     border-radius: 6px;
     padding: 10px;
    /* Position the tooltip */
     position: absolute;
     z-index: 1;
     bottom:0 
}
 .tooltips:hover .tooltiptext {
     visibility: visible;
}
.nhap_ma {
    background: #eaeaea;
}
.nhap_ma .container {
    padding: 0px;
}
.nhap_ma_ct {
    display: table;
    width: 100%;
    border: 1px solid;
    padding: 20px;
    margin: 0px 0px 20px 0px;
}
.nhap_ma_ct>p {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.nhap_ma_ct>p>span {
    color: red;
}
.nhap_ma_ct>p>i {
    margin: 0px 10px 0px 0px;
}
.countdown{
    display: table;
    margin: 0px auto 20px auto;
    max-width: 460px;
    width: 100%;
    background: #ffc236;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
 }
 .countdown h4{
     font-size: 22px;
     line-height: 30px;
     color: #000;
     font-weight: 700;
     text-transform: uppercase;
     text-align: center;
}
#tg_countdown{
    border-radius: 10px;
    display: table;
    width: 100%;
    max-width: 323px;
    margin: 0px auto;
}
#tg_countdown li{
    text-align: center;
    display: inline-block;
    margin: 0px 36px 0px 0px;
    position: relative;
}
#tg_countdown li::before{
    content:":";
    top:50%;
    right: -23px;
    position: absolute;
    font-size: 53px;
    margin: -51px 0px 0px 0px;
    font-weight: 700;
    line-height: 60px;
}
#tg_countdown>li:last-child::before{
    display: none;
}
#tg_countdown>li:last-child{
    margin:0px;
}
#tg_countdown li strong{
    display: inline-block;
    padding: 5px 13px;
    background: #ffffff;
    color: #fc5050;
    border-radius: 5px;
    font-size: 50px;
    margin: 0px 0px 3px 0px;
}
#tg_countdown li span {
    display: block;
    font-size: 18px;
}
.why-choose {
    background: #0076a3 url(../images/bg.png) no-repeat center;
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    background-size: 100%;
    padding: 20px 0;
}
.domain_sop {
background: #fff;
}
.title-why {
    color: #ffd54f;
    font: 600 30px/50px 'Roboto';
    text-align: center;
    width: 100%;
    float: left;
    margin: 10px 0;
}
.domain_sop .news p {
    text-align: justify;
}
.tit-dk {
     background: #fff;
}
.tit-dk .wrap {
     text-align: center;
     font-size: 24px;
     line-height: 32px;
}
.dk {
     text-align: center;
     background: #fff;
}
.domain_sop .main input {
    width: 78%;
    height: 60px;
}
.tab-hide{
    display: none;
}
.tab-hide.current{
    display: inherit;
}
.domain_sop .news h4 {
    margin: 50px 0px 20px 0px;
    text-align: center;
    color: #ee5629;
    font: 700 20px roboto;
    line-height: 30px;
}
p.tt_show_domain_name_main {
    padding: 10px 0px;
    margin: 0px;
}
span.tt_show_domain_name {
    font-weight: bold;
}
.k_bgtm {
    margin-top: 0px;
}
.k_bieuphi {
    padding: 0px;
}



@media screen and (max-width:980px){
     .search-tab{
         display:none
    }
     .content-tab{
        width:100%!important;
         margin:0!important;
        box-sizing: border-box
    }
     .k_bgtm thead img,.giadv thead img{
        display:none
    }
     .k_bgtm thead b{
        margin-left:0;
    }
     .k_bgtm thead td:first-child{
         text-align:center
    }
}
 @media screen and (max-width:480px){
     .k_bgtm thead td,.k_bgtm thead td:first-child,.giadv thead td,.giadv thead td{
        font-size:15px
    }
     .k_bgtm tbody td,.giadv tbody td{
        font-size:13px
    }
     .k_bgtm tbody a{
        font-size: 13px;
        padding: 5px;
    }
     .k_bgtm{
         overflow-x:scroll
    }
     .tooltips .tooltiptext{
         width:250px!important
    }
     .giadv tbody td:first-child{
         text-transform:uppercase;
         font-size:90%
    }
}

 input.close_popup_123 {
     background-color: #28a801 !important;
     padding: 7px 15px;
     border: 1px solid #28a801;
     border-radius: 6px;
     color: #fff;
}
/*responsive*/
 @media screen and (max-width: 1170px){
     .wrap{
        margin: 0 1%
    }
}
 @media screen and (max-width: 992px){
}
 @media screen and (max-width: 768px){
     .search .bt_search{
        width:100%;
         text-align:center
    }
     .search .main label, .search .main textarea{
         width:96%
    }
     .search .bt_search img{
        margin-top: 30px;
    }
     .topic .left{
        width:100%;
         float:left
    }
     .topic .right{
         display:none
    }
    .domain_sop .main input {
        width: 100%;
    }
    .k_bgtm {
        margin-top: 0px;
    }
    .k_bieuphi {
        padding: 0px;
    }
    .k_bgtm h2 {
        font-size: 24px;
        line-height: 32px;
    }
}
 @media screen and (max-width: 640px){
     .topic li{
        width:100%
    }
     .topic li a{
        display:block
    }
     .txt_topic .left{
        width:100%
    }
     .txt_topic .right{
        display:none
    }
}
 @media screen and (max-width: 480px){
     .search .txt{
        font-size:15px
    }
     .txt_topic h3{
        margin:0
    }
     .txt_topic .box{
        margin:10px 0
    }
}
 @media screen and (max-width: 360px){
     .topic h2{
         font-size:35px
    }
     .list_domain h3{
        font-size:25px
    }
}
@media(max-width: 767px){
        .countdown{
        margin:15px auto 20px auto;
    }
    #tg_countdown li strong{
        font-size: 35px;
    }
    #tg_countdown{
        max-width: 275px;
    }
}
/*end css domain*/
/*fail_hosting*/
.failover_hosting [id*="show_tab"] {
    padding: 0px 0px 50px 0px;
}
.failover_hosting .khung2 .best_seller {
    position: absolute;
    left: 12px !important;
    top: 0px !important;
}
.failover_hosting .khung2 .best_seller strong {

}
/*content*/
 .failover_hosting .content{
    background: #fff;
    float:left;
    width:100%;
}
 .failover_hosting .content .cnt{
    background:#fff;
     border-radius:10px;
     margin-bottom:30px;
     float:left;
     width:100%
}
  .failover_hosting .content .mt{
    margin-top:20px
}
  .failover_hosting .txt1{
     padding:20px 20px 20px 0;
     float:left;
     width:100%
}
  .failover_hosting .txt1 .left{
    float:left
}
  .failover_hosting .txt1 .right{
    float:right
}
  .failover_hosting .txt1 .title{
     background: #1aaf8a;
     color:#fff;
     text-transform:uppercase;
     font:24px roboto;
     padding:10px 40px;
     border-radius:0 20px 20px 0;
}
  .failover_hosting .txt1 .title span{
    font:700 35px roboto;
     margin-left:5px
}
  .failover_hosting .txt1 .title p{
    margin:10px 0
}
  .failover_hosting .txt2{
    padding: 0px;
    float:left;
    width:100%;
}
  .failover_hosting .txt2 .title{
    text-align:center
}
  .failover_hosting .txt2 h2{
     background:#c01616;
     color:#fff;
     text-transform: uppercase;
     font: 24px roboto;
    display: inline-block;
     padding:10px 30px;
     border-radius:10px;
     position:relative;
     width:65%;
     margin-top:30px;
     line-height:35px
}
  .failover_hosting .table{
    margin-top:20px
}
  .failover_hosting .table th{
    text-align:center;
     border: solid 1px #fff;
     border-bottom:none!important;
     vertical-align:middle!important;
     padding:15px 0!important
}
  .failover_hosting .table th:nth-child(1){
    width:19%
}
  .failover_hosting .table th:nth-child(2),.table th:nth-child(3),.table th:nth-child(4){
    width:27%;
     color:#fff
}
 .failover_hosting .table th:nth-child(2){
    background:#3b92bd
}
  .failover_hosting .table th:nth-child(3){
    background:#257bad
}
  .failover_hosting .table th:nth-child(4){
    background:#00669f
}
 .failover_hosting .table th strong{
    font-size:23px;
     font-weight: lighter!important
}
  .failover_hosting .table th p{
    margin:5px 0 0 0;
     font-size:19px;
     font-weight:600
}
  .failover_hosting .table th span{
    font-weight:normal;
     font-size:16px
}
  .failover_hosting .table td{
    border-bottom: solid 1px #fff;
    padding: 12px!important;
    background:#ededed;
    border-right:solid 1px #fff;
}
  .failover_hosting .table td:first-child{
    background:#7c7c7c;
     color:#fff
}
  .failover_hosting .img_step{
     background:url(../images/bg_step.jpg) no-repeat;
     background-size:cover;
     border-radius:20px;
     float:left;
     width:100%;
     margin-top:20px;
     padding:40px 0
}
  .failover_hosting .img_step li{
    float:left;
     width:33%;
     text-align:center;
     position:relative
}
  .failover_hosting .img_step li:after{
    font-family: 'Glyphicons Halflings';
    content: "\e092";
     position:absolute;
     top:47%;
     left:-20px;
     color:#fff;
     font-size:40px
}
  .failover_hosting .img_step li:first-child:after{
    display:none
}
  .failover_hosting .gphapultra{
     text-align:center
}
  .failover_hosting .gphapultra h3{
     font:italic 20px roboto;
     margin:10px 0 20px
}
  .failover_hosting .txt3{
    text-align:center
}
 .failover_hosting .txt3 h2{
     font:24px roboto;
     text-transform:uppercase;
     color:#000;
     margin:20px 0 20px 0
}
  .failover_hosting .txt3 h2 br{
     margin-bottom:20px
}
  .failover_hosting .txt3 h2 span{
    color:#d02c2b;
     font-weight:bold
}
 .failover_hosting .txt3 img{
    border:solid 3px #cdcdcd;
     margin:20px 0 40px 
}
  .failover_hosting .carousel-inner{
    width:86%;
     left:7%;
     text-align:center
}
  .failover_hosting .carousel-control.left,.carousel-control.right{
    background:none;
     width:5%;
     opacity:1
}
  .failover_hosting .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
     background: #1aaf8a;
     color:#fff;
     text-shadow:none;
     border-radius:50%;
     padding:6px;
     height:45px;
     width:45px;
}
  .failover_hosting .slide{
    padding-bottom:30px
}
  .failover_hosting .slide img{
    margin:10px 8px 20px
}
  .failover_hosting .slide p{
     color:#000;
     padding:8px 0
}
  .failover_hosting .backmoney{
    background:#ffcc46!important;
     border:solid 3px #fff;
    display: table;
}
  .failover_hosting .backmoney .left,.backmoney .right{
    display: table-cell;
     padding:20px
}
  .failover_hosting .backmoney .left{
    font:24px roboto;
     width:70%
}
  .failover_hosting .backmoney .left img{
    float:left;
     margin-top:-45px;
     margin-right:20px
}
  .failover_hosting .backmoney .left strong{
     text-transform:uppercase
}
  .failover_hosting .backmoney .left span{
     color:red;
     font-size:40px
}
  .failover_hosting .backmoney .left p{
    margin:5px 0
}
  .failover_hosting .backmoney .right{
    background:#ffad2a;
     width:30%;
     font-size:14px
}
  .failover_hosting .backmoney .right li{
    margin:5px 0
}
  .failover_hosting .backmoney .right li:first-child{
    font-weight:bold;
     text-decoration:underline
}
  .failover_hosting .fb{
    float:left;
    width:100%;
    padding: 20px 0px;
    background:#fff;
    margin: 0px 10px 0px -3px;
    overflow-y: hidden;
}
  .failover_hosting .footer{
    margin-top:0!important;
     padding-bottom:20px!important;
}
 .failover_hosting #page-top {
    bottom: 100px;
    position: fixed;
    right: 20px;
    z-index: 500;
}
 .failover_hosting .sale_lcd strong{
    color:red;
}
 .failover_hosting a.view_demo {
    color: rgb(255, 255, 255);
    font-size: 16px;
    background: rgb(105, 185, 69);
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(139, 195, 74);
    border-image: initial;
    padding: 7px 30px;
    text-decoration: none;
    border-radius: 5px;
    display: table;
    margin:0px auto 30px auto;
}
 .failover_hosting .tabcanhan img{border:none; margin:0}
 .failover_hosting .tabcanhan {
    width:100%;
    float: left;
    font-family: Roboto;
    margin-top: 20px;
     margin-left:2%;
     margin-bottom:30px
}
 .failover_hosting .khung1 {
    width: 30%;
    background-color: #ededed;
    float: left;
    padding-bottom: 30px;
     border: solid 5px #d7d7d7;
}
 .failover_hosting .khung1-cn{
    width: 30%;
    background-color: #ffffff;
    float: left;
    padding-bottom: 30px;
     margin-right:5%;
}
 .failover_hosting .khung1-dn{
    width: 30%;
    background-color: #ffffff;
    float: left;
    padding-bottom: 30px;
     margin-right:5%;
}
 .failover_hosting .khung1-tmdt{
    width: 30%;
    background-color: #ffffff;
    float: left;
    padding-bottom: 30px;
}
 .failover_hosting .khung2 {
    width: 30%;
    background-color: #1aaf8a;
    margin-left: 3%;
    margin-right: 3%;
    float: left;
    padding-bottom: 30px;
    color: #fff;
    position: relative;
}
 .failover_hosting .fr{ margin-right: 5%;}
 .failover_hosting .ndkhung {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
}
 .failover_hosting .bg_gray {
    background-color: #f5f5f5;
    width: 100%;
    float: left;
    padding: 10px 15px;
    margin-bottom: 250px;
}
 .failover_hosting .tit1green {
    font-size: 25px;
    color: #1aaf8a;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: 301;
}
 .failover_hosting .linedotgray {
    border-bottom: 1px solid #bfbfbf;
    border-bottom-style: dotted;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 15px;
}
 .failover_hosting .price_orange {
    text-align: center;
    color: #f58b03;
    margin-top: 25px;
}
 .failover_hosting .size44 {
    font-size: 44px;
    font-weight: bold;
    width: 120%;
}
 .failover_hosting .size16 {
    font-size: 16px;
    font-weight: bold;
}
 .failover_hosting .text_orange {
    color: #fc6d0f;
     font-weight:700;
}
 .failover_hosting .text_orange_l {
    color: #fc6d0f;
    font-weight:700;
    font-family: Roboto;
}
 .failover_hosting .text_orange2 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
 .failover_hosting .text_orange2_l {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline;
}
 .failover_hosting .ocung {
    display: block;
    color: #646464;
    padding-top: 20px;
     
}
 .failover_hosting .iconocung{background: url(../images/iconocung.png) no-repeat left top; width:30px; height:30px; float:left;}
 .failover_hosting .bangthong {
    display: block;
    color: #646464;
    padding-top: 13px;
    
}
.ram ,.cpu,.website, .iconphp, .ssl, .icondns, .web-builder,.i-php,.icondns,.i-dns,.inode,
 .failover_hosting .tinhnangthem li{
    display: block;
    color: #646464;
    padding-top: 13px;
     width:225px;
    
}
 .failover_hosting .clwhite li{color:#fff!important}
 .failover_hosting .iconbangthong{background: url(../images/iconbangthong.png) no-repeat; width:30px; height:30px; float:left;}
 .failover_hosting .iconaddon{background: url(../images/iconaddon.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .icondatabase{background: url(../images/iconsql.png) no-repeat;width:30px; height:30px;  float:left;}
 .failover_hosting .iconparkdomain{background: url(../images/bg_ftp_account.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .iconemail{background: url(../images/bg_email.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .icondns{background: url(../images/iconaddon.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .iconphp{background: url(../images/iconphp.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .iconssl{background: url(../images/iconssl.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .iconram{background: url(../images/icon-ram.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .iconcpu{background: url(../images/iconcpu.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .iconbackup{background: url(../images/bg_backup.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .icon-chung{width:30px; height:30px; float:left;}
 .failover_hosting .i-inode{background: url(../images/icon_inode.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .i-process{background: url(../images/icon_process.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .i-iops{background: url(../images/icon_inode.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .i-op{background: url(../images/icon_iops.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .i-entryprocess{background: url(../images/icon_entryprocess.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .i-inode{background: url(../images/icon_inode2.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .i-process{background: url(../images/icon_process2.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .i-iops{background: url(../images/icon_inode2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .i-op{background: url(../images/icon_iops2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .i-entryprocess{background: url(../images/icon_entryprocess2.png) no-repeat; width:30px; height:30px;float:left;}
/*------khung 2 ------------*/
 .failover_hosting .khung2 .iconbangthong{background: url(../images/iconbangthong2.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .iconaddon{background: url(../images/iconaddon2.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .icondatabase{background: url(../images/iconsql2.png) no-repeat; width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .iconparkdomain{background: url(../images/bg_ftp_account2.png) no-repeat;width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .iconemail{background: url(../images/bg_email2.png) no-repeat; width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .icondns{background: url(../images/iconaddon2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .iconphp{background: url(../images/iconphp2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .iconssl{background: url(../images/iconssl2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .iconram{background: url(../images/icon-ram2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .iconcpu{background: url(../images/iconcpu2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .iconbackup{background: url(../images/bg_backup2.png) no-repeat; width:30px; height:30px;float:left;}
 .failover_hosting .khung2 .iconocung{background: url(../images/iconocung2.png) no-repeat left top; width:30px; height:30px; float:left;}
 .failover_hosting .khung2 .arrdown{background: url(../images/arrdown2.png) no-repeat center; width:56px; height:16px;margin: 15px auto 0 auto;}
 .failover_hosting .khung2 .btndangky{width: 100%;
height: 53px;
background-color: #ffa101;
text-align: center;
color: #fff;
line-height: 53px;
text-transform: uppercase;
font-size: 16px;
margin-top: 10px;
font-weight: bold;
cursor: pointer;}
 .failover_hosting .khung2 .tit1green {
    font-size: 25px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin: 40px auto 15px auto;
    display: table;
}
 .failover_hosting .khung2 .price_orange {
    text-align: center;
    color: #fff;
    margin-top: 30px;
     font-weight: 700;
}
 .failover_hosting .khung2 .text_orange {
    color: #fff;
     font-weight: 700;
}
 .failover_hosting .khung2 .linedotgray {
    border-bottom: 1px solid #fff;
    border-bottom-style: solid;
    border-bottom-style: dotted;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 15px;
}
 .failover_hosting .khung2 .ocung,  .failover_hosting .khung2 .website,  .failover_hosting .khung2 .backup,  .failover_hosting .khung2 .ram,  .failover_hosting .khung2 .tit_xtn, .failover_hosting  .khung2 .i-dns, .failover_hosting .khung2 .web-builder, .failover_hosting .khung2 .cpu, .failover_hosting .khung2 .i-php, .failover_hosting .khung2 .ssl{ color:#fff;}
/*------end khung 2 ------------*/
 .failover_hosting .bangthong2 {
    width: 225px;
}
 .failover_hosting .database {
    display: block;
    color: #646464;
    padding-top: 16px;
    padding-bottom: 8px;
}
 .failover_hosting .addon {
    display: block;
    color: #646464;
    padding-top: 15px;
}
 .failover_hosting .backup {
    display: block;
    color: #646464;
    padding-top: 15px;
}
 .failover_hosting .email {
    display: block;
    color: #646464;
    padding-top: 10px;
}
 .failover_hosting .parkdomain {
    display: block;
    color: #646464;
    padding-top: 11px;
}
 .failover_hosting .ocung2 {
    display: block;
    color: #fff;
    padding-top: 18px;
}
 .failover_hosting .bangthong2 {
    display: block;
    color: #fff;
    padding-top: 13px;
}
 .failover_hosting .database2 {
    display: block;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 8px;
}
 .failover_hosting .addon2 {
    display: block;
    color: #fff;
    padding-top: 13px;
}
 .failover_hosting .backup2 {
    display: block;
    color: #fff;
    padding-top: 14px;
}
 .failover_hosting .email2 {
    display: block;
    color: #fff;
    padding-top: 9px;
}
 .failover_hosting .s_noidunggiamgia5{
    overflow: hidden;
    margin-bottom: 60px;
    text-align: left;
}
 .failover_hosting .parkdomain2 {
    display: block;
    color: #fff;
    padding-top: 9px;
    width: 240px;
}
 .failover_hosting .park_padding{
    padding-top: 13px;
}
 .failover_hosting .park_padding2{
    padding-top: 12px;
}
 .failover_hosting .subdomain2 {
    display: block;
    color: #fff;
    padding-top: 2px;
    width: 240px;
}
 .failover_hosting .subdomain {
    display: block;
    color: #646464;
    padding-top: 2px;
}
 .failover_hosting .tinhnangthem {
    display: block;
    color: #646464;
    padding-top: 5px;
}
 .failover_hosting .xemtinhnang {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
}
 .failover_hosting .tinhnangthem2 {
    display: block;
    color: #646464;
    padding-top: 5px;
}
 .failover_hosting .xemtinhnang2 {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
}
 .failover_hosting .tinhnangthem3 {
    display: block;
    color: #646464;
    padding-top: 5px;
}
 .failover_hosting .xemtinhnang3 {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
}
 .failover_hosting .tit_xtn {
    color: #333333;
    font-size: 16px;
}
 .failover_hosting .arrdown {
    padding-top: 15px;
}
 .failover_hosting .arrup {
    padding-top: 15px;
}
 .failover_hosting .arrdown2 {
    padding-top: 15px;
}
 .failover_hosting .arrup2 {
    padding-top: 15px;
}
 .failover_hosting .arrdown3 {
    padding-top: 15px;
}
 .failover_hosting .arrup3 {
    padding-top: 15px;
}
 .failover_hosting .khuyenmai {
    padding-top: 25px;
}
 .failover_hosting .btndangky {
    width: 100%;
    height: 53px;
    background-color: #1aaf8a;
    text-align: center;
    color: #fff;
    line-height: 53px;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    cursor: pointer;
}
 .failover_hosting .btndangky2 {
    width: 100%;
    height: 53px;
    background-color: #ffa101;
    text-align: center;
    color: #fff;
    line-height: 53px;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 25px;
    font-weight: bold;
    cursor: pointer;
}
 .failover_hosting .ndkhung_xanh {
    width: 100%;
    max-width: 215px;
    margin: 0 auto;
    font-size: 13px;
}
 .failover_hosting .oldrate{ color:#6e6d6d;font:14px roboto}
 .failover_hosting .oldrate1{ text-decoration:line-through; margin:10px 0 5px}
 .failover_hosting .oldrate2{ font-weight:bold}
 .failover_hosting .oldrate2 span{font-size:18px; color:#ed6827}
 .failover_hosting .oldrate3{ font-style:italic; margin-top:5px; font-size:13px}
 .failover_hosting .khung2 .price_orange .oldrate{ color:#fff}
 .failover_hosting .khung2 .price_orange .oldrate2 span{ color:yellow};
 .failover_hosting .khung2{ position:relative}
 .failover_hosting .best_seller{ position:absolute; left:20px; top:0;width:62px}
 .failover_hosting .best_seller p{}
 .failover_hosting .best_seller strong{background:#ffa430; color:#fff; font:700 15px roboto; padding:10px 0 5px 0; float: left; width:100%; text-align:center}
 .failover_hosting .best_seller span{ background:url(../images/best_seller.png) no-repeat; float:left; width:62px; height:19px}
 .failover_hosting .km_addmonth{ text-align:center; margin:20px 0}
 .failover_hosting .km_addmonth span{ display:inline-block; border:dashed 1px #f58b03; padding:7px 10px; font:700 15px roboto; font-style:italic; color:#f58b03}
 .failover_hosting .km_addmonth .white{border:dashed 1px #fff; color:#fff};
 .register_email_area ul>li:nth-child(2) {
    height: 280px;
}
/*ykkh*/
 .ykkh{
     padding:20px
}
 .ykkh li{
    float:left;
     width:46%;
     margin:2%;
     padding:20px;
     -webkit-box-shadow: 0 5px 16px 0 rgba(45, 86, 156, 0.2);
    box-shadow: 0 5px 16px 0 rgba(45, 86, 156, 0.2);
}
 .ykkh h2{
     text-align:center;
     margin-top:0
}
 .ykkh h2 span{
     position:relative;
     font:700 24px roboto;
     color:#000;
    text-transform:uppercase;
}
 .ykkh h2 span:after{
     position:absolute;
     width:100px;
     height:3px;
     bottom:-8px;
     left:25%;
     width:50%;
     background:#ff3210;
     content:""
}
 .ykkh h3{
     font:700 16px roboto;
     color:#ff1900
}
 .ykkh h4{
     font:600 16px roboto;
     color:#000
}
 .ykkh p{
    float:left;
     width:100%
}
 .ykkh .img{
    float:left;
     width:22%;
     margin-right:3%
}
 .ykkh .img img{
    border:solid 1px #cecece
}
 .ykkh .txt{
    float:left;
    width:75%;
    font: 13px/20px roboto;
    color:#4f4e4e;
    text-align:justify;
}
 .viewmore{
    text-align:center;
     margin-top:20px;
     float: left;
     width:100%
}
 .viewmore #showHide{
     color:#fff;
     background:#e0383c;
     padding:8px 30px;
     border-radius:30px;
     cursor:pointer;
}
.cnt_tab{
    float:left;
     width:100%;
     margin:0
}
 .tab{
     text-align:center;
     float:left;
     width:100%;
     padding-bottom:30px;
     padding-top:40px
}
 .tab li{
    display: inline;
    /* margin: 0; */
    float: left;
    width: 33%;
}
 .tab li a{
    color:#fff;
    background: #5f91ec;
    padding: 15px 0;
    /* border-radius:40px; */
    font: 700 20px roboto;
    position:relative;
    /* text-transform:uppercase; */
    display: block;
    border-right: solid 1px #afc8f6;
    width: 100%;
}
 .tab li a:hover:after,.tab li a.active:after{
    width:100%;
    position:absolute;
    left:0;
    bottom:-14px;
    content:"\f0d7";
    font-family: FontAwesome;
    color: #56e7c6;
    font-size:25px;
}
 .tab li a:hover,.tab .active{
     background: #56e7c6;
     color:#000;
     text-decoration:none;
      z-index:1
}
 .gd-sale {
     display: table;
     width:100%;
     padding:0 2%
}
 .gd-sale ul li , .tab-hide ul li  {
     width:30%;
     margin-right:5%;
     float: left;
    list-style:none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
 .finish{
     margin-right:0!important;
}
 .img-temp{
     border:3px solid #fff;
     width:100%;
}
 .img_view{
     width:100%;
     float:left;
     margin-bottom:20px;
}
 .button_view{
     background:#009dd7;
     border:1px dashed #99d5ff;
     padding:7px 30px;
     color:#fff;
     text-decoration:none;
     margin:0px auto 50px auto ;
     font-size:16px;
    border-radius: 5px;
}
 .button_view:hover{
     background:#034676;
    color:#fff;
     text-decoration:none;
}
 .tab1{
     text-align:center;
     float:left;
     width:100%;
     margin-bottom: 50px;
     margin-top: 20px;
}
.failover_hosting .tab1{
   float: none;
   display: table;
   margin: 0px auto;
   width: auto;
}
 .tab1 li{
    display: inline;
    margin: 0 5px;
}
 .tab1 li a{
    color:#000;
    background: #dfdfdf;
    padding: 10px 30px;
    font:16px roboto;
     position:relative;
     border:solid 1px #ccc
}
 .tab1 li a:hover:after,.tab1 li a.active1:after{
    width:100%;
     position:absolute;
     left:0;
     bottom:-14px;
     content:"\f0d7";
     font-family: FontAwesome;
     color:#fab650;
     font-size:25px
}
 .tab1 li a:hover,.tab1 .active1{
     background:#fab650!important;
     color:#000;
     text-decoration:none;
     border:solid 1px #fab650
}
.btndangky a {
     color: #fff;
    text-decoration: none;
    display: block;
}
 @media screen and (max-width: 1170px){
     .wrap{
        margin: 0 1%
    }
     .banner{
        display:none
    }
     .banner_sm{
        display:block
    }
     .txt1 .left,.txt1 .right{
         width:50%
    }
     .txt2 h2{
        width:100%
    }
}
 @media screen and (max-width: 992px){
     .txt1 .left,.txt1 .right{
         width:100%
    }
     .txt1 .left img{
        display:none
    }
     .txt1 .right{
        text-align:center
    }
     .img_step li{
        width:100%;
         margin:30px 0
    }
     .img_step li:after{
        content: "\e094";
         top:-40px;
         left:47%
    }
     .backmoney .left, .backmoney .right{
         display:block;
         width:100%;
         margin:0;
         padding:10px
    }
}
 @media screen and (max-width: 768px){
     .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
         height: auto !important;
        width: auto !important;
    }
     .backmoney .left{
         position:relative;
         padding-left:190px;
         font-size:20px
    }
     .backmoney .left img{
        position:absolute;
         left:0
    }
    .failover_hosting .txt1 .title p {
        font-size: 20px;
    }
    .failover_hosting .txt1 .title span {
        font-size: 20px;
    }
    .failover_hosting .txt2 h2 {
        width: 100%;
        font-size: 20px;
        line-height: 28px;
    }
    .failover_hosting .table th strong {
        font-size: 16px;
    }
    .failover_hosting .table th p {
        font-size: 14px;
    }
    .failover_hosting .table th span {
        font-size: 14px;
    }
    .failover_hosting .txt3 h2 {
        font-size: 20px;
    }
    .failover_hosting .backmoney .left {
        display: table;
        width: 100%;
    }
    .failover_hosting .backmoney .left p {
        font-size: 18px;
    }
    .failover_hosting .backmoney .left span {
        font-size: 28px;
    }
    .failover_hosting .backmoney .right {
        width: 100%;
    }
    .failover_hosting .col-xs-12 .button {
        margin: 20px 0px 0px 0px;
    }
    .ykkh h2 {
        margin-top: 30px;
    }
}
 @media screen and (max-width: 640px){
     .table th strong{
        font-size:18px
    }
     .table th p{
        font-size:14px
    }
     .table th span,.table td{
        font-size:12px
    }
     .table td{
        padding:10px
    }
     .txt1 .title{
        font-size:19px;
         padding:5px 10px
    }
     .txt1 .title span{
        font-size:25px
    }
     .txt2 h2{
        font-size:20px
    }
     .txt2 h2:after{
        bottom:-15px
    }
     .txt3 h2 br{
        display:none
    }
}
 @media screen and (max-width: 480px){
     .txt2 .backup{
        overflow:scroll
    }
     .backmoney .left img{
        display:none
    }
     .backmoney .left{
         padding-left:0;
         padding:10px
    }
}
@media screen and (max-width: 992px){
    .ykkh li{
         height:180px;
         overflow:hidden
    }
}
 @media screen and (max-width: 768px){
    .ykkh li{
        width:100%;
        margin:2% 0;
        padding: 0px 10px 20px 10px;
        height: 210px;
    }
     .ykkh ul#foo li:nth-child(6) {
        height:270px;
    }
    .popup .content_popup{
    margin:20px auto 0px auto;
}
.failover_hosting .khung1 {
    width: 100%;
    margin: 10px 0px 10px 0px;
}
.failover_hosting .khung2 {
    width: 100%;
    margin: 0px;
}
.failover_hosting .tabcanhan {
    margin-left: 0px;
}
.failover_hosting .content .cnt {
    margin: 0px;
    padding: 0px;
}
}
 @media screen and (max-width: 992px){
.tab li a{font-size:17px}
 }
 @media screen and (max-width: 768px){
 .tab li{width:100%; border: none; border-bottom:solid 1px #fff}
 .tab {padding-top:20px}
     .gd-sale ul li{
        width:50%;
         margin-right:0;
         padding:0 2%;
    }
     .tab li{
        margin:0 1px
    }
     .tab li a{
         padding:10px;
         text-transform:none
    }
}
 @media screen and (max-width: 480px){
     .gd-sale ul li{
        width:100%
    }
     .tab li a,.tab1 li a{
        display:block;
         margin:5px 2%
    }
     .content{
        padding-top:0
    }
     .tab{
        padding-bottom:0
    }
}
 #foo{
    display:none
}

/*fail_hosting*/
/*Secureweb*/
 .secure_web_sop .txt3 p {
     text-align: center;
     margin: 0px;
     font-size: 16px;
}
 .secure_web_sop p.oldrate2 {
    color: #000;
}
  .secure_web_sop .tabcanhan img{
     border:none;
     margin:0 
}
}
  .secure_web_sop .tabcanhan {
     width:100%;
     float: left;
     font-family: Roboto;
}
  .secure_web_sop .khung1 {
     width: 32%;
     background-color: #ededed;
     float: left;
     padding-bottom: 30px;
     border: solid 5px #d7d7d7;
     max-width: 360px;
}
  .secure_web_sop .khung1-cn{
     width: 30%;
     background-color: #ffffff;
     float: left;
     padding-bottom: 30px;
     margin-right:5%;
}
  .secure_web_sop .khung1-dn{
     width: 30%;
     background-color: #ffffff;
     float: left;
     padding-bottom: 30px;
     margin-right:5%;
}
  .secure_web_sop .khung1-tmdt{
     width: 30%;
     background-color: #ffffff;
     float: left;
     padding-bottom: 30px;
}
  .secure_web_sop .khung2 {
     width: 31.5%;
     background-color: #69b945;
     margin-left: 30px;
     margin-right: 30px;
     float: left;
     padding-bottom: 30px;
     color: #fff;
     position: relative;
}
  .secure_web_sop .best_seller {
     position: absolute;
     left: 20px;
     top: 0;
     width: 62px;
}
  .secure_web_sop .best_seller strong {
     background: #ffa430;
     color: #fff;
     font: 700 15px roboto;
     padding: 10px 0 5px 0;
     float: left;
     width: 100%;
     text-align: center;
}
  .secure_web_sop .best_seller span {
     background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/best_seller.png) no-repeat;
     float: left;
     width: 62px;
     height: 19px;
}
  .secure_web_sop .fr{
     margin-right: 5%;
}
  .secure_web_sop .ndkhung {
     width: 100%;
     max-width: 240px;
     margin: 0 auto;
     font-size: 14px;
     text-align:left 
}
  .secure_web_sop .bg_gray {
     background-color: #f5f5f5;
     width: 100%;
     float: left;
     padding: 10px 15px;
     margin-bottom: 250px;
}
  .secure_web_sop .tit1green {
     font-size: 25px;
     color: #83be13;
     text-align: center;
     margin-top: 40px;
     margin-bottom: 15px;
     font-weight: 301;
}
  .secure_web_sop .linedotgray {
     border-bottom: 1px solid #bfbfbf;
     border-bottom-style: dotted;
     width: 100%;
     margin: 0 auto;
     padding-bottom: 12px;
}
  .secure_web_sop .price_orange {
     text-align: center;
     color: #f58b03;
     margin: 30px 0px 14px 0px;
}
  .secure_web_sop .size44 {
     font-size: 44px;
     font-weight: bold;
     width: 120%;
}
  .secure_web_sop .size16 {
     font-size: 16px;
     font-weight: bold;
}
  .secure_web_sop .text_orange {
     color: #fc6d0f;
     font-weight:700;
}
  .secure_web_sop .text_orange_l {
     color: #fc6d0f;
     font-weight:700;
     font-family: Roboto;
}
  .secure_web_sop .text_orange2 {
     color: #fff;
     font-weight: bold;
     font-size: 18px;
}
  .secure_web_sop .text_orange2_l {
     color: #fff;
     font-weight: bold;
     font-size: 18px;
     text-decoration: underline;
}
  .secure_web_sop .ocung {
     display: block;
     color: #0d0208;
     padding-top: 20px;
}
  .secure_web_sop .iconocung{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconocung.png) no-repeat left top;
     width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .bangthong {
     display: block;
     color: #646464;
     padding-top: 13px;
}
 .ram, .cpu, .website, .iconphp, .ssl, .icondns, .web-builder, .i-php, .icondns, .i-dns, .inode, .tinhnangthem li, .core{
     display: block;
     color: #0d0208;
     padding-top: 13px;
     width:225px;
}
  .secure_web_sop .clwhite li{
    color:#fff!important
}
  .secure_web_sop .iconbangthong{
    background: url(../images/iconbangthong.png) no-repeat;
     width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .iconaddon{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconaddon.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .icondatabase{
    background: url(../images/iconsql.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
 .secure_web_sop .iconparkdomain{
    background: url(../images/bg_ftp_account.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .iconemail{
    background: url(../images/bg_email.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .icondns{
    background: url(../images/iconaddon.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .iconphp{
    background: url(../images/iconphp.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .iconssl{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconssl.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .iconram{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon-ram.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .iconcpu{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconcpu.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .iconbackup{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/bg_backup.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .icon-chung{
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .i-inode{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_inode.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .i-process{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_process.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .i-iops{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_inode.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .i-op{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_iops.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .i-entryprocess{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_entryprocess.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .i-inode{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_inode2.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .i-process{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_process2.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .i-iops{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_inode2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .i-op{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_iops2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .i-entryprocess{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon_entryprocess2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
/*------khung 2 ------------*/
  .secure_web_sop .khung2 .iconbangthong{
    background: url(../images/iconbangthong2.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
 .secure_web_sop .khung2 .iconaddon{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconaddon2.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .icondatabase{
    background: url(../images/iconsql2.png) no-repeat;
     width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .iconparkdomain{
    background: url(../images/bg_ftp_account2.png) no-repeat;
    width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .iconemail{
    background: url(../images/bg_email2.png) no-repeat;
     width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .icondns{
    background: url(../images/iconaddon2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .iconphp{
    background: url(../images/iconphp2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .iconssl{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconssl2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .iconram{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/icon-ram2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .iconcpu{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconcpu2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .iconbackup{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/bg_backup2.png) no-repeat;
     width:30px;
     height:30px;
    float:left;
}
  .secure_web_sop .khung2 .iconocung{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/iconocung2.png) no-repeat left top;
     width:30px;
     height:30px;
     float:left;
}
  .secure_web_sop .khung2 .arrdown{
    background: url(https://img.tenten.vn/k/lp/failover-hosting-cp/images/arrdown2.png) no-repeat center;
     width:56px;
     height:16px;
    margin: 15px auto 0 auto;
}
  .secure_web_sop .khung2 .btndangky{
    width: 100%;
     height: 53px;
     background-color: #ffa101;
     text-align: center;
     color: #fff;
     line-height: 53px;
     text-transform: uppercase;
     font-size: 16px;
     margin-top: 10px;
     font-weight: bold;
     cursor: pointer;
}
  .secure_web_sop .khung2 .btndangky:hover{
    background-color: #ffbc4b;
 }
  .secure_web_sop .khung2 .tit1green {
     font-size: 25px;
     color: #fff;
     text-align: center;
     margin-top: 40px;
     margin-bottom: 15px;
     font-weight: 700;
}
  .secure_web_sop .khung2 .price_orange {
     text-align: center;
     color: #fff;
     margin: 20px 0px 10px 0px;
     font-weight: 700;
}
  .secure_web_sop .khung2 .text_orange {
     color: #fff;
     font-weight: 700;
}
  .secure_web_sop .khung2 .linedotgray {
     border-bottom: 1px solid #fff;
     border-bottom-style: solid;
     border-bottom-style: dotted;
     width: 100%;
     margin: 0 auto;
     padding-bottom: 15px;
}
  .secure_web_sop .khung2 .ocung,  .secure_web_sop .khung2 .website,  .secure_web_sop .khung2 .backup,  .secure_web_sop .khung2 .ram,  .secure_web_sop .khung2 .tit_xtn,  .secure_web_sop .khung2 .i-dns,  .secure_web_sop .khung2 .web-builder,  .secure_web_sop .khung2 .cpu,  .secure_web_sop .khung2 .i-php,  .secure_web_sop .khung2 .ssl,  .secure_web_sop .khung2 .core{
     color:#fff;
}
/*------end khung 2 ------------*/
  .secure_web_sop .bangthong2 {
     width: 225px;
}
  .secure_web_sop .database {
     display: block;
     color: #646464;
     padding-top: 16px;
     padding-bottom: 8px;
}
  .secure_web_sop .addon {
     display: block;
     color: #646464;
     padding-top: 15px;
}
  .secure_web_sop .backup {
     display: block;
     color: #0d0208;
     padding-top: 15px;
}
  .secure_web_sop .email {
     display: block;
     color: #646464;
     padding-top: 10px;
}
  .secure_web_sop .parkdomain {
     display: block;
     color: #646464;
     padding-top: 11px;
}
 .secure_web_sop .ocung2 {
     display: block;
     color: #fff;
     padding-top: 18px;
}
 .secure_web_sop .bangthong2 {
     display: block;
     color: #fff;
     padding-top: 13px;
}
 .secure_web_sop .database2 {
     display: block;
     color: #fff;
     padding-top: 15px;
     padding-bottom: 8px;
}
 .secure_web_sop .addon2 {
     display: block;
     color: #fff;
     padding-top: 13px;
}
 .secure_web_sop .backup2 {
     display: block;
     color: #fff;
     padding-top: 14px;
}
 .secure_web_sop .email2 {
     display: block;
     color: #fff;
     padding-top: 9px;
}
 .secure_web_sop .s_noidunggiamgia5{
     overflow: hidden;
     margin-bottom: 60px;
     text-align: left;
}
 .secure_web_sop .parkdomain2 {
     display: block;
     color: #fff;
     padding-top: 9px;
     width: 240px;
}
 .secure_web_sop .park_padding{
     padding-top: 13px;
}
 .secure_web_sop .park_padding2{
     padding-top: 12px;
}
 .secure_web_sop .subdomain2 {
     display: block;
     color: #fff;
     padding-top: 2px;
     width: 240px;
}
 .secure_web_sop .subdomain {
     display: block;
     color: #646464;
     padding-top: 2px;
}
 .secure_web_sop .tinhnangthem {
     /* display: block; */
     color: #646464;
     padding-top: 5px;
     display: none;
}
 .secure_web_sop .xemtinhnang {
     margin: 0 auto;
     text-align: center;
     padding-top: 20px;
     cursor: pointer;
}
 .secure_web_sop .tinhnangthem2 {
     display: block;
     color: #646464;
     padding-top: 5px;
}
 .secure_web_sop .xemtinhnang2 {
     margin: 0 auto;
     text-align: center;
     padding-top: 20px;
     cursor: pointer;
}
 .secure_web_sop .tinhnangthem3 {
     display: block;
     color: #646464;
     padding-top: 5px;
}
 .secure_web_sop .xemtinhnang3 {
     margin: 0 auto;
     text-align: center;
     padding-top: 20px;
     cursor: pointer;
}
 .secure_web_sop .km_addmonth {
     text-align: center;
     margin: 20px 0;
     display: none;
}
 .secure_web_sop .km_addmonth span {
     display: inline-block;
     border: dashed 1px #f58b03;
     padding: 7px 10px;
     font: 700 15px roboto;
     font-style: italic;
     color: #f58b03;
}
 .secure_web_sop .km_addmonth b {
     display: block;
     margin: 5px 0px 0px 0px;
}
 .secure_web_sop .km_addmonth .white {
     border: dashed 1px #fff;
     color: #fff;
}
 .secure_web_sop .tabcanhan .btndangky a {
     color: #fff;
     text-decoration: none;
     display: block;
}
 .secure_web_sop .tit_xtn {
     color: #0d0208;
     font-size: 16px;
}
 .secure_web_sop .arrdown {
     padding-top: 15px;
}
 .secure_web_sop .arrup {
     padding-top: 15px;
}
 .secure_web_sop .arrdown2 {
     padding-top: 15px;
}
 .secure_web_sop .arrup2 {
     padding-top: 15px;
}
 .secure_web_sop .arrdown3 {
     padding-top: 15px;
}
 .secure_web_sop .arrup3 {
     padding-top: 15px;
}
 .secure_web_sop .khuyenmai {
     padding-top: 25px;
}
 .secure_web_sop .btndangky {
     width: 100%;
     height: 53px;
     background-color: #69b945;
     text-align: center;
     color: #fff;
     line-height: 53px;
     text-transform: uppercase;
     font-size: 16px;
     margin-top: 10px;
     font-weight: bold;
     cursor: pointer;
}
.secure_web_sop .btndangky:hover{
    background: #418821;
}

 .secure_web_sop .btndangky2 {
     width: 100%;
     height: 53px;
     background-color: #ffa101;
     text-align: center;
     color: #fff;
     line-height: 53px;
     text-transform: uppercase;
     font-size: 16px;
     margin-top: 25px;
     font-weight: bold;
     cursor: pointer;
}
 .secure_web_sop .ndkhung_xanh {
     width: 100%;
     max-width: 215px;
     margin: 0 auto;
     font-size: 13px;
}
 .secure_web_sop .oldrate{
     color: #0d0208;
     font:14px roboto;
}
 .secure_web_sop .oldrate1{
     text-decoration:line-through;
     margin:10px 0 5px
}
 .secure_web_sop .oldrate2{
     font-weight:bold
}
 .secure_web_sop .oldrate2 span{
    font-size:18px;
     color:#ed6827
}
 .secure_web_sop .oldrate3{
     font-style:italic;
     margin-top:5px;
     font-size:13px
}
.secure_web_sop .banner_secure  {
    background: url(https://img.tenten.vn/t/new/ldp-secureweb/images/bg_banner.png) center center no-repeat;
    background-size: cover;
    padding: 0px 0px 110px 0px;
}
.secure_web_sop .banner_secure  .logo p {
    margin: 40px 0px 0px 0px;
    font-style: italic;
    font-size: 24px;
    line-height: 32px;
}
.secure_web_sop .logo {
    margin: 60px 0px 80px 0px;
}
.secure_web_sop .banner_secure .textwidget ul li {
    font-size: 25px;
    line-height: 33px;
    color: #0d0208;
    font-weight: 700;
    padding: 0px 0px 40px 65px;
    position: relative;
}
.secure_web_sop .banner_secure .textwidget ul li::before {
    content: url(https://img.tenten.vn/t/new/ldp-secureweb/images/hand.png);
    position: absolute;
    top: -2px;
    left: 0px;
}
 .secure_web_sop .khung2 .price_orange .oldrate{
     color:#fff
}
 .secure_web_sop .khung2 .price_orange .oldrate2 span{
     color:yellow
}
.secure_web_sop .regis_now{
    display: table;
    margin: 80px auto 0px auto;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #439e18;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding:20px;
    max-width: 300px;
    width: 100%;
    color:#fff;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
 }
 .secure_web_sop .regis_now:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #6cb946;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
 .secure_web_sop .regis_now:hover{
    color:white;
 }
 .secure_web_sop .regis_now:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.secure_web_sop .countdown{
    display: table;
    margin: 25px auto 20px auto;
    max-width: 260px;
    width: 100%;
 }
 .secure_web_sop .countdown h2{
     font-size: 33px;
     line-height: 40px;
     color: #0d0208;
     font-weight: 700;
     text-align: center;
     margin: 18px 20px 0px 0px;
     float: left;
     display: inline-block;
}
.secure_web_sop #tg_countdown{
    background: #eeeeee;
    padding:10px;
    border-radius: 10px;
    border:1px solid #e6e6e6;
    display: table;
    width: 100%;
}
.secure_web_sop #tg_countdown li{
    text-align: center;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}
.secure_web_sop #tg_countdown>li:last-child{
    margin:0px;
}
.secure_web_sop #tg_countdown li strong{
    display: inline-block;
    padding: 5px 13px;
    background: #0d0208;
    color:#fff;
    border-radius: 5px;
    font-size: 20px;
    margin: 0px 0px 3px 0px;
}
.secure_web_sop #tg_countdown li span {
    display: block;
}
 .secure_web_sop #show_tab1 h2 strong{
     color:#ff0000;
}

 .secure_web_sop .profesional{
     background: #fff;
}
.secure_web_sop div#show_tab2 {
    background: #eeeeee;
}
.secure_web_sop .profesional .item p {
    color: #ff0101;
    /* background: #e8e8e8; */
    padding: 0px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    margin: 0px 0px 30px 0px;
}
 .secure_web_sop .profesional h2{
     color: #0d0208;
     margin:0px 0px 30px 0px;
     text-transform: initial;
     text-align: center;
}
.secure_web_sop .secure_web .textwidget h3{
    position: relative;
    font-size: 33px;
    font-weight: 700;
    line-height: 41px;
    margin: 30px 0px 40px 0px;
    color: #1795d2;
}
.secure_web_sop .secure_web .textwidget h3::before{
    content:"";
    position: absolute;
    width: 100%;
    max-width: 100px;
    height: 3px;
    background: #69b945;
    bottom: -10px;
}
.secure_web_sop .secure_web .textwidget p{
    font-size: 16px;
    text-align: justify;
    line-height: 28px;
}
.secure_web_sop .secure_web , .specials , [id*="show_tab"] , .profesional{
     padding: 40px 0px 50px 0px;
}
.secure_web_sop .specials{
    background: #eeeeee;
}
.secure_web_sop .specials h2{
    color: #0d0208;
    margin:0px 0px 30px 0px;
    text-align: center;
    font-weight: 700;
}
.secure_web_sop .specials ul li figure{
    height: 168px;
    position: relative;
    overflow: hidden;
}
.secure_web_sop .specials ul li figure img{
    position: absolute;
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
}

.secure_web_sop .specials ul li .texwidget  h4{
    font-size: 16px;
    line-height: 23px;
    color: #0d0208;
    font-weight: 700;
}
.secure_web_sop .specials ul li .texwidget{
    text-align: center;
}
.secure_web_sop .specials ul li .texwidget p{
    color: #0d0208;
    font-size: 14px;
    line-height: 23px;
}

 .secure_web_sop ul.tabs_special li{
     background: #0d0208;
     color: #fff;
     display: inline-block;
     padding: 9px 35px;
     cursor: pointer;
     margin: 0px 13px 0px 0px;
     font-size: 16px;
     border-radius: 3px;
}
 .secure_web_sop ul.tabs_special li.current{
     background: #69b945;
     color: #fff;
}
 .secure_web_sop ul.tabs_special{
    display: table;
    margin: 0px auto 40px auto;
 }
 .secure_web_sop .tab-content{
     display: none;
     padding: 0px;
}
 .secure_web_sop .tab-content.current{
     display: inherit;
     -webkit-animation: slide-down 0.3s ease-out;
     -moz-animation: slide-down 0.3s ease-out;
}
.secure_web_sop .tab-content.current li{
    animation: none;
}
/**/
 .secure_web_sop ul.tab_secure_web li{
     background: #0d0208;
     color: #fff;
     display: inline-block;
     padding: 9px 35px;
     cursor: pointer;
     font-size: 20px;
     border-right: 1px solid #fff;
     width: 33%;
     text-align: center;
     padding: 13px 0px;
     position: relative;
     font-weight: bold;
}
 .secure_web_sop ul.tab_secure_web li.currents:after {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -21px;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #69b945;
    font-size: 25px;
}
 .secure_web_sop ul.tab_secure_web{
    display: table;
    width: 100%;
    margin: 0px auto 40px auto;
 }
 .secure_web_sop ul.tab_secure_web li.currents{
     background: #69b945;
     color: #fff;
}
 .tabs-contents{
     display: none;
     padding: 0px;
}
 .tabs-contents.currents{
     display: inherit;
     -webkit-animation: slide-down 0.3s ease-out;
     -moz-animation: slide-down 0.3s ease-out;
}
.tabs-contents.currents li{
    animation: none;
}

.secure_web_sop #show_tab2 .short_text .textwidget {
    text-align: center;
}
.secure_web_sop #show_tab2 .double_sale{
    margin:0px;
    padding: 40px 0px 0px 0px;
}
.secure_web_sop #show_tab2 .short_text .textwidget h2{
    font-size: 30px;
    font-weight: 700;
    color:#ff0000;
    text-transform: uppercase;
    margin: 0px;
}
.secure_web_sop #show_tab2 .short_text .textwidget span{
    font-size: 30px;
    color: #0d0208;
    line-height: 40px;
    display: block;
    margin: 10px 0px 15px 0px;
}
.secure_web_sop #show_tab2 .short_text .textwidget i{
    font-size: 16px;
    line-height: 23px;
}
.secure_web_sop #show_tab2 .short_text {
    margin:0px 0px 40px 0px;
}

/* CSS FOOTER*/

.secure_web_sop .footer{
    margin-top:0px !important;
    padding:20px 0px !important;
}
.secure_web_sop .fb{
    padding:20px 0px;
}
.secure_web_sop .double_sale {
    clear: both;
    padding: 30px 0px 0px 0px;
    display: table;
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.secure_web_sop .double_sale ul li strong{
    color: #ff0c0c;
}
.secure_web_sop .double_sale ul li p{
    margin:0px;
    line-height: 26px;
}
.secure_web_sop .double_sale .textwidget span i {
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
}
.secure_web_sop .double_sale .textwidget h3{
        font-size: 20px;
        line-height: 30px;
        color: #0d0208;
        margin: 0px 0px 15px 0px;
}
.secure_web_sop .double_sale .textwidget h3 strong{
    animation: color-change 0.7s infinite;
    color: #fff;
    font-size: 19px;
    padding: 5px 14px;
    position: relative;
    margin: 0px 20px 0px 0px;
}
.secure_web_sop .double_sale .textwidget h3 strong::before{
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-left: 15px solid #fff;
        border-top: 19px solid transparent;
        border-bottom: 0px solid transparent;
        right: -15px;
        top: 0px;
        animation: color-change 0.7s infinite;
        transform: rotate(-180deg);
}
.secure_web_sop .double_sale .textwidget h3 strong::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 16px solid #fff;
    border-top: 0px solid transparent;
    border-bottom: 15px solid transparent;
    right: -16px;
    top: 19px;
    animation: color-change 0.7s infinite;
    transform: rotate(-180deg);
}
.secure_web_sop .double_sale .textwidget span.xx{
    font-size: 18px;
    font-style: italic;
    color: #ef1307;
}
.secure_web_sop double_sale .textwidget{
    text-align: center;
    margin: 0px 0px 30px 0px;
}
.secure_web_sop ul.sales_area li .sales_inner{
    display: block;
    padding:10px;
    color: #000;
    background: none;
    text-align: center;
    margin: 0px;
    font-size: 15px;
    background: rgba(244, 96, 96, 0.1);
    border: 1px dashed red;
    /* max-width: 342px; */
}

/*mau website*/
.secure_web_sop .gd-sale {
     float:left;
     width:100%;
     padding:0 2%
}
 .secure_web_sop .gd-sale ul li{
     width:30%;
     margin-right:5%;
     float: left;
    list-style:none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
 .secure_web_sop .finish{
     margin-right:0!important;
}
 .secure_web_sop .img-temp{
     border:3px solid #fff;
     width:100%;
}
 .secure_web_sop .img_view{
     width:100%;
     float:left;
     margin-bottom:20px;
}
 .secure_web_sop .button_view{
     background: #69b945;
     border: 1px dashed #8BC34A;
     padding:7px 30px;
     color:#fff;
     text-decoration:none;
     margin:0px auto 50px auto;
     font-size:16px;
     border-radius: 5px;
}
 .secure_web_sop .button_view:hover{
     background: #88c541;
     color:#fff;
     text-decoration:none;
}
.secure_web_sop .button {
    text-align: center;
    margin: 40px 0px;
}
.secure_web_sop a.view_demo {
    color: rgb(255, 255, 255);
    font-size: 16px;
    background: rgb(105, 185, 69);
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(139, 195, 74);
    border-image: initial;
    padding: 7px 30px;
    text-decoration: none;
    margin: 0px auto 50px;
    border-radius: 5px;
}
.secure_web_sop a.view_demo:hover {
    background: #88c541;
    color: #fff;
    text-decoration: none;
}
 .secure_web_sop .tab1{
     text-align:center;
     float: none;
     margin: 0px auto 35px auto;
     display: table;
     width: auto;
}
 .secure_web_sop .tab1 li{
       display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
 .secure_web_sop .tab1 li a{
    color:#000;
    background: #dfdfdf;
    padding: 10px 30px;
    font:16px roboto;
    position:relative;
    border:solid 1px #ccc;
    display: inline-block;
}
 .secure_web_sop .tab1 li a:hover:after,.tab1 li a.active1:after{
    width:100%;
    position:absolute;
    left:0;
    bottom:-14px;
    content:"\f0d7";
    font-family: FontAwesome;
    color: #ffa101;
    font-size:25px;
}
 .secure_web_sop .tab1 li a:hover,.tab1 .active1{
     background: #ffa101!important;
     color:#000;
     text-decoration:none;
     border:solid 1px #fab650;
}
.secure_web_sop .slick-slide {
    height: initial;
}

@media(min-width: 768px) and (max-width: 1024px){
    body{
        overflow-x: hidden !important;
    }
}

@media (max-width: 767px) {
        body{
        overflow-x: hidden !important;
    }
    .secure_web_sop ul.tab_secure_web li {
        width: 100% !important;
        margin: 0px 0px 5px 0px;
        text-align: center;
    }
    .secure_web_sop .khung1 {
        width: 100%;
        max-width: initial;
        margin: 10px 0px;
    }
    .secure_web_sop .khung2 {
        width: 100%;
        margin-left: 0px; 
    }
    .secure_web_sop .specials h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .secure_web_sop .secure_web, .specials, [id*="show_tab"], .profesional {
        padding: 0px;
    }
    .secure_web_sop ul.tabs_special li {
        width: 48%;
        float: left;
        margin: 0px 5px 5px 0px;
        padding: 9px 0px;
        font-size: 14px;
        text-align: center;
    }
    .secure_web_sop .profesional {
        padding: 30px 0px 0px 0px;
    }
    .secure_web_sop .profesional h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .secure_web_sop .profesional .item p {
        font-size: 14px;
        line-height: 22px;
    }
    .secure_web_sop #show_tab2 .short_text {
        padding: 30px 0px 0px 0px;
    }
    .secure_web_sop #show_tab2 .short_text .textwidget h2, .secure_web_sop #show_tab2 .short_text .textwidget span {
        font-size: 20px;
        line-height: 28px;
    }
    .secure_web_sop .specials {
        padding: 30px 0px 0px 0px;
    }
    .secure_web_sop .tab1 li {
        width: 46%;
        float: left;
    }
    .secure_web_sop .tab1 li a {
        padding: 10px 5px;
    }
    .gd-sale ul li, .tab-hide ul li {
        width: 100%;
    }
    .failover_hosting .tab1 li {
        width: 46%;
        float: left;
        display: table;
    }
     .failover_hosting .tab1 li a {
        padding: 10px 5px;
     }
}
/*Securewweb*/
/*Seo_lover_hosting*/
.seo_love_hosting .content .cnt {
    padding: 0px 0px 50px 0px;
}
/* Float */
.seo_love_hosting .fl {float: left;}
.seo_love_hosting .fr {float: right;}
.seo_love_hosting .clearfix {display: block;width: 100%;}
.seo_love_hosting .clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.seo_love_hosting .clear {clear: both;height: 1px;overflow: hidden;}
.seo_love_hosting .box3+.box2{
    display: none;
}
.seo_love_hosting .w100p{float:left; width:100%}
.seo_love_hosting .wrap{max-width:1170px; margin:0 auto}
/* header */
.seo_love_hosting .logotenten{padding-top:15px;padding-bottom:15px;}
/*banner*/
.seo_love_hosting .banner{float:left; width:100%}
.seo_love_hosting .banner img, .seo_love_hosting .banner_sm img{width:100%}
.seo_love_hosting .banner_sm{display:none}
/*content*/
.seo_love_hosting .content{background:#fff; float:left; width:100%}
.seo_love_hosting .content .cnt{background:#fff; border-radius:10px; margin-bottom:30px; float:left; width:100%}
.seo_love_hosting .box1{background:#3a6c82; float:left; width:100%}
.seo_love_hosting .box1 h2{ font:700 25px roboto; color:#fff; text-align:center; text-transform:uppercase; margin:40px 0}
.seo_love_hosting .box1 h2 span{position:relative; display:inline-block; padding-left:35px; margin-left:10px;font:700 22px roboto; color:#b7ff2d}
.seo_love_hosting .box1 h2 span:before{font-family: 'Glyphicons Halflings';content: "\e127";position: absolute;bottom:0;left: 0;}
.seo_love_hosting .carousel-inner{width:86%; left:7%; text-align:center}
.seo_love_hosting .carousel-control.left,.seo_love_hosting .carousel-control.right{background:none; width:5%; opacity:1}
.seo_love_hosting .carousel-control .glyphicon-chevron-left,.seo_love_hosting .carousel-control .glyphicon-chevron-right{ background:#dd4242; color:#fff; text-shadow:none; border-radius:50%;padding:6px;height:45px;width:45px;}
.seo_love_hosting .slide1 p{color:#fff; padding:20px 0}
.seo_love_hosting .slide1{background:#2f8bb0; padding-bottom:30px; margin-bottom:30px; border-radius:10px}
.seo_love_hosting .img_step{ background:url(../images/bg_step.jpg) no-repeat; background-size:cover; border-radius:20px; float:left; width:100%;padding:40px 0}
.seo_love_hosting .img_step li{float:left; width:33%; text-align:center; position:relative}
.seo_love_hosting .img_step li:after{font-family: 'Glyphicons Halflings';content: "\e092"; position:absolute; top:47%; left:-20px; color:#fff; font-size:40px}
.seo_love_hosting .img_step li:first-child:after{display:none}
.seo_love_hosting .box1{ float:left; width:100%; background:#0b77a2}
.seo_love_hosting .box1 h2{font:700 25px roboto; color:#fff; text-align:center; text-transform:uppercase; margin:35px 0 0 0}
.seo_love_hosting .box1 h3{font: italic 16px roboto; color:#fff; text-align:center; margin-bottom:20px}
.seo_love_hosting .box1 strong{color:#fff288}
.seo_love_hosting .box2{ float:left; width:100%; background:#fff}
.seo_love_hosting .box2 h2{font:700 25px roboto; color:#ed5151; text-align:center; text-transform:uppercase; margin:35px 0}
.seo_love_hosting .box2 h2 span{color:#fb5e38}
.seo_love_hosting .slide2{padding-bottom:30px;  background:#fff; padding:20px 0}
.seo_love_hosting .slide2 img{margin:10px 8px 20px}
.seo_love_hosting .slide2 p{ color:#000; background:#eeeeee; padding:8px 0; border:dashed 1px #c9c9c7}
.seo_love_hosting .txt3 {text-align: center; margin-top:30px}
.seo_love_hosting .box3{ float:left; width:100%; background:#0b77a2; margin-top:30px}
.seo_love_hosting .box3 h2{font:700 25px roboto; color:#fff; text-align:center; text-transform:uppercase; margin:35px 0}
.seo_love_hosting .box3 h2 span{color:#fb5e38}
.seo_love_hosting .box3 .img{ background:#2f8bb0; border-radius:10px; float:left; width:100%; text-align:center; padding:30px 0; margin-bottom:30px}
.seo_love_hosting .box3 .img p{color:#fff; margin-bottom:20px}
.seo_love_hosting .btn_dangkyngay{ position:fixed; bottom:10px; right:5px; cursor:pointer; z-index:99}
.seo_love_hosting .btn_dangkyngay span{display:none}
.seo_love_hosting .btn_dangkyngay img{max-width:80%}
.seo_love_hosting .fb{float:left;width:100%;padding:20px 0;background:#fff;overflow-y: hidden;}
.seo_love_hosting .footer{margin-top:0!important; padding-bottom:20px!important}
.seo_love_hosting .bangsosanhchiphi {
    background:#fff;
    width: 100%;
    float: left;
    padding-bottom: 50px;
    margin-top:30px
}
.seo_love_hosting .bangndsosanh {
    width: 100%;
    float: left;
    border: 1px solid #FFFFFF;
    margin-top: 20px;
    background: #ffce41;
    box-sizing: border-box;
    position:relative;
}
.seo_love_hosting .bangndchinh {
    margin: 1%;
    background-color: #ffeebb;
    float: left;
    width: 98%;
    padding-bottom: 2px;    
    box-sizing: border-box;
}
.seo_love_hosting .tietkiem {
    position: absolute;
    right: 0;
    margin-top: -10px;
}
.seo_love_hosting .b_cot1
{
width:30%;
float:left;
margin-left:3px;    
box-sizing: border-box;
}
.seo_love_hosting .b_cot2
{
width:30%;
float:left;
margin-left:2px;
box-sizing: border-box;
}
.seo_love_hosting .b_cot3
{
width:39%;
float:left;
margin-left:2px;
box-sizing: border-box;
}
.seo_love_hosting .bg_black
{
background:#474747;
height:53px;
font-size:18px;
color:#fff; 
width:100%;
float:left;
line-height:53px;
text-align:center;
box-sizing: border-box; 
margin-top:2px; 
}
.seo_love_hosting .bg_black2
{
background:#ffeebb;
height:53px;
font-size:18px;
color:#fff; 
width:100%;
float:left;
line-height:53px;
text-align:center;
box-sizing: border-box; 
margin-top:2px; 
}
.seo_love_hosting .bg_green
{
background:#70b520;
height:53px;
font-size:18px;
color:#fff; 
width:100%;
float:left;
line-height:53px;
text-align:center;
box-sizing: border-box; 
margin-top:2px;
padding-left:30px!important
}
.seo_love_hosting .bg_white3
{
background:#fffffe;
height:53px;
font-size:15px;
width:100%;
float:left;
line-height:53px;
text-align:center;
box-sizing: border-box; 
margin-top:2px; 
}
.seo_love_hosting .bg_white
{
background:#fffffe;
height:53px;
font-size:15px;
padding-left:15px;
box-sizing: border-box; 
width:100%;
float:left;
line-height:53px;
margin-top:2px;
}
.seo_love_hosting .bg_white2
{
background:#ffeebb;
height:53px;
font-size:15px;
padding-left:5px;
box-sizing: border-box; 
width:100%;
float:left;
line-height:53px;
margin-top:2px;
}
.seo_love_hosting .font18
{
font-size:18px; 
font-weight:bold;   
}
.seo_love_hosting .font26
{
font-size:26px; 
font-weight:bold;   
}
.seo_love_hosting .font18_o
{
font-size:18px; 
font-weight:bold;
color:#fe6700;  
}
.seo_love_hosting .font26_o
{
font-size:26px; 
font-weight:bold;
color:#fe6700   
}
.seo_love_hosting .text_bangsosanh {
    font-size: 35px;
    text-transform: uppercase;
    color:#ed5151;
}
.seo_love_hosting .tittle13 {
    color: #fff;
    margin: 30px 0 0 0;
    font: 500 72px Roboto;
    text-align:center;
}
.seo_love_hosting .backup {
    display: block;
    color: #646464;
}
.seo_love_hosting .table{margin-top:20px}
.seo_love_hosting .table th{text-align:center; border: solid 1px #fff; border-bottom:none!important; vertical-align:middle!important; padding:15px 0!important}
.seo_love_hosting .table th:nth-child(1){width:19%}
.seo_love_hosting .table th:nth-child(2),.seo_love_hosting .table th:nth-child(3),.seo_love_hosting .table th:nth-child(4){width:27%; color:#fff}
.seo_love_hosting .table th:nth-child(2){background:#3b92bd}
.seo_love_hosting .table th:nth-child(3){background:#257bad}
.seo_love_hosting .table th:nth-child(4){background:#00669f}
.seo_love_hosting .table th strong{font-size:23px; font-weight: lighter!important}
.seo_love_hosting .table th p{margin:5px 0 0 0; font-size:19px; font-weight:600}
.seo_love_hosting .table th span{font-weight:normal; font-size:16px}
.seo_love_hosting .table td{border-bottom: solid 1px #fff; padding:16px!important; background:#ededed; border-right:solid 1px #fff}
.seo_love_hosting .table td:first-child{background:#7c7c7c; color:#fff}
.seo_love_hosting .btn_viewtemp{ text-align:center}
.seo_love_hosting .btn_viewtemp span{background:#ed5151; display:inline-block; padding:10px 20px; border-radius:8px; color:#fff; cursor:pointer}
.seo_love_hosting .gd-sale { float:left; width:100%; padding:0 2%}
.seo_love_hosting .gd-sale ul li{ width:30%; margin-right:5%; float: left;list-style:none;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.seo_love_hosting .finish{ margin-right:0!important;}
.seo_love_hosting .img-temp{ border:3px solid #fff; width:100%;}
.seo_love_hosting .img_view{ width:100%; float:left; margin-bottom:20px;}
.seo_love_hosting .button_view{ background:#009dd7; border:1px dashed #99d5ff; padding:7px 30px; color:#fff; text-decoration:none; margin:0px auto 50px auto ; font-size:16px;border-radius: 5px;}
.seo_love_hosting .button_view:hover{ background:#034676;color:#fff; text-decoration:none;}
.seo_love_hosting .tab1{ text-align:center; float:left; width:100%; margin-bottom:20px; margin-top:40px}
.seo_love_hosting .tab1 li{display: inline;margin: 0 5px;}
.seo_love_hosting .tab1 li a{color:#000;background: #dfdfdf;padding: 10px 30px;font:16px roboto; position:relative; border:solid 1px #ccc}
.seo_love_hosting .tab1 li a:hover:after,.tab1 li a.active1:after{width:100%; position:absolute; left:0; bottom:-14px; content:"\f0d7"; font-family: FontAwesome; color:#ffa101; font-size:25px}
.seo_love_hosting .tab1 li a:hover,.seo_love_hosting .tab1 .active1{ background:#fab650!important; color:#000; text-decoration:none; border:solid 1px #fab650}
.seo_love_hosting #foo{display:none; border-top:dashed 1px #ccc; margin-top:20px; background:#eee; float:left; width:100%}
.seo_love_hosting .bangndsosanh_sm{display:none}
.seo_love_hosting .tabcanhan img{border:none; margin:0}
.seo_love_hosting .tabcanhan {width:100%; float: left;font-family: Roboto;margin-top: 20px;margin-bottom:30px; padding:0 2%}
.seo_love_hosting .khung1 {width: 31%;float:left;margin:0 1%;padding-bottom: 30px;border-top: 4px solid #0098a7;margin-top:42px;background:#eee}
.seo_love_hosting .khung2 { width: 31%;float:left;margin:0 1%;border-top: 20px solid #007a8f;background: #0098a7;box-shadow: 1px 2px 3px #999;position: relative;padding-bottom: 30px;}
.seo_love_hosting .tit1green {font-size:22px;color:#2d2e30;text-align:center;margin:25px 0 15px;font-weight:300;text-transform: uppercase}
.seo_love_hosting .price_orange {text-align: center;color: #ffff;margin-top: 10px;background: #c83329;padding: 20px 0 0 0;width: 100%;margin: 0px;}
.seo_love_hosting .size44 {font-size: 30px;font-weight: bold;}
.seo_love_hosting .size16 {font-size: 20px;font-weight: bold;}
.seo_love_hosting .text_orange {color: #f16161;font-weight:700;}
.seo_love_hosting .xemtinhnang { margin: 0 auto;text-align: center;padding:10px 0;border-top:solid 1px #ddd; cursor:pointer}
.seo_love_hosting .tit_xtn {color: #959595;font-size: 14px;}
.seo_love_hosting .arrdown {padding-top: 15px;cursor: pointer;}
.seo_love_hosting .arrup {padding-top: 15px;cursor: pointer;}
.seo_love_hosting .km_addmonth{ text-align:center; margin:10px 0; cursor:pointer;display:inline-block; padding:7px 0; font:700 15px roboto; color:#f58b03; width:90%; text-decoration:none}
.seo_love_hosting .km_addmonth:hover{background:#fff}
.seo_love_hosting .km_addmonth span{position:relative; margin-left:-2px}
.seo_love_hosting .km_addmonth span:after{position: absolute;right: -15px;bottom: 2px;content: "\f101";font-family: FontAwesome;}

.seo_love_hosting .tabcanhan_sub ul li{border-top: 1px solid #fff;text-align:center;padding:10px}
.seo_love_hosting .best-seller{ background:url(https://img.tenten.vn/k/lp/seo-lovers-hosting/images/icon-sale.png) no-repeat; height:85px; width:100%;z-index:999;position:absolute;right: 13px;top:0;max-width:63px;}

.seo_love_hosting .btndangky{height:48px;background-color:#0098a7;border-radius:30px;text-align:center;color:#fff;text-transform:uppercase; font:700 16px/48px roboto;margin:25px auto 0;cursor:pointer;   width:180px;}
.seo_love_hosting .btndangky:hover{ background:#00818e;}
.seo_love_hosting .text_linethrough{text-decoration:line-through; font:500 14px roboto; color:#999}
.seo_love_hosting .cl_other{color:#999; font-size:15px}

.seo_love_hosting .khung2 .text_orange{color:#fff288}
.seo_love_hosting .khung2 .km_addmonth{color:yellow; border-color:yellow}
.seo_love_hosting .khung2 .km_addmonth:hover{ background:#64a21d}
.seo_love_hosting .khung2 .tabcanhan_sub ul li,
.seo_love_hosting .khung2 .tit_xtn{color:#fff}
.seo_love_hosting .khung2 .text_linethrough,
.seo_love_hosting .khung2 .cl_other{color:#d5e7bc}
.seo_love_hosting .khung2 .tit1green{color:#fff; font-size:120%; padding:10px 0 15px}
.seo_love_hosting .khung2 .tit1green{ font-weight:bold; font-size:30px; color:#fff}

.seo_love_hosting .khung2 .btndangky{background:#fff; color:#000}
.seo_love_hosting .khung2 .btndangky:hover{background:#fff288; color:#000}
.seo_love_hosting .khung2 .tabcanhan_sub ul li{border-top: 1px solid #1eaab8}

.seo_love_hosting .bosung{ float:left; width:94%; border:dashed 1px #b5b5b5; margin:0 3% 20px}
.seo_love_hosting .bosung h3{font-size: 30px;text-align: center;color: #008ac4;text-transform: uppercase;}
.seo_love_hosting .nd-bosung{ float:left; width:98.5%; margin:10px;}
.seo_love_hosting .bg-grey1{ background: url(../images/icon15.png) 10px 10px no-repeat #ededed; padding:10px 10px 10px 45px; font:18px 'Roboto Condensed', sans-serif; text-align:left; margin:10px 0;
float: left;width: 100%;}
.seo_love_hosting .oldrate{ color:#000;font:14px roboto; background:#fff; padding:5px 0 10px 0; margin-top:10px}
.seo_love_hosting .oldrate2{ font-weight:bold; font:700 25px roboto; margin:10px 0 5px 0}
.seo_love_hosting .oldrate2 span{font-size:16px}
.seo_love_hosting .oldrate1{color:#8c8c8c; font:16px roboto}
.seo_love_hosting .oldrate1 span:first-child{text-decoration:line-through}
.seo_love_hosting .oldrate1 span:last-child{color:#000;}
.seo_love_hosting .oldrate1 strong{ font-weight:bold; color:#c83329; font-size:18px}
.seo_love_hosting .oldrate3{ font-style:italic;font-size:13px;color:#656565; margin:5px 0}
.seo_love_hosting .ndkhung {
    max-width: initial !important;
}
.seo_love_hosting .khung2 .btndangky {
     max-width: 180px;
}
.seo_love_hosting .khung2 .btndangky a {
     color: #5d9113;
}
@media (max-width: 767px) {
    .seo_love_hosting .khung1 {
        width: 100%;
        margin: 10px 0px;
    }
    .seo_love_hosting .khung2 {
        width: 100%;
    }
    .seo_love_hosting .box1 h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .seo_love_hosting .box2 h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .seo_love_hosting .table th strong {
        font-size: 18px;
    }
    .seo_love_hosting .table th p {
        font-size: 14px;
    }
    .seo_love_hosting .table th span {
        font-size: 14px;
    }
    .seo_love_hosting .box3 h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .seo_love_hosting .text_bangsosanh {
        font-size: 20px;
        line-height: 28px;
    }
    .seo_love_hosting .tittle13 {
        margin: 0px;
    }
    .seo_love_hosting .b_cot1 {
        width: 28%;
    }
    .seo_love_hosting .bangsosanhchiphi {
        display: none;
    }
}
/*Seo_lover_hosting*/
/*zshield*/
.banner_zshield img{
    width: auto;
}
.banner_zshield h2 {
    margin: 0px 0px 35px 45px;
    position: relative;
    z-index: 2;
}
.banner_zshield {
    background: url(https://img.tenten.vn/t/new/ldp-zshield2019/images/banner.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0px 100px 0px;
}
.banner_zshield .row>.col-sm-6:nth-child(2) figure{
    margin: -53px 0px 0px 0px;
    position: relative;
    z-index: 0;
}
.banner_zshield .row>.col-sm-6:nth-child(2) .textwidget{
    height: 350px;
}
.banner_zshield .col-sm-6 a{
    background-image: linear-gradient(to left, #ff505a 0%, #ff505a 50%, #f1767d 50%, #ff505a );
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 0.3s;
    padding: 15px 0px;
    border-radius: 5px;
    max-width: 265px;
    width: 100%;
    display: table;
    margin: 20px auto 0px auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}
.banner_zshield .col-sm-6 a:hover {
    background-position: 0 0;
}
.banner_zshield h2{
    margin: 0px 0px 35px 45px;
    position: relative;
    z-index: 2;
}
.banner_zshield h2 span {
    font-family: utmbryan;
    font-style: italic;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px -2px 0 #037386, 2px 2px 0 #037386, 2px -2px 0 #037386, 2px 2px 0 #03778f;
    display: none;
    font-size: 20px;
    line-height: 28px;
    margin: 10px 0px 0px 0px;
}
.banner_zshield h2>img:nth-child(1){
    position: relative;
    top: -5px;
}
.banner_zshield ul li figure{float: left;margin: 0px 20px 0px 0px;}
.banner_zshield ul>li:nth-child(1) figure{
    margin:14px 20px 0px 0px;
}
.banner_zshield ul li {
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding: 10px 50px 10px 40px;
    height: 117px;
    position: relative;
    max-width: 570px;
    margin: 0px 0px 40px 0px;
}
.banner_zshield ul>li .wrap_text_li{
    position: absolute;
    top:50%;
    left: 58%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.banner_zshield ul>li:nth-child(1){
    background-image: url(https://img.tenten.vn/t/new/ldp-zshield2019/images/textli_bg1.png); 
} 
.banner_zshield ul>li:nth-child(2){
    background-image: url(https://img.tenten.vn/t/new/ldp-zshield2019/images/textli_bg2.png); 
} 
.banner_zshield ul>li:nth-child(3){
    background-image: url(https://img.tenten.vn/t/new/ldp-zshield2019/images/textli_bg3.png); 
} 
.banner_zshield ul>li:nth-child(4){
    background-image: url(https://img.tenten.vn/t/new/ldp-zshield2019/images/textli_bg4.png); 
} 
.banner_zshield ul li  .text_li h4{
    font-size: 20px;
    line-height: 28px;
    color: #fff458;
    position: relative;
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;
    text-align: left;
    font-style: normal;
}
.big_shadow_bottom{
    position: absolute;
    max-width: 320px;
    height: 40px;
    background: #1976d2;
    bottom: -40px;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.big_shadow_bottom::before{
    position: absolute;
    content:"";
    height: 40px;
    border-right: 123px solid #1976d2;
    border-top: 0px solid transparent;
    border-bottom: 42px solid transparent;
    left: -123px;
    /* max-width: 125px; */
    width: 0px;
    height: 10px;
}
.big_shadow_bottom::after{
    position: absolute;
    content:"";
    height: 40px;
    border-left: 121px solid #1976d2;
    border-bottom: 0px solid transparent;
    border-top: 40px solid transparent;
    right: -121px;
    /* max-width: 125px; */
    width: 0px;
    height: 10px;
}
.banner_zshield ul>li:nth-child(2) .big_shadow_bottom , .banner_zshield ul>li:nth-child(3) .big_shadow_bottom{
    background: #0e47a0;
}
.banner_zshield ul>li:nth-child(2) .big_shadow_bottom::before, .banner_zshield ul>li:nth-child(3) .big_shadow_bottom::before{
    border-right: 123px solid #0e47a0;
}
.banner_zshield ul>li:nth-child(2) .big_shadow_bottom::after, .banner_zshield ul>li:nth-child(3) .big_shadow_bottom::after{
    border-left: 123px solid #0e47a0;
}
.banner_zshield .row>.col-sm-6:nth-child(1){
    width: 53%;
}
.banner_zshield .row>.col-sm-6:nth-child(2){
    width: 47%;
}
.banner_zshield ul li  .text_li p{
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    display: table;
    margin: 0px;
    max-width: 374px;
}

input:focus::-webkit-input-placeholder , textarea:focus::-webkit-input-placeholder{
    color:transparent;
}
.title_top{
    color: #fff;
    font-size: 38px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0px 0px 40px 0px;
}
.register_now{
    background: #2f75b5;
    padding: 40px 0px;
}
.register_now .textwidget p{
    font-size: 22px;
    line-height: 33px;
    font-style: italic;
    color:#fff;
    text-align: center;
}
.register_now .textwidget p span{
    display: block;
}
.register_now .textwidget h4{
    margin:50px 0px;
    color:#fff;
    font-size: 32px;
    line-height: 33px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.register_now .textwidget h4 strong{
    color: #ffc928;
}
.register_now .textwidget h4 span{
    display: block;
    margin: 15px 0px 0px 0px;
    font-weight: 700;
}
.register_now h4+a{
    display: table;
    margin:0px auto;
    background: #ffc928;
    font-size: 24px;
    line-height: 32px;
    padding:15px 0px;
    max-width: 270px;
    width: 100%;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #000;
}
.register_now .textwidget{
    margin:40px 0px 0px 0px;
}
.img_checkout  img{
    width: 100%;
}
.banner_mb{
    display: none;
}
input:focus::-webkit-input-placeholder , textarea:focus::-webkit-input-placeholder{
     color:transparent;
}
.title_top{
     color: #fff;
     font-size: 38px;
     line-height: 50px;
     text-transform: uppercase;
     font-family: 'Roboto Condensed', sans-serif;
     font-weight: 700;
     text-align: center;
     margin: 0px 0px 40px 0px;
}
.register_now{
     background: #2f75b5;
     padding: 40px 0px;
}
.register_now .textwidget p{
     font-size: 22px;
     line-height: 33px;
     font-style: italic;
     color:#fff;
     text-align: center;
}
.register_now .textwidget p span{
     display: block;
}
.register_now .textwidget h4{
     margin:50px 0px;
     color:#fff;
     font-size: 32px;
     line-height: 33px;
     text-align: center;
     font-weight: 700;
     text-transform: uppercase;
}
.register_now .textwidget h4 strong{
     color: #ffc928;
}
.register_now .textwidget h4 span{
     display: block;
     margin: 15px 0px 0px 0px;
     font-weight: 700;
}
.register_now h4+a{
     display: table;
     margin:0px auto;
     background: #ffc928;
     font-size: 24px;
     line-height: 32px;
     padding:15px 0px;
     max-width: 270px;
     width: 100%;
     border-radius: 10px;
     text-transform: uppercase;
     font-weight: 700;
     text-align: center;
     color: #000;
}
.register_now .textwidget{
     margin:40px 0px 0px 0px;
}
.img_checkout  img{
     width: 100%;
}
.banner_mb{
     display: none;
}
.teachers h3.title_top  {
     color:#fff;
}
.teachers .col-sm-7 i{
     color:#fff;
     text-align: right;
     display: block;
     margin:20px 0px;
     font-size: 15px;
     line-height: 23px;
}
.teachers .col-sm-5{
     position: relative;
     top:8px;
}
.footer{
     padding:15px 0 15px !important;
}
.img_checkout{
     margin:0px 0px 30px 0px;
}

.tb_price_area h4{
     text-align: center;
     margin:0px 0px 40px 0px;
}
.tb_price_area .tb_price table th , .tb_price_area .tb_price table td{
     border:1px solid #fff;
     padding: 10px 5px;
     text-align: center;
}
.tb_price_area .tb_price table{
     width: 100%;
}
.tb_price_area .tb_price table td{
     font-size: 15px;
     line-height: 23px;
}
.tb_price_area .tb_price table tbody>tr>td span{
     font-weight: normal;
}
.tb_price_area .tb_price table tbody>tr>td span.block{
     display: block;
}
.tb_price_area .tb_price table tbody>tr>td:nth-child(1){
     text-align: left;
     background: #d9d9d9;
     font-weight: 700;
     color:#000;
     padding: 10px 20px;
}
.tb_price_area .tb_price table tbody>tr:nth-child(1)>td:nth-child(1)~td, .tb_price_area .tb_price table tbody>tr:nth-child(1)>td:nth-child(1)~td a{
     color:red;
     font-weight: 700;
     font-size: 18px;
     line-height: 26px;
}
.tb_price_area .tb_price table tbody>tr:nth-child(1)>td:nth-child(1)~td i{
     font-style: normal;
     position: relative;
     font-weight: normal;
     top: -3px;
}
.tb_price_area .tb_price table tbody>tr>td:nth-child(2n){
     background: #e5e5e5;
}
.tb_price_area .tb_price table tbody>tr>td:nth-child(2n+1){
     background: #cedfd6;
}
.tb_price_area .tb_price table thead>tr>th:nth-child(1){
     width: 39%;
     border:none;
}
.tb_price_area .tb_price table tbody>tr:last-child>td:nth-child(1) {
     background: none;
     border:none;
}
.tb_price_area .tb_price table tbody>tr:last-child>td:nth-child(1)~td a{
     display: inline-block;
     padding: 6px 30px;
     border-radius: 5px;
     background: #3cb1d7;
     color:#fff;
     font-size: 17px;
     line-height: 25px;
     margin: 0px auto;
     font-weight: 700;
}
.tb_price_area .tb_price table tbody>tr:last-child>td:nth-child(1)~td a:hover{
     background:#2b90b1;
}
.tb_price_area .tb_price table tbody>tr:last-child>td:nth-child(3) a{
     background: #00bf5a !important;
}
.tb_price_area .tb_price table tbody>tr:last-child>td:nth-child(3) a:hover{
     background: #0e984f !important;
}
.tb_price_area .tb_price table thead>tr>th{
     font-size: 18px;
     line-height: 28px;
     text-transform: uppercase;
     font-weight: 700;
     color:#fff;
}
.tb_price_area .tb_price table thead>tr>th:nth-child(2n){
     background: #3cb1d7;
}
.tb_price_area .tb_price table thead>tr>th:nth-child(2n+1){
     background: #00bf5a;
     position: relative;
}
.zshield  .tb_price_area thead>tr>th:last-child{
    display: none;
}
.zshield  .tb_price_area tbody>tr>td:last-child {
    display: none;
}
.tg_contact_fixed_2021 .tg_scroll_top a{
    display: inline-block !important;
}
.tb_price_area .tb_price table thead>tr>th:nth-child(3)::before{
     width: 100%;
     height: 10px;
     background: #01bf5b;
     top: -10px;
     position: absolute;
     content:"";
     left: -1px;
     border: 1px solid #fff;
     border-bottom: none;
}
.tb_price_area .tb_price table thead>tr>th:nth-child(3)::after{
     position: absolute;
     content:url(../images/icon-sale.png);
     top: -30px;
     right: 0px;
}
.tb_price_area .tb_price table tbody>tr.sale>td:nth-child(1){
     text-transform: uppercase;
     color:red;
     font-weight: 700;
     font-size: 17px;
     line-height: 25px;
}
.humans_color{
     text-align: center;
     position: relative;
     display: table;
     margin: 0px auto;
}
.humans_color p {
     position: absolute;
     bottom: 5px;
     right: -100px;
     margin: 0px;
     color: #fff;
     font-size: 20px;
     line-height: 27px;
     color: #fef358;
}
.zshield_global{
     position: relative;
     margin: 40px 0px 0px 0px;
}

.zshield_global::before{
     content:url(../images/big_before.png);
     position: absolute;
     bottom: 0px;
     z-index: -1;
}
.multi_location ul li{
     width: 20%;
     padding:0px 15px;
     text-align: center;
}
.multi_location>p{
     color:#fff;
     font-size: 22px;
     line-height: 30px;
     margin: 0px 0px 15px 10px;
     font-weight: 700;
}
.multi_location .textwidget{
     border:3px solid #fff;
     border-radius: 20px;
     padding: 80px 20px 40px 20px;
     position: relative;
}
.multi_location .textwidget::before{
     position: absolute;
     content:url(https://img.tenten.vn/t/new/ldp-zshield2019/images/shield_lock.png);
     top: -40px;
     left: 0px;
     right: 0px;
     margin:0px auto;
     text-align: center;
}
.multi_location .textwidget::after{
     position: absolute;
     content:url(https://img.tenten.vn/t/new/ldp-zshield2019/images/two_arrows.png);
     bottom: -29px;
     left: 0px;
     right: 0px;
     margin:0px auto;
     text-align: center;
}
.multi_location ul li p{
     font-size: 20px;
     text-align: center;
     margin:15px 0px 0px 0px;
     color: #fef358;
     line-height: 27px;
     font-weight: 700;
}
.em_server{
     display: table;
     margin: 40px auto 20px auto;
     position: relative;
}
.em_server p{
     position: absolute;
     top: -90px;
     left: 35px;
     color: #fdf358;
     margin: 0px;
     font-size: 20px;
     line-height: 27px;
}
.register_email_area h3{
     font-size: 30px;
     line-height: 40px;
     text-align: center;
     font-weight: normal;
}
.register_email_area .col-sm-6{
     padding:0px 25px;
}
.register_email_area .row{
     margin:0px -25px;
}
.register_email_area a.regis_now{
     color:#fff;
     display: table;
      margin: 40px auto 10px auto;
     padding: 17px 10px;
     max-width: 480px;
     width: 100%;
     background-image: linear-gradient(to left, #ff505a 0%, #ff505a 50%, #f1767d 50%, #ff505a );
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 0.3s;
     text-align: center;
     font-weight: 700;
     font-size: 24px;
     line-height: 32px;
     border-radius: 5px;
}
.register_email_area a.regis_now:hover{
     background-position: 0 0;
}
.register_email_area  .img_trouble img {
     width: 100%;
}
.register_email_area ul.trouble_ul li{
     background: #f4d6d8;
}
.register_email_area ul.trouble_ul li::before{
     content:"";
     position: absolute;
     width: 0px;
     height: 0px;
     border-left: 20px solid #f4d6d8;
     border-bottom: 20px solid transparent;
     border-top: 20px solid transparent;
     right: -20px;
     top: 50%;
     margin-top: -20px;
}
.register_email_area ul.solution_ul li {
     background: #91d4e8;
}
.register_email_area ul li {
     display: table;
     width: 100%;
     padding: 15px 0px 15px 0px;
     position: relative;
     border-bottom: 2px solid #fff;
}
.register_email_area ul>li:nth-child(1){
     height: 180px;
}
.register_email_area ul>li:nth-child(2){
     height: 280px;
}
.register_email_area ul>li:nth-child(3){
     height: 205px;
}
.register_email_area ul li figure{
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 120px;
     color: #fff;
     font-size: 40px;
     text-align: center;
     line-height: 65px;
     z-index: 1;
     text-indent: 0;
     display: flex;
     align-items: center;
     justify-content: center;
}
.register_email_area ul li figure img{
  /*  position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,50%);*/
}
.register_email_area ul li .textwidget{
     display: table-cell;
     vertical-align: middle;
     padding: 0px 20px 0px 125px;
}
.register_email_area ul li .textwidget h4{
     font-size: 20px;
     line-height: 28px;
     margin: 0px 0px 10px 0px;
}
.register_email_area ul li .textwidget p{
     font-size: 16px;
     line-height: 25px;
}
.tb_has_bg{
     background: url(../images/bg_bgia_bottom.jpg) no-repeat;
     background-size: cover;
     padding: 35px 0px;
}
.video_mohinh{
     margin: 40px 0px 70px 0px;
}
.video_mohinh .textwidget , .tb_has_bg .textwidget{
     display: table;
     margin:0px auto;
     max-width: 590px;
     width: 100%;
     height: 320px;
}
.video_mohinh .title_top{
     color:#000;
}
iframe{
     max-width: 100% !important;
     width: 100% !important;
     height: 100%;
}
.wrap_sale ul{
     max-width: 430px;
     display: table;
     width: 100%;
     margin:0px auto;
}
.wrap_sale{
     border:1px dashed #ff0000;
     border-radius: 3px;
     padding: 5px 50px 5px 50px;
     max-width: 542px;
     display: inline-block;
     margin: 5px auto 0px auto;
}
.wrap_sale i.fa{
     margin: 0px 35px 0px 35px;
}
.wrap_sale ul li{
     text-align: left;
     margin: 0px 0px 0px 0px;
}
.wrap_sale b{
     font-weight: normal;
     min-width: 215px;
     display: inline-block;
     font-size: 14px;
     line-height: 22px;
}
.wrap_sale li span {
     color:red;
     font-weight: 700 !important;
     font-size: 14px;
}
.zshield .bg_content {
     margin: 30px 0px 0px 0px;
}

@media(max-width: 767px) {
.tb_price_area .tb_price table thead>tr>th {  
    font-size: 14px;
    line-height: 22px;

}
.tb_price_area .tb_price table td {
    font-size: 14px;
    line-height: 22px;
}
.tb_price_area .tb_price {
    overflow: scroll;
    display: block;
}
.multi_location ul li {
    width: 50%;
    float: left;
}
.multi_location ul li:nth-child(2n+1) {
    clear: both;
}


    .banner .row>.col-sm-6:nth-child(2) .textwidget{
        height: 200px;
    }
    .tb_price {
    overflow-x: auto;
}
    .banner_mb{
        display: none;
        background: #ffc928;
    }
    .wrap_sale{
        padding:5px 10px;
    }
    .video_mohinh .textwidget, .tb_has_bg .textwidget{
        height: 300px;
    }
    .video_mohinh{
        margin:0px 0px 50px 0px;
    }
    .banner h2 span {
    display: block;
}
.banner h2>img:nth-child(2){
    display: none;
}
.wrap_sale i.fa{
    margin:0px 5px;
}
    .banner_mb h2{
        text-transform: uppercase;
        color: #000;
        margin:20px 0px;
        line-height: 30px;
        font-size: 20px;
    }
    .banner_mb h2 img{
        max-width: 90px;
    }
    .banner_mb h2 strong{
        display: block;
    }
    .banner{
        display: -webkit-box;
        padding: 50px 0px;
        margin: 0px 0px 70px 0px;
    }
    .title_top{
        font-size: 21px;
        line-height: 35px;
        margin: 0px 0px 25px 0px;
    }
    .footer{
        padding:15px !important;
    }
    .banner ul li{
        background-image: none !important;
        min-height: initial;
        max-width: 100%;
        padding: 15px 20px;
        text-align: center;
        background: #55a7f3 !important;
    }
    .banner h2>img:nth-child(1){
        max-width: 180px;
    }
    .banner ul>li .wrap_text_li{
        position: relative;
        top:initial;
        left:initial;
        transform: initial;
    }
    .banner h2{
        margin: 0px 0px 25px 0px;
    }
    .banner ul li figure{
        float:none !important;
        display: table;
        margin: 0px auto !important;
    }
    .banner ul li .text_li p{
        text-align: center;
        max-width: 100%;
    }
    .banner .row>.col-sm-6:nth-child(1) , .banner .row>.col-sm-6:nth-child(2){
        width: 100%;
    }
    .big_shadow_bottom{
        display: none;
    }
    .banner ul li .text_li h4{
        font-size: 16px;
        line-height: 25px;
        margin:10px 0px;
    }
    .tb_price_area .tb_price table tbody>tr>td:nth-child(1){
        padding: 10px 5px;
    }
    .tb_price_area .tb_price table td{
        font-size: 13px !important;
        line-height: 22px !important;
        padding: 10px 5px;
    }
    .tb_price_area .tb_price table thead>tr>th{
        font-size: 12px;
        line-height: 22px;
    }
    .tb_price_area .tb_price table tbody>tr>td:nth-child(3){
        font-size: 15px;
        line-height: 23px;
    }
    .tb_price_area .tb_price table tbody>tr:last-child>td:nth-child(1)~td a{
        font-size: 13px;
        padding: 6px 4px;
    }
    .tb_price_area .tb_price table thead>tr>th:nth-child(3)::after{
        display: none;
    }
    .zshield_global::before{
        content:"";
        display: none;
    }
    .zshield_global{
        background: linear-gradient(rgb(24, 200, 175) 0%, rgb(24, 200, 175) 8%, rgb(32, 124, 202) 59%, rgb(32, 124, 202) 66%, rgb(32, 124, 202) 69%, rgb(42, 140, 222) 100%);
        background-size: cover;
        margin: 30px 0px 0px 0px;
        padding: 40px 0px 0px 0px;
    }
    .multi_location ul li{
        width: 50%;
        padding:0px 15px;
        margin: 0px 0px 35px 0px;
        float: left;
    }
    .multi_location ul>li:nth-child(2n+1){
        clear: both;
    }
    .humans_color p{
        font-size: 16px;
        line-height: 26px;
        right: -70px;
    }
    .top_header img{
        max-width: 190px;
    }
    .em_server p{
        font-size: 16px;
        left: 50px;
    }
    .register_email_area h3{
        font-size: 20px;
        line-height: 30px;
    }
    .register_email_area a.regis_now{
        font-size: 20px;
        line-height: 30px;
    }
    .register_email_area ul li figure{
        position: relative;
        top:initial;
        left: initial;
        height: initial;
        width: initial;
        display: table;
        margin: 0px auto 10px auto;
    }
    .register_email_area ul li .textwidget{
        display: block;
        padding:0px 10px;
    }
    .register_email_area ul li .textwidget h4{
        text-align: center;
    }
    .register_email_area ul.trouble_ul li::before{
        display: none;
    }
    .register_email_area .col-sm-6{
        padding:0px 15px;
        margin:0px 0px 40px 0px;
    }
    .register_email_area .row>.col-sm-6:last-child{
        margin:0px;
    }
    .register_email_area .row{
        margin:0px -15px;
    }
    .multi_location>p{
        font-size: 17px;
        line-height: 26px;
        margin:0px 0px 40px 0px;
    }
    .multi_location .textwidget{
        padding: 80px 10px 40px 10px;
    }
    .multi_location ul li p{
        font-size: 15px;
        line-height: 23px;
    }

    .banner_zshield ul li {
    background-image: none !important;
    min-height: initial;
    max-width: 100%;
    padding: 15px 20px;
    text-align: center;
    background: #55a7f3 !important;
}

}
/*zshield*/
/*comnet*/
.affilates_content_sop ul.tab_content_affilates {
     display: table;
     width: 100%;
     margin: 0px 0px 20px 0px;
}
.affilates_content_sop ul.tab_content_affilates li {
     float: left;
     width: 13%;
     font-size: 13px;
     line-height: 21px;
     text-transform: uppercase;
     text-align: center;
     padding: 10px 5px;
     border: 1px solid #62b7dc;
     border-radius: 10px;
     margin: 0px 10px 10px 0px;
     cursor: pointer;
}
.affilates_content_sop ul.tab_content_affilates li.currents {
    background: linear-gradient(to right, #5cb1d9 0%, #1477bb 100%);
    color: #fff;
}
.banner_domain_sop{
    padding: 50px 0px;
}
.tg_search_sop .search_nd_ft textarea{
    resize: none;
}
.ssd_hosting.hide_e .menu_imunify_ft{
    display: none;
}
.ssd_hosting .tg_price_vat_nd{
    margin: 0px !important;
    padding: 0px !important;
}
.item_spmd_list{
    display: none;
}
.item_spmd_list.currents{
    display: block;
}
@media (max-width: 767px) {
    .affilates_content_sop ul.tab_content_affilates li {
        width: 48%;
        float: left;
        margin: 0px 5px 5px 0px;
        font-size: 14px;
        line-height: 22px;
    }  
}
@media (max-width: 375px) {
.affilates_content_sop ul.tab_content_affilates li {
    height: 65px;
}
}
/*css by dung*/
/*comnet*/
/*cloud*/
.banne_cloudsvr {
    float: left;
    position: relative;
}
.bg_gray_gold {
    background-color: #fff;
    width: 100%;
    float: left;
}

.list_tabs {
    background: #87c122;
    overflow: hidden;
    padding: 30px 0 20px;
    text-align: center;
}
.list_tabs ul li{
    display: inline-block;
    margin-right: 10px;
}
.list_tabs ul li:last-child{
    margin-right: 0;
}
.list_tabs li span {
    position: relative;
    padding: 12px 30px;
    font-weight: 500;
    display: block;
    font-size: 20px;
    cursor: pointer;
    color: #323232;
    border:4px solid #fff;
}
.list_tabs span:hover,
.list_tabs li.active span {
    background: #fff;
    color: #323232;
}
.list_tabs span:hover:after,
.list_tabs li.active span:after {
    content: '';
    display: block;  
    position: absolute;
    left: 45%;
    top: 100%;
    width: 0;
    height: 0;
}
.cloud_server .s_wrap {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
.cloud_server h3 {
    font-size: 35px;
    text-align: center;
    color: #323232;
    margin: 60px 0 15px;
}
.cloud_server h4 {
    font-size: 35px;
    text-align: center;
    color: #fff;
    margin: 60px 0 15px;
}
.cloud_server .line1{background:#70b521;}
.cloud_server .line2{height:5px; background:#fff; width:150px; margin:0px auto 90px auto;}
.cloud_server .line3{height:5px; background:#70b521; width:150px; margin:0px auto }
.cloud_server .box_inner {
    overflow: hidden;
    padding:0 0 50px 0;
}
.cloud_server .box_left {
    float: left;
    width: 49%;
}
.cloud_server .box_right {
    float: right;
    width: 41%;
}
.cloud_server .box_left p {
    font-size: 18px;
    background: url(https://img.tenten.vn/t/new/cloud-server/images/icon8.png) no-repeat left 3px;
    padding-left: 30px;
    margin-top: 30px;
    line-height: 1.5;
    text-align: justify;
}
.cloud_server .box_left p:first-child {
    margin-top: 40px;
    text-align: justify;
}
.cloud_server .btn_dangkyngay {
    background: #3c9517;
    display: block;
    margin: 0px auto 50px auto;
    max-width: 270px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border-bottom:3px solid #1f5708;
    color:#fff;
    padding:20px 30px;
    font-size:24px;
        position: absolute;
    bottom: 4.6%;
    right: 23.4%;
    width: 10.9%;
    margin: 0 !important;
    background: none !important;
    max-width: 100% !important;
    border-bottom: none;
}
.cloud_server .btn_dangkyngay:hover{
    color:#fff;
    text-decoration:none;
    opacity:0.8;

}
.cloud_server .t2{ width:100%; background: #9cd753 url(https://img.tenten.vn/t/new/cloud-server/images/bg1.png) left top no-repeat; float:left;}
.cloud_server .t3{ width:100%; background:url(https://img.tenten.vn/t/new/cloud-server/images/bg2.png) left top no-repeat; float:left;}
.cloud_server .t4{ width:100%; background:#0076a3 url(https://img.tenten.vn/t/new/cloud-server/images/bg4.png) right no-repeat; float:left; }
.cloud_server .t4_bot{ width:100%; background:#0076a3 url(https://img.tenten.vn/t/new/cloud-server/images/bg3.png) repeat-x; float:left; height:36px;}
.cloud_server .t5{ width:100%; float:left;}
.cloud_server .t53{ width:100%; float:left;}
.cloud_server .t6{ width:100%; background: #9cd753 url(https://img.tenten.vn/t/new/cloud-server/images/bg81.png) left bottom no-repeat; float:left;}
.cloud_server .t7{ width:100%; background: #9cd753 url(https://img.tenten.vn/t/new/cloud-server/images/bg7.png) no-repeat bottom; float:left; background-size:100%; height:149px;}
.cloud_server .t8{ width:100%; background: #86c440 url(https://img.tenten.vn/t/new/cloud-server/images/bg5.png) left bottom no-repeat; float:left; padding-top:50px;}
.cloud_server .t80{ width:100%; background: #a9da6f; float:left;font-size: 35px;text-align: center;color: #323232;padding: 30px 0;}
.cloud_server .t9{ width:100%; background: #eeeeed ; float:left;}
.cloud_server .t90{width:100%;background:url(https://img.tenten.vn/t/new/cloud-server/images/bg6.png) right bottom no-repeat;float:left;padding-top:60px;background-size: contain;}
.cloud_server .t10{ margin-bottom:40px;}
.cloud_server .t11{ background:url(https://img.tenten.vn/t/new/cloud-server/images/bg9.png) no-repeat center bottom; background-size:100%; height:125px; float:left; width:100%;}
.cloud_server .t91{ width:70%; float:left;}
.cloud_server .blue{ background:#0076a3; color:#fff; padding:20px 30px; box-sizing:border-box; line-height:28px; font-size:18px; text-align:justify; margin-top:5px; width:100%; float:left;}
.cloud_server .green{ background:#a4d962; color:#323232; padding:20px; box-sizing:border-box; line-height:28px; font-size:18px; text-align:justify; margin-top:5px;}
.cloud_server .blue2{ background:#0076a3; color:#fff; padding:20px; box-sizing:border-box; line-height:22px; font-size:18px; text-align:left;}
.cloud_server .blue1{ border:5px solid #fff; padding:10px; box-sizing:border-box;}
.cloud_server .blue1 p{ background:url(https://img.tenten.vn/t/new/cloud-server/images/icon1.png) no-repeat left top 10px; padding:6px 0 5px 20px; font-size:16px;}
.cloud_server .box1{ border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:37px; float:left; text-align:center}
.cloud_server .box2{ border:2px solid #0076a3; width:49%;margin-bottom:38px;float:left;text-align:center}
.cloud_server .box3{ text-align:center;border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:37px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon2.png) no-repeat left; padding:25px 10px 25px 50px;}
.cloud_server .box4{ text-align:center;border:2px solid #0076a3;  width:39%; margin-bottom:37px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon3.png) no-repeat left; padding:25px 10px 25px 50px;}
.cloud_server .box5{text-align:center; border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:37px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon4.png) no-repeat left; padding:25px 10px 25px 50px;}
.cloud_server .box6{text-align:center; border:2px solid #0076a3; width:39%; margin-bottom:37px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon5.png) no-repeat left; padding:25px 10px 25px 50px;}
.cloud_server .box7{text-align:center; border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:37px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon6.png) no-repeat left; padding:25px 10px 25px 50px;}
.cloud_server .box8{text-align:center; border:2px solid #0076a3; width:39%; margin-bottom:37px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon7.png) no-repeat left; padding:25px 10px 25px 50px;}
.cloud_server .t61 p.blue:first-child {    margin-top: 30px ;}
.cloud_server .box10{ border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:40px; float:left; }
.cloud_server .box20{ border:2px solid #0076a3; width:49%;margin-bottom:40px;float:left;}
.cloud_server .box30{ font: 14px 'Roboto Condensed', sans-serif;border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:40px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon2.png) no-repeat 2px; padding:25px 10px 25px 50px;}
.cloud_server .box40{ font: 15px 'Roboto Condensed', sans-serif;border:2px solid #0076a3;  width:39%; margin-bottom:40px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon3.png)  no-repeat 2px; padding:25px 10px 25px 50px;}
.cloud_server .box50{font: 15px 'Roboto Condensed', sans-serif; border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:40px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon4.png)  no-repeat 2px; padding:25px 10px 25px 50px;}
.cloud_server .box60{font: 15px 'Roboto Condensed', sans-serif; border:2px solid #0076a3; width:39%; margin-bottom:40px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon5.png)  no-repeat 2px; padding:25px 10px 25px 50px;}
.cloud_server .box70{font: 15px 'Roboto Condensed', sans-serif; border:2px solid #0076a3; margin-right:2%; width:49%; margin-bottom:40px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon6.png)  no-repeat 2px; padding:25px 10px 25px 50px;}
.cloud_server .box80{font: 15px 'Roboto Condensed', sans-serif; border:2px solid #0076a3; width:39%; margin-bottom:40px; float:left; background:#fff url(https://img.tenten.vn/t/new/cloud-server/images/icon7.png)  no-repeat 2px; padding:25px 10px 25px 50px;}
.t12 {
    background-color: #f5f5f5;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    text-align:center;
}
.t13 {
    background-color: #fff;
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.client-list > li {
    float: left;
    width: 16.666666666667%;
    padding: 0 15px;
    margin-bottom: 30px;
}

/*bang gia*/
.cloud_server .price_white{
    margin-left: 0px;
}
.cloud_server .price_orange{
    margin-left: 0px;
}
.cloud_server .tabcanhan{width:100%;float:left; font-family:Roboto;margin-top:20px;}
.cloud_server .tabcanhan li{width:23%; background-color:#ffffff; padding-bottom:30px;margin: 0 20px 0px 0; display: inline-block;}
.cloud_server .tabcanhan li ul{margin: 10px;}
.cloud_server .tabcanhan li ul li{display: block; background: transparent !important; margin: 0 0 15px 0; text-align: left; color: #646464; font: 14px 'Roboto'; width: 100%; padding: 0 10px 0 10px !important;}
.cloud_server .tabcanhan1{width:100%;float:left; font-family:Roboto;margin-top:20px;}
.cloud_server .tabcanhan1 li{width:19%; background-color:#ffffff; padding-bottom:30px;margin: 0 6px 20px 0; display: inline-block;}
.cloud_server .tabcanhan1 li ul{margin: 10px;}
.cloud_server .tabcanhan1 li ul li{display: block; background: transparent !important; margin: 0 0 15px 0; text-align: left; color: #646464; font: 14px 'Roboto'; width: 100%; padding: 0 10px 0 10px !important;}
.cloud_server .txwh{color: #fff; text-align:center;padding-top: 10px;}
.cloud_server .tit1green
{
font-size:25px;
color:#83be13;  
text-align:center;
margin-top:40px;
margin-bottom:15px;
font-weight:300;
}
.cloud_server .btndangky
{
height:53px;
background-color:#83be13;
text-align:center;
color:#fff;
line-height:53px;
text-transform:uppercase;
font-size:16px; 
margin:25px auto 0;
font-weight:bold;
cursor:pointer; 
width: 200px;
}
.cloud_server .btndangky2
{
width: 200px;
height:53px;
background-color:#ffa101;
text-align:center;
color:#fff;
line-height:53px;
text-transform:uppercase;
font-size:16px; 
margin:25px auto 0;
font-weight:bold;
cursor:pointer; 
}
.cloud_server .khung1
{
width:23%;
background-color:#ffffff;
float:left; 
padding-bottom:30px;
margin: 0 20px 0 0;
}
.cloud_server .khung2
{
background-color:#83be13 !important;
}
.cloud_server .ndkhung
{
width:100%; 
max-width:205px;
margin:0 auto;
font-size:13px;
}
.cloud_server .bg_gray
{
background-color:#f5f5f5;   
width:100%;
float:left;
padding-bottom:70px;
}
.cloud_server .linedotgray
{
border-bottom:1px solid #bfbfbf;
border-bottom-style:dotted;
width:100%;
max-width:205px;
margin:0 auto;
padding-bottom:15px;
clear: both;
}
.cloud_server .price_orange
{
text-align:center;
color:#ffa100;  
margin-top:20px;
}
.cloud_server .size44
{
font-size:36px;
font-weight:bold;
width:120%; 
}
.cloud_server .size16
{
font-size:16px;
font-weight:bold;   
}
.cloud_server .text_orange
{
color:#fc6d0f;  
font-weight: bold;
}
.cloud_server .text_orange_l
{
color:#fc6d0f;  
font-size:18px;
font-weight:300;
font-family:Roboto;
text-decoration:underline;
margin-left:5px;    
}
/*.content_uudiem .box_inner .col-md-8>p:nth-child(1)::after {
    content:"Intel(R) Xeon(R) CPU E5-2660 v3 @ 2.60GHz";
}*/
.cloud_server .text_orange2
{
color:#fff;
font-weight:bold;
font-size:18px; 
margin-left:5px;
}
.cloud_server .text_orange2_l
{
color:#fff;
font-weight:bold;
font-size:18px; 
text-decoration:underline;
margin-left:5px;    
}

.ocung
{
display:block;
color:#646464;
padding-top:20px;   
text-align: left;
}
.bangthong
{
display:block;
color:#646464;
padding-top:13px;
width:225px;    
text-align: left;
}
.bangthong2
{

width:225px;    
}

.ocung2
{
display:block;
color:#fff;
padding-top:18px;   
}


.tit_xtn
{
color:#333333;  
font-size:16px;
}

.btndangky
{
height:53px;
background-color:#83be13;
text-align:center;
color:#fff;
line-height:53px;
text-transform:uppercase;
font-size:16px; 
margin:25px auto 0;
font-weight:bold;
cursor:pointer; 
width: 200px;
border:0;
}
.btndangky2
{
width: 200px;
height:53px;
background-color:#ffa101;
text-align:center;
color:#fff;
line-height:53px;
text-transform:uppercase;
font-size:16px; 
margin:25px auto 0;
font-weight:bold;
cursor:pointer; 
border:0;
}
.ndkhung_xanh
{
width:100%; 
max-width:215px;
margin:0 auto;
font-size:13px;

}
.tit1white
{
font-size:25px;
color:#fff; 
text-align:center;
margin-top:40px;
margin-bottom:15px;
font-weight:300;    
}
.tit2white
{
font-size:25px;
color:#fff; 
text-align:center;
margin-top:40px;
margin-bottom:15px;
font-weight:300;    
}
b, strong {
    font-weight: bold;
}
.price_white
{
text-align:center;
color:#fff; 
margin-top:20px;
}
.linedotwhite
{
border-bottom:1px solid #fff;
border-bottom-style:dotted;
width:100%;
max-width:215px;
margin:0 auto;
padding-bottom:15px;
clear: both;
}
.tit_xtnwhite
{
color:#fff; 
font-size:16px;
}
.iconcn
{
cursor:pointer; 
float:left;
}
.icondn
{
text-align:center;
float:left;
margin-left:26%;
margin-top:-2px;
cursor:pointer;
}
.corwh {
    color: #fff !important;
}
.icontmdt
{
text-align:center;
float:right;    
margin-top:-2px;
cursor:pointer;
}
.s_h_MySQL img
{
float:left;
margin-left: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.video
{
width:100%;
text-align:center;  
margin-bottom:30px;
float:left;
}
.ndvideo
{
margin-top:30px;    
}
.banne_cloudsvr
{float: none;position:relative;width: 100%;}
.searchtenmien
{
float:left;
margin-top:-80px;
position:relative;
z-index:9999;
width:50%;
margin-left:25%;
}
.inputserch
{
float:left;
width:74%;
}
.inputserch input
{
width:100%;
border:none;
border:1px solid #3775dd;
height:44px;
font-size:12px;
padding-left:10px;  
border-radius:4px;

}
.btn_dangky
{
cursor:pointer; 
border-radius:4px;
background:url(https://img.tenten.vn/t/new/cloud-server/images/btn_dangky.jpg);
color:#fff;
text-transform:uppercase;
font-size:16px;
float:left;
padding:0px 20px;
height:46px;
margin-top:-1px;
margin-left:10px;
line-height:46px
}
.size24
{

color:#ffa100;
margin-top:10px;    
}
.price_rew
{
text-align:center;  
}
.nd_tanges
{
float:left;
margin-top:30px;
color:#505050;  
text-align:left;
padding-bottom:30px;
}
.text_ndkm
{
font-size:16px;
font-style:italic;  
width:100%;
float:left;
text-align:left;
margin-top:5px;
}
.tabs_wp,
.tabs_wb,
.tabs_em,
.tabs_s3
{
background-color:#e6e6e6;
color:#838383;
float:left; 
font-weight:300;
padding:10px 30px;
cursor:pointer;
text-transform:uppercase;
font-size:16px;
margin-right:5px;   
}

.tabs_bt
{
background-color:#e6e6e6;
color:#838383;
float:left; 
font-weight:300;
padding:10px 30px;
cursor:pointer;
text-transform:uppercase;
font-size:16px;
margin-right:5px;
}
.tabs_ac0
{
background-color:#83be13;
color:#fff; 
float:left; 
cursor:pointer;
padding:10px 30px;
margin-right:5px;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
}
.tabs_ac
{
background-color:#83be13;
color:#fff; 
float:left; 
cursor:pointer;
padding:10px 30px;
margin-right:5px;
margin-left:5px;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
}
.linebotom_green
{
width:100%;
border-bottom:5px solid #83be13;    
padding-bottom:42px;
}
.bg_wh
{
background-color:#FFFFFF;
width:100%;
float:left; 
padding-bottom:100px;
}
.ndtangkem
{
margin-left:40px;   
margin-top:5px;
float:left;
font-style:italic;
font-weight:lighter;
width:100%;

}
.anhwebmail
{
max-width:1082px;
text-align:center;
padding-top:30px;   
}
.tn1
{
font-size:12px; 
}
.tx_gia {
    color: #646464; text-align:center;padding-top: 10px;
}
.tx_gia span {
    color: #fc6d25;
}


.overlay_popup h1 {
    background: #70a90d;
    border-radius: 5px 5px 0 0;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    text-align: center;
}
.overlay_popup .commit_popup {
    padding: 15px;
}
.overlay_popup .commit_popup p {
    font-size: 13px;
    line-height: 21px;
    margin: 0px;
    text-align: left;
}
.overlay_popup .commit_popup strong {
    float: left;
}
.overlay_popup .form-group {
    margin: 15px 0px 0px 0px;
    width: 100%;
    display: table;
}
.overlay_popup .list_group.phone_popup {
    padding: 0px 15px !important;
}
.overlay_popup .list_group .form-group label {
    margin: 7px 0;
    font-size: 14px;
    color: #363636;
    float: left;
    width: 28%;
}
.overlay_popup .list_group .form-group input {
        width: 70%;
    float: right;
    padding: 5px;
    border: solid 1px #c1c1c1;
    background: #f2f2f2;
    border-radius: 5px;
}
/*footer*/
.footer{ padding:15px 0; float:left; width:100%; font:13px/18px arial; border-top:solid 8px #6a9603}
.footer p{padding:1px 0}
.footer strong{font-weight:bold; color:#6a9603}
.footer a{ color:red}
.footer a:hover{text-decoration:underline}
.smartlink {
    background: #e5e5e5;
    float: left;
    width: 100%;
}
.t8 .box_inner p.blue:first-child{ margin-top:55px}
.btn_banne_cloudsvr-top{
position: absolute;
bottom: 4.6%;
right: 23.4%;
width: 10.9%;
margin: 0 !important;
background: none !important;
max-width: 100% !important;
border-bottom:none;
}
.btn_banne_cloudsvr-top img{
    width: 100%;
}
.khuyenmai{ margin-top:20px;}
.popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background: rgba(0,0,0,0.7);
        font-size: 15px;
        display: none;
    }
    .popup .content_popup {
        position: relative;
        margin: 100px auto 0px auto;
        z-index: 9;
        width: 80%;
        text-align: center;
        transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -webkit-transition: all 0.4s linear;
        max-width: 300px;
        background: #fff;
        padding: 0px 0px 30px 0px;
        max-width: 600px;
        width: 100%;
        border-radius: 5px;
        animation-name: animatetop;
        animation-duration: 0.4s;
    }
    .popup .content_popup .title {
        font-size: 18px;
        background: uhttps://img.tenten.vn/t/new/cloud-server(images/icon_noice.png) top center no-repeat;
        padding-top: 70px;
        margin-bottom: 15px;
    }
    .popup .close_popup {
        font-size: 14px;
        cursor: pointer;
        color: #fff;
    /* background: #ddba76;
    */
    padding: 7px 15px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    clear: both;
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 20px;
}
.commit_popup{
    background: #ffe6e6;
    border: dashed 1px #ffa7a7;
    padding: 15px;
    text-align: center;
    margin: 15px;
    display: none;
}
.commit_popup h3{
    font-size: 20px;
    margin: 0px;
}
.commit_popup span{
    color: red;
    font-size: 20px;
}
.commit_popup p{
    margin: 10px 0px 0px 0px;
    font-style: italic;
    font-size: 18px;
}
.content_popup h1{
    font-size: 22px;
    text-transform: uppercase;
    background: #1eaab8;
    padding: 12px 0px 10px 0px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    margin: 0px;
}
.popup label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
}
.popup .form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.popup .list_group{
    padding:0px 15px;
}
.popup .form-group{
    margin:15px 0px 0px 0px;
}
.mabaove .img_mabv{
    float:left;
}
.mabaove input[type="text"]{
    float: left;
    width: initial;
    min-width: 185px;
    line-height: 10px;
    height: 30px;
    margin: 5px 10px 0px 0px;
}
.mabaove a.refresh{
    float: left;
    margin: 5px 0px 0px 20px;
}
.img_mabv img{
    border:solid 1px #ccc;
    border-radius: 5px;
}
.mabaove{
    display: table;
    width: 100%;
}
.popup .security{
    border-bottom: 1px dashed #ccc;
    padding: 0px 0px 15px 0px;
}
.popup button[type*="submit"]{
    color: #fff;
    background-color: #d9534f;
    border: none;
    border-radius: 20px;
    padding: 13px 30px;
    font-size: 16px;
    margin: 20px 0px 0px 0px;
    cursor:pointer;
}
.popup button[type*="submit"]:hover{
    background:#1eaab8;
}
.encrypt .container h4{
    text-align: center;
    font-weight: 700;
    font-size: 22px;
}
.encrypt .container h4 a{
    padding: 15px 30px;
    margin: 30px auto 0px auto;
    display: table;
    color: #fff;
    background: #f78d03;
    border-radius: 10px;
}
@media screen and (max-width:1024px){
.btn_banne_cloudsvr-top{
position: absolute;
bottom: 0.6%;
right: 21.4%;
width: 13.9%;
margin: 0 !important;
background: none !important;
max-width: 100% !important;
border-bottom: none;
}
}
@media screen and (max-width:640px){
.btn_banne_cloudsvr-top {
    position: absolute;
    bottom: -3.4%;
    right: 20.4%;
    width: 16.9%;
    margin: 0 !important;
    background: none !important;
    max-width: 100% !important;
    border-bottom: none;
}}
@media screen and (max-width:414px){
.btn_banne_cloudsvr-top {
    position: absolute;
    bottom: -11.4%;
    right: 17.4%;
    width: 21.9%;
    margin: 0 !important;
    background: none !important;
    max-width: 100% !important;
    border-bottom: none;
}}
@media screen and (max-width:360px){
.btn_banne_cloudsvr-top {
    position: absolute;
    bottom: -15.4%;
    right: 16.4%;
    width: 23.9%;
    margin: 0 !important;
    background: none !important;
    max-width: 100% !important;
    border-bottom: none;
}}
@media screen and (max-width:360px){
.btn_banne_cloudsvr-top {
    position: absolute;
    bottom: -19.4%;
    right: 15.4%;
    width: 25.9%;
    margin: 0 !important;
    background: none !important;
    max-width: 100% !important;
    border-bottom: none;
}}
/*popup*/

.btn_send{float:left; width:100%; margin-top:20px; text-align:center;border-top: dashed 1px #999; padding-top:20px; padding-bottom: 20px;}
.btn_send a{background:#f58d26; padding:7px 30px; display:inline-block; color:#fff; border-radius:5px}
.btn_send a:hover{background:#e07307; text-decoration:none}
.clickpopup{
    background: #3c9517;
    margin: 0px auto 50px auto;
    max-width: 270px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border-bottom:3px solid #1f5708;
    color:#fff;
    padding:15px 30px;
    font-size:24px;
}
.clickpopup:hover{
    color:#fff;
    text-decoration:none;
    opacity:0.8;

}
.clickpopup:visited{
    color:#fff;
    text-decoration:none;
}
.wrap{ margin:0 auto; max-width:1170px; width:100%;}

.fixed_zalo_cell_sop_ft {
    position: fixed;
    left: 30px;
    bottom: 90px;
}
.fixed_zalo_cell_sop_ft ul li {
    margin: 0px 0px 15px 0px;
    position: relative;
    cursor: pointer;
}
.fixed_zalo_cell_sop_ft ul li:hover .expand_ft{
      top: 12px;
      visibility: visible;
      opacity: 1;
}
.fixed_zalo_cell_sop_ft ul li .expand_ft {
  position: absolute;
width: 190px;
  top: 114px;
    right: -200px;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  padding: 0px 5px;
  z-index: 999;
  background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);
      border-radius: 5px; 
      height: initial;
    line-height: initial;
}
.fixed_zalo_cell_sop_ft ul li .expand_ft p {
    color: #fff;
    margin: 0px;
    padding: 8px;
    text-align: center;
}

.fixed_zalo_cell_sop_ft ul li:hover .expand_zalo_ft{
      top: 12px;
      visibility: visible;
      opacity: 1;
}
.fixed_zalo_cell_sop_ft ul li .expand_zalo_ft {
    position: absolute;
    width: 190px;
    top: 114px;
    right: -200px;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    padding: 0px 5px;
    z-index: 999;
    background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);
    border-radius: 5px;
}
.fixed_zalo_cell_sop_ft ul li .expand_zalo_ft p {
    color: #fff;
    margin: 0px;
    padding: 8px;
    text-align: center;
}
.fixed_zalo_cell_sop_ft .chat_vschungtoi_pa {
    width: 55px;
    height: 55px;
    text-align: center;
    background: #32a22d;
    line-height: 54px;
    border-radius: 50%;
}
.fixed_zalo_cell_sop_ft .chat_vschungtoi_pa img {
    max-width: 75%;
}
#liveChatPopup {
    display: none;
}
@media (max-width: 767px) {
    #liveChatPopup {
        width: 285px !important;
    }
    .lv4 {
        font-size: 12px !important;
    }
    .chat1 {
        font-size: 14px !important;
    }
}


#tabhosting
{
background-color:#e6e6e6;
color:#838383;
float:left; 
font-size:16px;
font-weight:bold;
padding:10px 25px;
margin-right:10px;
text-transform:uppercase;
cursor:pointer;
}
.active1
{
background-color:#83be13 !important;    
float:left;
color:#fff !important;
}
#tabserver,#tabgoi1,#tabgoi2,#tabgoi3
{
background-color:#e6e6e6;
color:#838383;
float:left; 
font-size:16px;
font-weight:bold;
padding:10px 25px;
margin-right:10px;
text-transform:uppercase;
cursor:pointer;
}
.q_g{ color:#000;}
.tabhs2 {
    border-bottom: 6px solid #83be13;
    width: 100%;
    float: left;
    position: relative;
    z-index: 9999;
}
.tabhs3 {
    border-bottom: 6px solid #83be13;
    width: 100%;
    float: left;
    position: relative;
    z-index: 9999;
}
.h_khungbanggia {
    width: 100%;
    float: left;
    font-family: Roboto;
    font-size: 14px;
}
.noidunggiamgia2 {
    border: 1px solid #83be13;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.text-sale-off{ text-decoration:line-through;}
.note-text{ text-align:center; margin-bottom:40px;}
.q_new_list{ margin:6px 0;}
.tabcanhan2{width:100%;float:left; font-family:Roboto;margin-top:20px;}
.tabcanhan2 li{width:31%; background-color:#ffffff; padding-bottom:30px;margin: 0 37px 30px 0; display: inline-block;}
.tabcanhan2 li ul{margin: 30px;}
.tabcanhan2 li ul li{display: block; background: transparent !important; margin: 0 0 15px 0; text-align: left; color: #646464; font: 14px 'Roboto'; width: 100%; padding: 0 10px 0 10px !important;}
.linedotgray2 {
    border-bottom: 1px solid #bfbfbf;
    border-bottom-style: dotted;
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
    padding-bottom: 15px;
    clear: both;
}
.linedotwhite2 {
    border-bottom: 1px solid #fff;
    border-bottom-style: dotted;
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    padding-bottom: 15px;
    clear: both;
}
.xemtinhnang02{ margin:0 auto; padding-top:15px;}
.xemtinhnang02  .tit_xtn{ font:600 16px 'Roboto';}
.tit1green,.tit1white{ text-transform:uppercase;}
.admore{ background: #F58D26; width:100%; box-sizing:border-box; padding:10px 10px 20px 10px;}
.admore1{ background:#6d9d11;padding:10px 10px 20px 10px;width:100%; box-sizing:border-box;}
.text-sale-off {
    text-decoration: line-through;
}
.pattop{ margin-top:27px; font-size:16px; color:#646464}
.size20 {
    font-size: 24px;
    font-weight: bold;
    width: 120%;
}
.price-old{ border: 1px dashed #f7ca50; margin-top:10px;}
.price-old1{ border: 1px dashed #fff; margin-top:10px;}
.price-old2{ border: 1px dashed #ccc; margin-top:10px;}
.text-note-price-all{ border:1px dashed #ccc; padding:20px 0; font-size:18px; background:#fff; margin-bottom:30px;}
.box_inner {
    overflow: hidden;
    padding: 0 0 20px 0;
    width:100%;
}
.text-combo{ color:#646464;font-size: 16px; margin-top:15px}
.text-combo1{ color:#fff;font-size: 16px;margin-top:15px}
.end-li{ margin-right:0!important;}
.h_khungbanggia2{
    width: 100%;
    float: left;
    font-family: Roboto;
    font-size: 14px;
}
.cloud_server h3 {
    font-size: 30px;
    text-align: center;
    color: #323232;
    margin: 30px 0 15px;
    text-transform:uppercase;
}
.line1 {
    height: 5px;
    background: #70b521;
    width: 150px;
    margin: 0px auto 50px auto;
}
.q_size18{ font-size:18px; font-weight:bold;}
.q_size181{ font-size:18px; font-weight:bold; color:#fff;}
.giamgia{  width:84%; border:1px dashed #ffa100; text-align:center; padding:10px 0;margin-left: 22px;}
.giamgia1{  width:84%; border:1px dashed #fff; text-align:center; padding:10px 0;margin-left: 22px;}
.text-linethought{ text-decoration:line-through;}
/*---------- begin mo hinh -----------*/
.smart1{ float:left; width:100%; padding:40px 0; }
.smt1{ background:#0076a3; color:#fff; font:bold 16px/26px 'Roboto'; padding:24px 10px; float:left; width:31%;}
.smt2{ background:#fff;float:left; width:69%;padding:9px;}
.smt3{ background:#fff;float:left; width:69%;padding:22px 4px 21px 4px; font-size:15px; color:#545353;}
.smt4{ padding-bottom: 21px;}
.smt5{ padding: 56px 8px 64px 8px;}
.smt2 ul,.smt3 ul{margin-left:10px;}
.smt2 ul li,.smt3 ul li{ background:url(https://img.tenten.vn/t/new/cloud-server/images/icon_li.png) no-repeat -2px 8px; list-style:none; text-align:left; padding:4px 0 4px 18px ; font-size:15px; color:#545353;}
.smt_group1{ float:left; width:100%; margin-bottom:13px;}
.smt_group2{ float:left; width:100%; border:2px dashed #ccc; padding:20px;font:bold 16px/26px 'Roboto'; color:#0076a3; box-sizing:border-box; background:#fff;}
.smt_group3{ float:left; width:98%; border:2px dashed #ccc; padding:20px;font:bold 16px/26px 'Roboto'; color:#545353; box-sizing:border-box; background:#fff;}
.banggia_smt thead td{ background:#4f5253; color:#fff;font:bold 16px/26px 'Roboto'; padding:20px 0px;}
.banggia_smt tbody td{ background:#fff; color:#4f5253;font:16px/26px 'Roboto'; padding:10px 0px; border-bottom:2px solid #e1e1e1;}
.banggia_smt,.banggia_smt1{float:left; width:100%; padding-bottom:20px; margin-bottom:20px;}
.prise_smart,.prise_smart1{float:left; width:100%;}
.thead1{ text-align:left;  width:100%; background:#989898; padding:20px 0 20px 10px;color:#fff;font:bold 20px/26px 'Roboto'; float:left}
.thead2{ text-align:center;width:100%;background:#0076a3;padding:20px 0;color:#fff;font:bold 20px/26px 'Roboto';float:left}
.thead3{ text-align:center;width:100%;background:#ee9327;padding:20px 0;color:#fff;font:bold 20px/26px 'Roboto';float:left}
.bg_white {
    background: #ffffff;
    height: 53px;
    font-size: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    line-height: 53px;
    margin-top: 2px;
    text-align:left;
}
.bg_white1{
    background: #def1f8;
    height: 53px;
    font-size: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    line-height: 53px;
    margin-top: 2px;
}
.bg_white2 {
    background: #fce6cd;
    height: 53px;
    font-size: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    line-height: 53px;
    margin-top: 2px;
}


.prise_smart h3{ color:#4f5253; font:bold 28px/36px 'Roboto'; text-align:center; text-transform:uppercase;}
.prise_smart thead td:nth-child(1){ text-align:left;  width:250px; padding-left:10px;}
.prise_smart thead td:nth-child(3){ text-align:right;width:200px;}
.prise_smart thead td:nth-child(4){ text-align:right;width:200px;}
.prise_smart thead td:nth-child(5){ text-align:right;width:250px;padding-right:20px;}

.prise_smart tbody td:nth-child(1){ text-align:left;  width:250px; padding-left:10px;}
.prise_smart tbody td:nth-child(3){ text-align:right;width:200px;}
.prise_smart tbody td:nth-child(4){ text-align:right;width:200px;}
.prise_smart tbody td:nth-child(5){ text-align:right;width:250px;padding-right:20px;}
.button_smt{ margin-top:20px;}
.pic_smt1{float:left; width:100%;margin-bottom:50px;}
.bg-grey{ background:#fafcf5!important;}
.text-blue{color:#0076a3;font:bold 22px/30px 'Roboto';}
.text_orange3{color:#fc6d0f; font-size:22px;}
.btn_dangkyngay3{
    background: #83be13;
    margin: 0px auto;
    max-width: 160px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 3px solid #5f9002;
    color: #fff;
    padding: 5px 20px;
    font-size: 18px;
}
.btn_dangkyngay3:hover{
    color:#fff;
    text-decoration:none;
    opacity:0.8;

}
.b_cot1 {
    width: 26%;
    float: left;
    margin-left: 3px;
    box-sizing: border-box;
}
.b_cot2 {
    width: 36%;
    float: left;
    margin-left: 2px;
    box-sizing: border-box;
}
.bosung{ background:#fff; margin:20px 0; float:left; width:100%; padding:20px;}
.bosung h3{font-size: 30px;
text-align: center;
color: #323232;
margin: 30px 0 15px;
text-transform: uppercase;}
.nd-bosung{ float:left; width:98.5%; margin:10px;}
.bg-grey1{background: url(https://img.tenten.vn/t/new/cloud-server/images/icon15.png) 10px 10px no-repeat #ededed;padding:10px 10px 10px 45px;font: 16px 'Roboto Condensed', sans-serif;text-align:left;margin:10px 0;float: left;width: 100%;}
.bs{ margin:10px 0; }
.bs-bang{font:18px 'Roboto Condensed', sans-serif; margin:24px;}
.bs-bang thead td{ background:#e7e7e7; border: 1px solid #ccc; text-align:center; padding:20px 0 }
.bs-bang tbody td{ border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc;  border-right: 1px solid #ccc; text-align:center; color:#fc741b; padding:10px 0 }
.text-grey{color:#2e2e2e;}
/* bo sung lua chon dung luong  */
.option-sdd{float: none;margin: 30px auto;display: table;}
.space{ border:1px solid #ccc; background:#fff; padding: 0 10px ; float:left; }
.setting{ border:1px solid #ccc; background:#fff; padding: 0 10px ; float:left; margin-left:10px; }
.icon-space{text-align:center; float:left; padding:10px;}
.space1{ float:left; border-left:1px solid #ccc; padding:10px;}
.space2{ float:left; border-left:1px solid #ccc; padding:10px;}
.space1 ul li{ list-style:none; float:left; padding:0 20px; font: 20px 'Roboto Condensed', sans-serif; color:#F58D26; cursor:pointer; }
.space2 ul li{ list-style:none; float:left; padding:0 20px; font: 20px 'Roboto Condensed', sans-serif; color:#F58D26; cursor:pointer; }
.active2{ background:#F58D26; color:#fff!important;  }
.active3{ background:#F58D26; color:#fff!important;  }
.thaydoi2,thaydoi3,thaydoi4,thaydoi4{ display:none;}

@media screen and (max-width:1024px){
    .option-sdd {
    float: left;
    margin: 10px 9% 50px 9%;
    width: 82%;
}
.tabcanhan2 li {
    width: 31%;
    background-color: #ffffff;
    padding-bottom: 30px;
    margin: 0 26px 30px 0;
    display: inline-block;
}
.pic_smt{ padding-bottom:30px;}
.pic_smt1 img{ width:100%;}
}

@media screen and (max-width: 860px){
    .tabcanhan2 li{width:50% !important; margin: 0 auto 20px !important;}
    .tabcanhan2 li ul li{width: 70% !important;}
    .banggia_smt{ border:1px solid #ccc; overflow-x:scroll}
    .banggia_smt table { width: 1000px;}
    .setting {
    margin-left: 0px;
    margin-top:10px;
}
}
@media screen and (max-width: 640px){
    .b_cot1 {    width: 100%;}
    .b_cot2 {    width: 100%; margin-top:10px;}
    #tabgoi1,#tabgoi2,#tabgoi3{ 
          width: 50%;
    float: left;
    margin: 0px;
    font-size: 13px;
    line-height: 20px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
        .tabhs3 {
    border-bottom: none;
}
.bs-bang{ overflow:scroll;border: 1px solid #ccc;}
.bs-bang table{ width:800px;}
.space1 ul li {
    padding: 0 10px;
}
}
@media screen and (max-width: 480px){
    .tabcanhan2 li{width:100% !important; margin: 0 auto 20px !important;}
    .tabcanhan2 li ul li{width: 100% !important;}
    .h_khungbanggia {    margin-left: 0;}

    .smt1{width:100%; }
    .smt2,.smt3{width:100%;margin-bottom:10px;}
    
.pic_smt img{ width:100%;}
.banggia_smt1{ border:1px solid #ccc; overflow-x:scroll}
.banggia_smt1 table { width: 700px;}
.option-sdd {
    float: left;
    margin: 10px 0;
    width: 100%;
}
}
@media screen and (max-width: 414px){

.setting {
    width: 100%;
}
.space1 {
    padding: 10px;
    width: 80%;
}
.space {
    float: left;
    width: 100%;
}
}
@media screen and (max-width: 320px){
.text-note-price-all {
    font-size: 22px;
}
.setting {
    width: 100%;
}
.space1 {
    padding: 10px;
    width: 80%;
}
.space {
    float: left;
    width: 100%;
}
}
/*cloud*/
/*email pro*/
/*email pro*/
@font-face {
  src: url(../fonts/Exo-Regular.ttf);
  font-family: Exo-Regular;
}

@font-face {
  src: url(../fonts/Exo-SemiBold.ttf);
  font-family: Exo-SemiBold;
}

@font-face {
  src: url(../fonts/Exo-Bold.ttf);
  font-family: Exo-Bold;
}

@font-face {
  src: url(../fonts/Exo-Medium.ttf);
  font-family: Exo-Medium;
}

html {
/*  overflow-x:hidden;*/
}

body.qb_design_18102021 {
  font-family: Exo-Regular;
  font-size: 16px;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

:focus,
:hover {
  outline: none !important;
}

img {
  /* max-width: 100%; */
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.qb_design_18102021 .container {
  width: 100%;
  max-width: 1410px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}


/*MENU MOBILE*/

.icon_mobile_click {
  margin: 0px;
  cursor: pointer;
  z-index: 99;
  display: none;
  position: absolute;
  top: 30px;
  right: 15px;
  cursor: pointer;
  max-width: 40px;
}

.icon_mobile_click i.fa {
  font-size: 30px;
  color: #fff;
}

#page_wrapper {
  transition: all 0.3s;
}

#menu_mobile_lp_18102021 {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 260px;
  left: -260px;
  background-color: #2e38c1;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
  z-index: 9999999;
  border-right: 1px solid #fff;
  overflow: auto;
}

.fixedheader {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  z-index: 9;
  width: 100% !important;
}

.bg_opacity {
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  z-index: 999999;
  display: none;
}

.menu_hidden {
  z-index: -1;
  left: -260px;
}

.menu_show {
  z-index: 9999999;
}

#menu_mobile_lp_18102021 .close_menu {
  padding: 10px;
  font-size: 20px;
  text-align: right;
  color: #fff;
  background: none;
  cursor: pointer;
  position: absolute;
  right: 0px;
  background: #2e38c1;
  display: none;
  cursor: pointer;
  top: 0px;
  z-index: 999;
}

#menu_mobile_lp_18102021 .mobile-menu {
  margin: 55px 0px 0px 0px;
}

#menu_mobile_lp_18102021 ul li {
  width: 100%;
  display: block;
}

#menu_mobile_lp_18102021 .menu>li.active {
  padding: 15px 0px 10px 10px;
}

#menu_mobile_lp_18102021 ul li {
  position: relative;
  padding: 15px 0px 15px 10px;
  border-bottom: 1px solid #fff;
}

#menu_mobile_lp_18102021 ul li a {
  color: #fff;
  text-transform: uppercase;
}

#menu_mobile_lp_18102021 ul li a:hover {
  text-decoration: none;
  background: none;
}

#menu_mobile_lp_18102021 li span {
  margin: 0px 0px 0px 10px;
}

#menu_mobile_lp_18102021 .sub-menu {
  display: none;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #fff;
  margin: 10px 0px 0px 0px;
}

#menu_mobile_lp_18102021 .sub-menu li {
  padding: 15px 0px 15px 15px;
}

#menu_mobile_lp_18102021 .sub-menu li:last-child {
  border-bottom: none;
  padding: 15px 0px 0px 15px;
}

#menu_mobile_lp_18102021 .sub-menu li a {
  font-size: 14px;
  text-transform: none;
}

.editBefore_mobile::before {
  content: "-" !important;
}

#menu_mobile_lp_18102021 li.menu-item-has-children::before {
  content: "+";
  position: absolute;
  right: 10px;
  top: 12px;
  color: #fff;
}

#menu_mobile_lp_18102021 .menu>li.not-have-child {
  padding: 0px;
}

#menu_mobile_lp_18102021 .menu li ul.sub-menu li.not-have-child {
  padding: 0px;
  display: table;
}

#menu_mobile_lp_18102021 .menu li ul.sub-menu li.not-have-child>a {
  padding: 10px 0px 10px 15px;
  display: table;
  width: 100%;
}

#menu_mobile_lp_18102021 .menu li ul.sub-menu li.not-have-child:last-child>a {
  padding: 10px 0px 0px 15px;
}

#menu_mobile_lp_18102021 .menu>li.not-have-child>a {
  display: block;
  padding: 15px 0px 15px 10px;
}

#menu_mobile_lp_18102021 .sub-menu li {
  padding: 10px 0px 10px 15px;
}

#menu_mobile_lp_18102021 .sub-menu li:last-child {
  padding: 10px 0px 0px 15px;
}


/* END MENU MOBILE*/


/*CSS CONTENT*/

.qb_top_page_18102021 {
  position: relative;
  margin: 0px 0px 300px 0px;
}

.qb_top_page_18102021:before {
  content: url(../images/bg-top-page-18102021.png);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}

.qb_top_page_18102021 .top_header {
  padding: 30px 0px;
  margin: 0px 0px 50px 0px;
}

.qb_top_page_18102021 .top_header .container {
  display: flex;
  align-items: center;
}

.qb_top_page_18102021 .top_header .menu_header_18102021 {
  margin-left: auto;
}

.qb_top_page_18102021 .top_header .menu_header_18102021 ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qb_top_page_18102021 .top_header .menu_header_18102021 ul li {
  margin: 0px 30px;
}

.qb_top_page_18102021 .top_header .menu_header_18102021 ul li a {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-family: Exo-SemiBold;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}

.qb_top_page_18102021 .top_header .menu_header_18102021 ul li a:before {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.qb_top_page_18102021 .top_header .menu_header_18102021 ul li a:hover:before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct {
  /* display: flex; */
  /* align-items: center; */
}

.qb_top_page_18102021 .qb_title_box {

}

.qb_top_page_18102021 .qb_title_box i {
  font-size: 20px;
  color: #fff;
  margin: 0px 0px 20px 0px;
  display: inline-block;
}

.qb_design_18102021 .qb_title_page {
  font-size: 44px;
  color: #2e38c1;
  position: relative;
  text-align: center;
  z-index: 10;
  font-family: 'Exo-SemiBold';
  margin: 0px 0px 55px 0px;
  text-transform: uppercase;
}

.qb_top_page_18102021 .qb_title_page {
  margin: 0px 0px 15px 0px;
  color: #fff;
  text-align: left;
  font-family: 'Exo-Bold';
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget {
  position: relative;
  z-index: 99;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .wrap_figure {}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget figure {
  display: none;
}
.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .only_1810_banner{
  display: block;
}
.qb_top_page_18102021:after {
  content: "";
  position: absolute;
  background: url(../images/computer-img-18102021.png) top right no-repeat;
  width: 40%;
  height: 100%;
  top: 145px;
  right: 200px;
  z-index: 1;
  background-size: contain;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds {
  margin: 0px 0px 50px 0px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds ul li {
  position: relative;
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  padding: 0px 0px 0px 40px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds ul li span {
  text-transform: uppercase;
  font-family: 'Exo-Bold';
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds ul li:before {
  position: absolute;
  content: "";
  background: url(../images/check-icon-1810.png) center center no-repeat;
  width: 20px;
  height: 16px;
  top: 9px;
  left: 0px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn {
  margin: 0px 0px 50px 0px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn a {
  display: inline-block;
  border-radius: 30px;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  font-family: Exo-Medium;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn .bt_dkn_btn {
  background: linear-gradient(to right, rgb(21, 214, 182) 0%, rgb(157, 238, 142) 100%);
  color: #000;
  padding: 10px 38px;
  margin: 0px 20px 0px 40px;
  border: 1px solid transparent;
  cursor: pointer;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn .bt_tv_btn {
  color: #75e575;
  border: 2px solid #75e575;
  padding: 8px 47px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht {
  display: inline-block;
  padding: 15px 25px;
  border: 1px dashed #75e575;
  border-radius: 5px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht img {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 15px 0px 0px;
}

.qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht strong {
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
  color: #75e575;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 30px;
  font-family: 'Exo-Medium';
}

.qb_bgsp_18102021 {
  padding: 50px 0px 0px 0px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds {
  text-align: center;
  border-radius: 5px;
  border: 1px solid #dbeafc;
  margin: 0px 0px 35px 0px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_title {
  background: #dbeafc;
  padding: 25px 25px 25px 25px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_title h3 {
  font-size: 20px;
  font-family: 'Exo-SemiBold';
  margin: 0px 0px 15px 0px;
  text-transform: uppercase;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_title i {
  font-size: 15px;
  line-height: 22px;
  color: #707070;
  min-height: 45px;
  display: inline-block;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt {
  background: #f3f9fe;
  padding: 20px 25px 30px 25px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt ul li {
  font-size: 16px;
  color: #707070;
  margin: 0px 0px 15px 0px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt ul li strong {
  color: #000;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_price strong {
  color: #4d53e4;
  font-size: 30px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_price {
  font-size: 16px;
  color: #707070;
  font-family: 'Exo-SemiBold';
  display: table;
  padding: 15px 0px;
  margin: 0px auto;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt .bgsb_dkn_btn {
  font-size: 16px;
  text-transform: uppercase;
  background: #4d53e4;
  color: #fff;
  width: 100%;
  display: table;
  border-radius: 30px;
  font-family: 'Exo-Bold';
  margin: 20px 0px 25px 0px;
  line-height: 50px;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt .bgsp_sscn_title {
  color: #4d53e4;
  cursor: pointer;
}

.qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt .bgsp_sscn_title img {
  margin: 0px 0px 0px 5px;
}

.qb_bgsp_18102021 .bgsp_ct_general .row>.col-sm-3:nth-child(4) .bgsp_ct_detailds .bgsp_title,
.qb_bgsp_18102021 .bgsp_ct_general .row>.col-sm-3:nth-child(4) .bgsp_ct_detailds .bgsb_dkn_btn {
  background: linear-gradient(to right, rgb(21, 214, 182) 0%, rgb(157, 238, 142) 100%);
}

.qb_bgsp_18102021 .bgsp_ct_general .row>.col-sm-3:nth-child(4) .bgsp_ct_detailds .bgsb_dkn_btn {
  color: #000;
}

.qb_udkmrm_18102021 {
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 60px 0px 150px 0px;
}

.qb_udkmrm_18102021:before {
  content: url(../images/bg-udkmrm-1810.png);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}

.qb_udkmrm_18102021:after {
  content: "";
  position: absolute;
  bottom: -370px;
  left: 170px;
  z-index: 1;
  background: url(../images/udk-img-18102021.png) top left no-repeat;
  width: 45%;
  height: 100%;
  z-index: 2;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds {
  margin: 440px 0px 50px 0px;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service {
  /*  display: flex;
  align-items: center;*/
  clear: both;
  display: table;
  width: 100%;
  background: #382ea5;
  border-radius: 5px;
  padding: 30px 30px 0px 30px;
  margin: 0px 0px 15px 0px;
  position: relative;
  z-index: 50;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udk_combo_1810 {
  background: #fff;
  padding: 20px 30px 10px 30px;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service.udk_combo_1810 .text_widget strong {
  color: #3e39c9;
  margin: 0px 0px 10px 0px;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service.udk_combo_1810 .text_widget b {
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: 'Exo-Medium';
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service.udk_combo_1810 .text_widget p {
  color: #000;
  margin: 5px 0px 0px 0px;
}

.qb_endow {
  display: flex;
  align-items: center;
  max-width: 250px;
  width: 100%;
  text-align: center;
}

.qb_endow .endow_code {
  width: 50%;
  margin: 0px !important;
  background: #d3d1ff;
  padding: 10px 5px;
  border-radius: 30px 0px 0px 30px;
  font-size: 20px;
  line-height: 22px;
  font-family: 'Exo-Bold';
  color: #3e39c9 !important;
}
.qb_udkmrm_18102021 .udkmrm_ct_detailds>.udkmrm_service:nth-child(2) .text_widget strong{
  margin: 0px 0px 15px 0px;
}
.qb_udkmrm_18102021 .udkmrm_ct_detailds>.udkmrm_service:nth-child(2) .text_widget span{
  margin: 0px 0px 20px 0px;
}
.qb_udkmrm_18102021 .udk_combo_1810 .qb_endow .qb_copy_code {
  background: #3e39c9;
}

.qb_endow .qb_copy_code {
  width: 50%;
  padding: 0px 5px;
  background: #7b6ae6;
  color: #fff;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  border-radius: 0px 30px 30px 0px;
}

.qb_udkmrm_18102021 .udkmrm_img {
  display: none;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds>.udkmrm_service:last-child {
  margin: 0px;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service figure {
  float: left;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget {
  display: table;
  margin: 15px 0px 0px 0px;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget strong {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Exo-Medium';
  display: block;
  margin: 0px 0px 40px 0px;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget strong b {
  color: #75e575;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget span {
  color: #fff;
  display: block;
}

.qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget i {
  color: #fff;
}

.qb_udkmrm_18102021 .row .col-sm-6 {
  width: 53%;
}

.qb_tnnb_18102021 {
  margin: 40px 0px 120px 0px;
}

.qb_tnnb_18102021 .tnnb_ct_general {
  display: flex;
  align-items: center;
}

.qb_tnnb_18102021 .tnnb_ct_general .ct_left,
.qb_tnnb_18102021 .tnnb_ct_general .ct_right {
  width: 50%;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line {
  background: #fff;
  box-shadow: 0px 0px 29px 0px rgba(63, 57, 202, 0.1);
  padding: 20px;
  margin: 0px 0px 15px 0px;
  cursor: pointer;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .tnnb_title_box {
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .tnnb_title {
  font-size: 20px;
  font-family: 'Exo-Medium';
  padding: 0px 0px 0px 45px;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .arrdown figure,
.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .arrup figure {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .arrdown,
.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .arrup {
  width: 25px;
  height: 25px;
  background: #e6f0f8;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .arrdown {
  z-index: 10;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .arrup {
  z-index: 9;
  display: none;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .expand_ver2 {
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 0px 45px;
  display: none;
}

.qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .expand_ver2 p {
  margin: 0px;
  color: #696687;
}

.qb_tnnb_18102021 .tnnb_ct_general .ct_left {
  padding: 0px 20px 0px 0px;
}

.qb_tnnb_18102021 .tnnb_ct_general .ct_right {
  padding: 0px 0px 0px 20px;
}

.qb_tnnb_18102021 .tnnb_ct_general .ct_right figure {
  display: table;
  margin: 0px auto
}

.qb_khtt_18102021 {
  margin: 0px 0px 140px 0px;
}

.qb_khtt_18102021 .khtt_bg_18102021 {
  margin: 0px 70px;
  background: #f5f6fe;
  border-radius: 40px;
  padding: 50px 0px 50px 0px;
  min-height: 360px;
}

.qb_khtt_18102021 .khtt_ct_general {
  padding: 50px 0px 0px 0px;
}

.qb_khtt_18102021 .khtt_ct_general .httt_number {
  display: inline-block;
  width: 260px;
  height: 260px;
  position: relative;
  box-shadow: 0px 0px 29px 0px rgb(63 57 202 / 10%);
  border-radius: 50%;
  vertical-align: middle;
  margin: 0px 100px 0px 0px;
  position: absolute;
  top: 0px;
  left: 100px;
}

.qb_khtt_18102021 .khtt_ct_general .httt_number strong {
  font-size: 50px;
  line-height: 50px;
  display: block;
  font-family: 'Exo-SemiBold';
  color: #4d53e4;
  margin: 0px 0px 10px 0px;
}

.qb_khtt_18102021 .khtt_ct_general .httt_number span {
  font-size: 20px;
  color: #000;
  font-family: 'Exo-SemiBold';
}

.qb_khtt_18102021 .khtt_ct_general .httt_number .hhtt_inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn {
  margin-left: auto;
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn {
  padding: 0px 0px 0px 430px;
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn ul.khtt_slider li .khtt_bg_img {
  width: 100%;
  position: relative;
  min-height: 120px;
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn ul.khtt_slider li figure {
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn ul.khtt_slider li:hover .khtt_defauilt_img {
  display: none;
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn ul.khtt_slider li .khtt_hover_img {
  display: none;
}

.qb_khtt_18102021 .khtt_ct_general .khtt_dn ul.khtt_slider li:hover .khtt_hover_img {
  display: block !important;
}

.qb_khtt_18102021 .container {
  position: relative;
}

.qb_khtt_18102021 .container:before {
  position: absolute;
  content: url(../images/dot-bg-1810.png);
  top: -110px;
  left: 15px;
}

.qb_khtt_18102021 .container:after {
  position: absolute;
  content: url(../images/dot-bg-1810.png);
  bottom: -250px;
  right: 15px;
}

.qb_bssdv_18102021 {
  margin: 0px 0px 75px 0px;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table {
  display: table;
  width: 100%;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr {}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th {}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th,
.qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr td {
  text-align: center;
  border: 1px solid #dbeafc;
  width: 10%;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th {
  padding: 15px 15px;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr td {
  padding: 15px 15px;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr>th:nth-child(1) {
  border: none;
  background: none;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th {
  background: #3f39ca;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th strong {
  font-size: 16px;
  color: #fff;
  display: block;
  margin: 0px 0px 20px 0px;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th i {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  min-height: 80px;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody>tr:nth-child(1)>td strong {
  font-size: 20px;
  color: #4d53e4;
  font-family: 'Exo-SemiBold';
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody>tr:nth-child(1)>td:nth-child(1) strong {
  color: #000;
  font-size: 16px;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table thead tr>th:nth-child(1),
.qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr>td:nth-child(1) {
  width: 20%;
  text-align: left;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody>tr:nth-child(2n+1) {
  background: #f3f9fe;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr.tinhnangthem>td {
  padding: 0px;
  text-align: center;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody .xemtinhnang {
  display: table;
  margin: 0px auto;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody .xemtinhnang a {
  position: relative;
  color: #4d53e4;
  padding: 7px 20px;
  border-radius: 30px;
  border: 1px solid #4d53e4;
  transition: all 0.3s;
  cursor: pointer;
  display: inline-block;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody .xemtinhnang a:hover {
  color: #fff;
  background: #4d53e4;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody .xemtinhnang a:after {
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  color: #4d53e4;
  margin: 0px 0px 0px 5px;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.3s;
}

.qb_bssdv_18102021 .bssdv_ct_detailds table tbody .xemtinhnang a:hover:after {
  color: #fff;
}

.qb_change_after_18102021:after {
  content: "\f106" !important;
}

.qb_bssdv_18102021 .bssdv_ct_detailds .ssdv_btn {
  color: #fff;
  padding: 5px 7px;
  border-radius: 30px;
  border: 1px solid #4d53e4;
  transition: all 0.3s;
  font-size: 14px;
  font-family: 'Exo-SemiBold';
  background: #4d53e4;
}

.qb_bssdv_18102021 .bssdv_ct_detailds .ssdv_btn:hover {
  color: #fff;
  background: #4d53e4;
}

.qb_design_18102021 .tg_contact_fixed_2021 ul>li:nth-child(1) a {
  background: #4d53e4;
}

.qb_design_18102021 .tg_contact_fixed_2021 ul>li:nth-child(2),
.qb_design_18102021 .tg_contact_fixed_2021 ul>li:nth-child(3),
.qb_design_18102021 .tg_contact_fixed_2021 ul>li:nth-child(4) {
  display: none;
}

.qb_dgckh_18102021 {
  background: #f5f6fe;
  padding: 80px 0px 80px 0px;
}

.qb_dgckh_18102021 .dgckh_ct_general {
  display: flex;
  align-items: center;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left {
  position: relative;
  width: 50%;
  text-align: center;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left figutr {
  display: table;
  margin: 0px auto
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_right {
  width: 50%;
  text-align: center;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img figure {
  position: absolute;
  border-radius: 50%;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_main_img {}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img figure img {
  border-radius: 50%;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(1) {
  top: -16%;
  right: 27%;
  animation: float 2s ease-in-out infinite;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(2) {
  top: -5%;
  left: 10%;
  animation: float 6s ease-in-out infinite;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(3) {
  top: 35%;
  left: 30%;
  animation: float 4s ease-in-out infinite;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(4) {
  bottom: 17%;
  right: 0%;
  animation: float 8s ease-in-out infinite;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(5) {
  animation: float 10s ease-in-out infinite;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(6) {
  bottom: -30%;
  right: 30%;
  animation: float 6s ease-in-out infinite;
}

.qb_faq_18102021 {
  background: url(../images/chtg-bg-18102021.jpg) center center no-repeat;
  background-size: cover;
  padding: 55px 0px;
}

.qb_faq_18102021 .qb_title_page {
  color: #fff;
}

.qb_faq_18102021 .faq_ct_general {
  display: flex;
  align-items: center;
}

.qb_faq_18102021 .faq_ct_general .ct_left {
  width: 33%;
  padding: 0px 12px 0px 0px;
}

.qb_faq_18102021 .faq_ct_general .ct_right {
  width: 67%;
  padding: 0px 0px 0px 12px;
}

.qb_faq_18102021 .faq_botton_line {
  background: rgb(0 0 0 / 10%);
  margin: 0px 0px 10px 0px;
  padding: 25px 40px 25px 25px;
  position: relative;
}

.qb_faq_18102021 .faq_botton_line .textwidget {
  display: table;
  width: 100%;
  cursor: pointer;
}

.qb_faq_18102021 .faq_botton_line .textwidget p {
  margin: 0px;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.qb_faq_18102021 .faq_botton_line .textwidget .arrdown,
.qb_faq_18102021 .faq_botton_line .textwidget .arrup {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-50%, -50%);
}

.qb_faq_18102021 .faq_botton_line .textwidget .arrdown i,
.qb_faq_18102021 .faq_botton_line .textwidget .arrup i {
  font-size: 20px;
  text-align: center;
  line-height: 22px;
  color: #fff;
}

.qb_faq_18102021 .faq_botton_line .textwidget p i {
  margin: 0px 10px 0px 0px;
}

.qb_faq_18102021 .expand {
  padding: 15px 20px;
  display: none;
  background: rgb(0 0 0 / 10%);
  margin: 20px 0px 0px 0px;
}

.qb_faq_18102021 .expand p {
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
  color: #fff;
  font-style: italic;
}

.qb_faq_18102021 .expand p a {
  color: yellow;
}

.qb_dgckh_18102021 .dgckh_ct_general .ct_right .slick-slide img {
  display: initial;
}

.tg_countdown_idx {
  display: table;
  margin: 0px auto;
}

.tg_countdown_idx ul {
  display: flex;
  align-items: center;
  background: #d7def3;
  padding: 20px 25px;
  border-radius: 5px;
}

.tg_countdown_idx ul li span {
  margin: 0px 30px 0px 0px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.tg_countdown_idx ul>li:nth-child(1) span {
  font-size: 20px;
  font-family: 'Exo-SemiBold';
  color: #442416;
}

.tg_countdown_idx ul>li:last-child span {
  margin: 0px;
}

.tg_countdown_idx ul li strong {
  width: 54px;
  height: 54px;
  display: inline-block;
  text-align: center;
  font-size: 26px;
  color: #fff;
  background: #2e38c1;
  line-height: 54px;
  border-radius: 5px;
  margin: 0px 8px 0px 0px;
  vertical-align: middle;
}

.tab-content {
  display: none;
  padding: 0px;
}

.tab-content.current {
  display: inherit;
}

.qb_tnnb_18102021 .tnnb_ct_general .ct_right .item_list_tfg figure {
  animation: mover 1s infinite alternate;
}

.qb_htn_18102021 {
  padding: 45px 0px;
  position: relative;
}

.qb_htn_18102021:before {
  content: "";
  z-index: -1;
  position: absolute;
  background: url(../images/bg-tn-box-18102021.png) center center no-repeat;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-size: cover;
}

.qb_htn_18102021 .qb_title_page {
  font-family: 'Exo-Regular';
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  margin: 0px 0px 40px 0px;
}

.qb_htn_18102021 .htn_btn {
  display: flex;
  justify-content: center;
}

.qb_htn_18102021 .htn_btn a {
  display: inline-block;
  color: #fff;
  font-family: 'Exo-Medium';
  text-transform: uppercase;
  background: #4d53e4;
  border-radius: 30px;
  max-width: 200px;
  width: 100%;
  height: 47px;
  line-height: 47px;
  text-align: center;
}

.qb_htn_18102021 .htn_btn .htn_dkn_btn {
  margin: 0px 8px 0px 0px;
}

.qb_htn_18102021 .htn_btn .htn_tv_btn {
  margin: 0px 0px 0px 8px;
}

.qb_design_18102021 .popup label {
  font-family: Exo-Regular;
}

.qb_design_18102021 .popup button[type*="submit"] {
  background: #4d53e4;
  font-family: 'Exo-Medium';
  border-radius: 50px;
}

.qb_design_18102021 .popup button[type*="submit"]:hover {
  background: #4d53e4;
}

.qb_design_18102021 .content_popup h1 {
  background: #4d53e4;
}

.qb_design_18102021 .popup .content_popup {
  margin: 200px auto 0px auto;
}

.mid_november_noti{max-width: 720px;width: 100%;}
.mid_november_noti .row{
  margin: 0px -3px;
}
.mid_november_noti .row .col-sm-4{
  padding: 0px 3px;
}
.mid_november_noti .mid_november_title{padding: 12px 15px 12px 15px;background: linear-gradient(to right, #17d6b5, #9cee8e);border-radius: 5px;text-align: center;}
.mid_november_noti .mid_november_title i{margin: 0px;font-size: 18px;color: #000;font-family: 'Exo-SemiBold';}
.mid_november_noti .mid_november_title i strong{

}
.mid_november_noti .mid_november_code{padding: 10px 20px;background: rgb(0 0 0 / 30%);border-radius: 0px 0px 5px 5px;display: flex;align-items: center;text-align: center;}
.mid_november_noti .mid_november_code span{font-size: 20px;color: #75e575;width: 40%;}
.mid_november_noti .mid_november_code a{
  width: 60%;
  font-size: 16px;
  color: #fff;
  font-family: 'Exo-Medium';
  display: inline-block;
  background: #4e46ce;
  padding: 6px 0px;
  border-radius: 40px;
}
/*END CSS CONTENT*/


/*CSS POPUP*/

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  display: none;
}

.popup .content_popup {
  position: relative;
  margin: 100px auto 0px auto;
  z-index: 9;
  width: 80%;
  text-align: center;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  background: #fff;
  padding: 0px 0px 30px 0px;
  max-width: 600px;
  width: 100%;
  border-radius: 5px;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.content_popup .title_popup {
  font-size: 22px;
  text-transform: uppercase;
  background: #1c3695;
  padding: 12px 0px 10px 0px;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  margin: 0px;
}

.commit_popup {
  background: #ffe6e6;
  border: dashed 1px #ffa7a7;
  padding: 15px;
  text-align: center;
  margin: 15px;
  display: none;
}

.popup .list_group {
  padding: 0px 15px;
}

.popup .form-group {
  margin: 15px 0px 0px 0px;
}

.popup label {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  text-align: left;
  font-family: 'muli-bold';
}

.popup .form-control {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.mabaove {
  display: table;
  width: 100%;
}

.mabaove input[type="text"] {
  float: left;
  width: initial;
  min-width: 185px;
  line-height: 10px;
  height: 30px;
  margin: 5px 10px 0px 0px;
}

.mabaove .img_mabv {
  float: left;
}

.img_mabv img {
  border: solid 1px #ccc;
  border-radius: 5px;
}

.mabaove a.refresh {
  float: left;
  margin: 5px 0px 0px 20px;
}

.popup button[type*="submit"] {
  color: #fff;
  background-color: #1c3695;
  border: none;
  border-radius: 30px;
  padding: 13px 30px;
  font-size: 16px;
  margin: 20px 0px 0px 0px;
  cursor: pointer;
  font-family: 'muli-bold';
}

.popup .close_popup {
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  /* background: #ddba76; */
  padding: 7px 15px;
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  clear: both;
  position: absolute;
  top: 5px;
  right: 0px;
  font-size: 20px;
}
.qb_design_18102021  .content_popup h2{
  background: #4d53e4;
}

/*END CSS POPUP*/


/*KEY FRAMES*/

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}


/*END KEY FRAMES*/


/* BUTTON SLIDE */

.slick-slider {
  margin: 0px !important;
}

.qb_dgckh_18102021 .slick-prev:before {
  content: url(../images/arrow-left-18102021.png) !important;
  width: 50px;
  height: 38px;
  background-image: initial;
  background: transparent;
  border-radius: 5px;
  border: 1px solid transparent;
}

.qb_dgckh_18102021 .slick-next:before {
  content: url(../images/arrow-right-18102021.png) !important;
  width: 50px;
  height: 38px;
  background-image: initial;
  background: transparent;
  border-radius: 5px;
  border: 1px solid transparent;
}

.qb_dgckh_18102021 .slick-prev {
  left: 110px !important;
  top: 50%;
  margin-top: -30px;
  width: 50px;
  height: 30px;
  display: initial !important;
}

.qb_dgckh_18102021 .slick-next {
  right: 110px !important;
  top: 50%;
  margin-top: -30px;
  width: 50px;
  height: 30px;
  display: initial !important;
}

.qb_dgckh_18102021 .slick-prev:hover::before,
.qb_dgckh_18102021 .slick-next:hover::before {
  background: #fff !important;
  border: 1px solid #b9bdec;
  border-radius: 5px;
}

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0px;
  list-style-type: none;
  bottom: 25px;
}

.slick-dots li {
  margin: 0px 3px;
  width: initial;
  height: initial;
}

.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: blue;
  text-indent: -9999px;
  width: 20px !important;
  height: 4px !important;
  padding: 0px !important;
  background: #fff !important;
}

.slick-dots li.slick-active button {
  background-color: #38c1cb !important;
  width: 35px !important;
}
.tg_only_month_nsx {
  display: table;
  width: 100%;
}
.tg_only_month_nsx p {
  float: left;
}
.tg_only_month_nsx>p:nth-child(1) {
  font-size: 20px;
  line-height: 28px;
  color: #75e575;
  font-style: italic;
  background: #251171;
  border-radius: 5px 0px 0px 5px;
  padding: 5px 20px;
  margin: 0px;
}
.tg_only_month_nsx>p:nth-child(2) {
  font-size: 20px;
  line-height: 28px;
  margin: 0px;
  color: #000;
  font-style: italic;
  padding: 5px 20px;
  background-image: linear-gradient(to right, #17d6b5, #9cee8e);
  border-radius: 0px 5px 5px 0px;
}


/*CSS RESPONSIVE*/
@media (min-width:1025px) and (max-width:1800px){
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht{
    position: relative;
    left: 40px;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds{
    margin: 200px 0px 0px 0px;
  }
  .qb_udkmrm_18102021:before{
    top:90px;
  }
   .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service.udk_combo_1810 .text_widget b,
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget strong{

  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udk_combo_1810,
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service{
  padding: 30px 30px 10px 30px;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service figure{
    max-width: 150px;
  }
  .qb_udkmrm_18102021:after{
  width: 50%;
  background-size: contain;
  bottom: -500px;
  left: initial;
  }
}
@media (min-width:1025px) and (max-width:1600px) {
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht strong {
    font-size: 17px;
  }
  .qb_top_page_18102021 {}
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn {
    margin: 0px 0px 30px 0px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds {
    margin: 0px 0px 30px 0px;
  }
  .qb_top_page_18102021 .qb_title_box {
    margin: 0px 0px 30px 0px;
  }
  .qb_top_page_18102021:after {
    height: 70%;
    background-size: contain;
    top: 150px;
    right: 0px;
    width: 70%;
  } 
}
@media (max-width: 1600px){
    .qb_bssdv_18102021 .bssdv_ct_detailds .ssdv_btn {
    display: inline-block;
  }
    .qb_bssdv_18102021 .bssdv_ct_detailds table thead tr>th:nth-child(1),
  .qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr>td:nth-child(1) {
    min-width: 230px;
  }
      .qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr td{
    min-width: 130px;
  }
}
@media (max-width:1200px){
    .qb_bssdv_18102021 .bssdv_ct_detailds {
    display: block;
    overflow: auto;
  }
}
@media (max-width: 1024px) {
    .mid_november_noti .row>.col-sm-4:last-child .mid_november_detailds{
      margin:0px;
    }
  .mid_november_noti .mid_november_detailds{
    margin:0px 0px 20px 0px;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service.udk_combo_1810 .text_widget p{
    margin: 5px 0px 10px 0px;
  }
  .qb_endow{
    margin:0px auto;
  }
  .qb_top_page_18102021:after {
    display: none;
  }
  .qb_bssdv_18102021 .bssdv_ct_detailds table thead tr th {
    min-width: 100px;
  }
  .qb_udkmrm_18102021 .qb_title_page {
    color: #fff;
  }
  .qb_top_page_18102021:before,
  .qb_udkmrm_18102021:before {
    content: "";
    background: url(../images/bg_sm.jpg) center center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
  }
  .qb_faq_18102021 .faq_botton_line .textwidget .arrdown,
  .qb_faq_18102021 .faq_botton_line .textwidget .arrup {
    right: 15px;
  }
  .qb_faq_18102021 .faq_botton_line .textwidget p {
    font-size: 16px;
  }
  .qb_faq_18102021 .faq_botton_line {}
  .qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .expand_ver2 {
    margin: 10px 0px 0px 0px;
  }
  .qb_tnnb_18102021 .tnnb_ct_general .ct_left {
    margin: 0px 0px 20px 0px;
  }
  .qb_faq_18102021 .faq_ct_general .ct_left figure {
    animation: mover 1s infinite alternate;
    margin: 0px auto 20px auto;
    display: table;
  }
  .qb_faq_18102021 .faq_ct_general .ct_left,
  .qb_faq_18102021 .faq_ct_general .ct_right {
    width: 100%;
  }
  .qb_faq_18102021 .faq_ct_general {
    flex-direction: column;
  }
  .qb_faq_18102021 {
    padding: 20px 0px;
  }
  .qb_htn_18102021 .htn_btn a {
    height: 40px;
    line-height: 40px;
  }
  .qb_design_18102021 .qb_title_page p {
    display: none;
  }
  .qb_htn_18102021 {
    padding: 20px 0px;
  }
  .qb_dgckh_18102021 .slick-prev {
    left: -20px !important;
  }
  .qb_dgckh_18102021 .slick-next {
    right: -20px !important;
  }
  .qb_dgckh_18102021 .dgckh_ct_general .ct_left .dgckh_other_img>figure:nth-child(1) {
    right: 0%;
  }
  .qb_dgckh_18102021 .dgckh_ct_general .ct_left,
  .qb_dgckh_18102021 .dgckh_ct_general .ct_right {
    width: 100%;
  }
  .qb_dgckh_18102021 .dgckh_ct_general .ct_left {
    margin: 60px 0px 100px 0px;
  }
  .qb_dgckh_18102021 .dgckh_ct_general {
    flex-direction: column;
  }
  .qb_dgckh_18102021 {
    padding: 20px 0px;
  }
  .qb_bssdv_18102021 .bssdv_ct_detailds table .tinhnangthem table tbody tr>td:nth-child(1) {
    width: 20%;
  }
  .qb_bssdv_18102021 .bssdv_ct_detailds table tbody>tr:nth-child(1) td {
    padding: 10px 10px;
  }
  .qb_bssdv_18102021 .bssdv_ct_detailds table tbody tr td {
    padding: 5px 5px;
  }
  .qb_bssdv_18102021 {
    margin: 30px 0px 20px 0px;
  }
  .qb_khtt_18102021 .khtt_ct_general .httt_number {
    width: 200px;
    height: 200px;
  }
  .qb_khtt_18102021 .khtt_ct_general .httt_number span {
    font-size: 16px;
  }
  .qb_khtt_18102021 .khtt_ct_general .httt_number strong {
    font-size: 30px;
    line-height: 38px;
    margin: 0px;
  }
  .qb_khtt_18102021 .khtt_ct_general {
    padding: 0px;
  }
  .qb_khtt_18102021 {
    margin: 0px 0px 20px 0px;
  }
  .qb_khtt_18102021 .container:before,
  .qb_khtt_18102021 .container:after {
    display: none;
  }
  .qb_khtt_18102021 .khtt_bg_18102021 {
    padding: 20px 0px 0px 0px;
    margin: 0px;
  }
  .qb_tnnb_18102021 .tnnb_ct_general .tnnb_botton_line .tnnb_title {
    font-size: 16px;
    display: table;
  }
  .qb_tnnb_18102021 .tnnb_ct_general {
    flex-direction: column;
  }
  .qb_tnnb_18102021 .tnnb_ct_general .ct_left,
  .qb_tnnb_18102021 .tnnb_ct_general .ct_right {
    width: 100%;
    padding: 0px;
  }
  .qb_tnnb_18102021 {
    margin: 20px 0px;
  }
  .qb_udkmrm_18102021:after {
    content: "";
    position: relative;
    bottom: initial;
    left: initial;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget strong {
    font-size: 15px;
    display: table;
    margin: 0px auto 10px auto;
    text-align: center;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget {
    margin: 0px;
    width: 100%;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service figure {
    float: none;
    display: table;
    margin: 0px auto;
    max-width: 150px;
    width: 100%;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service {
    padding: 20px;
    margin: 0px 0px 20px 0px;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds {
    margin: 20px 0px 20px 0px;
  }
  .tg_countdown_idx ul li span {
    margin: 0px 10px 0px 0px;
  }
  .tg_countdown_idx ul li strong {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
  }
  .tg_countdown_idx ul>li:nth-child(1) span {
    font-size: 13px;
    text-align: center;
  }
  .tg_countdown_idx ul {
    padding: 10px 15px;
    text-align: center;
  }
  .qb_udkmrm_18102021 {
    margin: 0px;
    padding: 20px 0px 0px 0px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_title {
    padding: 20px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt {
    padding: 20px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds {
    margin: 0px 0px 20px 0px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt .bgsb_dkn_btn {
    margin: 20px 0px;
    line-height: 40px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_price strong {
    font-size: 25px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_price {
    font-size: 13px;
    padding: 10px 0px;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_tskt ul li {
    font-size: 13px;
  }
  .qb_bgsp_18102021 {
    padding: 20px 0px 0px 0px;
  }
  .qb_top_page_18102021 {
    margin: 0px 0px 20px 0px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget figure {
    display: table;
    animation: mover 1s infinite alternate;
    margin: 0px auto;
  }
  .qb_udkmrm_18102021 .udkmrm_img {
    animation: mover 1s infinite alternate;
    display: table;
    margin: 0px auto 20px auto;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .wrap_figure {
    margin: 0px;
    width: 100%;
    order: 2;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht strong {
    font-size: 13px;
    display: initial;
    vertical-align: initial;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht img {
    display: initial;
    vertical-align: initial;
    max-width: 30px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bt_ht {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn .bt_tv_btn {
    padding: 5px 30px;
    font-size: 13px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn {
    margin: 0px auto 20px auto;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn .bt_dkn_btn {
    padding: 5px 8px !important;
    font-size: 13px;
    margin: 0px 10px !important;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .wrap_figure:before {
    position: relative;
    top: initial;
    right: initial;
    content: "";
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds ul li:before {
    width: 15px;
    height: 13px;
    background-size: contain;
    top: 5px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds ul li {
    font-size: 13px;
    line-height: 24px;
    padding: 0px 0px 0px 25px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget .bottom_hd_ct_detailds {
    margin: 0px 0px 20px 0px;
  }
  .qb_top_page_18102021 .qb_title_box {
    margin: 0px 0px 20px 0px;
  }
  .qb_top_page_18102021 .qb_title_box i {
    font-size: 16px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .text_widget {
    width: 100%;
    order: 1;
    margin: 0px 0px 20px 0px;
  }
  .qb_top_page_18102021 .bottom_header .bottom_header_ct {
    flex-direction: column;
    /* align-items: initial; */
  }
  .qb_top_page_18102021 .top_header {
    padding: 15px 0px;
    margin: 0px 0px 20px 0px;
  }
  .logo_header_18102021 figure {
    max-width: 200px;
  }
  .qb_udkmrm_18102021 .row .col-sm-offset-6 {
    margin: 0px;
  }
  .qb_udkmrm_18102021 .row .col-sm-6 {
    width: 100%;
  }
  html {
    overflow-x: hidden;
  }
  body.qb_design_18102021 {
    font-size: 13px;
    overflow-x: initial;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .qb_design_18102021 .qb_title_page {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
    line-height: 24px;
  }
  .qb_bgsp_18102021 .row .col-sm-3 {
    width: 50%;
  }
  .qb_bgsp_18102021 .row>.col-sm-3:nth-child(2n+1) {
    clear: both;
  }
  .qb_khtt_18102021 .khtt_bg_18102021 {
    min-height: 240px;
  }
  .qb_khtt_18102021 .khtt_ct_general .khtt_dn {
    padding: 40px 0px 0px 280px;
  }
  .qb_udkmrm_18102021 .udkmrm_ct_detailds .udkmrm_service .text_widget {
    min-height: 85px;
  }
  .qb_top_page_18102021 .top_header .menu_header_18102021 ul li {
    margin: 0px 10px;
  }
}

@media (max-width: 767px) {
  .qb_top_page_18102021 .bottom_header .bottom_header_ct .bottom_hd_btn {
    display: table;
  }
  .qb_bgsp_18102021 .bgsp_ct_detailds .bgsp_title i {
    min-height: initial;
  }
  .qb_design_18102021 .qb_title_page {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
    line-height: 24px;
  }
  .qb_khtt_18102021 .khtt_ct_general .khtt_dn {
    padding: 20px 0px 0px 0px;
  }
  .qb_khtt_18102021 .khtt_ct_general .httt_number {
    width: 200px;
    height: 200px;
    position: relative;
    display: table;
    margin: 0px auto;
    top: initial;
    left: initial;
  }
  .qb_design_18102021 .icon_mobile_click {
    display: block;
    top: 25px;
  }
  .qb_top_page_18102021 .top_header .menu_header_18102021 {
    display: none;
  }
}

@media (min-width: 480px) and (max-width: 767px) {}


/*END CSS RESPONSIVE*/
/*email pro*/
/*email maketing*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@font-face {
  src: url(../fonts/UTM_Kabel_KT.ttf);
  font-family: UTM_Kabel_KT;
}

@font-face {
  src: url(../fonts/SVN-Poppins_SemiBold.ttf);
  font-family: poppins;
}

html {
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
}

body {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0em;
  color: #000;
  position: relative;
  background: #fff;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

:focus,
:hover {
  outline: none !important;
}

img {
  max-width: 100%;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
/* POPUP */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0,0,0,0.7);
  font-size: 15px;
  display: none;
}
.popup .content_popup {
  position: relative;
  margin: 100px auto 0px auto;
  z-index: 9;
  width: 80%;
  text-align: center;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  max-width: 300px;
  background: #fff;
  padding: 0px 0px 30px 0px;
  max-width: 600px;
  width: 100%;
  border-radius: 5px;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.popup .content_popup .title {
  font-size: 18px;
  background: url(images/icon_noice.png) top center no-repeat;
  padding-top: 70px;
  margin-bottom: 15px;
}
.popup .close_popup {
  font-size: 14px;
  cursor: pointer;
  color: #fff;
    /* background: #ddba76;
    */
    padding: 7px 15px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    clear: both;
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 20px;
}
.commit_popup{
  background: #ffe6e6;
  border: dashed 1px #ffa7a7;
  padding: 15px;
  text-align: center;
  margin: 15px;
  display: none;
}
.commit_popup h3{
  font-size: 20px;
  margin: 0px;
}
.commit_popup span{
  color: red;
  font-size: 20px;
}
.commit_popup p{
  margin: 10px 0px 0px 0px;
  font-style: italic;
  font-size: 18px;
}
.content_popup h1{
  font-size: 22px;
  text-transform: uppercase;
  background: #1eaab8;
  padding: 12px 0px 10px 0px;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  margin: 0px;
}
.popup label {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  text-align: left;
}
.popup .form-control {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.popup .list_group{
  padding:0px 15px;
}
.popup .form-group{
  margin:15px 0px 0px 0px;
}
.mabaove .img_mabv{
  float:left;
}
.mabaove input[type="text"]{
  float: left;
  width: initial;
  min-width: 185px;
  line-height: 10px;
  height: 30px;
  margin: 5px 10px 0px 0px;
}
.mabaove a.refresh{
  float: left;
  margin: 5px 0px 0px 20px;
}
.img_mabv img{
  border:solid 1px #ccc;
  border-radius: 5px;
}
.mabaove{
  display: table;
  width: 100%;
}
.popup .security{
  border-bottom: 1px dashed #ccc;
  padding: 0px 0px 15px 0px;
}
.popup button[type*="submit"]{
  color: #fff;
  background-color: #d9534f;
  border: none;
  border-radius: 20px;
  padding: 13px 30px;
  font-size: 16px;
  margin: 20px 0px 0px 0px;
  cursor:pointer;
}
.popup button[type*="submit"]:hover{
  background:#1eaab8;
}
.encrypt .container h4{
  text-align: center;
  font-weight: 700;
  font-size: 22px;
}
.encrypt .container h4 a{
  padding: 15px 30px;
  margin: 30px auto 0px auto;
  display: table;
  color: #fff;
  background: #f78d03;
  border-radius: 10px;
}
.show_popup:hover{
  color: #fff;
  box-shadow: 3px 3px 10px #918383 
}
/* BUTTON SLIDE */
.slick-slider{
  margin:0px !important;
}
.slick-prev:before {
  content: "";
  width: 65px;
  height: 61px;
  display: inline-block;
  line-height: 40px !important;
  border-radius: 0px;
  font-size: 34px;
  background: url("../images/icon_slide_prev.png") no-repeat;
}
.slick-next:before {
  content: "";
  width: 65px;
  height: 61px;
  display: inline-block;
  line-height: 40px !important;
  border-radius: 0px;
  font-size: 34px;
  color: #d7d7d7;
  background: url("../images/icon_slide_next.png") no-repeat;
}
.slick-prev {
  left: 7%;
  top: 38%;
  margin-top:-30px;
  width: 42px;
  height: 42px;
}
.slick-next {
  right: 20% !important;
  top: 37%;
  margin-top:-30px;
  width: 42px;
  height: 42px;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0px;
  list-style-type: none;
  bottom: 65px;
  right: 0%;
}
.slick-dots li {
  margin: 0px 2px;
  width: initial;
  height: initial;
}
.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: blue;
  text-indent: -9999px;
  width: 20px !important;
  height: 20px !important;
  background: #d7d7d7 !important;
  border: 2px solid #fff !important;
}
.slick-dots li.slick-active button {
  background-color: #2169b3 !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0px 0px 0px 0px;
}
/*SLIDE*/
.container {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
.tg_header_ft {
  display: table;
  width: 100%;
  background: url("../images/banner_header.png") no-repeat;
  background-size: cover;
  padding: 0px 0px 300px 0px;
  position: relative;
  margin: 0px 0px 50px 0px;
}
.tg_content_header_nd {
  display: table;
  width: 66%;
  float: right;
}
.tg_content_header_nd .tg_menu_heaer {
  display: table;
  width: 100%;
  padding: 15px 0px;
}
.tg_menu_heaer .logo_header {
  float: left;
  margin: 0px 80px 0px 0px;
}
.tg_menu_heaer ul {
  display: table;
  margin: 19px 0px 0px 0px;
}
.tg_menu_heaer ul li {
  float: left;
}
.tg_menu_heaer ul li a {
  font-size: 17px;
  line-height: 25px;
  color: #525252;
  text-transform: uppercase;
  font-weight: 500;
  padding: 10px 20px;
  display: table;
}
.tg_menu_heaer ul li:last-child a {
  background: #e3492b;
  color: #fff;
  border-radius: 5px;
}
.title_header_zetamail h3 {
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  line-height: 38px;
  color: #222222;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.title_header_zetamail p {
  font-size: 19px;
  line-height: 27px;
  color: #333333;
  margin: 0px;
  text-align: center;
  display: table;
  width: 100%;
  max-width: 500px;
  margin: 0px auto;
}
.title_header_zetamail .bt_click_header {
  display: table;
  width: 100%;
  max-width: 250px;
  margin: 50px auto 0px auto;
}
.bt_click_header a {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  display: table;
  width: 100%;
  max-width: 250px;
  background: #417bb8;
  padding: 10px 20px;
  text-align: center;
  border-radius: 5px;
  float: left;
  margin: 0px 15px 0px 0px;
}
.bt_click_header a:last-child {
  margin: 0px;
  background: #e3492b;
}
.title_header_zetamail {
  display: table;
  width: 100%;
  max-width: 660px;
  margin: 35px 0px;
}
.tg_parameter_nsx .container {
  max-width: 1330px;
}
.tg_parameter_nsx ul {
  display: table;
  width: 100%;
  background: #3473b5;
  padding: 30px 25px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1330px;
  bottom: -14%;
}
.tg_parameter_nsx ul li {
  width: 20%;
  float: left;
  min-height: 91px;
  border-right: 1px solid #3a81cb;
}
.tg_parameter_nsx ul li:last-child {
  border-right: none;
}
.tg_parameter_nsx ul li h5 {
  font-size: 30px;
  line-height: 38px;
  color: #fff;
  display: table;
  margin: 0px auto 10px auto;
  font-weight: bold;
  position: relative;
  padding: 0px 0px 0px 60px;
}
.tg_parameter_nsx ul li h5::before {
  position: absolute;
  content: "";
  background: url("../images/zetamail_icon4.png") no-repeat;
  left: -6px;
  top: 0px;
  width: 50px;
  height: 30px;
}
.tg_parameter_nsx ul li:nth-child(2) h5 {
  padding: 0px 0px 0px 50px;
}
.tg_parameter_nsx ul li:nth-child(2) h5::before {
   background: url("../images/zetamail_icon5.png") no-repeat;
   height: 50px;
   top: -19px;
}
.tg_parameter_nsx ul li:nth-child(3) h5::before {
   background: url("../images/zetamail_icon6.png") no-repeat;
   height: 39px;
   top: 0px;
   left: 0px;
}
.tg_parameter_nsx ul li:nth-child(4) h5::before {
   background: url("../images/zetamail_icon7.png") no-repeat;
   top: -12px;
   left: 0px;
   width: 54px;
   height: 45px;
}
.tg_parameter_nsx ul li:nth-child(5) h5::before {
   background: url("../images/zetamail_icon8.png") no-repeat;
   top: -12px;
   left: 0px;
   width: 54px;
   height: 49px;
}
.bg_ver2_ztamail_sop {
  display: block;
  width: 100%;
  background: url("../images/bg_ver2_ztamail.png") no-repeat;
  background-size: cover;
}
.tg_parameter_nsx ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin: 0px auto;
  text-align: center;
  display: table;
  width: 100%;
  max-width: 230px;
}
.tg_pay_zetamail_nsx {
  display: table;
  width: 100%;
}
.title_zetamail_nd {
  display: table;
  width: 100%;
  margin: 0px 0px 75px 0px;
  position: relative;
}
.title_zetamail_nd::before {
  position: absolute;
  content: "";
  background: url("../images/zetamail_icon9.png") no-repeat;
  width: 40px;
  height: 38px;
  bottom: -78px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.title_zetamail_nd h3 {
  font-size: 30px;
  line-height: 38px;
  color: #222222;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 0px 0px 20px 0px;
  font-family: 'Roboto Slab', serif;
}
.title_zetamail_nd p {
  font-size: 17px;
  line-height: 25px;
  color: #333333;
  display: table;
  width: 100%;
  max-width: 740px;
  margin: 0px auto;
  text-align: center;
}
.tg_price_eamil {
  display: block;
  width: 100%;
}
.tg_price_eamil h3 {
  font-size: 27px;
  line-height: 35px;
  color: #3473b5;
  margin: 0px 0px 10px 0px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.tg_price_eamil p {
  font-size: 17px;
  line-height: 25px;
  color: #333333;
  display: table;
  width: 100%;
  max-width: 740px;
  margin: 0px auto;
  text-align: center;
}
ul.tg_price_zetamail {
  display: table;
  width: 100%;
  margin: 50px 0px 10px 0px;
}
.tg_pay_zetamail_nsx ul.tg_price_zetamail.tg_price_zetamail_ver2 {
  margin: 50px 0px 80px 0px;
}
ul.tg_price_zetamail li {
  width: 20%;
  float: left;
  border: 1px solid #80afe1;
  border-right: none;
  min-height: 283px;
}
ul.tg_price_zetamail li:last-child {
  border-right: 1px solid #80afe1;
}
ul.tg_price_zetamail li .tg_price_top {
  background: #3473b5;
  padding: 10px 0px;
}
ul.tg_price_zetamail li .tg_price_top h5 {
  font-size: 21px;
  line-height: 29px;
  color: #fff;
  margin: 0px;
  text-align: center;
  font-weight: bold;
}
ul.tg_price_zetamail li .tg_price_top p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  margin: 0px;
}
ul.tg_price_zetamail li .textwidget {
  padding: 30px 40px;
}
ul.tg_price_zetamail li .textwidget h4 {
  font-size: 24px;
  line-height: 32px;
  color: #333333;
  text-align: center;
  margin: 0px auto 5px auto;
  position: relative;
  font-weight: 600;
  display: table;
}
ul.tg_price_zetamail li .textwidget i {
  display: table;
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  font-style: initial;
}
ul.tg_price_zetamail li .textwidget h4 font {
  font-size: 18px;
  top: -3px;
  position: absolute;
  right: -15px;
}
ul.tg_price_zetamail li .textwidget span {
  display: table;
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}
ul.tg_price_zetamail li .textwidget a {
  font-size: 15px;
  line-height: 23px;
  color: #3473b5;
  display: table;
  padding: 10px 19px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #3473b5;
  margin: 40px auto 0px auto;
  font-weight: 600;
}
ul.tg_price_zetamail li.bg_recomend .textwidget a {
  background: #e34b2d;
  color: #fff;
  border: 1px solid #e34b2d;
}
ul.tg_price_zetamail li.bg_recomend .textwidget a:hover {
  background: #fff;
  color: #e34b2d;
}
ul.tg_price_zetamail li .textwidget a:hover {
  background: #3473b5;
  color: #fff;

}
ul.tg_price_zetamail li:nth-child(4) {
  border-left: none;
}
ul.tg_price_zetamail li.bg_recomend {
  border: 1px solid #ffafa0;
  box-shadow: 3px 3px 13px rgb(255 175 160 / 40%), -3px -3px 13px rgb(255 175 160 / 40%);
  position: relative;
}
ul.tg_price_zetamail li.bg_recomend::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 30px;
  background: #e3492b;
  top: -20px;
}
ul.tg_price_zetamail li.bg_recomend::after {
  position: absolute;
  content: "";
  width: 101%;
  height: 30px;
  background: #fff;
  bottom: -20px;
  left: -1px;
  border: 1px solid #ffafa0;
  border-top: none;
  box-shadow: 0px 8px 13px rgb(255 175 160 / 40%);
}
ul.tg_price_zetamail li.bg_recomend .tg_price_top {
  background: #e3492b;
  position: relative;
}
ul.tg_price_zetamail li.bg_recomend .tg_price_top::before {
  position: absolute;
  content: "";
  background: url("../images/zetamail_icon10.png") no-repeat;
  width: 100px;
  height: 92px;
  top: -26px;
  left: -7px;
}
p.tg_note {
  font-size: 14px;
  line-height: 22px;
  color: #ff0000;
  font-weight: 500;
  font-style: italic;
  float: right;
  margin: 0px;
}
.tg_register_zetamail_nsx {
  display: table;
  width: 100%;
  margin: 50px 0px 80px 0px;
}
.tg_register_zetamail_nsx h3 {
  font-size: 21px;
  line-height: 29px;
  color: #3473b5;
  text-transform: uppercase;
  text-align: center;
  margin: 0px 0px 30px 0px;
  font-weight: bold;
}
.tg_gift_zetamail {
  display: table;
  width: 100%;
  max-width: 990px;
  margin: 0px auto;
  border-bottom: 8px solid #2f73b5;
  position: relative;
}
.tg_gift_zetamail::before {
  position: absolute;
  content: "";
  background: #2f73b5;
  width: 100px;
  height: 8px;
  bottom: -8px;
  left: -73px;
}
.tg_gift_zetamail::after {
  position: absolute;
  content: "";
  background: #2f73b5;
  width: 100px;
  height: 8px;
  bottom: -8px;
  right: -70px;
}
.tg_gift_zetamail .text_gift_nd {
  background: #2f73b5;
  padding: 20px 0px;
}
.tg_gift_zetamail .text_gift_nd h5 {
  font-family: 'Lobster', cursive;
  font-size: 33px;
  line-height: 41px;
  color: #fff;
  margin: 0px;
  text-align: center;
}
.tg_gift_zetamail .text_gift_nd h4 {
  display: table;
  position: relative;
  margin: 10px 0px 10px 30px;
}
.tg_gift_zetamail .text_gift_nd h4 img {
  float: left;
  margin: 4px 0px 0px 0px;
}
.tg_gift_zetamail .text_gift_nd h4 strong {
  font-family: 'Lobster', cursive;
  font-size: 45px;
  line-height: 43px;
  color: #fff;
  margin: 0px 10px;
  display: table;
  float: left;
}
.tg_gift_zetamail .text_gift_nd h4 span {
  display: table;
  font-family: 'Lobster', cursive;
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  float: right;
  max-width: 100px;
  position: absolute;
  right: -100px;
}
.tg_gift_zetamail .text_gift_nd p {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  text-align: center;
  margin: 0px;
  font-weight: 500;
}
.tg_gift_zetamail .col-sm-4:nth-child(1) .text_gift_nd, .tg_gift_zetamail .col-sm-4:nth-child(2) .text_gift_nd {
  margin: -11px 0px 0px 0px;
}
.tg_gift_zetamail .col-sm-4:nth-child(3)  {
  width: 30%;
  text-align: center;
  padding: 0px 0px 0px 0px;
}
.tg_register_zetamail_nsx .container>h5 {
  font-size: 28px;
  line-height: 36px;
  color: #393939;
  text-align: center;
  font-weight: bold;
  margin: 30px 0px 0px 0px;
}
.tg_register_zetamail_nsx .container>a {
  font-size: 22px;
  line-height: 30px;
  padding: 14px 34px;
  display: table;
  margin: 22px auto;
  background: #e34b2d;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
}
.tg_software_zatemail_nsx {
  display: table;
  width: 100%;
  margin: 70px 0px 0px 0px;
}
.tg_software_zatemail_nsx h3 {
  font-size: 30px;
  line-height: 38px;
  color: #222222;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 30px 0px;
  font-family: 'Roboto Slab', serif;
}
.text_software_left {
  display: table;
  width: 100%;
  max-width: 1050px;
  height: 354px;
  margin: 55px 0px 28px 20px;
}
.text_software_left ul li {
  width: 33%;
  float: left;
  padding: 70px 85px 0px 0px;
  position: relative;
}
.text_software_left ul li::before {
  position: absolute;
  content: "";
  background: url("../images/software_before.png") no-repeat;
  width: 156px;
  height: 378px;
  left: -105px;
  top: -48px;
}
.text_software_left ul li::after {
  position: absolute;
  content: "";
  background: url("../images/software_icon1.png") no-repeat;
  width: 103px;
  height: 68px;
  top: 0px;
  left: -31px;
}
.text_software_left ul li:nth-child(2)::after {
  background: url("../images/software_icon2.png") no-repeat;
}
.text_software_left ul li:nth-child(3)::after {
  background: url("../images/software_icon3.png") no-repeat;
}
.text_software_left ul li strong {
  font-size: 65px;
  line-height: 73px;
  color: #d4dfe8;
  font-weight: bold;
  display: table;
  width: 100%;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
.text_software_left ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin: 0px;
}

.text_software_right {
  display: table;
  width: 100%;
  max-width: 1050px;
  height: 354px;
  margin: 0px 0px 0px 0px;
  float: right;
}
.text_software_right ul li {
  width: 33%;
  float: left;
  padding: 70px 85px 0px 0px;
  position: relative;
}
.text_software_right ul li::before {
  position: absolute;
  content: "";
  background: url("../images/software_before.png") no-repeat;
  width: 156px;
  height: 378px;
  left: -105px;
  top: -48px;
}
.text_software_right ul li::after {
  position: absolute;
  content: "";
  background: url("../images/software_icon4.png") no-repeat;
  width: 103px;
  height: 68px;
  top: 0px;
  left: -31px;
}
.text_software_right ul li:nth-child(2)::after {
  background: url("../images/software_icon5.png") no-repeat;
}
.text_software_right ul li:nth-child(3)::after {
  background: url("../images/software_icon6.png") no-repeat;
}
.text_software_right ul li strong {
  font-size: 65px;
  line-height: 73px;
  color: #d4dfe8;
  font-weight: bold;
  display: table;
  width: 100%;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
.text_software_right ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin: 0px;
}

.tg_customer_inquires_nsx {
  display: table;
  width: 100%;
  background: #f0f8fb;
  padding: 50px 0px 100px 0px;
  position: relative;
}
.tg_customer_inquires_nsx::before {
  position: absolute;
  content: "";
  background: url("../images/zetamail_icon12.png") no-repeat;
  width: 400px;
  height: 100%;
  top: 50%;
  left: 22%;
  transform: translate(-50%, -50%);
}
.tg_customer_inquires_nsx h3 {
  font-size: 30px;
  line-height: 38px;
  color: #222222;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 30px 0px;
  font-family: 'Roboto Slab', serif;
}

.question_answer_fe {
 display: table;
 width: 100%;
 margin: 40px 0px 20px auto;
 max-width: 915px;
}
.question_answer_fe .botton_line .textwidget {
 padding: 15px 0px 15px 35px;
 display: table;
 width: 100%;
 margin: 0px 0px 10px 0px;
 cursor: pointer;
 border-bottom: 2px solid #2068b1;
 position: relative;
}
.question_answer_fe .botton_line.active .textwidget {
} 
.question_answer_fe .botton_line.active .textwidget p {
}
.question_answer_fe .botton_line.active .textwidget .arrdown i, .question_answer_fe .botton_line.active .textwidget .arrup i {
}
.question_answer_fe .botton_line .textwidget p {
 margin: 0px;
 font-size: 19px;
 line-height: 27px;
 color: #2068b1;
 font-weight: 600;
 float: left;
 width: 100%;
 max-width: 960px;
}
.question_answer_fe .botton_line .textwidget .arrdown, .question_answer_fe .botton_line .textwidget .arrup {
 position: absolute;
 top: 50%;
 left: 1%;
 transform: translate(-50%, -50%);
}
.question_answer_fe .botton_line .textwidget .arrdown i, .question_answer_fe .botton_line .textwidget .arrup i {
 font-size: 12px;
 width: 22px;
 height: 22px;
 text-align: center;
 line-height: 23px;
 color: #fff;
 background: #2068b1;
 font-weight: 400;
 border-radius: 5px;
}
.question_answer_fe .botton_line .textwidget p i {
 margin: 0px 10px 0px 0px;
}
.question_answer_fe .expand_email_mkt {
 padding: 10px 35px 10px 35px;
 display: none;
 position: relative;
}
.question_answer_fe .expand_email_mkt::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  border: 1px dashed #6a9ed2;
  left: 10px;
  top: 0px;
}
.question_answer_fe .expand_email_mkt p {
 font-size: 17px;
 line-height: 25px;
 margin: 0px;
 color: #222222;
 font-weight: 500;
}
.tg_client_zetamail {
  display: block;
  width: 100%;
  background: url("../images/bg_slide_botton.jpg") no-repeat;
  background-size: cover;
  padding: 73px 0px;
}
.tg_client_zetamail .container>h3 {
  font-size: 30px;
  line-height: 38px;
  color: #222222;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 30px 0px;
  font-family: 'Roboto Slab', serif;
}
.tg_client_zetamail .container>h3 strong  {
  font-size: 46px;
  line-height: 54px;
  color: #2169b3;
}
.tg_slide_client li.slide_nd_ver2 {
  display: block;
  width: 100%;
  max-width: 735px;
  box-shadow: 3px 3px 13px rgb(33 105 179 / 20%), -3px -3px 13px rgb(33 105 179 / 20%);
  position: relative;
  z-index: 999;
  margin: 30px;
}
.tg_slide_client li.slide_nd_ver2::before {
  position: absolute;
  content: "";
  background: url("../images/icon_kh_before.png") no-repeat;
  width: 210px;
  height: 191px;
  left: -20px;
  top: -22px;
  z-index: -1;
}
.tg_slide_client li.slide_nd_ver2::after {
  position: absolute;
  content: "";
  background: url("../images/icon_kh_after.png") no-repeat;
  width: 210px;
  height: 191px;
  right: -20px;
  bottom: -22px;
  z-index: -1;
}
.tg_slide_client li.slide_nd_ver2 .text_slide_nsx {
  padding: 50px 25px 70px 25px;
  background: #fff;
  height: 300px;
}
.tg_slide_client {
  display: inline-block;
  width: 100%;
  padding: 0px;
}
.tg_slide_client li .wrap_figure {
  display: block;
  float: left;
  margin: 0px 10px 0px 0px;
}
.tg_slide_client li .wrap_figure figure img {
  height: 85px;
  width: 85px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 3px 3px 10px rgb(0 0 0 / 40%);
}
.tg_slide_client li .textwidget {display: inline-block;}
.tg_slide_client li .textwidget ul.star_tg {
  display: inline-block;
  width: 100%;
}
.tg_slide_client li .textwidget ul.star_tg li {
  float: left;
  width: initial;
  margin: 0px 5px 0px 0px;
}
.tg_slide_client li .textwidget h3 {
  font-size: 21px;
  line-height: 29px;
  color: #2169b3;
  margin: 5px 0px;
  font-weight: 600;
}
.tg_slide_client li .textwidget p {
  font-size: 16px;
  line-height: 24px;
  color: #494949;
  margin: 10px 0px 10px 0px;
}
.tg_slide_client li .textwidget h5 {
  font-size: 17px;
  line-height: 25px;
  color: #333333;
  display: table;
  width: 100%;
  max-width: 500px;
}
p.potential_customers {
  font-size: 21px;
  line-height: 29px;
  color: #fff;
  margin: 0px;
  background: url("../images/bg_customers.png") no-repeat;
  padding: 20px;
  display: table;
  width: 100%;
  max-width: 783px;
  text-align: center;
  font-weight: 600;
  margin: 40px 0px 0px 0px;
}
.tg_client_zetamail a {
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  background: #e34b2d;
  padding: 15px 30px;
  display: table;
  border-radius: 5px;
  margin: 50px auto;
}
.tg_sldiew_wdth {
  display: inline-block;
  width: 100%;
  max-width: 784px;
}
.expand_ver2 {
  font-size: 17px;
  line-height: 25px;
  padding: 0px 20px 20px 100px;
  display: none;
  color: #333333;
}
.botton_line_ver2 {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  border: 1px solid  #e2e2e2;
  margin: 0px 0px 15px 0px;
  cursor: pointer;
  position: relative;
}
.botton_line_ver2.current {
  border: 1px solid #e2e2e2;
  position: relative;
  box-shadow: 0 0 20px rgb(29 96 198 / 20%);
}
.botton_line_ver2.current::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 46%;
  right: -11px;
  border-top: 1px solid  #e2e2e2;
  border-right: 1px solid  #e2e2e2;
  transform: rotate(45deg);
  background: #fff;
}
.botton_line_ver2 .textwidget {
  display: table;
  width: 100%;
  padding: 22px 20px 23px 100px;
  position: relative;
}
.botton_line_ver2 .textwidget p {
  margin: 0px;
}
.botton_line_ver2 .textwidget figure {
  position: absolute;
  top: 10px;
  left: 20px;
}
.botton_line_ver2 .textwidget p span {
  font-size: 17px;
  line-height: 25px;
  color: #0f0f0f;
  font-weight: bold;
  display: table;
}
.botton_line_ver2.current .textwidget p span {
  color: #2269b3;
}
.tg_enterprise_gent_ssd_ft .container {
  max-width: 1300px;
}
.list_tab_figure{
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list_tab_figure figure{
  position: relative;
  display: table;
  margin: 0px auto;
}
.tab-content_email_mkt{
  display: none;
  padding: 0px;
}
.tab-content_email_mkt.current_email_mkt{
  display: inherit;
  -webkit-animation: slide-down 0.3s ease-out;
  -moz-animation: slide-down 0.3s ease-out;
  width: 100%;
}
.tab-content_email_mkt.current_email_mkt li{
  animation: none;
}
.tg_utility_features_nsx {
  display: block;
  width: 100%;
  padding: 70px 0px;
}
.tg_utility_features_nsx .tg_price_eamil {
  margin: 0px 0px 40px 0px;
}
.tg_utility_features_nsx .tg_price_eamil p {
  color: #2269b3;
}
.tg_icon_fixed_msx {
  display: table;
  float: left;
  width: 20%;
  min-height: 300px;
  position: relative;
}
.tg_icon_fixed_msx {

}
.tg_icon_fixed_msx figure:nth-child(1) {
  position: absolute;
  top: 10px;
  left: 40px;
  -webkit-animation: slide-down 0.3s ease-out;
  -moz-animation: slide-down 0.3s ease-out;
}
.tg_icon_fixed_msx figure img {
      position: relative;
    animation: fly 1s infinite alternate;
    display: table;
    margin: 0px auto;
}
.tg_icon_fixed_msx figure:nth-child(2) {
  position: absolute;
  top: 82px;
  right: -5px;
    -webkit-animation: slide-down 0.9s ease-out;
  -moz-animation: slide-down 0.5s ease-out;
}
.tg_icon_fixed_msx figure:nth-child(3) {
  position: absolute;
  bottom: 60px;
  left: 45px;
    -webkit-animation: slide-down 0.3s ease-out;
  -moz-animation: slide-down 0.3s ease-out;
}
.slick-dots li {
  margin: 0px 5px;
}
.slick-dots li a {
  display: table;
  width: 24px;
  height: 20px;
  color: #727272;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
}
.slick-dots li.slick-active a {
  background: #2583c1;
  color: #fff;
}
@keyframes animate {
  0% {
    transform: rotateZ(0);
  }
  
  50% {
    transform: rotateZ(35deg);
  }
  
  100% {
    transform: rotateZ(0);
  }
}
@keyframes fly {
  from {
    top: 0px;
  }
  to {
    top: 10px;
  }
} 
@media(min-width:  1366px) and (max-width:  1500px) {
  .tg_content_header_nd {
    width: 68%;
  }
  .tg_menu_heaer .logo_header {
    margin: 0px 45px 0px 0px;
  }
  .tg_menu_heaer ul {
    margin: 10px 0px 0px 0px;
  }
  .tg_icon_fixed_msx {
    width: 26%;
  }
  .tg_customer_inquires_nsx::before {
    left: 10%;
  }
}
@media (max-width:  767px) {
  body {
    overflow: hidden;
  }
  .tg_content_header_nd {
    width: 100%;
    float: initial;
  }
  .tg_menu_heaer .logo_header {
    margin: 0px;
    float: initial;
  }
  .tg_menu_heaer ul li {
    width: 50%;
  }
  .tg_menu_heaer ul li a {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }
  .tg_icon_fixed_msx {
    display: none;
  }
  .title_header_zetamail h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .title_header_zetamail {
    margin: 0px;
    padding: 0px 15px;
  }
  .title_header_zetamail p {
    font-size: 14px;
    line-height: 22px;
  }
  .bt_click_header a {
    max-width: initial;
    margin: 0px 0px 10px 0px;
  }
  .tg_header_ft {
    padding: 0px;
  }
  .tg_parameter_nsx ul {
    position: initial;
    left: initial;
    transform: initial;
    bottom: initial;
    max-width: initial;
    margin: 30px 0px 0px 0px;
    padding: 20px 10px;
  }
  .tg_parameter_nsx ul li {
    width: 50%;
    min-height: 102px;
    border: none;
  }
  .tg_parameter_nsx ul li h5 {
    font-size: 19px;
    line-height: 27px;
  }
  .tg_parameter_nsx ul li p {
    font-size: 12px;
    line-height: 20px;
  }
  .title_zetamail_nd h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .title_zetamail_nd p {
    font-size: 14px;
    line-height: 22px;
  }
  .tg_price_eamil h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .tg_price_eamil p {
    font-size: 14px;
    line-height: 22px;
  }
  ul.tg_price_zetamail li {
    width: 100%;
  }
  ul.tg_price_zetamail li .textwidget h4 {
    display: table;
    margin: 0px auto;
  }
  ul.tg_price_zetamail li .textwidget h4 font {
    right: -15px;
  }
  ul.tg_price_zetamail li.bg_recomend {
    margin: 20px 0px;
  }
  .tg_gift_zetamail .col-sm-4:nth-child(1) .text_gift_nd, .tg_gift_zetamail .col-sm-4:nth-child(2) .text_gift_nd {
    margin: 15px 0px 0px 0px;
  }
  .tg_gift_zetamail .col-sm-4:nth-child(3) {
    width: 100%;
    margin: 15px 0px 0px 0px;
  }
  .tg_register_zetamail_nsx .container>h5 {
    font-size: 18px;
    line-height: 26px;
  }
  .tg_register_zetamail_nsx .container>a {
    font-size: 18px;
    line-height: 26px;
  }
  .tg_register_zetamail_nsx {
    margin: 50px 0px 25px 0px;
  }
  .list_tab_figure {
    min-height: initial;
  }
  .tg_software_zatemail_nsx  {
    margin: 0px;
  }
  .tg_software_zatemail_nsx h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
  }
  .text_software_left ul li {
    width: 100%;
    margin: 0px 0px 0px 50px;
    min-height: 330px;
  }
  .text_software_right ul li {
    width: 100%;
    margin: 0px 0px 0px 50px;
    min-height: 330px;
  }
  .tg_client_zetamail {
    padding: 0px;
  }
  .tg_client_zetamail .container>h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .tg_client_zetamail .container>h3 strong {
    font-size: 34px;
    line-height: 42px;
  }
  .tg_slide_client li.slide_nd_ver2::before {
    display: none;
  }
  .tg_slide_client li.slide_nd_ver2::after {
    display: none;
  }
  .tg_slide_client li.slide_nd_ver2 {
    margin: 0px;
  }
  .tg_contact_fixed_2021 {
    display: none;
  }
  p.potential_customers {
    font-size: 14px;
    line-height: 22px;
    background: #2169b3;
    margin: 5px 0px 0px 0px;

  }
  .tg_client_zetamail a {
    font-size: 18px;
    line-height: 26px;
    margin: 35px auto;
  }
  .tg_customer_inquires_nsx::before {
    display: none;
  }
  .tg_customer_inquires_nsx h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .question_answer_fe .botton_line .textwidget p {
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
  }
  .question_answer_fe .expand_email_mkt p {
    font-size: 14px;
    line-height: 22px;
  }
  .tg_customer_inquires_nsx {
    padding: 20px 0px 30px 0px;
  }
  .logo_header>figure {
    text-align: center;
  }
}
.tg_slide_client .slick-slide {
  height: initial;
}
.email_maketing .question_answer_fe .botton_line {
    background: nome;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.email_maketing .question_answer_fe .botton_line {
    background: no-repeat;
}
.email_maketing .question_answer_fe .botton_line .textwidget .arrdown, .email_maketing .question_answer_fe .botton_line .textwidget .arrup {
    right: initial;
}
/*email maketing*/
/*combo sv*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
  src: url(../fonts/UTM_Kabel_KT.ttf);
  font-family: UTM_Kabel_KT;
}

@font-face {
  src: url(../fonts/SVN-Poppins_SemiBold.ttf);
  font-family: poppins;
}

html {
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
}

body {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0em;
  color: #000;
  position: relative;
  background: #fff;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

:focus,
:hover {
  outline: none !important;
}

img {
  max-width: 100%;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.container {
  width: 100%;
  max-width: 1270px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}


.logo_header figure {
  text-align: center;
  padding: 20px 0px;
}
.tg_banner_combosv_nsx {
  display: table;
  width: 100%;
  background: url("../images/banner_combo.jpg") no-repeat;
  background-size: cover;
  padding: 84px 0px;
}
.tg_banner_combosv_nsx h5 {
  font-size: 24px;
  line-height: 32px;
  color: #000;
  font-weight: bold;
  font-style: italic;
  margin: 0px 0px 20px 0px;
}
.tg_banner_combosv_nsx h3 {
  color: #5d9952;
  font-size: 40px;
  list-style: 48px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  text-transform: uppercase;
}
.tg_banner_combosv_nsx h4 {
  color: #ef7628;
  font-size: 44px;
  line-height: 52px;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 10px 0px;
  text-transform: uppercase;
  font-style: initial;
}
.tg_banner_combosv_nsx ul {
  display: table;
  width: 100%;
  margin: 40px 0px;
}
.tg_banner_combosv_nsx ul li {
  font-size: 18px;
  line-height: 26px;
  color: #000;
  padding: 0px 0px 15px 40px;
  position: relative;
}
.tg_banner_combosv_nsx ul li::before {
  position: absolute;
  content: "";
  background: url("../images/icon_tick.png") no-repeat;
  width: 36px;
  height: 38px;
  left: 0px;
  top: -12px;
}
.tg_banner_combosv_nsx ul li:last-child::before {
  background: url("../images/icon_girf.png") no-repeat;
  width: 45px;
  left: -8px;
  height: 40px;
}
.tg_banner_combosv_nsx p span {
  font-size: 80px;
  line-height: 88px;
  font-weight: bold;
  color: #ef7628;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  position: relative;
  margin: 0px 15px 0px 0px;
}
.tg_banner_combosv_nsx p span u {
  font-size: 45px;
  line-height: 53px;
  text-decoration: initial;
  position: absolute;
  top: 10px;
}
.tg_banner_combosv_nsx p i {
  font-size: 26px;
  line-height: 34px;
  font-weight: bold;
}
.tg_banner_combosv_nsx a {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  background-image: linear-gradient(to right, #5d9952, #99b654);
  display: table;
  padding: 15px 35px;
  border-radius: 40px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 30px 0px 0px 0px;
}
.tg_price_combo_nsx {
  display: table;
  position: relative;
  margin: 90px 0px 30px 0px;
}
.tg_price_combo_nsx strong {
  background: url("../images/combo_sv_icon1.png") no-repeat;
  background-size: contain;
  display: table;
  max-width: 175px;
  width: 100%;
  height: 101px;
  font-size: 26px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  padding: 15px 40px;
  font-style: italic;
  position: absolute;
  top: -70px;
  right: -140px;
}
.tg_combo_it_sv_nsx {
  display: table;
  width: 100%;
  padding: 150px 0px;
  background: url("../images/combo_bg2.png") no-repeat;
  background-size: cover;
  text-align: justify;
}
.tg_combo_it_sv_nsx .col-sm-6 figure {
  margin: 80px 0px 0px 0px;
}
.text_combo_it_nd>ul {
  display: table;
  width: 100%;
  margin: 0px 0px 30px 0px;
}
.text_combo_it_nd>ul li {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  font-weight: bold;
  padding: 0px 0px 10px 55px;
  position: relative;
}
.text_combo_it_nd>ul li::before {
  position: absolute;
  content: "";
  background: url("../images/icon2_combo.png") no-repeat;
  width: 45px;
  height: 24px;
  left: 0px;
  top: 5px;
}
.text_combo_it_nd>p {
  font-size: 18px;
  line-height: 30px;
  margin: 0px;
  text-align: justify;
}
.text_combo_it_nd>h5 {
  font-size: 18px;
  line-height: 26px;
  color: #5d9952;
  margin: 20px 0px 0px 0px;
}
.text_combo_it_nd>h5 strong span {
  color: #ef7628;
}
.tg_why_website_nsx {
  display: table;
  width: 100%;
  padding: 50px 0px;
}
h3.title_comno {
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  font-weight: bold;
  margin: 0px 0px 40px 0px;
  text-transform: uppercase;
}
.tg_why_website_nsx .col-sm-4 figure {
  text-align: center;
  min-height: 347px;
}
.tg_why_website_nsx .col-sm-4 p {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  text-align: center;
  font-weight: bold;
  display: table;
  width: 100%;
  max-width: 290px;
  margin: 0px auto;
}
.text_combo_sevice_nd {
  display: table;
  width: 100%;
  padding: 20px;
  border: 1px dashed #88b480;
  border-radius: 10px;
  position: relative;
}
.text_combo_sevice_nd::before {
  position: absolute;
  content: "";
  background: url("../images/combo_sv_before.png") no-repeat;
  width: 357px;
  height: 262px;
  z-index: 99;
  left: -150px;
  bottom: -4px;
}
.text_combo_sevice_nd::after {
  position: absolute;
  content: "";
  background: url("../images/combo_sv_after.png") no-repeat;
  width: 357px;
  height: 222px;
  z-index: 99;
  right: -100px;
  bottom: -4px;
}
.text_combo_sevice_nd ul {
  display: table;
  width: 100%;
}
.text_combo_sevice_nd ul li {
  display: table;
  float: left;
  width: 32%;
  background: #eafbe8;
  min-height: 287px;
  margin: 0px 7px;
  padding: 30px 0px;
  border-radius: 10px;
  position: relative;
}
.text_combo_sevice_nd ul li::before {
  position: absolute;
  content: "";
  background: url("../images/icon3_combo.png") no-repeat;
  width: 45px;
  height: 45px;
  top: 43%;
  right: -28px;
  z-index: 99;
}
.text_combo_sevice_nd ul li:last-child::before {
  display: none;
}
.text_combo_sevice_nd ul li h3 {
  font-size: 24px;
  line-height: 32px;
  color: #ef7628;
  margin: 0px 0px 15px 0px;
  font-weight: bold;
  text-align: center;
}
.text_combo_sevice_nd ul li p {
  font-size: 18px;
  line-height: 26px;
  color: #000;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
.text_combo_sevice_nd>h5 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #ef7628;
  margin: 14px auto;
  background: #eafbe8;
  padding: 25px 25px 25px 70px;
  display: table;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  text-decoration: underline;
}
.text_combo_sevice_nd>h5::before {
  position: absolute;
  content: "";
  background: url("../images/icon3_combo.png") no-repeat;
  width: 45px;
  height: 45px;
  top: -30px;
  left: 46%;
}

.text_combo_sevice_nd>h5::after {
  position: absolute;
  content: "";
  background: url("../images/icon_girf.png") no-repeat;
  width: 45px;
  height: 45px;
  top: 16px;
  left: 10px;
}
.text_combo_sevice_nd>h4 {
  font-size: 22px;
  line-height: 30px;
  background-image: linear-gradient(to right, #e96426, #fa962b);
  color: #fff;
  display: table;
  padding: 15px 40px;
  border-radius: 50px;
  margin: 30px auto;
  cursor: pointer;
  width: initial;
}
p.sos_close_nd {
    display: none;
}
.text_combo_sevice_nd>h4 span {
  font-size: 26px;
  line-height: 34px;
  font-weight: bold;
}
.text_combo_sevice_nd>h4 strong {
  font-size: 40px;
  line-height: 48px;
  font-family: 'Roboto', sans-serif;
  position: relative;
  margin: 0px 15px 0px 0px;
}
.text_combo_sevice_nd>h4 strong u {
  position: absolute;
  font-size: 24px;
  line-height: 32px;
  top: 3px;
  text-decoration: initial;
}
.tg_sample_interface_nsx {
  display: table;
  width: 100%;
  padding: 0px 0px 50px 0px;
}
.tg_search_combo_sv .tg_search_sop_ver2 {
    margin: 0px 0px 10px 0px;
    display: table;
    width: 100%;
}
.tg_search_combo_sv .tg_search_sop_ver2 .search_nd_ft {
    position: relative;
    width: 82%;
    float: left;
    margin: 0px 0px 20px 0px;
}

.tg_search_combo_sv .tg_search_sop_ver2 .search_nd_ft textarea {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #88b480;
    border-radius: 5px;
    height: 62px;
    resize: none;
}
.tg_search_combo_sv .tg_search_sop_ver2 .search_nd_ft textarea::-webkit-scrollbar { 
  width: 0 !important;
  display: none; 
}
.tg_search_combo_sv .tg_search_sop_ver2 .search_nd_ft .click_search_dm {
    position: absolute;
    right: 0px;
    top: 0px;
}
.tg_search_combo_sv .tg_search_sop_ver2 .search_nd_ft .click_search_dm h3 {
    margin: 0px;
    padding: 18px 45px 17px 20px;
    border-radius: 0px 5px 5px 0px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.tg_search_combo_sv .tg_search_sop_ver2 a.bt_click_search_nd {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    padding: 16px 50px;
    display: table;
    float: right;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    background: #88b480;
}
.tg_search_combo_sv .tg_search_sop_ver2 {
    margin: 0px 0px 10px 0px;
    display: table;
    width: 100%;
    padding: 60px 0px 0px 0px;
}
::placeholder {
    font-style: italic;
}
.text_SOS_combo {
  display: table;
  width: 100%;
  margin: 30px 0px 0px 0px;
}
.text_SOS_combo>p {
  font-size: 18px;
  line-height: 26px;
  margin: 0px 0px 10px 0px;
  position: relative;
  padding: 0px 0px 0px 35px;
}
.text_SOS_combo>p.sos_close_nd::before {
  position: absolute;
  content: "";
  background: url("../images/icon_close_combo.png") no-repeat;
  width: 26px;
  height: 26px;
  left: 0px;
  top: 0px;
}
.text_SOS_combo>p.sos_success_nd::before {
  position: absolute;
  content: "";
  background: url("../images/icon_tick_combo.png") no-repeat;
  width: 26px;
  height: 26px;
  left: 0px;
  top: 0px;
}
.text_SOS_combo>p.sos_close_nd a {
  font-size: 18px;
  line-height: 26px;
  background: #eafbe8;
  padding: 7px 15px;
  border-radius: 10px;
  border: 1px solid #88b480;
  color: #72b566;
}
.text_SOS_combo>p.sos_close_nd span {
  color: #ff0000;
  font-weight: bold;
}
.text_SOS_combo>p.sos_success_nd span {
  color: #1bae00;
  font-weight: bold;
}
.text_sample_interface>ul {
  display: table;
  margin: 0px auto 40px auto;
}
.text_sample_interface>ul>li {
  font-size: 18px;
  line-height: 26px;
  color: #000;
  background: #fff;
  padding: 10px 20px;
  border: 1px solid #88b480;
  border-radius: 7px;
  text-align: center;
  display: table;
  float: left;
  margin: 0px 10px;
  cursor: pointer;
}
.text_sample_interface>ul>li.currents_combo {
  background: #88b480;
  color: #fff;
}
.ct_cv_ldp_nsx figure {
  text-align: center;
}
.ct_cv_ldp_nsx a {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  background: #ef7628;
  padding: 7px 15px;
  display: table;
  margin: 20px auto 40px auto;
  border-radius: 7px;
}
 .tabs-contents_combo{
     display: none;
     padding: 0px;
}
 .tabs-contents_combo.currents_combo{
     display: inherit;
     -webkit-animation: slide-down 0.3s ease-out;
     -moz-animation: slide-down 0.3s ease-out;
}
.tabs-contents_combo.currents_combo li{
    animation: none;
}
.tg_content_combo_sv {
  background: #eafbe8;
}
.tg_combo_service_nsx {
  display: table;
  width: 100%;
  padding: 250px 0px;
  background: url(../images/combo_bg2.png) no-repeat;
  background-size: cover;
}
.content h2{margin-bottom:50px}
  .tab_ver2{ text-align:center; float:left; width:100%; margin-bottom:40px}
  .tab_ver2 li{display: inline;margin: 0 5px;}
  .tab_ver2 li a{color:#fff;background: #8c8c8c;padding: 10px 30px;border-radius: 30px; font:16px roboto; position:relative}
  .tab_ver2 li a:hover:after,.tab_ver2 li a.active:after{width:100%; position:absolute; left:0; bottom:-14px; content:"\f0d7"; font-family: FontAwesome; color:#70b521; font-size:25px}
  .tab_ver2 li a:hover,.tab_ver2 .active_ver2{ background:#60b737; color:#fff; text-decoration:none}
  .temp .view_demo{background:#ff8400}
  .temp .button a {
    border-radius: 4px;
    padding: 8px 15px;
    font: 15px tahoma;
    color: #fff;
    margin: 20px auto 40px auto;
    box-shadow: 1px 1px 3px #717171;
    display: table;
}
.content_ldp_website_tab2 h2 {
    border: dashed 1px #8f8f8f;
    padding: 15px 20px;
    background: #ebebeb;
    border-radius: 3px;
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    margin: 40px auto 60px auto;
    display: table;
}
.text_combo_it_nd a {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    background-image: linear-gradient(to right, #5d9952, #99b654);
    display: table;
    padding: 15px 35px;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px 0px 0px 0px;
}
@media(max-width:  767px) {
  body {
    overflow: hidden;
  }
  .tg_banner_combosv_nsx {
    padding: 15px 0px;
  }
  .tg_banner_combosv_nsx h5 {
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 10px 0px;
  }
  .tg_banner_combosv_nsx h3 {
    font-size: 34px;
    line-height: 42px;
  }
  .tg_banner_combosv_nsx h4 {
    font-size: 32px;
    line-height: 40px;
  }
  .tg_banner_combosv_nsx ul {
    margin: 20px 0px;
  }
  .tg_price_combo_nsx {
    margin: 60px 0px 10px 0px;
  }
  .tg_banner_combosv_nsx a {
    font-size: 16px;
    line-height: 24px;
    margin: 0px auto;
  }
  .tg_combo_it_sv_nsx {
    background: #fff;
    padding: 40px 0px;
  }
  .text_combo_it_nd {
    display: table;
    width: 100%;
    margin: 20px 0px 0px 0px;
  }
  h3.title_comno {
    font-size: 32px;
    line-height: 40px;
  }
  .tg_why_website_nsx .col-sm-4 figure {
    min-height: initial;
  }
  .tg_combo_service_nsx {
    padding: 40px 0px;
    background: #fff; 
  }
  .text_combo_sevice_nd ul li {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .text_combo_sevice_nd ul li::before {
    bottom: -28px;
    right: 41%;
    top: initial;
  }
  .text_combo_sevice_nd::before, .text_combo_sevice_nd::after {
    display: none;
  }
  .text_combo_sevice_nd>h4 span {
    font-size: 18px;
    line-height: 26px;
  }
  .text_combo_sevice_nd>h4 strong {
    font-size: 34px;
    line-height: 42px;
  }
  .tg_search_sop_ver2 .search_nd_ft {
    width: 100%;
    margin: 0px 0px 5px 0px;
  }
  .tg_search_sop_ver2 .search_nd_ft .click_search_dm h3 {
    padding: 21px 5px 17px 20px;
    font-size: 16px;
  }
  ::placeholder {
    font-size: 15px;
  }
  .tg_search_sop_ver2 a.bt_click_search_nd {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    text-align: center;
  }
  .text_SOS_combo {
    padding: 30px 0px 0px 0px;
  }
  .text_sample_interface>ul>li {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .content_ldp_website_tab2 h2 {
    font-size: 24px;
  }
  .content_ldp_website_tab2 ul.tab li {
    display: table;
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
    .content_ldp_website_tab2 ul.tab li a {
      display: table;
      width: 100%;
    }
} 
/*combo sv*/
/*email premium*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  src: url(../fonts/UTM_Kabel_KT.ttf);
  font-family: UTM_Kabel_KT;
}

@font-face {
  src: url(../fonts/SVN-Poppins_SemiBold.ttf);
  font-family: poppins;
}

html {
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
}

body {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  font-family: 'Nunito', sans-serif;
  letter-spacing: 0em;
  color: #000;
  position: relative;
  background: #fff;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

:focus,
:hover {
  outline: none !important;
}

img {
  max-width: 100%;
}
/* POPUP */
.tg_email_premium_nsx .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0,0,0,0.7);
  font-size: 15px;
  display: none;
}
.tg_email_premium_nsx .popup .content_popup {
  position: relative;
  margin: 100px auto 0px auto;
  z-index: 9;
  width: 80%;
  text-align: center;
  transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  max-width: 300px;
  background: #fff;
  padding: 0px 0px 30px 0px;
  max-width: 600px;
  width: 100%;
  border-radius: 5px;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.tg_email_premium_nsx .popup .content_popup .title {
  font-size: 18px;
  background: url(images/icon_noice.png) top center no-repeat;
  padding-top: 70px;
  margin-bottom: 15px;
}
.tg_email_premium_nsx .popup .close_popup {
  font-size: 14px;
  cursor: pointer;
  color: #fff;
    /* background: #ddba76;
    */
    padding: 7px 15px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    clear: both;
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 20px;
}
.tg_email_premium_nsx .commit_popup{
  background: #ffe6e6;
  border: dashed 1px #ffa7a7;
  padding: 15px;
  text-align: center;
  margin: 15px;
  display: none;
}
.tg_email_premium_nsx .commit_popup h3{
  font-size: 20px;
  margin: 0px;
}
.tg_email_premium_nsx .commit_popup span{
  color: red;
  font-size: 20px;
}
.tg_email_premium_nsx .commit_popup p{
  margin: 10px 0px 0px 0px;
  font-style: italic;
  font-size: 18px;
}
.tg_email_premium_nsx .content_popup h1{
  font-size: 22px;
  text-transform: uppercase;
  background: #1eaab8;
  padding: 12px 0px 10px 0px;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  margin: 0px;
}
.tg_email_premium_nsx .popup label {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  text-align: left;
}
.tg_email_premium_nsx .popup .form-control {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.tg_email_premium_nsx .popup .list_group{
  padding:0px 15px;
}
.tg_email_premium_nsx .popup .form-group{
  margin:15px 0px 0px 0px;
}
.tg_email_premium_nsx .mabaove .img_mabv{
  float:left;
}
.tg_email_premium_nsx .mabaove input[type="text"]{
  float: left;
  width: initial;
  min-width: 185px;
  line-height: 10px;
  height: 30px;
  margin: 5px 10px 0px 0px;
}
.tg_email_premium_nsx .mabaove a.refresh{
  float: left;
  margin: 5px 0px 0px 20px;
}
.tg_email_premium_nsx .img_mabv img{
  border:solid 1px #ccc;
  border-radius: 5px;
}
.tg_email_premium_nsx .mabaove{
  display: table;
  width: 100%;
}
.tg_email_premium_nsx .popup .security{
  border-bottom: 1px dashed #ccc;
  padding: 0px 0px 15px 0px;
}
.tg_email_premium_nsx .popup button[type*="submit"]{
  color: #fff;
  background-color: #d9534f;
  border: none;
  border-radius: 20px;
  padding: 13px 30px;
  font-size: 16px;
  margin: 20px 0px 0px 0px;
  cursor:pointer;
}
.tg_email_premium_nsx .popup button[type*="submit"]:hover{
  background:#1eaab8;
}
.tg_email_premium_nsx .encrypt .container h4{
  text-align: center;
  font-weight: 700;
  font-size: 22px;
}
.tg_email_premium_nsx .encrypt .container h4 a{
  padding: 15px 30px;
  margin: 30px auto 0px auto;
  display: table;
  color: #fff;
  background: #f78d03;
  border-radius: 10px;
}
.tg_email_premium_nsx .show_popup:hover{
  color: #fff;
  box-shadow: 3px 3px 10px #918383 
}
.tg_email_premium_nsx .row {
  margin-right: -15px;
  margin-left: -15px;
}

.tg_email_premium_nsx .container {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
/* BUTTON SLIDE */
.tg_email_premium_nsx .slick-slide {
  height: initial;
}
.tg_email_premium_nsx .slick-slider{
  margin:0px !important;
}
.tg_email_premium_nsx .slick-prev:before {
  content: "\f104" !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 32px !important;
  width: 42px;
  height: 42px;
  display: inline-block;
  line-height: 40px !important;
  color: #fff!important;
  border-radius: 0px;
  /* border: 1px solid #fff; */
  border-radius: 50%;
  background-image: linear-gradient(to right, #692ed7, #0866b2);
}
.tg_email_premium_nsx .slick-next:before {
  content: "\f105" !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 32px !important;
  width: 42px;
  height: 42px;
  display: inline-block;
  line-height: 40px !important;
  color: #fff!important;
  border-radius: 50%;
  background-image: linear-gradient(to right, #692ed7, #0866b2);
}
.tg_email_premium_nsx .slick-prev {
  left: 45%;
  top: 120%;
  margin-top:-30px;
  width: 42px;
  height: 42px;
  display: none !important;
}
.tg_email_premium_nsx .slick-next {
  right: 46% !important;
  top: 120%;
  margin-top:-30px;
  width: 42px;
  height: 42px;
  display: none !important;
}
.tg_email_premium_nsx .slick-prev:hover::before, .tg_email_premium_nsx .slick-next:hover::before{
  color:#fff  !important;
}
.tg_email_premium_nsx .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0px;
  list-style-type: none;
  bottom: -40px;
}
.tg_email_premium_nsx .slick-dots li {
  margin: 0px 5px !important;
  width: initial !important;
  height: initial;
  padding: 0px !important;
  background: initial !important;
}
.tg_email_premium_nsx .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: blue;
  text-indent: -9999px;
  width: 13px !important;
  height: 13px !important;
  background: #a6afb7 !important;
}
.tg_email_premium_nsx .slick-dots li.slick-active button {
  background-color: #2296f3 !important;
  width: 16px !important;
  height: 16px !important;
  margin: -2px 0px 0px 0px;
}
/*SLIDE*/


.tg_email_premium_nsx .logo_header figure {
  text-align: center;
  padding: 20px 0px;
}
.tg_email_premium_nsx .tg_price_email_ver2_nsx {
  display: block;
  width: 100%;
  background: #fff;
  padding: 50px 0px;
}
.tg_email_premium_nsx h3.title_email_ver2 {
  font-size: 30px;
  line-height: 38px;
  color: #293341;
  margin: 0px 0px 40px 0px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.tg_email_premium_nsx h3.title_email_ver2 span {
  display: table;
  width: 100%;
}
.tg_email_premium_nsx .tg_table_price_ft table {
  width: 100%;
}
.tg_email_premium_nsx .tg_table_price_ft table tr th {
  font-size: 18px;
  line-height: 26px;
  background: #293341;
  padding: 15px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  border: 1px solid #e6f1fb;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding: 15px;
  border: 1px solid #e6f1fb;
  text-align: center;
  width: 18%;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td:first-child {
  width: 30%;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td span {
  font-size: 20px;
  list-style: 28px;
  color: #ff893a;
  font-weight: bold;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td:first-child {
  text-align: left;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td a {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #2296f3;
  width: 100%;
  padding: 10px;
  display: block;
  max-width: 200px;
  text-align: center;
  border-radius: 25px;
  margin: 0px auto;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td .xemtinhnang {
  background: #fff;
  color: #2296f3;
  border: 1px solid #2296f3;
  float: left;
  font-size: 16px;
  line-height: 24px;
  color: #2296f3;
   width: 100%;
  padding: 10px;
  display: block;
  max-width: 200px;
  text-align: center;
  border-radius: 25px;
  position: relative;
  cursor: pointer;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td .xemtinhnang p {
  margin: 0px;
  padding: 0px 10px 0px 0px;
}
.tg_email_premium_nsx .tg_table_price_ft table tr.tinhnangthem>td {
  padding: 0px;
}
.tg_email_premium_nsx .tg_table_price_ft table tr.tinhnangthem {
  display: none;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td .xemtinhnang i.fa-angle-up {
  display: none;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td .xemtinhnang i {
  position: absolute;
  top: 50%;
  left: 90%;
  transform: translate(-50%, -50%);
}
.tg_email_premium_nsx .tg_table_price_ft table tr:nth-child(2n+1) {
  background: #f3f9fe;
}
.tg_email_premium_nsx .tg_table_price_ft table tr td table tr:nth-child(2n) {
  background: #fff;
 }
 .tg_kh_highlights_nsx {
  display: block;
  width: 100%;
  background: #f3f9fe;
  padding: 60px 0px 120px 0px;
 }
.tg_email_premium_nsx .tg_kh_highlights_nsx>.container>ul {
  display: block;
  width: 100%;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx>.container>ul li {
  background: #fff;
  padding: 95px 20px 20px 20px;
  display: inline-block;
  width: 100%;
  margin: 70px 20px 0px 20px;
  max-width: 530px;
  position: relative;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx>.container>ul li figure {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx ul li .textwidget>p {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
  font-style: italic;
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-weight: bold;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx ul li .textwidget .tg_manager_nd {
  display: table;
  float: right;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx ul li .textwidget .tg_manager_nd h5 {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  text-align: right;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx ul li .textwidget .tg_manager_nd p {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
  margin: 0px 0px 20px 0px;
}
.tg_email_premium_nsx .tg_email_premium_nsx {
  display: table;
  width: 100%;
  padding: 40px 0px;
}
.tg_email_premium_nsx .tg_email_premium_nsx h4 {
  font-size: 24px;
  line-height: 32px;
  color: #162e50;
  text-transform: uppercase;
  margin: 130px 0px 70px 0px;
  font-weight: bold;
}
.tg_email_premium_nsx .tg_email_premium_nsx a {
  font-size: 18px;
  line-height: 26px;
  background: #ff893a;
  display: table;
  width: 100%;
  max-width: 200px;
  margin: 25px 0px 0px 0px;
  color: #fff;
  padding: 10px 0px;
  text-align: center;
  border-radius: 25px;
}
.tg_email_premium_nsx .tg_email_premium_nsx a.tg_tuvan_nd {
  background: #2296f3;
}
.tg_email_premium_nsx .tg_frequently_asked_nsx {
  display: table;
  width: 100%;
  background: url("../images/banner_bottomemail.png") no-repeat;
  padding: 90px 0px 10px 0px;
  background-size: cover;
  min-height: 1046px;
}
.tg_email_premium_nsx .tg_frequently_asked_nsx h3.title_email_ver2 {
  color: #fff;
}
.tg_email_premium_nsx .question_answer_fe {
   display: table;
   width: 100%;
   margin: 40px 0px 20px 0px;
   max-width: initial;
}
.tg_email_premium_nsx .question_answer_fe .botton_line {
   background: rgb(0 0 0 / 10%);
   margin: 0px 0px 10px 0px;
   padding: 20px;
}
.tg_email_premium_nsx .question_answer_fe .botton_line .textwidget {
   display: table;
   width: 100%;
   cursor: pointer;
   position: relative;
border-bottom: none;margin: 0px;padding: 0px;}
.tg_email_premium_nsx .question_answer_fe .botton_line .textwidget p {
   margin: 0px;
   font-size: 18px;
   line-height: 26px;
   color: #fff;
   font-weight: 600;
   float: left;
   width: 100%;
   max-width: 960px;
}
.tg_email_premium_nsx .question_answer_fe .botton_line .textwidget .arrdown, .tg_email_premium_nsx .question_answer_fe .botton_line .textwidget .arrup {
 position: absolute;
 top: 50%;
 right: 2%;
 transform: translate(-50%, -50%);
left: initial;padding: 0px;}
.tg_email_premium_nsx .question_answer_fe .botton_line .textwidget .arrdown i, .tg_email_premium_nsx .question_answer_fe .botton_line .textwidget .arrup i {
 font-size: 17px;
 text-align: center;
 line-height: 22px;
 color: #fff;
background: no-repeat;}
.tg_email_premium_nsx .question_answer_fe .botton_line .textwidget p i {
   margin: 0px 10px 0px 0px;
}
.tg_email_premium_nsx .question_answer_fe .expand {
     padding: 15px 20px;
     display: none;
     background: rgb(0 0 0 / 10%);
     margin: 20px 0px 0px 0px;
}
.tg_email_premium_nsx .question_answer_fe .expand p {
   font-size: 16px;
   line-height: 24px;
   margin: 0px;
   color: #fff;
   font-style: italic;
}
.tg_email_premium_nsx .question_answer_fe .expand p a {
  color: yellow;
}
.tg_email_premium_nsx .tg_header_top_nsx {
  display: table;
  width: 100%;
  background: url("../images/banner_header.jpg") no-repeat;
  background-size: cover;
  padding: 0px 0px 170px 0px;
  position: relative;
}
.tg_email_premium_nsx .bt_click_top_nsx {
  display: table;
  width: 100%;
  padding: 30px 0px;
}
.tg_email_premium_nsx .bt_click_top_nsx .logotenten_nsx {
  float: left;
}
.tg_email_premium_nsx .bt_click_top_nsx ul {
  display: table;
  float: right;
}
.tg_email_premium_nsx .bt_click_top_nsx ul li {
  float: left;
  margin: 25px 0px 0px 0px;
}
.tg_email_premium_nsx .bt_click_top_nsx ul li a {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  padding: 0px 20px;
}
.tg_email_premium_nsx .content_header_nd>h2 {
  font-family: poppins;
  font-size: 50px;
  line-height: 58px;
  text-transform: uppercase;
  text-align: center;
  color: #feac41;
  margin: 20px 0px 20px 0px;
}
.tg_email_premium_nsx .content_header_nd>p {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  font-style: italic;
  margin: 0px 0px 70px 0px;
  color: #fff;
}
.tg_email_premium_nsx .bt_header_email_new {
  display: table;
  margin: 0px auto;
}
.tg_email_premium_nsx .bt_header_email_new a {
  font-size: 18px;
  line-height: 26px;
  display: table;
  padding: 12px 50px;
  border-radius: 25px;
  background-image: linear-gradient(to right, #ce7b10, #e4ac27);
  float: left;
  color: #fff;
  font-weight: bold;
}
.tg_email_premium_nsx .bt_header_email_new a:last-child {
  margin: 0px 0px 0px 20px;
  background: #fff;
  color: #293341;
}
.tg_email_premium_nsx .tg_commit_email_server {
  display: table;
  background: rgb(0 0 0 / 20%);
  margin: 70px auto;
  padding: 20px 20px 20px 120px;
  position: relative;
  border: 1px dashed #545d6a;
  border-radius: 10px;
}
.tg_email_premium_nsx .tg_commit_email_server::before {
  position: absolute;
  content: "";
  background: url("../images/email_icon6.png") no-repeat;
  width: 90px;
  height: 90px;
  left: 20px;
  top: 12px;
}
.tg_email_premium_nsx .tg_commit_email_server h5 {
    font-size: 22px;
    line-height: 30px;
    color: #e6b229;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.tg_email_premium_nsx .tg_commit_email_server p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-style: italic;
  text-align: center;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header {
  display: table;
  width: 100%;
  max-width: 1170px;
  background: #293341;
  /* padding: 20px; */
  border-radius: 5px;
  border: 5px solid rgb(255 255 255 / 10%);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 20px 0px;
  min-height: 200px;
  cursor: pointer;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li:hover {
  background: #3e4856;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li:nth-child(3) .wrap_figure figure {
  max-width: 32%;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li .wrap_figure {
  position: relative;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 0px 15px 0px;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li .textwidget h3 strong {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin: 0px 5px 0px 0px;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li .textwidget h3 span {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
.tg_email_premium_nsx ul.tg_fixed_bottom_header li .textwidget p {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  margin: 0px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx {
  display: table;
  width: 100%;
  background: url("../images/banner_prioritized.png") no-repeat;
  padding: 180px 0px 50px 0px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx h3.title_email_ver2 span {
  display: table;
  width: 100%;
  text-align: center;
}
.tg_email_premium_nsx .tg_countdown_idx {
  display: table;
  margin: 0px auto 30px auto;
  background: #fff;
  padding: 25px 20px;
  border-radius: 10px;
  width: 100%;
  max-width: 630px;
  box-shadow: 0px 0px 1px #f0f0f0, 0px 0px 3px #dedede;
}

.tg_email_premium_nsx .tg_countdown_idx .pricedm_cd_idx {
    float: left;
}

.tg_email_premium_nsx .tg_countdown_idx .pricedm_cd_idx a {
    margin: 0px;
    font-size: 20px;
    font-family: 'raleway_bold';
    font-style: italic;
    color: #fff;
    position: relative;
    padding: 0px 0px 0px 20px;
}

.tg_email_premium_nsx .tg_countdown_idx .pricedm_cd_idx a::before {
    content: url(../images/icon_thunder_sale_2021.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.tg_email_premium_nsx .tg_countdown_idx .pricedm_cd_idx a strong {
    color: #fff700;
}

.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx {
    /* float: right; */
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown {
    display: inline-block;
    vertical-align: middle;
}

.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx p {
    margin: 0px 30px 0px 0px;
    display: inline-block;
    color: #442416;
    font-size: 16px;
    line-height: 23px;
    vertical-align: middle;
}

.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown li {
    display: inline-block;
    font-size: 18px;
    margin: 0px 10px 0px 0px;
}
.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown li:last-child {
  margin: 0px;
}

.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown strong {
    background: #febc41;
    padding: 7px 10px;
    border-radius: 5px;
    color: #fff;
font-size: 18px;width: 40px;line-height: 26px;height: 40px;}

.tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown span {
    color: #442416;
    margin: 0px 3px 0px 5px;
font-size: 14px;}

.tg_email_premium_nsx .tg_countdown_idx .tg_regislink_cd {
    display: none;
}

.tg_email_premium_nsx .tg_countdown_idx .tg_regislink_cd a {
    font-size: 18px;
    font-family: 'raleway_bold';
    font-style: italic;
    position: relative;
    padding: 0px 0px 0px 40px;
    animation: color-change 1s infinite;
}

.tg_email_premium_nsx .tg_countdown_idx .tg_regislink_cd a::before {
    content: url(../images/icon_hand_blue.png);
    position: absolute;
    top: -3px;
    left: 0px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5 {
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  color: #293341;
  display: table;
  margin: 80px 0px 20px 0px;
  position: relative;
  display: table;
  width: 100%;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5:last-child {
  margin: 80px 0px 6px 0px;
  float: right;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5::before {
  position: absolute;
  content: "";
  background: url(../images/icon_prioritized.png) no-repeat;
  width: 70px;
  height: 60px;
  left: -80px;
  top: -7px;

}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5:last-child::before {
  position: absolute;
  content: "";
  background: url(../images/icon_domain_new.png) no-repeat;
  width: 90px;
  height: 80px;
  left: -90px;
  top: -24px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx .tg_km_ver2_nd:last-child h5 i {
    color: #293341;
    font-size: 22px;
    font-style: initial;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx .tg_km_ver2_nd {
  display: table;
  float: left;
  width: 47%;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx .tg_km_ver2_nd:last-child {
  float: right;
  margin: 0px 0px 0px 55px;
}
/*.tg_prioritized_email_nsx>.container>h5::before {
  position: absolute;
  content: "";
  background: url("../images/icon_prioritized.png") no-repeat;
  width: 30px;
  height: 30px;
}*/
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5 img {
  margin: 0px 10px 0px 0px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5 span {
  color: #2296f3;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5 i {
  color: #ff893a;
  font-style: initial;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5 u {
  background: #ff893a;
  padding: 5px 20px;
  color: #fff;
  border-radius: 5px;
  font-style: initial;
  text-decoration: initial;
}
.tg_email_premium_nsx .tg_email_preidum_solution {
  display: table;
  width: 100%;
  background: url("../images/banner_predium.png") no-repeat;
  padding: 80px 0px;
}
.tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul {
  display: table;
  width: 100%;
  margin: 60px 0px 0px 0px;
  position: relative;
}
.tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul li {
  background: #fff;
  border-top: 5px solid #d3e1f8;
  border-radius: 5px;
  margin: 0px 0px 15px 0px;
  padding: 15px;
  cursor: pointer;
}
.tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul li:hover {
  background-image: linear-gradient(to right, #fff8e1, #fff);
  border-top: 5px solid #febc41;
}
.tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul li h3 {
  font-size: 20px;
  line-height: 28px;
  color: #293341;
  margin: 0px 0px 10px 0px;
  font-weight: bold;
  position: relative;
}
.tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul li h3::before {
  position: absolute;
  content: "";
  width: 555px;
  height: 20px;
  bottom: -88px;
  left: -15px;
}
.tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
  margin: 0px;
}
.tg_email_premium_nsx .tg_slide_soluyion ul li:hover .hover_images {
  opacity: 1;
  visibility: visible;
}
.tg_email_premium_nsx .hover_images {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 60px;
    right: -600px;
    transition:opacity 500ms;
}
.tg_email_premium_nsx .tg_hidden_ns {
  position: absolute;
  top: 60px;
  right: -600px;
}
.tg_email_premium_nsx .tg_domain_name_nsx {
  display: table;
  width: 100%;
  background: url("../images/bg_name_domain.png") no-repeat;
  padding: 50px 0px;
}
.tg_email_premium_nsx .tg_domain_name_nsx .tg_title_domain {
  display: table;
  width: 100%;
  margin: 0px 0px 100px 0px;
}
.tg_email_premium_nsx .tg_domain_name_nsx .tg_title_domain h3.title_email_ver2 {
  margin: 0px 0px 20px 0px;
}
.tg_email_premium_nsx .tg_domain_name_nsx .tg_title_domain p {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
  text-align: center;
  margin: 0px;
}
.tg_email_premium_nsx .tg_domain_name_text ul {
  display: table;
  width: 100%;
}
.tg_email_premium_nsx .tg_domain_name_text .col-sm-6:nth-child(2) ul {
  margin: 50px 0px 0px 0px;
}
.tg_email_premium_nsx .tg_domain_name_text .col-sm-6:nth-child(2) ul li {
  margin: 0px auto 50px 0px;
}
.tg_email_premium_nsx .tg_domain_name_text ul li {
  background: #fff;
  padding: 25px;
  box-shadow: 2px 3px 3px #ebf7ff, -2px -3px 3px #ebf7ff;
  margin: 0px 0px 50px 0px;
  border-radius: 5px;
  display: table;
  width: 100%;
  max-width: 530px;
  border-bottom: 3px solid #fff;
}
.tg_email_premium_nsx .tg_domain_name_text ul li:hover {
  border-bottom: 3px solid #257cc2;
  transition: transform 0.25s ease-out;
}
.tg_email_premium_nsx .tg_domain_name_text ul li .textwidget {
  display: table;
  width: 100%;
  max-width: 280px;
  float: left;
}
.tg_email_premium_nsx .tg_domain_name_text ul li .wrap_figure {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}
.tg_email_premium_nsx .tg_domain_name_text ul li .textwidget h5 {
  font-size: 20px;
  line-height: 28px;
  color: #293341;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
.tg_email_premium_nsx .tg_domain_name_text ul li .textwidget p {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
}
.tg_email_premium_nsx .text_money_borrow .range-slider h5 {
  font-size: 16px;
  line-height: 24px;
  color: #293341;
  font-weight: bold;
  margin: 0px;
  float: left;
  display: table;
  text-align: right;
}
.tg_email_premium_nsx .text_money_borrow .range-slider input {
  width: 55%;
  float: left;
  margin: 0px 20px;
  -webkit-appearance: none;
  height: 30px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
}
.tg_email_premium_nsx .tg_customers_email_nsx h3 {
  font-size: 26px;
  line-height: 34px;
  color: #293341;
  margin: 50px 0px 20px 0px;
  text-align: center;
  font-weight: 600;
}
.tg_email_premium_nsx .text_money_borrow .range-slider {
    display: flex;
    /* max-width: 900px; */
    /* margin: 0px auto 20px auto; */
    /* float: left; */
    width: 100%;
}
.tg_email_premium_nsx .text_money_borrow .range-slider h5 {
    font-size: 16px;
    line-height: 24px;
    color: #293341;
    font-weight: bold;
    margin: 0px;
    text-align: right;
    display: block;
    width: 25%;
}
.tg_email_premium_nsx .text_money_borrow .wrap_range_fake {
    width: 64%;
    position: relative;
    margin: 0px 20px;
}
.tg_email_premium_nsx .text_money_borrow .range_fake {
    background: #cbcccd;
    height: 25px;
}
.tg_email_premium_nsx .text_money_borrow ul {
    height: 20px;
    position: absolute;
    top: 30px;
    left: 0px;
    width: 100%;
    z-index: 2;
}
.tg_email_premium_nsx .text_money_borrow ul li {
    width: 20%;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.tg_email_premium_nsx .text_money_borrow ul li.current span {
    background: #2296f3;
}
.tg_email_premium_nsx .range-slider__value {
    font-size: 20px;
    line-height: 28px;
    color: #ff893a;
    font-weight: bold;
}
.tg_email_premium_nsx .text_money_borrow ul li span {
    position: absolute;
    width: 40%;
    height: 25px;
    top: -30px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.tg_email_premium_nsx .tg_km_ssl_nsx {
  display: table;
  margin: 0px auto;
  width: 100%;
  max-width: 950px;
}

.tg_email_premium_nsx .copycp{
    display: table;
    font: 700 21px roboto;
    background: #187abd;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
    margin: 0px;
    width: 100%;
    max-width: 320px;
position: initial;bottom: initial;}
.tg_email_premium_nsx .copycp span{
    line-height: 32px;
    text-transform: uppercase;
    padding-left: 10px;
}
.tg_email_premium_nsx .copycp a{
  background-image: linear-gradient(to right, #ffd65d , #febf06);
  color: #000;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 50px;
  margin-left: 10px;
}
.tg_email_premium_nsx .tg_km_ver2_nd>p {
  font-size: 18px;
  line-height: 26px;
  padding: 13px;
  font-weight: bold;
  background: #187abd;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  display: table;
}
.tg_email_premium_nsx a.bt_money_predium {
      font-size: 16px;
      line-height: 24px;
      display: table;
      padding: 8px 30px;
      border-radius: 25px;
      background-image: linear-gradient(to right, #ce7b10, #e4ac27);
      color: #fff;
      font-weight: bold;
      margin: -8px auto 40px auto;
      display: table;
      /* background: #2296f3; */
}
.tg_email_premium_nsx .text_money_nsx {
  display: table;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
.tg_email_premium_nsx .bt_click_top_nsx {
    width: 100%;
    z-index: 9999;
}
.tg_email_premium_nsx .content_header_nd {
  display: table;
  width: 100%;
  padding: 110px 0px 0px 0px;
}
@media(max-width:  767px) {
  .tg_email_premium_nsx body {
    overflow: hidden;
  }
  .tg_email_premium_nsx .bt_click_top_nsx .logotenten_nsx {
    float: initial;
  }
  .tg_email_premium_nsx .logotenten_nsx figure {
    text-align: center;
  }
  .tg_email_premium_nsx .bt_click_top_nsx ul li a {
    font-size: 16px;
    line-height: 24px;
  }
  .tg_email_premium_nsx .bt_click_top_nsx ul li {
    width: 50%;
    text-align: center;
}
.tg_email_premium_nsx .content_header_nd>h2 {
  font-size: 40px;
  line-height: 48px;
  margin: 0px 0px 10px 0px;
}
.tg_email_premium_nsx .content_header_nd>p {
    font-size: 20px;
    line-height: 28px;
    }
    .tg_email_premium_nsx .bt_header_email_new a {
      float: initial;
      margin: 0px auto 10px auto;
    }
    .tg_email_premium_nsx .bt_header_email_new a:last-child {
      margin: 0px;
    }
    .tg_email_premium_nsx .tg_commit_email_server::before {
      left: 50%;
      top: 24%;
      transform: translate(-50%, -50%);
    }
    .tg_email_premium_nsx .tg_commit_email_server {
      padding: 100px 20px 20px 20px;
    }
    .tg_email_premium_nsx ul.tg_fixed_bottom_header li {
      width: 50%;
      margin: 0px 0px 30px 0px;
    }
    .tg_email_premium_nsx ul.tg_fixed_bottom_header li .wrap_figure {
      margin: 0px;
    }
    .tg_email_premium_nsx ul.tg_fixed_bottom_header li .textwidget h3 {
      margin: 10px 0px 0px 0px;
    }
    .tg_email_premium_nsx ul.tg_fixed_bottom_header li .textwidget h3 strong {
      font-size: 20px;
      line-height: 28px;
    }
    .tg_email_premium_nsx ul.tg_fixed_bottom_header li .textwidget p {
      font-size: 14px;
      line-height: 22px;
    }
    .tg_email_premium_nsx ul.tg_fixed_bottom_header {
      position: initial;
      top: initial;
      left: initial;
      transform: initial;
    }
    .tg_email_premium_nsx .tg_header_top_nsx {
      padding: 0px 0px 20px 0px;
    }
    .tg_email_premium_nsx .tg_prioritized_email_nsx {
      padding: 30px 0px;
    }
    .tg_email_premium_nsx h3.title_email_ver2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0px 0px 15px 0px;
  }
  .tg_email_premium_nsx .tg_countdown_idx {
    padding: 15px 10px;
  }
  .tg_email_premium_nsx .tg_countdown_idx .cd_area_idx p {
    text-align: left;
    float: initial;
    display: table;
  }
  .tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown {
    display: table;
    width: 100%;
    margin: 15px 0px 0px 0px;
  }
  .tg_email_premium_nsx .tg_countdown_idx .cd_area_idx #tg_countdown li {
    font-size: 14px;
    margin: 0px 10px 0px 0px;
  }
  .tg_email_premium_nsx .tg_prioritized_email_nsx>.container>h5 {
    margin: 30px auto 30px auto;
  }
  .tg_email_premium_nsx .tg_prioritized_email_nsx>.container>h5 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }
  .tg_email_premium_nsx .tg_table_price_ft {
    display: block;
    overflow: auto;
  }
  .tg_email_premium_nsx .tg_table_price_ft table tr th {
    font-size: 12px;
    line-height: 20px;
  }
  .tg_email_premium_nsx .tg_table_price_ft table tr td span {
    font-size: 14px;
    line-height: 22px;
  }
  .tg_email_premium_nsx .tg_table_price_ft table tr td {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 48px 10px 10px;
  }
  .tg_email_premium_nsx .tg_table_price_ft table tr td .xemtinhnang {
    font-size: 12px;
    line-height: 16px;
  }
  .tg_email_premium_nsx .tg_table_price_ft table tr td a {
    font-size: 10px;
    line-height: 18px;
  }
  .tg_email_premium_nsx .tg_table_price_ft tr.tinhnangthem table tr td:first-child {
    width: 0%;
    padding: 10px 0px 10px 10px;
  }
  .tg_email_premium_nsx .tg_table_price_ft table tr:last-child td {
    padding: 10px 5px;
  }
  .tg_email_premium_nsx .tg_email_preidum_solution {
    padding: 30px 0px;
  }
  .tg_email_premium_nsx .tg_slide_soluyion .col-sm-6:nth-child(1) ul {
    margin: 0px;
    padding: 0px 0px 30px 0px;
  }
  .tg_email_premium_nsx .tg_hidden_ns {
    right: 0px;
    top: initial;
    bottom: -100px;
    display: none;
  }
  .tg_email_premium_nsx .tg_domain_name_nsx .tg_title_domain {
    margin: 0px 0px 30px 0px;
  }
  .tg_email_premium_nsx .tg_domain_name_text ul li .textwidget {
    max-width: initial;
    float: initial;
  }
  .tg_email_premium_nsx .tg_domain_name_text ul li {
    margin: 0px 0px 30px 0px;
  }
  .tg_email_premium_nsx .tg_domain_name_text .col-sm-6:nth-child(2) ul {
    margin: 0px 0px 0px 0px;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx>.container>ul li figure {
  left: 44%;
}
.tg_email_premium_nsx .tg_kh_highlights_nsx {
  padding: 30px 0px 70px 0px;
}
.tg_email_premium_nsx .slick-dots {
  bottom: -10px;
}
.tg_email_premium_nsx .tg_email_premium_nsx h4 {
  margin: 0px 0px 30px 0px;
}
.tg_email_premium_nsx .tg_email_premium_nsx a {
  font-size: 14px;
  line-height: 22px;
      max-width: 160px;
    float: left;
    margin: 25px 10px 20px 0px;
}
.tg_email_premium_nsx .text_money_borrow .range-slider {
  display: table;
  max-width: initial;
  width: 100%;
}
.tg_email_premium_nsx .text_money_borrow .wrap_range_fake {
  margin: 20px 0px;
  width: 80%;
  float: left;
}
.tg_email_premium_nsx .range-slider__value {
  font-size: 15px;
  line-height: 23px;
  float: right;
  margin: 20px 0px 0px 0px;
}
.tg_email_premium_nsx .text_money_borrow .range-slider h5 {
  text-align: left;
  line-height: 6px;
  width: 100%;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5 {
  font-size: 20px;
  line-height: 28px;
  width: 100%;
  float: initial;
  margin: 0px 0px 15px 0px;
  text-align: center;
  padding: 0px 0px 0px 50px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5::before {
    width: 50px;
    height: 60px;
    left: 6px;
    top: -6px;
    background-size: contain;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5:last-child {
  margin: 30px 0px 0px 0px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx h5:last-child::before {
  width: 60px;
  height: 80px;
  left: 0px;
  top: -14px;
  background-size: contain;
}
.tg_email_premium_nsx .content_header_nd {
  padding: 210px 0px 0px 0px;
}
.tg_email_premium_nsx .tg_prioritized_email_nsx>.container .tg_km_ssl_nsx .tg_km_ver2_nd {
  margin: 0px 0px 40px 0px;
  width: 100%;
}
}
@media (max-width:  450px) {
.tg_email_premium_nsx .question_answer_fe .botton_line .textwidget p {
  max-width: 280px;
}
}

/*email premium*/