*{margin: 0; padding: 0;}

@font-face{

    font-family: "font";

    src: url(../fonts/NunitoSans-Regular.ttf)

}

@font-face {

    font-family: 'Roboto-Medium';

    src: url(../fonts/Roboto-Medium.ttf) ;

    font-weight: normal;

    font-style: normal;

}

body{

    font-family: 'Arial';
    font-size: 14px;
    /* font-family: 'Roboto-Medium, Times New Roman'; */

}

p{

    margin: 0;

}

img{

    max-width: 100%;

}

.name_company{

    text-transform: uppercase;

    color: #016f19;

    font-weight: bold;

    font-size: 20px;

    text-align: center;

    margin-top: 20px;

}

.logo img{

    /* margin-bottom: -80px; */
    width: 140px;
    height: 120px;

}

.home_1{

    background: url(../img/vien.png) no-repeat center bottom;
    background-color: #010101;

    margin-top: 10px;

    padding-bottom: 10px;

    min-height:45px;

}



.search{

    margin-top: 10px;

    position: relative;

}

.search input{

    padding-left: 10px;

    border: 1px solid #ccc;

    height: 25px;

    width: 83.4%;

}

.search button{

    border: none;

    background: #ff8c05;

    color: #fff;

    font-size: 13px;

    height: 27px;

    cursor: pointer;

    padding: 0 10px;

    position: absolute;

    top: 0;

    right: 0;

}

.menu_top a{

    text-decoration: none;

    color: #EB80B4;

    font-size: 10px;

    font-weight: bold;

}

.menu_top{

    /*float: right;*/

    margin-top: 5px

}

.phone{

    /*float: right;*/

    font-size: 16px;

    margin-top: 5px;

}

.phone label{

    width: 80px;
    display: inline-block;
    color: #016f19;
    font-weight: bold;

}

.phone span{

    color: #ff2222;

    font-weight: bold;

}

.phone p{

    margin: 0px;
    font-weight: bold;

}

.like_face{

    margin-top: 5px;

    /*float: right;*/

}

.menu{

    width: 100%;

    background: #016f19;

    margin-top: 0;

}
.nav ul li a{

    text-decoration: none;

    color: #fdf5f5;

    width: 100%;

    display: inline-block;
    

}

.nav ul li{

    float: left;

    list-style: none;

    padding: 0 30px;

    height: 45px;

    line-height: 45px;

    font-size: 15px;

    /* border-left: 1px solid #fff; */

    position: relative;

    text-transform: uppercase;
    font-weight: bold;

}

.nav ul li:first-child{



}

.nav ul li img{

    width: 80%

}

.nav ul{

    padding-top: 0px;
    padding-bottom: 0px;

    margin: 0;

}

.nav ul li a:hover{

    color: #fff

}



.nav ul li ul{

    display: none;

    position: absolute;

    top: 45px;

    width: auto;

    left: 0px;

    z-index: 99999;

    background: #fff;

    border: 1px solid #ccc;

}

.nav ul li ul li ul{

    left: 100%;

    top: -1px;

}

.nav ul li ul li a{

    color: #353535

}

.nav ul li ul li:hover{

    background: #fff;





}

.nav ul li ul li a:hover{

    color: #353535

}

/*.nav ul li:hover ul{*/

    /*display: block;*/

/*}*/

.nav ul li:hover{

    transition: all 0.25s;

    background: #fa549d;

}

.nav ul li ul li{

    padding: 0px 15px;

    width: 100%;

    border-top: 1px solid #ccc;

    border-left: none;

    box-sizing: border-box;

}

.nav ul li ul li:first-child{

    padding: 0 15px;

}

.slide{

    width: 100%;

    margin-bottom: 10px;

}

.slide img{

    width: 100%

}

.slide #owl-slide .owl-pagination{

    margin-top: -50px;

}

.slide #owl-slide .owl-controls .owl-page span{

    display: block;

    width: 16px;

    height: 16px;

    margin: 5px 7px;

    filter: Alpha(Opacity=50);

    opacity: 0.9;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #869791;

    border: 1px solid #fff;

}

.slide #owl-slide .owl-controls .owl-page.active span{

    background: #fff;

}

/* #owl-demo .owl-controls .owl-buttons .owl-next{

    font-size: 38px;

    font-family: monospace;

    color: #1781dc;

    display: inline-block;

    zoom: 1;

    margin: 0px;

    padding: 8px;

    border-radius: 0px;

    background: #ccc;

    filter: Alpha(Opacity=50);

    opacity: 0.8;

    right: 10px;

}



#owl-demo .owl-controls .owl-buttons .owl-prev{

    font-size: 38px;

    font-family: monospace;

    color: #1781dc;

    display: inline-block;

    zoom: 1;

    margin: 0px;

    padding: 8px;

    border-radius: 0px;

    background: #ccc;

    filter: Alpha(Opacity=50);

    opacity: 0.8;

    left: 10px

}

#owl-demo .owl-controls .owl-buttons div{ 

	position: absolute;

	top: 50%



} */

.title_primary{

    /* background: url(../img/bg_home.png) no-repeat center bottom; */
    background: url(../img/bg_home.png) no-repeat bottom;

    text-align: left;

    font-size: 20px;

    color: #016f19;

    padding-bottom: 10px;

    margin-top: 10px;
    font-weight: bold;
        float: left;

}

.nd_title_primary{

    margin-top: 10px;

    text-align: center;
    color: #ffb300;
}

.tour{



}

.title_list_tour{

    background: url(../img/vien.png) no-repeat center bottom;

    margin-top: 10px;

    padding-bottom: 10px;

    min-height:45px;

}

.title_list_tour a{

    text-decoration: none;

    color: #ffb300;

    font-size: 18px;
    font-weight: bold;

}

.title_list_tour a:hover{

    color: #000;

}

.list_tour{

    /*margin-top: 20px;*/

    padding-bottom: 10px;

}

.nd_list_tour{

   /* background: url(../img/vien.png) no-repeat center bottom;*/

    padding-bottom: 10px;

    margin-top: 10px;

    font-size: 13px;

}

.list_tour img,.list_travel img{

   height: 280px;

}

.nd_list_tour p{

    margin: 0px;

}

.price_list_tour{

    margin-top: 10px;

    font-weight: bold;

    color: #1579bd;

    font-size: 20px;

    display: table;

    width: 100%;

    clear: both;
    padding-left: 20px;

    /*padding-bottom:10px;*/

}

