/*Animation*/
@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/*Global*/
body{overflow-x: hidden;}
hr{border-top: 1px solid #ececec;}
img{max-width: 100%;}
.small{font-size: 0.75rem!important;}
.bg-dark{background-color: #0d2c54!important;}
.link-more{text-transform: uppercase; font-weight: 700; font-size: 0.75rem;}
.lead{font-size: 1rem;}
iframe{max-width: 100%;}
@media(max-width:575px){
    .h1, h1{font-size: 2rem;}
}
/*Dropdown*/
.dropdown-menu{border-color: #ececec;padding-top: 0; padding-bottom: 0;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
/*Form*/
.btn{text-transform: uppercase;}
.btn-default{color: #fff; background-color: #a9bcd0;}
.btn-outline-default{border-color: #a9bcd0; color: #a9bcd0;}
.btn-google{border-color: #cfd9e0;}
.btn-facebook{border-color: #3b5998; color: #fff; background-color: #3b5998;}
.btn-w{min-width: 190px;}
.btn-icon{display: flex;align-items: center; justify-content: center;padding: 0.25rem;}
.btn-icon .icon{font-size: 1.25rem;}
.form-control{background-clip: inherit;}
.form-control:focus{box-shadow: none; border-color: #ececec;}
.custom-select{-webkit-appearance: none;-moz-appearance: none; box-shadow: none!important;}
.input-group-text{background-color: #fff;font-size: 1.25rem; padding: 0.25rem 0.625rem;}
.input-group>.input-group-prepend>.input-group-text{border-right: 0;}
.input-group>.form-control:not(:first-child){border-left: 0;padding-left: 0;}
.input-group>.custom-select:not(:first-child){border-left: 0;padding-left: 0;-webkit-appearance: none;-moz-appearance: none; box-shadow: none!important; border-color: #ececec!important;}
.form-light .form-control, .form-light .input-group-text{border-color: #fff; color: #fff; background-color: inherit;}
.form-light .custom-select{color: #fff; background-color: inherit;border-color: #fff!important;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}
.form-light .custom-select option{color: #373f51;}
.easy-autocomplete-container ul{color: #000; text-align: left;}
.easy-autocomplete input{border-color: #ececec;box-shadow: none!important;}
.input-group>.easy-autocomplete{width: calc(100% - 40px)!important;}
.input-group>.easy-autocomplete:not(:first-child) input{border-left: 0; padding-left: 0;}
.input-group>.select2-container{display: block;width: calc(100% - 40px)!important;}
.input-group .select2-container--default .select2-selection--single{height: 100%;border-color: #ececec; border-left: 0; border-radius: 0;outline: 0!important;display:flex;align-items: center;}
.input-group .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.input-group .select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;}
.input-group .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #a9bcd0;}
.row-sep{text-align: center; position: relative; margin: 1rem 0;}
.row-sep>span{display: inline-block; padding: 0.5rem; background-color: #fff; font-weight: 700; font-size: 0.75rem; color: #a9bcd0; position: relative; z-index: 2; text-transform: uppercase;}
.row-sep:after{content: ""; width: 100%; height: 1px; background-color: #ececec; position: absolute; left: 0; top: 50%; z-index: 1;}
/*Carousel*/
.carousel-control-next, .carousel-control-prev{width: 2.875rem; height: 2.875rem; border: 1px solid #a9bcd0; color: #a9bcd0; font-size: 2rem;border-radius: 50%; top: 50%; margin-top: -1.4375rem;}
.carousel-control-next:hover, .carousel-control-prev:hover,.carousel-control-next:focus, .carousel-control-prev:focus{color: #fff; border-color: #00a6ed; background-color: #00a6ed;}
.carousel.has-nav .carousel-item{padding-left: 3rem; padding-right: 3rem;}
@media(min-width:768px){
    .carousel.has-nav .carousel-control-prev{left: -1rem;}
    .carousel.has-nav .carousel-control-next{right: -1rem;}
}
@media(min-width:1200px){
    .carousel.has-nav .carousel-control-prev{left: -3rem;}
    .carousel.has-nav .carousel-control-next{right: -3rem;}
    .carousel.has-nav .carousel-item{padding-left: 0; padding-right: 0;}  
}
/*Accordion*/

.accordion .accordion-item-header{font-weight: bold;}
.accordion .accordion-item-header a{display: block; padding: 0.75rem 1rem 0.75rem 0; position: relative;border-bottom: 1px solid #ececec;color: inherit;}
.accordion .accordion-item:last-child .accordion-item-header a{border-bottom: 0;}
.accordion .accordion-item-header a i{position: absolute; right: 0; top: 50%; margin-top: -0.75rem;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.accordion .accordion-item-header a[aria-expanded="false"] i{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion .accordion-item-body{padding: 1rem 0;}
/*Navtab*/
.nav-tabs{border: 0;margin-bottom: 1rem}
.nav-tabs .nav-item a{display: inline-block; padding: 10px; text-transform: uppercase; font-weight: bold; color: #a9bcd0;}
.nav-tabs .nav-item a:hover{color: #373f51}
.nav-tabs .nav-item a.active{color: #29b9f6;}
/*breadcrumb*/
.breadcrumb{padding-left: 10px; padding-right: 10px;}
.breadcrumb a{color: inherit;}
.breadcrumb a:hover{color: #00a6ed;}
/*Paging*/
.page-link{border-color: #00a6ed;margin-left: 0.25rem;}
.page-link:hover,.page-link:focus{color: #fff; border-color: #00a6ed; background-color: #00a6ed;box-shadow: none;}
.page-item:first-child .page-link,.page-item:last-child .page-link{border-radius: 0;padding-left: 0.5rem;padding-right: 0.5rem;}
/*Table*/
.listing-table{clear: both; overflow: hidden;}
.dataTables_length select{border: 1px solid #ececec; border-radius: 0.125rem; padding: 0.25rem;}
.dataTables_info{color: #999; margin-bottom: 1rem; text-align: center;}
.dataTables_paginate{text-align: center;}
.dataTables_paginate .paginate_button{display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin: 5px; border: 1px solid #ececec; background-color: #f5f5f5; text-align: center; outline: 0!important;}
.dataTables_paginate a.paginate_button:not(.disabled):hover{color: #fff; border-color: #00a6ed; background-color: #00a6ed;}
@media(min-width:992px){
    .dataTables_info{float: left;padding-right: 15px; padding-top: 10px; text-align: left;}
    .dataTables_paginate{float: right; text-align: right;}
}
/*Nav line*/
.nav-line .nav-item .nav-link{border-radius: 0; border-bottom: 2px solid #ececec; text-transform: uppercase; font-weight: 600; color: #a9bcd0;}
.nav-line .nav-item .nav-link.active{background-color: transparent; color: #00a6ed; border-color: #00a6ed;}
/*Loading*/
.loading{position: relative; cursor: progress;}
.loading:after{content: ""; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) url(../images/ic_loading.gif) no-repeat center / 16px;}
/*Box Image*/
.box-img{position: relative; height: 0; padding-top: 60%;}
.box-img>.inner{position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;}
.box-img>.inner img{width: 100%; height: 100%; object-fit: cover;}
.box-img.square{padding-top: 100%;}
.box-img.type-video i{position: absolute; left: 50%; top: 50%; z-index: 2; font-size: 3rem; color: rgb(13,44,84); opacity: 0.7;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.box-img.type-video:hover i{opacity: 1;}
/*Gallery*/
.jQueryMosaic>.item>.overlay>.texts{background-color: rgba(13,44,84,0.75);}
.jQueryMosaic>.item>.icon-video{display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: #fff;background-color: rgba(13,44,84,0.75); font-size: 2rem;
    position: absolute; left: 0; bottom: 0;
}
.jQueryMosaic>.item:hover>.icon-video{display: none;}
.gallery.row{margin-left: -4px; margin-right: -4px;}
.gallery.row>div{padding-left: 4px;padding-right: 4px;margin-bottom: 8px;}
.gallery .item{display: block;position: relative; overflow: hidden;}
.gallery .item .img-holder{display: block; height: 0;padding-top: 60%; background-size: cover;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.gallery .item:hover .img-holder{
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    
}
.gallery .item .overlay{opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-webkit-transition: opacity .2s ease-in-out;}
.gallery .item .overlay:hover{opacity: 1;}
.gallery .item .icon-video{display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: #fff;background-color: rgba(13,44,84,0.75); font-size: 2rem;
    position: absolute; left: 0; bottom: 0;
}
.gallery .item .overlay>.texts{position: absolute;left: 0; right: 0;bottom: 0; padding: 15pt;background-color: rgba(13,44,84,0.75);color: #fff;}
/*Slider*/
.flexslider .slides > li{background-color: #0d2c54;}
.flexslider .slides > li img{opacity: 0.7; }
.flexslider .slides > li.flex-active-slide img{opacity: 1;}
.flex-direction-nav a{font-size: 40px; line-height: 40px;}
.flex-direction-nav a:before{content: "\F141"; color: #fff; text-shadow: none;
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.flex-direction-nav a.flex-next:before{content: "\F142";}
/*Header*/

/*header event*/
.header-bottom .navbar{position: relative;}
.header-bottom .navbar .navbar-brand{position: relative;}


.header-banner a div img{max-height: 100%;}
.header-banner .banner-pink a div{background-color: #f95f83;}
.header-banner .banner-oranger a div{background-color: #ee2e29;}
.header-top .btn-link{color: #fff; text-transform: none; font-weight: 400;box-shadow: none!important;padding: 0.25rem;}
.header-top .btn-link:hover i{
    display: inline-block;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}
.header-top .dropdown-item .small{font-size: 12px!important;}
.header-bottom .navbar{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.header-bottom .navbar-brand img{width: 220px;
    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    -ms-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
}

.header-bottom .navbar-nav .nav-item{position: relative;}
.header-bottom .navbar-nav .nav-link{font-weight: 700; text-transform: uppercase;font-size: 13px;}
.header-bottom .navbar-nav .nav-item .menu{list-style: none; padding: 0; margin: 0;display: none;background-color: #fff;}
.header-bottom .navbar-nav .nav-item .menu a{color: #1b1b1e; display: block; padding: 0.5rem; border-bottom: 1px solid #e7f6fd;}
.header-bottom .navbar-nav .nav-item .menu a:hover{color: #fff;background-color: #00a6ed}
.header-bottom .navbar-nav .nav-item .menu li:last-child a{border-bottom: 0;}
.header-bottom .navbar-nav .nav-item .toggle{display: block;width: 38px; line-height: 38px; height: 38px; text-align: center; position: absolute; right: 0; top: 0; background-color: #f5f5f5;}
.header-bottom .navbar-nav .nav-item .toggle.active{color: #fff; background-color: #00a6ed;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-bottom .navbar .navbar-toggler{color: #00a6ed; border: 0; font-size: 1.5rem;}

.header-sticky .header-banner{height: 0;overflow: hidden;}
.header-sticky .header-bottom .navbar-brand img{width: 200px;}
@media(min-width:992px){
    .header-bottom .navbar-brand img{width: 295px;}
    .site{padding-top: 145px;}
    .site-header{position: absolute; left: 0; top: 0; right: 0; z-index: 9;}
    .site-header.header-sticky{position: fixed;}
    .header-banner a div{height: 40px;background-repeat: no-repeat;background-position: center center;background-size: auto 40px;}
}
@media(min-width:1200px){
    .site{padding-top: 155px;}
    .header-banner a div{height: 50px;background-size: auto 50px;}
    .header-bottom .navbar-nav .nav-link{position: relative;}
    .header-bottom .navbar-nav .active .nav-link:after{content: "";height: 2px; background-color: #00a6ed; position: absolute; bottom: 0; left: 0.5rem; right: 0.5rem;}
    .header-bottom .navbar-nav .nav-item .toggle{display: none;}
    .header-bottom .navbar-nav .nav-item:hover .menu{display: block;}
    .header-bottom .navbar-nav .nav-item .menu{width: 200px;-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);position: absolute; left: 0.5rem; top: 100%; }
}
@media(min-width:1400px){
    .header-top .container-fluid,
    .header-bottom .navbar{padding-left: 50px; padding-right: 50px;}
    .header-bottom .navbar-nav .nav-link{font-size: 14px;}
}
@media(max-width:1199px){
    .header-bottom .navbar-nav .nav-link{border-bottom: 1px solid #ececec;}
    .header-bottom .navbar-nav li:last-child .nav-link{border-bottom: 0;}
}
/*Footer*/
.footer-top{padding-top: 3rem;border-top: 1px solid #edeef1;}
.footer-top a{color: inherit;}
.footer-top a:hover{color: #00a6ed;}
.footer-top .widget{margin-bottom: 3rem;}
.footer-top ul.menu{list-style: none;padding-left: 0;}
.footer-top ul.menu>li{margin-bottom: 0.5rem;}
.footer-top-1 img{width: 295px;margin-bottom: 1rem;}
.footer-top-1 p.line-more{line-height: 1.8;}
.footer-socials a.social-icon{padding: 0.125rem 1rem; color: #fff; background-color: #4267B2;border-radius: 0.25rem;}
.footer-socials a.social-icon i{font-size: 1.625rem; margin-right: 0.5rem;}
.website-connect .input-group>.custom-select:not(:first-child){box-shadow: none!important;border-left: 0 !important;border-color: #00a6ed !important;padding-left: 0.5rem;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;}
.website-connect .input-group-text{border-right: 0; padding-right: 0;border-color: #00a6ed !important;}
.footer-copyright{color: #808080; font-size: 13px;}
@media(max-width:1200px){
    .footer-bottom{padding-bottom: 58px;}
}

/*CUSTOM ELEMENTS*/
/*Heading line*/
.heading-line{text-transform: uppercase; text-align: left;}
.heading-line .text-holder{display: inline-block; padding-right: 2rem; position: relative;}
.heading-line .text-holder:after{content: ""; width: 1.25rem; height: 3px; background-color: #00a6ed; position: absolute; right: 0; top: 50%; margin-top: -1.5px;}
/*Icon with text*/
.icon-with-text .icon-holder{padding-right: 0.5rem;}
.icon-with-text .icon-holder .icon{width: 3.375rem; height: 3.375rem; border-radius: 50%; border: 1px solid #00a6ed;}
/*Box Info*/
.box-info{margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ececec;}
.box-info .info-item{position: relative; padding-left: 1.25rem;}
.box-info .info-item i{position: absolute; left: 0; color: #a9bcd0;}
.box-info .info-item a{color: inherit;}
.box-info .info-item a:hover{color: #00a6ed;}
/*Support*/
.support-holder{position: fixed; bottom: 10px; right: 15px; max-width: 300px; z-index: 9;}
.support-holder .btn-support{padding: 0; border-radius: 30px;-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);}
.support-holder .btn-support .icon-toggle{width: 38px; height: 38px; text-align: center; line-height: 38px;border-radius: 50%; background-color: rgba(0,0,0,0.1);margin-left: 10px;}
.support-holder .btn-support .icon-toggle .mdi{margin: 0 auto; font-size: 1.25rem;}
.support-holder .btn-support .icon-toggle .mdi-close{display: none;}
.support-holder .btn-support.active .icon-toggle .mdi-close{display: block;}
.support-holder .btn-support.active .icon-toggle .mdi-chevron-up{display: none;}
.support-holder .btn-support .icon-label{display: block; padding: 0 10px; font-size: 1.25rem;}
.support-holder .btn-support .text-label{font-size: 13px;}
.support-panel {position: relative; background-color: #fff; border-radius: 0.5rem;-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); margin-bottom: 10px;
    opacity: 0; display: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    
}
.support-holder .support-panel.active {display: block; opacity: 1;}
.support-panel:after{content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;
    position: absolute; bottom: -10px; right: 10px;
}
.support-panel .support-header{color: #fff; padding: 10px 15px;border-radius: 0.5rem  0.5rem 0 0;}
.support-panel .support-content{padding: 30px 15px 15px 15px;}
@media(min-width:600px){
    .support-holder{max-width: 340px;}
}
.support-panel .support-content .support-item{margin-bottom: 1rem;}
.support-panel .support-content .support-item .support-main{padding-left: 10px;}
.support-panel .support-content .support-item .support-title{margin-bottom: 0.25rem;}
.support-panel .support-content .support-item .icon-social{display: inline-block; vertical-align: middle; width: 24px; height: 24px; line-height: 24px; text-align: center; font-weight: bold; font-size: 1rem;
    color: #fff; background-color: #00a6ed; margin: 5px 2px; border-radius: 12px;
}
.support-panel .support-content .support-item .btn-phone{display: inline-block; vertical-align: middle; padding: 0 0.5rem;border-radius: 12px; line-height: 24px; height: 24px; color: #fff; background-color: #00a6ed; margin: 5px 2px;}
.support-panel .support-content .support-item .btn-phone .mdi{font-size: 1rem;display: top; vertical-align: middle;}
.support-panel .support-content .support-item .btn-phone span{display: inline-block; vertical-align: top; font-size: 13px;}
.support-panel .support-content .support-item .icon-social:hover,
.support-panel .support-content .support-item .btn-phone:hover{background-color: #008bc7;}
.support-panel .support-content-bottom{margin-top: 30px;}
.support-panel .support-content-bottom a{font-weight: 700;}
/*Stick side*/
.stick-side{position: fixed; right: -106px; top: 36%; z-index: 9;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.stick-side a{display: block; padding: 8px 10px; color: #fff; font-size: 12px; text-transform: uppercase; position: relative; z-index: 2;}
.stick-side a.btn-mb{ background-color: #3db352; border-top-right-radius: 0.5rem;}
.stick-side a.btn-qc{ background-color: #f6511d; border-top-left-radius: 0.5rem;}
.stick-side .inner{position: relative;}
.stick-side .inner img{position: absolute; left: 30px; top: 30px; z-index: 1;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.stick-side .inner:hover img{top: -140px;}
@media(max-width:767px){
    .stick-side{display: none;}
}
/*Modal*/
.modal-header{border-bottom: 0; justify-content: center; position: relative;}
.modal-header .close{position: absolute; right: 1rem; top: 1rem;}
.modal-backdrop.show{opacity: 0.9;}
.modal-dark .modal-header{border:0;border-radius: 0;}
.modal-dark .modal-header .close{background-color: #fff; padding: 0.5rem;border-radius: 50%; opacity: 1;}
.modal-dark .modal-content{background-color: transparent; border: 0; border-radius: 0;}
@media(max-width:767px){
    .modal-dark .modal-dialog{margin: 0;}
    .modal-dark .modal-header .col-8{padding: 0;}
    .modal-dark .modal-header .modal-title{font-size: 1.25rem;}
    .modal-dark .modal-content h1{font-size: 1.5rem;}
    .modal-dark .modal-content .btn-lg{font-size: 0.75rem;} 
}



/*Map*/
.mapplic-element{border: 1px solid #ececec;}
.mapplic-container{background-color: #f5f5f5;}
.mapplic-clickable:not(g), g.mapplic-clickable > *{opacity: 1;}
.mapplic-active{stroke: #2b4f75;}
.mapplic-map-image svg text,.mapplic-map-image svg text tspan{font-family: inherit!important;}
.mapplic-tooltip{text-align: left;}
.mapplic-tooltip-title{margin-bottom: 0.5rem;}
/*Post*/
.post{}
.post img{width: 100%;}
.post .text-holder{padding: 0 1.5rem 1.5rem;}
.post .post-title a{color: inherit;}
.post .post-title:hover,.post .post-title a:hover{color: #00a6ed;}
.post .meta-category{border-radius: 2px; text-transform: uppercase;font-size: 0.75rem; padding: 0.325rem 0.75rem;}
.post .meta-time{font-size: 0.75rem;}
.post .meta-time i{font-size: 1rem; position: relative; bottom: -0.125rem;}
.post .meta-link{text-transform: uppercase;font-size: 0.75rem; font-weight: 600;}
.post.type-box{overflow: hidden;border: 1px solid #ececec;}
.post.type-box .post-thumbnail{margin-bottom: 0; position: relative; height: 0; padding-top: 56%;overflow: hidden;}
.post.type-box .post-thumbnail a{display: block;width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.post.type-box .post-thumbnail a>img{width: 100%; height: 100%;object-fit: cover;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.post.type-box .post-thumbnail:hover a>img{
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.post.type-box .text-holder{padding-top: 0;}
.post.type-box .meta-category{top: -0.6875rem; position: relative;}
.post.type-box .post-title{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; height: 3.75rem;}
.post.type-box.type-featured .post-title{-webkit-line-clamp: 2;height: 3rem; font-size: 18px;}
.post.type-box.type-featured p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; height: 4.25rem;}
.post.type-box.type-featured .post-thumbnail{padding-top: 56.85%}

.post.type-list{padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #ececec;}
.post.type-list .img-holder{position: relative;}
.post.type-list .text-holder{height: 100%; padding-top: 1rem; padding-bottom: 1rem;}
.post.type-list .text-holder p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 4rem;}
.post.type-list .meta-data{margin-bottom: 10px;}
@media(min-width:768px){
    .post.type-list .img-holder,
    .post.type-list .post-thumbnail{height: 100%;}
    .post.type-list .post-thumbnail a{display: block; height: 100%;}
    .post.type-list .post-thumbnail a img{height: 100%; width: 100%; object-fit: cover;}
}

.post.type-list.type-simple{border-bottom: 0; padding-bottom: 0;}
.post.type-list.type-simple .text-holder{border: 1px solid #ececec;}
.post.type-list.type-simple .post-title{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 2.75rem;}
.post.type-travel{margin-bottom: 1.5rem;}
.post.type-travel .post-title{height: auto;margin-bottom: 0.25rem;}
.post.type-travel .meta-vehicle{top: -0.6875rem;position: relative;border-radius: 2px; text-transform: uppercase;font-size: 0.75rem; padding: 0.325rem 0.75rem;}
/*Section*/
.section-normal{padding-top: 3rem; padding-bottom: 3rem;}
.section-linkmore .btn-link{margin-right: -.625rem; font-weight: bold;}
/*Section banner*/ 
.section-banner{position: relative;}

.section-banner .carousel{opacity: 0.7;}
.section-banner .carousel .img-holder{height: 500px;}
.section-banner .carousel .img-holder img{height: 100%; width: 100%; object-fit: cover;}
.section-banner .caption{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.section-banner .caption .caption-inner{height: 500px;}
.section-banner .caption .caption-inner h1,.section-banner .caption .caption-inner h4,.section-banner .caption .caption-inner p{text-shadow: 1px 1px 1px #474747;} 
.section-banner .caption .caption-inner p a.text-danger{text-shadow: none;}
.section-banner .caption .caption-inner p a.text-danger:hover{color: #dd1c1a!important;}
.section-banner .caption form{padding-left: 15px; padding-right: 15px;}
.section-banner .caption .input-group{height: 100%;}
.section-banner .caption .form-control,.section-banner .caption .input-group-text{border-color: #fff;}
@media(min-width:768px){
    .section-banner .caption .caption-inner{padding-bottom: 4rem;}
    .section-banner .caption form{width: 740px;max-width: 100%;}
    .section-banner .caption form .row>div{padding-left: 0; padding-right: 0;}
    .section-banner .caption form .row>div{flex: 0 0 30%;max-width: 30%;}
    .section-banner .caption form .row>div.col-btn{flex: 0 0 10%;max-width: 10%;}
    .section-banner .caption .col-start,.section-banner .caption .col-end{border-right: 1px solid #ececec;}
    .section-banner .caption .col-start .input-group .select2-container--default .select2-selection--single,.section-banner .caption .col-end .input-group .select2-container--default .select2-selection--single{border-right: 0;}
    .section-banner .caption .col-start .form-control{border-radius: 0;}
    .section-banner .caption .col-end .input-group .input-group-text{border-radius: 0;}
    .section-banner .caption .col-end .form-control{border-radius: 0;}
    .section-banner .caption .col-date .input-group .input-group-text{border-top-left-radius: 0;border-bottom-left-radius: 0;}
    .section-banner .caption .col-date .form-control{border-top-right-radius: 0;border-bottom-right-radius: 0;}
    .section-banner .caption .col-btn .btn{border-top-left-radius: 0;border-bottom-left-radius: 0; height: 100%;}
}
@media(min-width:992px){
    .section-banner .caption form{width: 900px;max-width: 100%;}
}
@media(min-width:1200px){
    .section-banner .caption form{width: 960px;max-width: 100%;}
}
@media(max-width:767px){
    .section-banner .caption .col-start .input-group{border-bottom: 1px solid #ececec;}
    .section-banner .caption .col-start .input-group .form-control{border-bottom-right-radius: 0;}
    .section-banner .caption .col-start .input-group .input-group-text{border-bottom-left-radius: 0;}
    .section-banner .caption .col-start .input-group .select2-container--default .select2-selection--single{border-bottom: 0;border-top-right-radius: 0.25rem;}
    .section-banner .caption .col-end .input-group{border-top-right-radius: 0;border-bottom: 1px solid #ececec;}
    .section-banner .caption .col-end .input-group .input-group-text{border-radius: 0;}
    .section-banner .caption .col-end .input-group .select2-container--default .select2-selection--single{border-top: 0; border-bottom: 0;}
    .section-banner .caption .col-date{margin-bottom: 0.5rem;}
    .section-banner .caption .col-date .input-group .input-group-text{border-top-left-radius: 0;}
    .section-banner .caption .col-date .input-group .form-control{border-top-right-radius: 0;}
}

/*Banner V2*/
.section-banner-v2 .carousel{opacity: 1;}
.section-banner-v2 .carousel-indicators li{width: 8px; height: 8px; border-radius: 8px; border: 1px solid #DD1C1A; background-color: transparent;}
.section-banner-v2 .carousel-indicators li.active{background-color: #DD1C1A;}
.section-banner-v2 .carousel-indicators li.banner-play{text-indent: 0; border: 0!important; color: #DD1C1A; opacity: 1!important;}
.section-banner-v2 .carousel-indicators li.banner-play .mdi{position: relative; top: -12px; font-size: 20px;}
.section-banner-v2 .carousel-indicators li.banner-play .mdi-play-circle{display: none;}
.section-banner-v2 .carousel-indicators li.banner-play.pause .mdi-play-circle{display: block;}
.section-banner-v2 .carousel-indicators li.banner-play.pause .mdi-pause-circle{display: none;}
.section-banner-v2 .carousel .img-holder{height: 650px;}
.section-banner-v2 .carousel .img-holder:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 50%; z-index: 1;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.section-banner-v2 .carousel-caption{text-shadow: 0 1px 2px rgb(0 0 0 / 60%);}
.section-banner-v2 .carousel-caption h2{margin-bottom: 5px;}
.section-banner-v2 .carousel-caption .btn-link{font-weight: 700;}
.section-banner-v2 .caption{position: absolute; width: 100%; height: auto; left: 0; top: 30px; z-index: 2;}
.section-banner-v2 .caption .caption-inner{height: auto;}
.section-banner-v2 .caption .caption-inner h1{text-shadow: none; font-size: 16px; text-transform: uppercase; background-color: #00a6ed; border-radius: 5px 5px 0 0;
    margin-bottom: 0; padding: 10px 15px;
}
.section-banner .caption form{background-color: #fff; padding: 20px 30px;}
.section-banner .caption .form-control, .section-banner .caption .input-group-text{border-color: #ececec;}
.section-banner .caption .col-btn .btn{border-radius: 5px;}
@media(min-width:768px){
    .section-banner-v2 .caption form .row>div{flex: 0 0 22.5%;max-width: 22.5%;}
    .section-banner-v2 .caption form .row>div.col-btn{flex: 0 0 10%;max-width: 10%;}
    .section-banner-v2 .caption form .row>div{padding-left: 15px; padding-right: 15px;}
    .section-banner-v2 .caption .col-start, .section-banner .caption .col-end{border-right: 0;}
    .section-banner-v2 .caption .col-start .input-group .select2-container--default .select2-selection--single, 
    .section-banner-v2 .caption .col-end .input-group .select2-container--default .select2-selection--single{border-right: 1px solid #ececec;}
}
@media(min-width:1280px){
    body.form-active .section-banner-v2 .caption{position: fixed; background-color: rgba(0, 0, 0, 0.7); left: 0; bottom: 0; right: 0; top: 0; z-index: 1000; padding-top: 185px;}
}
/*Section Box Cta*/
.section-box-cta .icon-with-text .icon-holder .icon{background-color: #29b9f6; margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.section-box-cta .icon-with-text:hover .icon-holder .icon{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/*section-latest*/
.section-latest{position: relative;}
.section-latest .nav-tabs{border-bottom: 1px solid #00a6ed;}
.section-latest .nav-tabs .nav-item a.active{color: #fff; background-color: #00a6ed;}
.section-latest .tab-content{margin-left: -10px; margin-right: -10px;min-height: 200px;}
.section-latest .tab-content .carousel-item .row>div{margin-bottom: 1.5rem;}
.section-latest .lf-ghost{height: 0!important;width: 100px;}
.section-latest .banner-qc-holder{position: absolute; top: 4rem;width: 100px; display: none;}
.section-latest .banner-qc-holder.left{left: 0;}
.section-latest .banner-qc-holder.right{right: 0;}
.section-latest .banner-qc-holder img{max-width: 65px;}

@media(min-width:1200px){
    .section-latest .banner-qc-holder{display: block;}
    .section-latest .carousel.has-nav .carousel-item{padding: 0 10px;}
}
@media(min-width:1440px){
    .section-latest .banner-qc-holder img{max-width: 100px;}
}
/*section routes*/
.section-routes-today{background-color: #f5f5f5;}
.section-routes-today .listing-item{padding-left: 15px; padding-right: 15px;}

/*section-table-box*/
.section-table-box .box-inner{padding: 4rem 0;}
.section-table-box .part-contact{background: #0d2c54 url(../images/bg_contact.jpg) no-repeat top center/cover;}
@media(min-width:992px){
    .section-table-box .box-inner{padding: 4rem 1rem;}
}
@media(min-width:1600px){
    .section-table-box .box-inner{padding: 4rem 2rem; max-width: 800px; margin: 0 auto;}
}
/*Section cards*/
.section-cards .card{height: 100%;border: 0;}
.section-cards .card-body{border: 1px solid #ececec; border-top: 0;}
.section-cards .card-header{background-color: transparent;border-bottom: 2px solid #00a6ed;padding: 0; overflow: hidden;}
.section-cards .card-header h2{color: #fff;margin: 0; font-size: 1.125rem;display: inline-block; padding: .5rem 1.25rem; background-color: #0d2c54;position: relative;}
.section-cards .card-header h2:after{content:""; width: 0;height: 0;border-style: solid;border-width: 52px 0 0 20px;border-color: transparent transparent transparent #0d2c54; position: absolute; left: 100%; top: 0;}
.section-cards .card-support .card-body{padding-left: 0;padding-right: 0; padding-top: 0;}
.section-cards .card-support .card-body .list-support{padding-left: 1.25rem;padding-right: 1.25rem; padding-top: 1.25rem;}
/*section-partners*/
.section-logos{padding: 1.5rem 0; background-color: #f5f5f5;overflow: hidden;}
.section-logos img{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1); opacity: 0.8; max-height: 100%; max-width: 100%; margin:0 auto;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.section-logos img:hover{ -webkit-filter: grayscale(0);filter: none;opacity: 1;}
.section-logos .image-holder{height: 60px;}
.section-logos .slider-logo{background-color: transparent;}
/*section-gallery*/
.section-gallery .badge{line-height: 1; padding:1px 0.325rem;}

/*Page*/

.entry-header {margin-top: 3rem;margin-bottom: 2rem;}
.entry-header .breadcrumb{margin-bottom: 0;padding-bottom: 0.5rem;}
.entry-content table{width: 100% !important;}
.entry-content table td{width: auto!important;}
.entry-content table td span{max-width: 100%; width: auto!important;}
.entry-content:not(.entry-content-travel) ul{list-style: none;padding-left: 0;}
.entry-content:not(.entry-content-travel) ul>li{position: relative; padding-left: 1.25rem;}
.entry-content:not(.entry-content-travel) ul>li:before{
    position: absolute; left: 0; color: #00a6ed;
    content: "\F142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.entry-content:not(.entry-content-travel) table ul>li:before{display: none;}
.entry-header .entry-header-meta{padding-bottom: 1rem; border-bottom: 1px solid #ececec;}
.entry-header .meta-data i{font-size: 1rem;}
.entry-header .share-label{font-size: 0.75rem; text-transform: uppercase; font-weight: 600; color: #00a6ed; margin-right: 0.25rem;}
.entry-header .share ul{list-style: none; padding-left: 0; margin-bottom: 0;}
.entry-header .share ul li a{width: 1.75rem; height: 1.75rem; border-radius: 50%; color: #fff; display: inline-block; line-height: 1.75rem; text-align: center;}
.entry-header .share ul li{margin-left: 0.25rem;}
.entry-header .share ul li.item-facebook a{background-color: #4f67b7;}
.entry-header .share ul li.item-email a{background-color: #00a6ed;}
.entry-content .list-check>li:before{content: "\F12C";}
.entry-content .aligncenter{text-align: center;}
.entry-content figure img{margin-bottom: 0.5rem;width: 100%;}
.entry-content figure figcaption{text-align: center; color: #777; font-size: 0.75rem;padding-left: 2rem; padding-right: 2rem;}
.entry-content .entry-source{padding: 0.5rem 1rem; text-transform: uppercase; font-weight: 700; font-size: 0.75rem; background-color: #edeef1; margin-top: 1.5rem; margin-bottom: 1.5rem;}

.entry-footer .related-posts ul{list-style: none; padding-left: 0;}
.entry-footer .related-posts li{position: relative; padding-left: 1.25rem; margin-bottom: 0.5rem;}
.entry-footer .related-posts li:before{
    position: absolute; left: 0; color: #00a6ed;
    content: "\F142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.entry-footer .related-posts a{color: #373f51;}
.entry-footer .related-posts a:hover{color: #00a6ed;}

.sidebar{margin-top: 3rem;}
.sidebar .widget{margin-bottom: 1.5rem;}
.sidebar .widget .widget-title{text-transform: uppercase;}
.sidebar .widget .menu{list-style: none; padding-left: 0;}
.sidebar .widget .menu li{margin-bottom: 0.5rem;}
.sidebar .widget .menu li:last-child{margin-bottom: 0;}
.sidebar .widget .menu li a{color: #373f51;}
.sidebar .widget .menu li a:hover,.sidebar .widget .menu li a.active{color: #00a6ed;}
.sidebar .widget .latest-gallery.row{margin-left: -4px; margin-right: -4px;margin-bottom: 0.5rem;}
.sidebar .widget .latest-gallery.row>.col-6{padding-left: 4px; padding-right: 4px;margin-bottom: 8px;}

.sidebar .widget.widget-primary{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); padding: 0 1rem 1rem;border-radius: 0.25rem; overflow: hidden;}
.sidebar .widget.widget-primary .widget-title{margin-left: -1rem; margin-right: -1rem; padding: 0.75rem 1rem;color: #fff;background-color: #00a6ed;}
.sidebar .widget.widget-default .menu li{position: relative; padding-left: 1.25rem;}
.sidebar .widget.widget-default .menu li:before{
    position: absolute; left: 0; color: #00a6ed;
    content: "\F142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sidebar .widget .flexslider{margin-bottom: 0;border: 0;}
.sidebar .widget #carousel{margin-top: 0.5rem;}

.site-page.template-default{padding-bottom: 3.5rem;}
@media(min-width:992px){
    .site-page.template-default .sidebar.col-xl-3{padding-left: 30px;}
}
@media(min-width:1200px){
    .site-page.template-default .site-main.col-xl-9{padding-right: 40px;}
     .site-page.template-default .sidebar.col-xl-3{padding-left: 0;}
}
.site-page.template-single .entry-content h1,
.site-page.template-single .entry-content h2,
.site-page.template-single .entry-content h3,
.site-page.template-single .entry-content h4,
.site-page.template-single .entry-content h5,
.site-page.template-single .entry-content h6{margin-top: 1.5rem;}
.site-page.template-single .entry-content h1,
.site-page.template-single .entry-content h2{font-size: 1.125rem;}
.site-page.template-single .entry-content table{margin-bottom: 1rem; border: none;}
.site-page.template-single .entry-content table td{padding: 0.25rem 0.75rem; border-color: #a9bcd0;}
.site-page.template-single .entry-content table tr:first-child td{font-weight: 700;}
.site-page.template-single .entry-content blockquote{padding: 1rem 1rem 0; background-color: #e7f6fd; border: 1px solid #a9bcd0;}

/*Listing*/
.rating i{font-size: 1rem; color: #a9bcd0;}
.rating i.available{color: #ffb400;}
.price{font-weight: bold; color: #dd1c1a;}
.price .price-value{font-size: 1.125rem;}
.price .price-curency{vertical-align: top;}

.template-listing{background-color: #f5f5f5;}

.listing-header{padding: 2rem 0 1rem;}
.listing-header .listing-form{background-color: #fff;border: 1px solid #dfe5eb; border-radius: 0.25rem; padding: 1.5rem 1rem 0.5rem;
    -webkit-box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.1);
}
.listing-header .listing-form .col-lg-btn .btn{padding:0.25rem;}
.listing-header .listing-form .col-lg-btn .btn .mdi{font-size: 1.25rem; }
@media(min-width:992px){
    .listing-header .listing-form .col-lg-field{flex: 0 0 calc(25% - 18px);max-width: calc(25% - 18px);}
    .listing-header .listing-form .col-lg-btn{flex: 0 0 54px;max-width: 54px;}
}

.filter-holder{padding: 0.625rem 0; border-top: 1px solid #dfe5eb;border-bottom: 1px solid #dfe5eb;font-size: 0.8125rem; display: none!important;}
.filter-holder .filter-title{margin-right: 1.5rem;font-weight: 600;}
.filter-holder .dropdown-toggle{color: #5c6373;}
.filter-holder .dropdown-toggle::after{color: #00a6ed;}
.filter-holder .dropdown-menu{padding: 1rem;}
.filter-holder .dropdown-menu[aria-labelledby="dropdown-point"]{width: 20rem;}
.filter-holder .dropdown-menu .custom-control{margin: 0.25rem 0;}
.filter-holder .dropdown-menu .dropdown-menu-title{font-size: 0.75rem; text-transform: uppercase; font-weight: 600;}
.filter-content .filter-group{margin-right: 1.5rem;}

.filter-holder .sort{text-align: right;}
.filter-holder .sort .dropdown-toggle{font-weight: 600;}
.filter-holder .sort .dropdown-menu{width: 13rem;}

.filter-result{padding: 0.625rem 0;display: none;}
.filter-result .filter-result-title{margin-right: 1.5rem;font-weight: 600;}
.filter-result-content{margin-right: 1rem;}
.filter-result-content .filter-result-group{display: none; vertical-align: middle;border: 1px solid #dfe5eb; padding: 0.25rem 0.5rem; border-radius: 1rem;;margin-bottom: 0.5rem;}
.filter-result-content .filter-result-group.active{display: inline-block;}
.filter-result-content .filter-result-group .filter-result-group-title{font-weight: 600; display: inline-block;margin-left: 0.25rem;}
.filter-result-content .filter-result-group .filter-result-group-item{display: inline-block; padding: 0 0.25rem;margin-left: 0.25rem;}
.filter-result-content .filter-result-group .filter-result-group-item i{cursor: pointer;}
.filter-result-content .filter-result-group .filter-result-group-item i:hover{color: #00a6ed;}

.filter-reset .btn{border-radius: 1rem; text-transform: none; padding-left: 0.5rem; padding-right: 0.5rem;}
@media(max-width:991px){
    .filter-holder .filter-collapse{color: inherit;font-weight: 600;}
    .filter-holder .filter-collapse::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent; color: #00a6ed;}
    .filter-content .filter-group{margin-right: 0;}
    .filter-content .filter-group .dropdown{margin-top: 1rem;}
    .filter-content .filter-group .dropdown-toggle{display: block;}
    .filter-content .filter-group .dropdown-toggle::after{display: none;}
    .filter-content .filter-group .dropdown-menu{position: static; display: block; float: none; box-shadow: none; background-color: transparent;}
}


.listing{padding-top: 0; padding-bottom: 1rem;}
.listing-item{background-color: #fff; padding: 1rem 0; border-top: 1px solid #eaeef1; border-bottom: 1px solid #eaeef1;margin-bottom: 0.625rem;}
.listing-item .linkmore{font-size: 0.8125rem;}
.listing-item .listing-owner .avatar-holder{margin-right: 0.625rem;}
.listing-item .listing-owner .avatar{width: 3rem; height: 3rem;border-radius: 50%; background-color: #e1e2e3; font-weight: bold;}
.listing-item .listing-owner .main-info{max-width: calc(100% - 2.875rem)}

.listing-item .listing-line .sep{font-size: 0.8125rem; color: #a9bcd0; padding-left: 5px; padding-right: 15px; flex: 0 0 4.75rem; max-width: 2rem; text-align: center;}
.listing-item .listing-line .sep .sep-icon{width: 100%; height: 2px; background-color: #a9bcd0; position: relative;}
.listing-item .listing-line .sep .sep-icon:after{content: "";width: 0;height: 0;border-style: solid;border-width: 3px 0 3px 4px;border-color: transparent transparent transparent #a9bcd0;
    position: absolute; right: -2px; top: -2px;
}
.listing-item .listing-line .line-point{flex: 0 0 calc(50% - 1rem);max-width: calc(50% - 1rem);}

.listing-item .listing-features .utilities>span{margin-right: 0.125rem; display: inline-block; vertical-align: top;}
.listing-item .listing-price .btn{padding-top: 0.375rem; padding-bottom: 0.375rem;margin-top: 0.125rem; margin-bottom: 0.125rem;}
.listing-item .detail-collapse-holder .detail-content{border-top: 1px solid #eaeef1; padding-top: 2rem;}
.listing-item .detail-collapse-holder .detail-content strong{font-weight: 600;}
.listing-item .detail-collapse-holder .linkmore{border-bottom: 3px solid transparent; display: inline-block;padding-bottom: 0.25rem;}
.listing-item .detail-collapse-holder .linkmore.active{border-bottom-color: #00a6ed;}

.listing-item .list-line{position: relative;}
.listing-item .list-line:before{content: "";width: 1px; background-color: #eaeef1; position: absolute; left: 0; top: 0.5rem; bottom: 0.5rem;}
.listing-item .list-line .line-item{padding-left: 1.25rem; position: relative;margin-bottom: 1.5rem;}
.listing-item .list-line .line-item:before{content: "";width: 6px; height: 6px; background-color: #fff; border-radius: 50%; border: 1px solid #00a6ed; position: absolute; left: -3px; top: 1rem;}
.listing-item .list-line .line-item:last-child{margin-bottom: 0;}
.listing-item .list-line .line-item:last-child:before{background-color: #00a6ed;}
.listing-item .list-line .line-item .time{font-size: 1rem; font-weight: 600;}
.listing-item .list-line .line-item .time .custom-select{padding: 0;font-size: 1rem; font-weight: 600;border: 0 !important; height: auto;}
.listing-item .list-line .line-item .location-name{font-weight: 600;}
.listing-item .list-line .line-item .datetime{flex: 0 0 90px;}
.listing-item .list-line .line-item .datetime-end .datetime-item{display: none;}
.listing-item .list-line .line-item .datetime-end .datetime-item:first-child{display: block;}
.listing-item .box-img.view-more .text-view-more{display: flex; width: 100%; height: 100%; padding: 20px; justify-content: center; align-items: center;
    position: absolute; top: 0; left: 0; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 12px; background-color: rgba(13,44,84,0.75);
    
}

@media(min-width:992px){ 
    .listing-item .listing-price{flex: 0 0 186px;max-width: 186px; text-align: center;}
}
@media(max-width:991px){
    .listing-item .row{margin-left: -8px; margin-right: -8px;}
    .listing-item .row>div{padding-left: 8px; padding-right: 8px;}
    .listing-item .listing-price{margin-top: 1rem; text-align: center;}
}
@media(max-width:767px){
    .listing-item .listing-line{margin-top: 1rem; margin-bottom: 1rem;}
}

/*Bus station*/
.bus-station-item{margin-bottom: 1.5rem;}
.bus-station-item h2{font-size: 1.25rem; margin: 0; padding: 0 15px 15px; color: #00a6ed;}
.bus-station-item h3{font-size: inherit;}
.bus-station-item .row{margin: 0; border: 1px solid #ececec;}
.bus-station-item .row>div:first-child{border-bottom: 1px solid #ececec;}
.bus-station-item .row>div h3{margin-left: -15px;margin-right: -15px; padding: 10px 15px; background-color: #f4f4f4;}
.bus-station-item .route-info{padding: 15px; background-color: #f5f5f5;}
.bus-station-item .route-info p{margin-bottom: 0;}
@media(min-width:992px){
    .bus-station-item .row>div:first-child{border-right: 1px solid #ececec; border-bottom: 0;}
}

/*Bus station new*/
.section-bus-title{text-transform: uppercase; color: #00a6ed;}
.item-new-station{background-color: #fff;border-radius: 10px; margin-bottom: 20px; overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  border: 1px solid #e4e4e4;
}
.item-new-station h4{font-size: 1.25rem; padding: 0.5rem 1.25rem; margin-bottom: 0; background-color: #f4f4f4;}
.item-new-station h4 i{font-size: 12px; position: relative; top: -2px;}
.item-new-station .info-holder{padding: 1.25rem;}
.item-new-station .item-info{display: flex; margin-bottom: 10px;}
.item-new-station .item-info .info-label{display: block; flex: 0 0 16.666667%; max-width: 120px; font-weight: 700;}
/*Partner*/
.partners>div{margin-bottom: 1rem;}
.partner-item{background-color: #fff; border-radius: 0.25rem;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);padding: 15px 15px 0; position: relative;}
.partner-item .d-flex{height: 100%;}
.partner-item .partner-image-holder{padding-right: 15px; padding-bottom: 15px;}
.partner-item .partner-image{width: 54px; height: 54px; padding: 6px; border-radius: 0.25rem; background-color: #f7f7f7;border: 1px solid #dadada; overflow: hidden;}
.partner-item .partner-image i{color: #ccc; font-size: 1.5rem;}
.partner-item .partner-image .box-img{background-color: #fff;}
.partner-item .partner-image .box-img>.inner img{object-fit: contain;}
.partner-item .partner-text{padding-bottom: 15px;}
.partner-item .partner-text h6{margin-bottom: 0;}
.partner-item .partner-text .partner-info{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.partner-item .partner-text .info{display: table;}
.partner-item .partner-text .text-muted{display: table-cell;width: 70px;}
.partner-item .partner-text .text-content{display: table-cell;}
.partner-item .badge{border-radius: 0;}
/*Company Structue*/
.company-structure{text-align: center;position: relative; z-index: 1;}
.company-structure:after{content: ""; width: 1px; background-color: #00a6ed; position: absolute; z-index: 1; left: 50%; top: 0; bottom: 0;}
.company-structure .group{position: relative; margin-bottom: 30px; z-index: 2;}
.company-structure .group:last-child{margin-bottom: 0;}
.company-structure .group .part>div{height: 100%; background-color: #00a6ed; color: #fff; padding: 10px; text-transform: uppercase; font-weight: 600; position: relative; z-index: 3;}
.company-structure .group.middle-right:after{content: ""; height: 1px; background: #00a6ed; position: absolute; left: 50%; right: 15px; top: 50%;z-index: 1;}
.company-structure .group.middle:after{content: ""; height: 1px; background: #00a6ed; position: absolute; left: 15px; right: 15px; top: 50%;z-index: 1;}
.company-structure .group.middle-left:after{content: ""; height: 1px; background: #00a6ed; position: absolute; left: 15px; right:50% ; top: 50%;z-index: 1;}

/*Location*/
.site-page.template-single .entry-content.entry-content-travel h2{font-size: 1.5rem;}
.single-banner{background-position: center; background-size: cover; background-repeat: no-repeat; height: 20vw; min-height: 300px; position: relative;}
.single-banner:after{content: ""; position: absolute; z-index: 1; top: 40%; left: 0; right: 0; bottom: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}
.single-banner .banner-caption{text-shadow: 1px 1px 1px #474747; position: relative; z-index: 2;}
.single-banner .banner-caption .btn{text-shadow: none;}
.single-banner .banner-caption .text-des{font-size: 18px; list-style: none; padding-left: 0; padding-top: 20px; padding-bottom: 20px;}
.entry-content-travel .flexslider{margin-bottom: 0;}
.entry-content-travel .flex-direction-nav .flex-prev{opacity: 1; left: 10px;}
.entry-content-travel .flex-direction-nav .flex-next{opacity: 1; right: 10px;}
.entry-content-travel .content_map .tel,.entry-content-travel .content_map .link-1,.entry-content-travel .content_map .sep{display: none;}
.entry-content-travel .nav-line small{display: block; text-transform: none;}
.vehicle-table-item{padding-top: 0.5rem;padding-bottom: 0.5rem; border-bottom: 1px solid #ececec;}
.vehicle-table-item .vehicle-type{font-size: 1rem; font-weight: 600;}
.list-contact{padding-left: 0; list-style: none;}
.list-contact li{position: relative;padding-left: 1.5rem;margin-bottom: 1rem;}
.list-contact li strong{font-weight: 500;}
.list-contact i{position: absolute; left: 0; top: 0; color: #00a6ed;}
.box-left .box-img.type-video{border-radius: 0.25rem 0.25rem 0 0; overflow: hidden;}
.box-left{border-radius: 0.25rem; background-color: #fff;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.box-left ul{list-style: none; padding: 0 1rem;}
.box-left ul a{display: block; margin-bottom: 0.125rem;padding: 0.25rem; text-transform: uppercase; color: inherit;}
.box-left ul a:hover{background-color: #f5f5f5;}
.box-left ul a i{font-size: 1rem;}
.box-content{padding: 1rem;}
@media(min-width:992px){
    .inner-sticky{z-index: 3;}
    .box-left{margin-top: -140px; position: relative; z-index: 3;}
}
/*Post*/
.sing-post-detail div, .sing-post-detail p,.sing-post-detail p span{font-size: inherit!important; line-height: inherit!important; font-family: inherit!important; color: inherit!important;text-indent: 0!important; width: auto!important; float: none!important;}
.sing-post-detail p{margin-bottom: 1rem!important;}
.sing-post-detail figure figcaption{text-align: center!important;color: #777!important;font-size: 0.75rem!important; font-style: normal!important; font-family: inherit!important;}

/*Number Input*/
.listing-price .btn-holder .btn-primary{white-space: nowrap;font-size: 13px;padding-top: 5px;padding-bottom: 5px;height: 35px; margin-left: 7px; margin-top: 0; margin-bottom: 0;}
.number-input button {color: #3A3A3A;-webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; cursor: pointer; margin: 0;position: relative;}
.number-input button:before,
.number-input button:after{ display: inline-block; position: absolute; content: ''; height: 2px; transform: translate(-50%, -50%);}
.number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg);}
.number-input input[type=number] {text-align: center; color: #3A3A3A}
.md-number-input.number-input {background-color: #F6F7F8; width: 100px;margin-bottom: 15px; display: flex;}
.md-number-input.number-input button {outline: none;width: 35px;height: 35px;}
.md-number-input.number-input button.minus { padding-left: 8px;}
.md-number-input.number-input button.plus { padding-left: 2px;}
.md-number-input.number-input button:before,
.md-number-input.number-input button:after {width: 10px; background-color: #212121; left: 15px;}
.md-number-input.number-input input[type=number] {max-width: 35px; padding-left: 10px; border: none;font-size: 16px;font-weight: bold;color: #D92C3C; line-height: 24px;outline: none; background-color: #F6F7F8; box-shadow: none !important;margin-bottom: 0;height: 35px;}
@media (max-width: 768px) {
    .md-number-input.number-input{position: relative; left: 5px;}
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

/*Box-btn*/
.box-btn-holder a{display: block; padding: 1rem;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);border-radius: 4px; border: 1px solid #ececec;}
.box-btn-holder a:hover{box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%)}
.box-btn-holder .text-holder{padding-left: 1.5rem;}
.box-btn-holder .text-holder h5{text-transform: uppercase; font-size: 1rem;}
.box-btn-holder .text-holder .info-list{color:#373f51;}
.box-btn-holder .text-holder .info-list span{display: inline-block; margin-right: 0.5rem;}
.box-btn-holder .text-holder .info-list i{color: #00a6ed;}

/*Custom*/
.custom-loading {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.55);z-index: 99999999;display: none;}
.custom-loading > div {text-align: center;position: absolute;top: 43%;left: 0;width: 100%;}

#modal-doc-detail .btn-success i{font-size: 1.125rem;}
#modal-doc-detail .file-detail{color: #808080;}
#modal-doc-detail .file-detail i{font-size: 1.25rem;}

.section-post-contact{background: #f5f5f5;}

/*VERSION 2*/
.search-icon{
    margin-left: 15px;
    position: relative;
}
.search-icon a {
    float: left;
    display: block;
    font-size: 26px;
}
.search-icon  .popover-search {
    display: none;
}
.search-icon .icon-search {
    background-image: url('../images/icon-search.png');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 15px 15px;
}
.search-icon .popover-search .move-top-label {
    color: #333232;
    font-size: 10px;
    line-height: 10px;
    outline: 0 none;
    top: 4px!important;
    box-shadow: none;
    transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    pointer-events: none;
}
.search-icon .popover-search .submit-form-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    outline: none;
    text-indent: -9999px;
}
.search-icon .popover-search .icon-close {
    height: 16px;
    width: 16px;
    color: #ff0000 !important;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    z-index: 100;
}
.search-icon.active .popover-search {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    padding: 25px 30px;
    position: absolute;
    right: 0;
    width: 320px;
    z-index: 12;
    margin-right: 0;
    top: 100%;
    margin-top: 0;
}
.search-icon.active .popover-search .form-group {
    clear: both;
    width: 100%;
    margin: auto;
}
.overlay {
    background-color: #000;
    opacity: .8;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    transition: ease-in-out;
    -webkit-transition: ease-in-out;
    -moz-transition: ease-in-out;
    -ms-transition: ease-in-out;
}
.section-bus-station-featured{}
.list-bus-station-featured-filter{}
.item-bus-station-featured{margin-bottom: 30px;}
.item-bus-station-featured a{display: block; position: relative;}
.item-bus-station-featured .img-bg{width: 100%; height: 0; padding-top: 146%; background-size: cover;}
.item-bus-station-featured .caption-holder{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; background-color: rgba(13,44,84,0.75);
    padding: 20px;
}
.item-bus-station-featured .caption-holder h5{font-size: 18px; margin-bottom: 40px;}
.item-bus-station-featured .caption-holder h5 .sep{display: block; font-size: 12px; font-weight: 500; padding: 5px 0;}
.item-bus-station-featured .caption-holder .price{text-align: right;}
.section-post-travel-featured .post.type-travel{position: relative;}
.section-post-travel-featured .post.type-travel .img-holder{width: 100%; height: 0; padding-top: 140%; background-size: cover;}
.section-post-travel-featured .post.type-travel .img-holder:after{content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}
.section-post-travel-featured .col-last .post.type-travel .img-holder{padding-top: calc(70% - 15px);}
.section-post-travel-featured .post.type-travel .post-title{font-size: 18px; margin-bottom: 15px; margin-top: 20px; color: #fff;}
.section-post-travel-featured .post.type-travel .text-holder{position: absolute; bottom: 0; left: 0; right: 0;}

.section-latest-news .carousel-inner{padding-right: 100px;}
.section-latest-news .carousel-control-next,
.section-latest-news .carousel-control-prev{width: 20px; height: 20px; font-size: 16px; margin-top: -10px;}
.section-latest-news .carousel-control-prev{left: auto; right: 25px;}
.section-latest-news .carousel-indicators{left: auto; right: 50px; margin: 0; line-height: 20px; bottom: 2px;}
.section-latest-news .carousel-indicators li{width: auto; height: auto; text-indent: 0; background-color: transparent; border: 0; opacity: 1; margin: 0; display: none;}
.section-latest-news .carousel-indicators li.active,
.section-latest-news .carousel-indicators li.total{display: inline-block;}
.section-latest-news .latest-post-simple a{font-weight: 700; font-size: 16px;}
.section-latest-news .latest-post-simple{text-overflow: ellipsis; 
overflow: hidden; 
white-space: nowrap;}
@media (min-width: 1200px) {
    .section-latest-news .col-title,
    .section-latest-news .col-content{padding: .625rem 15px;}
    .section-latest-news .col-title{flex: 0 0 130px; max-width: 130px;}
    .section-latest-news .col-content{flex: 0 0 calc(83.33333% - 130px); max-width: calc(83.33333% - 130px);}
    
}

.list-results .item-result{display: flex;}
.list-results .item-result{margin-bottom: 30px;}
.list-results .item-result .img-holder{flex: 0 0 100px; max-width: 100px;}
.list-results .item-result .img-holder .img-bg{width: 100%; height: 0; padding-top: 100%; background-size: cover;}
.list-results .item-result .text-holder{flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); padding-left: 15px;}
.list-results .item-result .text-holder p{margin-bottom: 5px;}
.list-results .item-result .text-holder h5{font-size: 16px; margin-bottom: 10px;}

/*cookies*/
.cookies-holder{position: fixed; bottom: 10px; left: 0; right: 0; z-index: 9;}
.cookies-holder .alert{position: relative; padding-right: 140px;}
.cookies-holder .alert .btn-primary{position: absolute; right: 20px; top: 50%; margin-top: -22px;}

/*employer*/
.employer-item{display: flex; flex-wrap: nowrap; border: 1px solid #eee; margin-bottom: 30px;}
.employer-item .img-holder{width: 30%; padding: 0; overflow: hidden; position: relative;}
.employer-item .img-holder:before{content: ""; padding-top: 133.3333%;}
.employer-item .img-holder{min-height: 138px;}
.employer-item .img-holder img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover;}
.employer-item .text-hold{padding: 20px; width: 70%;}
.employer-item .text-hold >span{display: block;}
.employer-item .text-hold .meta-name{font-weight: 600; font-size: 16px; margin-bottom: 5px;}
.employer-item .text-hold .meta-event{margin-bottom: 5px;}
.employer-item .text-hold .meta-event span{display: inline-block; padding: 2px 4px; border-radius: 2px; background-color: #DD1C1A;
    color: #fff; font-size: 10px; text-transform: uppercase;
}
@media (min-width: 768px) {
    .employer-item .img-holder{width: 20%;}
    .employer-item .text-hold{width: 80%;}
}
.employer-item.employer-hpbd{position: relative;}
.employer-item.employer-hpbd:after{content: ""; width: 32px; height: 100%; position: absolute; left: 10px; bottom: 10px;
    background: url(../images/happy-birthday.png) no-repeat bottom center / 100%;
}
@media (min-width: 768px) {
    .employer-item.employer-hpbd:after{width: 48px;}
}
.carousel-item-employer{margin-bottom: 30px; background-color: #fff; background-image: url(../images/bg-hpbd.png); background-size: 100%; background-position: top center; background-repeat: no-repeat;}
.carousel-item-employer .img-holder{margin: 0 auto 20px; padding-top: 60%; width: 60%; background-size: cover; background-repeat: no-repeat;
    background-position: center; border-radius: 50%;
}
.carousel-item-employer{border: 1px solid #eee; padding: 20px; border-radius: 5px; text-align: center;}

.carousel-item-employer .text-hold > span{display: block;}
.carousel-item-employer .text-hold > span.meta-office{min-height: 45px;}
.carousel-item-employer .text-hold .meta-date{font-weight: 700; font-size: 32px; color: #DD1C1A;}
.carousel-item-employer .text-hold .meta-name{font-weight: 600; font-size: 16px;}
#carousel-employer .carousel-control-next, #carousel-employer .carousel-control-prev{background-color: #00A6ED; opacity: 1; 
    color: #fff;
    border-color: #00A6ED;}
#carousel-employer .carousel-control-next{margin-right: 10px;}
 #carousel-employer .carousel-control-prev{margin-left: 10px;}
/*Services*/

.customer-services-tabs .nav-tabs{margin-bottom: 0; margin-left: -15px; margin-right: -15px;}
.customer-services-tabs .nav-tabs .nav-item{margin-bottom: 0; padding: 15px; flex: 0 0 33.333%; max-width: 33.333%;}
.customer-services-tabs .nav-tabs .nav-item a{position: relative; border: 0; border-bottom: 4px solid #00a6ed; display: block; height: 100%; padding: 5px;
    background-color: #fff; border-radius: 5px; text-align: center;  color: #00a6ed;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}
.customer-services-tabs .nav-tabs .nav-item a:hover{background-color: #fff;}
.customer-services-tabs .nav-tabs .nav-item a.active{border-bottom-color: #0d2c54;}
.customer-services-tabs .nav-tabs .nav-item a.active:before{content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -8px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #0d2c54 transparent transparent transparent;
}
.customer-services-tabs .nav-tabs .nav-item a span{display: block; font-size: 36px;}
.customer-services-tabs .tab-content>.tab-pane{padding: 30px 15px; border-radius: 5px; background-color: #0d2c54;}
.customer-services-tabs .tab-content>.tab-pane ul{list-style: none; padding-left: 0; margin-bottom: 0; color: #fff;}
.customer-services-tabs .tab-content>.tab-pane ul li{text-transform: uppercase; font-weight: 800;}
.customer-services-tabs .tab-content>.tab-pane ul li span{color: #fff; font-size: 24px; position: relative; bottom: -4px; opacity: 0.65;}
.customer-services-tabs .tab-content>.tab-pane ul li a{color: #fff;}

@media (min-width: 768px) {
    .customer-services-tabs .nav-tabs .nav-item{flex: 0 0 16.666%; max-width: 16.666%;}
    .customer-services-tabs .nav-tabs .nav-item a{padding: 15px;}
    .customer-services-tabs .nav-tabs .nav-item a span{font-size: 48px;}
    .customer-services-tabs .tab-content>.tab-pane ul li{display: inline-block; margin-right: 30px;}
}

/*Carousel-post*/
.post-circle-item{text-align: center; margin-top: 30px; padding: 0 15px;}
.post-circle-item a .img-holder-outer{padding-top: 100%; width: 100%; height: 0; position: relative; margin-bottom: 10px; background-color: #00a6ed; border-radius: 50%;}
.post-circle-item a .img-holder-outer >div{position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; border-radius: 50%; background-size: cover;
    background-position: center; border: 8px solid #fff;
}
#carousel-post-circle{max-width: 900px; margin-left: auto; margin-right: auto;}
#carousel-post-circle .carousel-inner{padding-left: 60px; padding-right: 60px;}

/*Brand*/
.brand-list .brand-item>a{font-weight: 600; font-size: 16px; color: inherit;}
.brand-list .brand-item>a>span{font-size: 24px; color: #00a6ed;}
.brand-file-list{padding-left: 28px;}
.brand-file-list .brand-file-item{margin-bottom: 5px;}
.brand-file-list .brand-file-item a{color: inherit;}
.brand-file-list .brand-file-item a:hover{color: #00a6ed;}
.brand-file-list .brand-file-item a span{font-size: 16px;}

/*Hire car*/
#form-hire-car .form-group>label{font-weight: 600;}

/*Comment*/
.comment-form{position: relative; margin-bottom: 20px;}
.comment-form .btn{position: absolute; right: 5px; top: 5px; padding: 3px 8px;}
.comment-form .form-control{color: #fff; background-color: rgba(0, 0, 0, 0.2); border: 0;}
.comment-item{position: relative; padding-left: 40px; padding-top: 5px; min-height: 40px; margin-bottom: 15px;}
.comment-item .avatar-holder{width: 32px; height: 32px; position: absolute; left: 0; top: 0;
    background-color: #edeef1; color: #373f51; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700;
}
.comment-item .meta-comment-date{display: block; font-size: 11px; opacity: 0.6;}
.comment-item .meta-comment-name{font-weight: 700;}

/*Rating*/
.rating-item{position: relative; padding-left: 48px; min-height: 40px; margin-bottom: 15px; border-bottom: 1px solid #edeef1}
.rating-item .avatar-holder{width: 40px; height: 40px; position: absolute; left: 0; top: 0;
    background-color: #edeef1; color: #373f51; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700;
}

.rating-item .rating-holder{font-size: 75%; line-height: 1; margin-bottom: 10px;}
.rating-item .meta-rating-date{display: block; font-size: 11px; opacity: 0.6;}
.rating-item .meta-rating-name{font-weight: 700;}

.rating-overview .rating-top{font-size: 16px; font-weight: 500;}
.rating-overview .rating-overview-number{font-size: 24px;}
.rating-overview .rating-top .mdi{color: #ffb400;}
/*Video*/
.section-video-main{padding-top: 50px; padding-bottom: 20px;}
.section-video-main .row-video>div{padding-bottom: 30px;}
@media (min-width: 992px) {
    .col-video-main{position: relative;}
    .video-main-text-holder{position: absolute; left: 15px; padding-right: 15px; right: 0; top: 0; bottom: 30px; overflow-x: hidden; overflow-y: auto;}
    .video-main-text-holder::-webkit-scrollbar { width: 5px;}
    .video-main-text-holder::-webkit-scrollbar-track{background: #373f51;}
    .video-main-text-holder::-webkit-scrollbar-thumb {background: #fff;}
    .video-main-text-holder::-webkit-scrollbar-thumb:hover {background: #00a6ed;}
}
.video-cat-holder{margin-bottom: 60px;}
.video-cat-holder .video-cat-heading{padding-bottom: 10px;}
.video-cat-holder .video-cat-heading a{color: #373f51;} 
.video-cat-holder .video-cat-heading a:hover{color: #00a6ed;}
.video-cat-holder .video-cat-heading h2{margin-bottom: 5px;}
.video-cat-holder .video-cat-heading .video-subcat{list-style: none; padding-left: 0; margin-bottom: 0;}
.video-cat-holder .video-cat-heading .video-subcat li{display: inline-block; margin-right: 15px; margin-bottom: 15px;}
.video-cat-holder .video-cat-heading .video-subcat a{font-size: 16px; font-weight: 700;}
.video-item{margin-bottom: 30px;}
.video-item .img-holder{position: relative; height: 0;padding-top: 56.25%;}
.video-item .img-holder a{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.video-item .img-holder img{width: 100%; height: 100%; object-fit: cover;}
.video-item .img-holder .icon-video{display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: #fff;background-color: rgba(13,44,84,0.75); font-size: 2rem;
    position: absolute; left: 0; bottom: 0;
}
.video-item .img-holder .icon-video.icon-center{top: 50%; bottom: auto; left: 50%; margin-top: -24px; margin-left: -24px;}
.video-item .text-holder{padding-top: 15px;}
.video-item .text-holder h4{font-size: 18px; font-weight: 600; margin-bottom: 0;}
.video-item .text-holder h4 a{color: #373f51;} 
.video-item .text-holder h4 a:hover{color: #00a6ed;}
.video-item .text-holder .meta-time{font-size: 11px; color: #a9bcd0;}
@media (min-width: 992px) {
    .video-item .img-holder .icon-video.icon-center{width: 56px; height: 56px; margin-top: -28px; margin-left: -28px;}
}

/*EVENTS*/
.event-02-09 .header-bottom .navbar:before{content: ""; width: 100px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/quoc-khanh-part-1.png);
    background-size: auto 100%; background-repeat: no-repeat; background-position: left center;
}
.event-02-09 .header-bottom .navbar .navbar-brand:before{content: ""; width: 100px; height: 100%; position: absolute; left: 100%; top: 0; 
    background-image: url(../images/quoc-khanh-part-2.png);
    background-size: auto 100%; background-repeat: no-repeat; background-position: left center;
}
.event-02-09 .section-banner:before{content: ""; width: 20%; height: 100%; position: absolute; right: 10%; top: 5%;
    background-image: url(../images/fireworks-1.png); background-position: top; background-size: 100%; background-repeat: no-repeat; z-index: 2;
}

.event-20-10 .header-bottom .navbar:before{content: ""; width: 100px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/event-20-10-01.png);
    background-size: auto 100%; background-repeat: no-repeat; background-position: left center;
}

.event-25-12 .header-bottom .navbar:before{content: ""; width: 100px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/santaclaus-1.png);
    background-size: auto 100%; background-repeat: no-repeat; background-position: left center;
}
.event-25-12 .section-banner:before{content: ""; height: 70px; width: 100%; position: absolute; top: 0; left: 0; background: url(../images/xmas-ball.png) repeat-x center/ auto 100%; z-index: 2;}


.event-tet-am-lich .header-bottom .navbar:before{content: ""; width: 100px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/tet1.png);
    background-size: 100%; background-repeat: no-repeat; background-position: left top;
}
.event-tet-am-lich .header-bottom .navbar .navbar-brand:after{content: ""; width: 100px; height: 100%; position: absolute; left: 100%; top: 0; background-image: url(../images/tet2.png);
    background-size: auto 100%; background-repeat: no-repeat; background-position: left center;
}
.block-sale{ overflow: auto;white-space: nowrap; margin-bottom: 30px;}
    .block-sale::-webkit-scrollbar{width: 10px; height: 10px;}
    .block-sale::-webkit-scrollbar-track {background: #EDEEF1;}
    .block-sale::-webkit-scrollbar-thumb {background: #00A6ED;}
    .block-sale::-webkit-scrollbar-thumb:hover {background: #00A6ED;}
    .block-sale .sale-item{ width:200px; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
    .block-sale .sale-item img{border-radius: 8px;}

    .bus-nav .nav{border: 1px solid #EDEEF1;}
    .bus-nav .nav-pills .nav-link{border-radius: 0; text-transform: uppercase; line-height: 28px;}
    .bus-nav .nav-pills .nav-link .icon-holder{width: 28px; height: 28px; border-radius: 50%; text-align: center; display: inline-block; background-color: #00A6ED; color: #fff; margin-right: 5px}
    .bus-nav .nav-pills .nav-link.active .icon-holder{background-color: #fff; color: #00A6ED;}
    .bus-nav .nav-pills .nav-link .text-number{font-weight: bold;}

    .size-font ul{display: inline-block; list-style: none; padding-left: 0; margin-bottom: 0;}
    .size-font a{background-color: #00a6ed;}