.price_list_tour a{

    float: right;

    color: #353535;

    font-weight: bold;

    border: 1px solid #F177AC;

    padding: 2px 10px;

    text-decoration: none;

    font-size: 14px;

}

.price_list_tour a:first-child{

    margin-left: 10px;

}

.price_list_tour a:hover{

    color: #fff;

    background: #f177ad

}

.video_about{

    margin-top: 20px;

}

.list_about ul{

    margin: 0;

    padding: 0;

}

.list_about{

    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;

    color: #353535;

    text-align: justify;

}

.list_about1{

    margin-top: 20px;

    color: #353535;

    text-align: justify;

}

.list_about ul li{

    line-height: 25px;

}

.more_list_about{

    margin-top: 15px;

    float: right;

}

.more_list_about a{

    color: #ffb300;

    font-weight: bold;

    border: 1px solid #ffb300;

    padding: 2px 10px;

    text-decoration: none;

    font-size: 14px;

}

.more_list_about a:hover{

    color: #fff;

    background: #f177ad

}

.menu_dia_phương{

    margin-top: 20px;

    text-align: center;

}

.menu_dia_phương a{

    color: #353535;

    text-decoration: none;

    margin-left: 5px;

    margin-right: 5px;

}

.menu_dia_phương span:last-child{

    display: none;

}

.list_travel{

    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    background:url(../img/vien.png) no-repeat center bottom;

    /*border: 1px solid #ccc*/

}

/*.list_travel img{*/

    /*min-height: 200px;*/

/*}*/

.title_list_travel{
    margin-top: 0px;
    padding: 0 10px;
    
    min-height: 40px;
    text-align: center;


}



.title_list_travel a{

    color: #353535;

    text-decoration: none;

  /*  font-weight: bold; */

}

.title_list_travel a:hover{

    color: #1579bd;

}

.price_list_travel{

    float: right;

    /* border-left: 1px solid #ccc; */

    /* padding-right: 26px; */

    font-size: 16px;

}

.dat_tour{

    padding: 5px 10px;

    border-top: 1px solid #ccc;

    margin-top: 10px;

}

.price_list_travel span{

    color: #fa549d

}

.dat_tour a{

    color: #353535;

    text-decoration: none;

    border-right: 1px solid #ccc;

    padding-right: 10px;

}

.more_tour_trong_nuoc{

    text-align: center;

    margin-top: 30px;

    font-weight: bold;

}

.more_tour_trong_nuoc a{

    color: #fff;

    text-decoration: none;

    font-size: 18px;

    background: #508d9e;

    padding: 10px 20px;

}

.form_tim_tour input{

    width: 100%;

    border: none;

    height: 30px;

    padding-left: 10px;

    box-sizing: border-box;

}

.form_tim_tour{

    margin-top: 20px;

    background: #1579bd;

    padding: 15px;

}

.form_tim_tour select{

    width: 100%;

    height: 30px;

    border: none;

}

.form_tim_tour button{

    width: 100%;

    height: 30px;

    border: none;

    background: #fa549d;

    cursor: pointer;

    color: #fff

}



.title_primary_1{

    background: url(../img/vien.png) no-repeat left bottom;

    font-weight: bold;

    font-size: 20px;

    color: #555555;

    padding-bottom: 10px;

    margin-top: 20px;

}

.news_primary_ttdl{

    margin-top: 20px;

}

.title_news_primary_ttdl a{

    text-transform: uppercase;

    text-decoration: none;

    color: #167ac6;

    font-size: 18px;

}

.date_news_primary_ttdl{

    font-size: 12px;

    margin-top: 10px;

}

.nd_news_primary_ttdl{

    margin-top: 10px;
    color: #444;
    font-size: 14px;

}

.tin_con_ttdl{

    margin-top: 20px;

}

.tin_con_ttdl img{

    margin-bottom: 10px;

}

.tin_con_ttdl a{

    color: #353535;

    text-decoration: none;

}

.ava_visa{

    margin-top: 20px;

}

.list_visa{

    margin-top: 20px;

}

.list_visa ul{

    margin: 0;

    padding: 0;

}

.list_visa ul li a{

    color: #353535;

    text-decoration: none;

}

.list_visa ul li{

    /*list-style: url(../img/icon.png);*/

    /*list-style-position: inside;*/

    list-style: none;

    line-height: 16px;

}

.list_visa ul li a:hover{

    color: #fa549d

}

.article_face{

    margin-top: 20px;

}

#owl-demo3 .item {

    width: 90%;

    display: block;

    margin: auto;

}

.danh_hieu{

    margin-top: 20px;

    padding-bottom: 20px;



}

.danh_hieu .item{

    padding: 0 5px;

}

.danh_hieu img{

    max-width: 100px;

    max-height: 55px;

}

.link{

    margin-top: 20px;

}

.link a{

    text-decoration: none;

    color: #353535;

    font-size: 13px;

    font-weight: bold;

}

.link a:hover{

    color: #3e4095

}





.title_trangcon{

    width: 100%;

    background: #ebebeb;

    border-left: 10px solid #fa549d;

    margin-top: 20px;

    box-sizing: border-box;

}

.title_trangcon p{

    text-transform: uppercase;

    /* font-family: title_content; */

    font-size: 18px;

    padding: 12px 20px;

    /* line-height: 45px; */

    color: #3e4095;

    margin: 0;

}

.article{

    margin-top: 20px;

    text-align: justify;

    margin-bottom: 10px;

}



.title_menu_doc{

    height: 45px;

    background: #ee1d23;

    margin-top: 20px;

}



.title_menu_doc p{

    line-height: 45px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

}

.menuvertical ul{

    border: 1px solid #ccc;

    margin: 0;

    padding: 0;

}

.menuvertical ul li a{

    text-decoration: none;

    color: #11B9E1

}

.menuvertical ul li a:hover{

    color: #3e4095

}

.menuvertical ul li{



    line-height: 30px;

    list-style: none;

    padding: 0px 10px;

    background: #fff;

    border-top: solid 1px #ccc;

    border-bottom: none;

    position: relative;

    font-size: 16px;

    margin: 0 30px;

}

.menuvertical ul li i{

    margin-right: 10px

}



.menuvertical ul li ul{

    position: absolute;

    top: -2px;          /*cho ngang hàng với menu cha, vì menu cha có border - 1 nên ta phải trừ đi 1*/

    right: -114px;      /*vì nàm ngoài khung và dài 250px nên là số âm 250px */

    display: none;      /*Ban đầu sẽ không hiển thị*/



}

.menuvertical ul li:hover ul{

    display: block;

}

.menuvertical ul li img{

    width: 25px;

    margin-right: 20px;

}

.menuvertical ul li:first-child{

    border-top: none;

}

.menuvertical ul li .icon-play-sign{

    float: right;

    margin-top: 14px;

}

.tour_hot{

    border: 1px solid #ccc;

    padding: 10px;

}

.img_box_tour_hot{

    position: relative;



}

.img_box_tour_hot .sale{

    position: absolute;

    top: 0;

    left: 0;

    background: #fa549d;

    color: #fff;

}

.box_tour_hot{

    margin-top: 15px;

    border-bottom: 1px dotted #ccc

}

.price_box_tour_hot{

    color: #fa549d;

    margin-top: 5px;

}

.title_box_tour_hot a{

    color: #353535;

    text-decoration: none;

}



.list_world_travel{

    display: inline-block;

    border: 1px solid #ccc;

    width: 100%;

    box-sizing: border-box;

}



.list_world_travel ul{



    margin: 0;

    padding: 0;

}



.list_world_travel ul li a{

    text-decoration: none;

    color: #353535

}

.list_world_travel ul li a:hover{

    color: #3e4095

}

.list_world_travel ul li{

    line-height: 30px;

    background: #fff;

    /* border-top: solid 1px #ccc; */

    border-bottom: none;

    position: relative;

    font-size: 16px;

    margin: 0 50px;

}

.list_world_travel ul li i{

    margin-right: 10px

}



.list_world_travel ul li ul{

    position: absolute;

    top: -2px;          /*cho ngang hàng với menu cha, vì menu cha có border - 1 nên ta phải trừ đi 1*/

    right: -114px;      /*vì nàm ngoài khung và dài 250px nên là số âm 250px */

    display: none;      /*Ban đầu sẽ không hiển thị*/



}

.list_world_travel ul li:hover ul{

    display: block;

}

.list_world_travel ul li img{

    width: 25px;

    margin-right: 20px;

}

.list_world_travel ul li:first-child{

    border-top: none;

}

.list_world_travel img{

    padding: 10px;

}

.form_ttdk input{

    width: 50%;

    height: 25px;

    border: 1px solid #ccc;

    margin-bottom: 10px!important;

}

.form_ttdk textarea{

    width: 50%;

    border: 1px solid #ccc;

    margin-bottom: 10px!important;

}

.form_ttdk{

    margin-top: 20px;

}

.form_ttdk span{

    color: #f00;

    font-family: "Arial";

}

.form_ttdk .warning{

    font-size: 12px;

    margin-bottom: 10px;

    margin-top: -8px;

}

.form_ttdk button{

    height: 30px;

    border: none;

    background: #055699;

    cursor: pointer;

    color: #fff;

    padding: 8px 15px;

    text-transform: uppercase;

}

.more_tour_chitiet{

    text-align: center;

    margin-top: 40px;

    font-weight: bold;

}

.more_tour_chitiet a{

    color: #fff;

    text-decoration: none;

    font-size: 18px;

    background: #3e4095;

    padding: 10px 20px;

}

.box_dvdl{

    margin-top: 20px;

    border-bottom: 1px dotted #ccc;

    display: inline-block;

    padding-bottom: 20px;

}

.box_dvdl .title a{

    color: #1579bd;

    text-decoration: none;

}

.box_dvdl .title{

    margin-top: 15px;

    font-size: 16px;

    height: 60px;

}

.box_dvdl .more{

    float: right;

    margin-top: 15px;

}

.box_dvdl .more a{

    color: #353535;

    text-decoration: none;

    border: 1px solid #3e4095;

    padding: 5px 10px;

    font-size: 12px;

}

.more_box_tour_hot{

    margin-top: 20px;

    text-align: center;

}

.more_box_tour_hot a{

    color: #353535;

    text-decoration: none;

    border: 1px solid #3e4095;

    padding: 5px 10px;

    font-size: 12px;

}

.paging{

    text-align: right;

    margin-top: 20px;

    padding-bottom: 20px

}

.paging a{

    text-decoration: none;

    padding: 5px 10px;

    border: 1px solid #ccc;

    color: #1579bd

}

.paging a:hover{

    background: #1579bd;

    color: #fff

}

/*We are done :)*/

.btn_dp button{

    display: block;

    margin: auto;

    background: #fa549d;

    color: #fff;

    border: none;

    padding: 10px 15px;

    cursor: pointer;

}

.btn_dp{

    margin-top: 20px;

}

.form_dat_phong{

    margin-top: 20px;

}

.form_dat_phong input{

    width: 80%;

    border: 1px solid #ccc;

    height: 25px;

    margin-bottom: 10px!important;

}

.form_dat_phong textarea{

    width: 80%;

    border: 1px solid #ccc;

}

.form_dat_phong input.room-input{

    width: 100%;

}

.form_dat_phong span.err{

    color: #f00;

    font-family: Arial;

}

.form_dat_phong button{

    background: #fa549d;

    color: #fff;

    border: none;

    padding: 10px 15px;

    cursor: pointer;

    margin-top: 10px;

}

.form-select{

    width: 100%;

    text-align: left;

    margin-bottom: 5px!important;

}

.form-select i{

    position: absolute;

    right: 5px;

    top: 5px;

}

.form_ttdl{

    margin-top: 20px;

    background: #1579bd;

    color: #fff;

    padding: 12px;

    font-size: 13px;

}

.form_ttdl select{

    border: none;

    width: 50%;

    height: 30px;

    margin-left: 12px;

}

.news_ttdl .id{

    font-size: 80px;

    color: #1579bd;

    margin-top: 20px;

    /*background: url("") no-repeat left ce;*/

}

.news_ttdl{

    margin-top: 20px;

}

.news_ttdl .title{

    font-size: 20px

}

.news_ttdl .title a{

    color: #1579BD;

    text-decoration: none;



}

.news_ttdl .date{

    margin-top: 15px;

    font-size: 12px;

}

.customer{

    background: url("../images/star.png") no-repeat left center;

    padding-left: 22px;

    color: #353535;

    margin-top: 15px;

}

.news_ttdl .img{

    margin-top: 20px;

}

.article img{

    /*margin-bottom: 15px;*/

}

.contact_primary span{

    color: #1579bd

}

.contact_primary{

    margin-top: 20px;

}

.maps{

    margin-top: 20px;

}

.contact_primary input{

    width: 100%;

    padding-left: 10px;

    box-sizing: border-box;

    border: 1px solid #ccc;

    height: 30px;

    margin-bottom: 15px!important;

}

.contact_primary textarea{

    width: 100%;

    padding-left: 10px;

    box-sizing: border-box;

    border: 1px solid #ccc;

    margin-bottom: 15px!important;

}

.contact_primary span input{

    width: 35%

}

.contact_primary button{

    float: right;

    margin-left: 15px;

    background: #174731;

    color: #fff;

    border: none;

    padding: 8px 15px;

    cursor: pointer;

}

.contact_primary span button{

    background: #555

}

footer{

    border-top: 2px solid #eee;
    background-color: #013b63;

    /*margin-top: 30px;

    background: url("../images/bg1.png") repeat-x;*/

}

.dh{

    background: #ebebeb;

    margin-top: 30px;

}

.add_footer{

    margin-top: 5px;

    /*line-height: 20px;*/

}

.add_footer p{

    margin-bottom: 0;

    margin-top: 0;

}

.add_footer p span{

    font-weight: bold;

    color: #b68d47;

}

.the_footer{

    margin-top: 30px;

}

.copy_footer{

    margin-top: 30px;

    float: right;

}

.logo_footer{

    margin-top: 10px;

}

.bct{

    float: right;

    margin-top:10px;

}

.footer_bottom{

    border-top: 0px solid #ccc;

    margin-top: 20px;

}



.loading_gif{

    position:fixed;

    top:0px;

    left:0px;

    right:0px;

    bottom:0px;

    margin:auto;

    z-index: 9999;

    width:200px;

}

.overlay{

    background:rgba(44, 138, 202, 0.5);

    width:100%;

    height:100%;

    position:fixed;

    top:0px;

    z-index:9998;

}



/*tab*/

.group-tab ul{

    padding: 0;

    background:url("../img/bg-ul.png") repeat-x left bottom;

    list-style: none;

}

.group-tab ul li{

    display: inline-block;

    background: #ee1d23;

    margin: 0 2px;

    padding: 5px;

    font-size: 16px;

    color: #fff;

    cursor: pointer;

    list-style: none!important;

}

.group-tab ul li:hover,.group-tab ul li.active{

    border: 1px solid #555555;

    border-bottom: none;

    background: #fff;

    color: #555555;

}

.group-tab ul li:first-child{

    margin-left: -2px;

}

.tour-regis{

    padding: 0 40px;

}

section.slider{

    padding: 0 40px;

}

.room-err{

    font-size: 16px;

    color: #FA549D;

    text-align: center;

}

.room-err span{

    color: #3E4095;

    font-weight: bold;

}

.note-room {

    border: 1px solid #3E4095;

    padding: 30px 10px;

    margin: 30px 0 0 20px;

    background: #F0F0F0;

}

.note{

    font-size: 13px;

    color: #FA549D;

    font-weight: bold;

}

.note p.by-success{

    color: #00CC00;

    background: #F0F0F0;

    padding: 5px 10px;

}

.note p.by-err{

    color: #ff0000;

    background: #F0F0F0;

    padding: 5px 10px;

}

.sub-menu a{

    white-space: nowrap;

    text-transform: none;

}

.menu ul li ul.sub-menu-tour{

    width: 750px;

}

.menu ul li ul.sub-menu-info{

    width: 400px;

}

.menu ul li ul.sub-menu-tour li{

    float: left;

    width: 25%;

    border-top: none;

}

.menu ul li ul.sub-menu-info li{

    float: left;

    width: 50%;

    border-top: none;

}

.menu ul li ul.sub-menu-tour li a:hover,.menu ul li ul.sub-menu-info li a:hover{

    color: #FA549D;

}

/*Phân trang */

.paging ul {

    padding-left: 0;

    list-style: none;

}



.paging ul li {

    float: left;

    width: auto!important;

}



.paging {

    /*margin-bottom: 50px;*/

    display: inline-block;

    width: 100%;

}



.paging ul li a {

    padding: 5px 15px;

    background: #58585a;

    margin-right: 5px;

}



.paging ul li a:hover {

    background: #4e86ba ;

}



.paging ul li.pagination-next {

    border-right: none;

}



.paging ul li a {

    color: #fff;

    z-index: 2;

    font-weight: bold;

}



.paging ul li a.activepage {

    color: #fff;

    cursor: default;

    background: #4e86ba ;

}



.pagination {

    margin: 0 auto;

    display: table;

}



.paging {

    text-align: left;

    margin-top: 50px;

}

/*mobile*/

.slide-tour-inner{

    padding-left: 15px;

}

.contact-bank{

    border-top: 1px solid #ccc;

    margin: 30px 0;

}

.col-left p{

    margin: 5px 0;

}

.col-left p span.price{

    color: #fa549d;

    font-size: 18px;

    font-weight: bold;

}

.col-left p span.time{

    color: #fa549d;

}

.p-date{

    /*height: 40px;*/

}

.p-area{



}

.p-sta{

    height: 40px;

}

.p-car{

    height: 40px;

}

.margin-10{

    margin-left: -10px;
    color: #353535;

}
.margin-10_bt{

    margin-left: -10px;
    color: #fff;

}
.margin-5{

    margin-left: -5px;

}

.padding-10{

    padding-left: 10px;

}

.padding-5{

    padding-left: 5px;

}

.office-footer p{

    white-space: nowrap;

}

.main-top{

    background: url("../images/bg1.png") repeat-x;

    width: 100%;

    padding-bottom: 5px;

}



ul.bot-social{

    list-style: none;

}

 ul.bot-social li{

    float: left;

    margin-right: 5px;

}

 ul.bot-social li a{

    display: block;

    width: 50px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    background: #3b3d3f;

    font-size: 16px;

}

 ul.bot-social li a:hover{

    color:#fff; ;

}

ul.bot-social li a i{

    color: #fff!important;

}

ul.bot-social li.so-face a{

    background: #6078AB;

}

ul.bot-social li.so-plus a{

    background: #DC4E41;

}

ul.bot-social li.so-tw a{

    background: #1B98E4;

}



ul.bot-social li.so-in a{

    background: #3190C2;

}

ul.bot-social li.so-you a{

    background: #E62117;

}









/*Version 2*/

.content-account{

    padding: 20px 0;

}

.ris-title{

    font-size: 20px;

    color: #3e4095;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.ris-title span{

    border-bottom: 2px solid #3e4095;

}

.group-login{

    width: 100%;

}

.title-login{

    background: #3e4095;

    color: #fff;

    font-size: 20px;

    text-align: center;

    text-transform: uppercase;

    line-height: 50px;

    width: 100%;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.group-center{

    width: 100%;

    padding: 20px 15px;

    border: 1px solid #e0e0e0;

    background: #f9f9f9;

    box-sizing: border-box;

}

.group-center .uk-form-icon{

    width: 100%;

}

.group-center .uk-form input{

    height: 45px;

    padding: 0 6px 0 50px!important;

    border-radius: 5px;

}

.group-center  .uk-form-icon i{

    display: block;

    top: 8px;

    left: 1px;

    height: 43px;

    width: 40px;

    text-align: center;

    line-height: 43px;

    background: #eeeeee;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    font-size: 20px;

}

.btn-login{

    border-radius: 5px;

    font-size: 20px;

    color: #fff;

    background: #fb64a7;

    height: 42px;

    line-height: 42px;

    width: 100%;

    text-transform: uppercase;

    font-weight: normal;

}

.action-login{

    margin-top: 30px;

}

.account-frame{

    border: 1px solid #b9b9b9;

}

.action-account{

    padding: 15px;

}

.action-account ul{

    padding: 0;

    margin: 0;

    list-style: none;

}

.action-account ul li{

    margin-bottom: 10px;

    position: relative;

    background: #eaf2f6;

    border-radius: 3px;

    padding: 8px 10px;

}

.action-account ul li i{

    position: absolute;

    right: 5px;

    top: 12px;

}

.account-list{

    border-left: 1px solid #b9b9b9;

}

.uk-form-row .form-control{

    height: auto;

    padding: 4px 12px;

}



/*css checkbox*/

.item-on-off{

    min-width: 75px;

}

.item-on-off input[type=checkbox]:not(old){

    width     : 75px;

    height: 26px;

    margin    : 0;

    padding   : 0;

    font-size : 1em;

    opacity   : 0;

    cursor: pointer;

}

.item-on-off input[type=checkbox]:not(old) + label{

    display      : inline-block;

    margin-left  : -75px;

    margin-bottom: 2px;

    line-height  : 1.5em;

}

.item-on-off input[type=checkbox]:not(old) + label > span{

    display          : inline-block;

    width            : 75px;

    height           : 26px;

    margin           : 0;

    background: url("../images/arrow-off.png") no-repeat;

}

.item-on-off input[type=checkbox]:not(old):checked + label > span{

    background: url("../images/arrow-on.png") no-repeat;

}

.item-on-off input[type=checkbox]:not(old):checked + label > span:before{

    width            : 75px;

    height           : 26px;

}

.account-list{

    padding: 20px 15px;

}

.row-hotel{

    padding: 10px 0;

    border-bottom: 1px solid #ccc;

}

.ht-name{

    font-size: 18px;

    line-height: 20px;

    margin-bottom: 10px;

}

.ht-name a{

    text-decoration: none;

    color: #3e4095;

}

.ht-address{

    font-size: 14px;

    margin-bottom: 15px;

}

.ht-address i{

    color: #3e4095;

}

.ht-img img{

    width: 100%;

    border-radius: 3px;

}

.ht-excerpt{

    font-size: 13px;

    /*color: #8b8b8b;*/

}

.ht-money i{

    color: #333889;

}

.total-room{

    margin-top: 15px;

}

.total-room span{

    background: #fb65a7;

    padding: 8px 10px;

    font-size: 14px;

    color: #fff;

    border-radius: 3px;

}

.price-sale {

    text-align: right;

    margin-bottom: 10px;

}

.price-sale span{

    background: url("../images/bg-sale.png") no-repeat;

    width: 96px;

    height: 20px;

    padding: 2px 10px;

    font-size: 12px;

    color: #fff;

}

.ht-price-old{

    font-size: 14px;

    text-decoration: line-through;

    text-align: right;

    margin-bottom: 10px;

}

.ht-price{

    color: #ff3890;

    font-size: 24px;

    text-align: right;

    margin-bottom: 10px;

}

.btn-view-room{

    margin: 10px 0;

    text-align: right;

}

.btn-view-room a{

    background: #ffea00;

    padding: 5px 10px;

    font-size: 12px;

    color: #2d2d2d;

    text-transform: uppercase;

    border-radius: 3px;

}

.btn-add-room{

    margin:15px 0 10px 0;

    text-align: right;

}

.btn-add-room a{

    background: #ffea00;

    padding: 5px 10px;

    font-size: 12px;

    color: #2d2d2d;

    text-transform: uppercase;

    border-radius: 3px;

}

.type-room{

    margin-bottom: 10px;

    color: #f02b2b;

    text-align: right;

}

.ht-status{

    text-align: right;

}

.ht-publish{

    color: #00CC00;

    font-size: 20px;

    margin-right: 5px;

}

.btn-remove{

    color: #f02b2b;

    font-size: 20px;

    cursor: pointer;

}

.ht-name-room{

    font-size: 16px;

    color:#FF8C05 ;

    margin: 0 0 30px 0;

}

#slider-hotel{

    margin: 0;

    overflow: hidden;

    height: 400px;

}

#slider-hotel .flex-direction-nav a{

    line-height: 40px;

}

#carousel-hotel img{

    cursor: pointer;

    height: 90px;

    overflow: hidden;

    margin: 0;

}

.hotel-detail{

    margin-bottom: 20px;

}

.hotel-title-detail{

    background: #3e4095;

    line-height: 40px;

    padding: 0 10px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    margin: 0;

}

.box-hotel-detail{

    border: 1px solid #e5e5e5;

    padding: 30px 10px 10px 10px;

}

.list-room{

    padding: 0;

}

.table-room th,.table-room td{

    border: 1px solid #ccc;

}

.table-room th{

    background:  #edfaff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: normal;

    text-align: center;

}

.table-room td{

    padding: 0;

    vertical-align: middle;

}

.room-name{

    text-transform: uppercase;

    line-height: 20px;

    padding:  10px;

}

.room-img{

    max-width: 160px;

}

.room-user{

    text-align: center;

}

.room-full{

    padding: 0 10px;

}

.room-price{

    padding: 0 10px;

}

.room-by-old{

    text-decoration: line-through;

}

.room-by{

    color:#ff3890 ;

    font-size: 24px;

}

.room-number{

    padding: 0 10px;

}

.room-number input{

    width: 80px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #ccc;

    border-radius: 3px;

    padding-left: 3px;

}

.btn-room{

    padding: 0 10px;

}

.button-room{

    font-size: 14px;

    white-space: nowrap;

    background: #ffea00;

    border-radius: 5px;

    text-transform: uppercase;

}

.button-room:hover,.button-room:focus,.button-room::after{

    background: #ff3890;

    color: #fff;

}

.find-hotel{

    position: relative;

}



.find-hotel .group-find-hotel{

    background: url("../images/bg-find-hotel.png") repeat;

    margin:100px 0;

    height: 200px;

    border-radius: 5px;

    padding: 20px;
    width: 99%;

}

/*end */

.select-box select {

    height: 35px;

    padding-right: 20px;

    padding-left: 5px;

    line-height: 35px;

    margin: 0;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    background: #fff;

    color: #000000;

    border: 1px solid #d5e0ba;

    outline: none;

    display: inline-block;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer;

    width: 100%;

    text-align: left;

    font-size: 12px;

    font-weight: normal;

    /*font-family: "Helvetica Neue", "Open Sans";*/



}

.select-category select{

    min-width: 200px;

    max-width: 400px;

}

.select-box select option {

    height: 33px;

    line-height: 33px;

}

.select-box label {

    position: relative;

    width: 100%;

}

.select-box label:after {

    color: #aaa;

    content: '';

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    right: 8px;

    top: 2px;

    padding: 0 20px 2px;

    position: absolute;

    pointer-events: none;

}



.select-box label:before {

    background: url("../images/arrow-select.png") no-repeat scroll 0 10px;

    content: "";

    display: block;

    height: 30px;

    pointer-events: none;

    position: absolute;

    right: 6px;

    top: 0;

    width: 10px;

}

.find-hotel-title{

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.find-hotel .title-checkbox{

    color: #fff;

    font-size: 13px;

    padding-bottom: 5px;

    display: block;

}

.find-hotel input,.module-vin-pearl input{

    line-height: 35px;

    height: 35px;

    border-radius: 3px;

    border: none;

}

.btn-search-hotel{

    width: 100%;

    background: #fa549d;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    color: #fff;

    padding: 8px;

    text-align: center;

    border-radius: 5px;

}

.btn-search-hotel:hover{

    background: #FF8C05;

    color: #fff;

}

.btn-search-tour{

    width: 100%;

    background: #fa549d;

    font-size: 16px;

    font-weight: bold;

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    border-radius: 5px;

    line-height: 35px;

    height: 35px;

    padding: 0;

}

.main-hotel{

    padding: 20px 0;

}

.row-hotel-slide{

    margin-left: -5px;

    margin-right: -5px;

}

.item-hotel{

    padding-left: 5px;

    padding-right: 5px;



}

.item-inner-hotel{

    position: relative;

}

.bg-title{

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 9;

    background: url("../images/bg-title.png") repeat;

    padding: 5px 10px;

    box-sizing: border-box;

    display: block;

    width: 100%;



}

.slide-hotel .bg-title{

    position: relative;

    min-height: 125px;

}

.bg-title h3{

    margin: 0;

    line-height: 16px;

}

.bg-title h3 a{

    font-size: 16px;

    color: #fff;

    text-decoration: none;

}

.bg-title .ht-address{

    margin-bottom: 5px;

}

.bg-title .ht-address,.bg-title .ht-address i{

    color: #dbdbdb;

    font-size: 13px;

}

.sale-home {

    position: absolute;

    top: 5px;

    right: 5px;

    z-index: 10;

}

.hotel-price{

    text-align: right;

}

.hotel-price .ht-price-old{

    color: #dbdbdb;

    font-size: 13px;

}

.hotel-price .ht-price{

     color: #fff;

     font-size: 13px;

}

.slide-hotel{

    margin-top: 30px;

}

.destination-inner{

    position: relative;

    border-radius: 5px;

    overflow: hidden;

}

.hotel-destination{

    padding-top: 30px;

}

.list-destination{

    padding-top: 30px;

}

.find-ht-content,.price-ht-content{

    padding: 10px;

    border: 1px solid #ccc;

}

.find-ht-content input{

    line-height: 35px;

    height: 35px;

    border-radius: 3px;

    border: 1px solid #ccc;

}

.find-ht-title{

    background: #3e4095;

    color: #ffffff;

    font-size: 16px;

    line-height: 38px;

    padding: 0 10px;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    text-transform: uppercase;

}

.hotel-box-action{

    background: #e9f3f7;

    padding: 10px 5px;

}

.hotel-list-find{

    border: none;

    padding-top: 0;

}

.line-total{

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

    padding-bottom: 10px;

    display: inline-block;

    width: 100%;

}

.total-hotel,.width-50{

    display: block;

    float: left;

}

.total-hotel{

    background: #ffefb0;

    padding: 5px 20px;

    margin-right: 15px;

    border-radius: 5px;

    font-size: 13.5px;

}

.module-content-hotel{

    padding-top: 20px;

}

.ht-name a span{

    color: #ffd21f;

    padding-left: 20px;

}

.module-find-hotel{

    margin-bottom: 20px;

}
/* bt center*/
.bt444_title{
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: "", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

/*checked*/

.ob-checked input[type="checkbox"] {

    display:none;

}



.ob-checked input[type="checkbox"] + label {

    color:#010101;

    font-size: 13px;

}

.ob-checked input[type="checkbox"] + label i{

    color: #ffd21f;

}

.ob-checked input[type="checkbox"] + label span {

    display:inline-block;

    width:19px;

    height:19px;

    margin:-2px 10px 0 0;

    vertical-align:middle;

    background:url('../images/not-checked.png') left top no-repeat;

    cursor:pointer;

}



.ob-checked input[type="checkbox"]:checked + label span {

    background:url('../images/checked.png') left top no-repeat;

}

.ob-checked{

    margin-bottom: 10px;

}

.overlay {

    /*background: rgba(44, 138, 202, 0.5);*/

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0px;

    z-index: 9998;

}



.loading_gif {

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    margin: auto;

    z-index: 9999;

}

.table-cart td{

    padding: 15px 10px;

}

.cart-price{

    color: #fa529c;

    font-size: 16px;

}

.room-money{

    font-size: 16px;

    color: #ff0000;

}

.text-total{

    font-size: 14px;

    text-transform: uppercase;

    color: #ff0000;

}

.remove-cart{

    font-size: 16px;

    color: #ff0000;

    cursor: pointer;

}

.tour-name a{

    font-size: 14px;

}

.table-tour tr th{

    background: #e6e6e6;

    border: 1px solid #fff;

    text-align: center;

    vertical-align: middle;

}

.table-tour tr td{

    background: #e6f7fd;

    border: 1px solid #fff;

    text-align: center;

    vertical-align: middle;

}

.table-tour tr.second td{

    background: #e6e6e6;

}

.price-tour{

    color: #fa529c;

    font-size: 16px;

}

.price-old-tour{

    font-size: 14px;

    text-decoration: line-through;

}

.row-list-hotel{

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #ccc;

}

.row-list-hotel:last-child{

    border-bottom: none;

}

.htl-name{

    font-size: 14px;

    line-height: 14px;

    margin-bottom: 5px;

}

.htl-name a{

    color: #000000;

    text-decoration: none;

    font-weight: bold;

}

.htl-star{

    color: #ffd736;

}

.htl-price{

    font-size: 14px;

}

.htl-price span{

    color: #fb65a7;

}

.info-tour-add ul{

    list-style: none;

    padding: 0;

    margin: 0;

}

.info-tour-add ul li{

    padding: 8px 0;

    border-bottom: 1px solid #e8e8e8;

}

.info-tour-add ul li:last-child{

    border: none;

}

.info-tour-add ul li a{

    color: #000;

}

.info-tour-add ul li a i{

    color: #3e4095;

}

.btn-buy-now{

    display: block;

    width: 100%;

    color: #ffffff;

    background: #3e4095;

    height: 40px;

    line-height: 40px;

    text-transform: uppercase;

    text-align: center;

    border-radius: 5px;

    text-decoration: none;

}

.btn-buy-now:hover{

    color: #fff;

    background: #FF8C05;

    text-decoration: none;

}

.btn-buy{

    border: none;

    margin-top: 30px;

    cursor: pointer;

}

.banner-hotel{

    width: 100%;

    /*margin: 10px;*/

    margin-top: 20px;

}

.banner-hotel .group-find-hotel{

    margin: 0;

    padding: 10px;

    height: auto;

}

.title-xs{

    color: #555;

    font-size: 16px;

    border-bottom: 1px solid #cbd3db;

    padding-bottom: 15px;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.city-footer ul{

    list-style: none;

    padding: 0;

}

.city-footer ul li{

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px;

    width: 12%;

    white-space: nowrap;

    box-sizing: border-box;



}

.city-footer ul li a{

    font-size: 15px;

    color: #3E4095;

}

.city-footer ul li a.active{

    font-weight: bold;

}

.content-bank-checkout{

    margin-top: 30px;

    border-top: 1px solid #ccc;

    padding-top: 30px;

}

.module-city{

    padding-top: 30px;

}

.module-vin-pearl{

    margin-top: 20px;

    background: url("../images/197211-1.jpg") no-repeat;

    background-size: cover;

    padding: 50px 0;

}

.module-vin-pearl .title-checkbox{

    color: #fff;

    margin-bottom: 20px;

}

.vinpearl-inner{

    background: url("../images/bg-find-hotel.png") repeat;

    margin: 0;

    height: 200px;

    border-radius: 5px;

    padding: 20px;

}

.container-vmb{

    width: 100%;

}

.container-vmb-index{

    width: 50%;

    float: left;

    padding: 0 15px;

    box-sizing: border-box;

}

.ticket_booking {
    display: block;
    width: 100%;
    float: left;
    /*background: url(../img/datve bg.png) bottom center no-repeat;*/
    padding-bottom: 15px;
}

.container-vmb-yb{

    width: 50%;

    float: left;

    padding: 0 15px;

    box-sizing: border-box;

}

.list-tour-cate{

    margin: 20px 0;

    width: 100%;

    display: inline-block;

}

.list-tour-cate ul{

    padding: 0;

    list-style: none;

}

.list-tour-cate ul li{

    float: left;

}

.list-tour-cate ul li a{

    background: #FF8C05;

    color: #fff;

    font-weight: bold;

    font-size: 14px;

    padding: 10px 15px;

}

.list-tour-cate ul li a:hover,.list-tour-cate ul li a.active{

    background: #FA549D;

}


.book-tour-day{
    padding: 0 0 20px 0;
}

#uk-container-pay .form_ttdk input,#uk-container-pay .form_ttdk textarea{
    width: 100%;
}
#uk-container-pay .form_ttdk input{
    height: 30px;
    margin-top: 10px;
    padding: 0 10px;
}
#uk-container-pay .form_ttdk textarea{
    margin-top: 10px;
    padding:0 10px;
}
.name-tour-buy{
    font-size: 16px;
}
.info-buy-people{
    background: #E6F7FD;
    padding: 20px 15px;
}
.detail-box-tour{
    padding: 20px 15px;
    border: 1px solid #FA549D;
    margin-top: 10px;
}

.btn-position{
    margin-top: 35px;
}
.info-buy-people{
    font-size: 16px;
}
.info-buy-people .info-buy, .detail-box-tour .info-buy{
    font-size: 18px;
    color: #FA549D;
    margin-bottom: 15px;
}
.info-buy-people p{
    font-weight: bold;
    color: #FA549D;
    margin-bottom: 10px!important;
}
.info-buy-people p span{
    font-weight: normal;
    color: rgb(68, 68, 68);
}
.detail-box-tour p{
    font-weight: bold;
    color: #1579bd;
    margin-bottom: 10px;
}
.detail-box-tour p span{
    font-weight: normal;
    color: rgb(68, 68, 68);
}
.bank-pay a,.back-pay button{
    display: block;
    width: 100%;
    margin-top: 20px;
    background: #3E4095;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: none;
    text-decoration: none;
    box-shadow: none;
    height: 46px;
    line-height: 46px;
    font-weight: normal;
}
.box-success ul.list-group{
    padding: 20px 0 0 0;
    list-style: none;
}
.box-success ul.list-group li{
    font-size: 16px;
    margin-bottom: 15px;
}
.box-success ul.list-group li span.book-status{
    font-weight: bold;
    color: #00AFEF;
}
.box-success ul.list-group li span.book-total{
    font-weight: bold;
    color: #ff0000;
}
.khuyen-mai-price{
    margin: 5px 0;
    font-weight: bold;
    text-align: center;
    color: #ff0000;
}
.find-hotel .group-find-tuyen-diem{
    margin: 20px 0;
}


#tongquan {
    background-color: #f2f2f2;
    background-image: url(../img/bg-tongquan.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

#bg_sp {
    background-color: #f2f2f2;
    background-image: url(../img/bg_666.jpg);
    /* background-repeat: no-repeat; */
    background-position: top left;
    background-size: contain;
    height: 600px;
}

#bg_vitri {
    background-color: #f2f2f2;
    background-image: url(../img/bg-tongquan.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

#bg_new {
    background-color: #f2f2f2;
    background-image: url(../img/bg-tongquan.png);
    background-size: cover;
    background-repeat: no-repeat;
    
    
}

#bg_new1{
    background-color: #f2f2f2;
    background-image: url(../img/bg-tongquan.png);
    background-size: cover;
    background-repeat: no-repeat;
}


.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container {
    width: 1170px;
}

.tab-content {
    margin-bottom: 47px;
}


.row {
    margin-left: -30px;
    *zoom: 1;
}




.overlay {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-top: -100px;
    position: absolute;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    bottom: 0;
    height: 100px;
    z-index: 2;
    font-family: sans-serif !important;
}

.btn {
    width: auto;
    position: absolute;
    font-size: 14px;
    font-style: italic;
    padding: 8px 10px;
}

.view {
    left: 50%;
    margin-left: -50px;
    bottom: 10px;
}

.btn {
    display: inline-block;
    margin-top: 23px;
}







.overlay-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

.gform_wrapper {
    margin: 16px 0;
    max-width: 100%;
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}








.coccoc-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000 !important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:150px;top:30px}.coccoc-alo-phone.coccoc-alo-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.coccoc-alo-phone.coccoc-alo-static{opacity:.6}.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}.coccoc-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 9;opacity:.5}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#039ff2;border-color:#bfebfc 9;opacity:.5}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{border-color:#ccc;opacity:.5}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}.coccoc-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:#039ff2;background-color:#a6e3fa 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}.coccoc-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#059dee;background-color:#059dee 9}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#coccoc-alo-wrapper.night-mode{color:#fff}.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}.coccoc-alo-popup{display:inline-block;position:relative;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;transition:.6s ease-out;margin:0 auto;z-index:200001;text-align:center;padding:60px 75px}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}#coccoc-alo-wrapper .coccoc-alo-overlay{position:fixed;width:100%;height:100%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .coccoc-alo-popup h3{font-size:23px}.night-mode .coccoc-alo-message{padding-bottom:0}.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px; padding-left: 15px;}.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}coccoc-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,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}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}
    
@media (max-width:1280px) {
    .coccoc-alo-phone {
    margin-top: 15%;
    margin-right: 88%;
}    
}

@media (max-width:1990px) {
    .coccoc-alo-phone {
    margin-top: 15%;
    margin-right: 88%;
}    
}

@media (max-width: 768px) {
    .coccoc-alo-phone{
    margin-top: 40%;
    margin-right: 60%;
    }
}    


@media (max-width: 340px) {
    .coccoc-alo-phone{
    margin-top: 60%;
    margin-right: 60%;
    }
} 



/* BT center */

.zn_section {
    padding-top: 35px;
    padding-bottom: 35px;
}
.zn_section {
    position: relative;
}
.zn_section.eluid70d999d8 {
    background-color: #ffffff;
    width: 100%;
}
.element-scheme--dark {
    color: #dcdcdc;
}
.col-sm-4 {
    width: 33.33333333%;
}
.col-md-4 {
    float: left;
}
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-4{
    float: left;
}

@media (min-width: 768px)
.col-sm-4 {
    width: 33.33333333%;
}

@media (min-width: 768px)
.col-sm-4 {
    float: left;
}

.eluid70d999d8 {
    padding-top: 35px;
    padding-bottom: 30px;
}
.element-scheme--dark {
    color: #dcdcdc;
}

.znColumnElement-innerWrapper {
    width: 100%;
}
.znColumnElement-innerContent {
    width: 100%;
}
.element-scheme--light {
    color: #535353;
}
.circle-text-box .wpk-circle-span > span {
    position: relative;
    z-index: 1;
}
.circle-text-box .wpk-circle-span {
    float: left;
    margin-right: 20px;
}
.circle-text-box .wpk-circle-span {
    font-size: 35px;
    font-weight: bold;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    color: #ffffff;
    -webkit-transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);
    transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);
}
.circle-text-box .wpk-circle-span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-color: #cd2122;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -webkit-transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);
    transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);
}
ul {
    list-style-type: disc;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
    font-size: 13px;
}
.eluidc7bdbb26:not(.style3) .wpk-circle-span:after, .eluidc7bdbb26.circle-text-box.style2 .wpk-circle-span::before, .eluidc7bdbb26.circle-text-box.style3 .wpk-circle-span {
    background-color: #eabd2e;
}
.eluidce445af7:not(.style3) .wpk-circle-span:after, .eluidce445af7.circle-text-box.style2 .wpk-circle-span::before, .eluidce445af7.circle-text-box.style3 .wpk-circle-span {
    background-color: #eabd2e;
}
.eluid93018055:not(.style3) .wpk-circle-span:after, .eluid93018055.circle-text-box.style2 .wpk-circle-span::before, .eluid93018055.circle-text-box.style3 .wpk-circle-span {
    background-color: #eabd2e;
}
.circle-text-box .wpk-circle-span + .wpk-circle-title {
    overflow: hidden;
    line-height: 60px;
}
.circle-text-box .wpk-circle-title {
    height: 55px;
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}
.m_title, .text-custom, .text-custom-hover:hover, .text-custom-after:after, .text-custom-before:before, .text-custom-parent .text-custom-child, .text-custom-parent .text-custom-child-hov:hover, .text-custom-parent-hov:hover .text-custom-child, .text-custom-parent-act.active .text-custom-active, .text-custom-a>a, .btn-lined.lined-custom, .latest_posts--4.default-style .latest_posts-link:hover .latest_posts-readon, .grid-ibx__item:hover .grid-ibx__icon, .site-header .site-header .main-nav.mainnav--active-text > ul > li.active > a, .site-header .site-header .main-nav.mainnav--active-text > ul > li:hover > a, .site-header .site-header .main-nav.mainnav--active-text > ul > li > a:hover, .preloader-pulsating-circle, .preloader-material-circle, ul.colored-list[class*="list-style"] li:before, .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #ffc30a;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .pager:before, .pager:after {
    content: " ";
    display: table;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 992px)
.col-md-4 {
    float: left;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}