a:hover {
    color: #0052ea;
    text-decoration: none;
}
.vhr {
    border-right: 1px solid #fff;
    height: 100%;
}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}
a.btn {
    outline: none;
}
.top-0 {
    top: 0px;
}

.left-0 {
    left: 0px;
}
.right-0 {
    right: 0px;
}
.bottom-0 {
    bottom: 0px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
    content: "";
    margin-left: .3rem;
    transition: .3s ease;
    border: 0;
    vertical-align: middle;
}

.dropdown:hover .dropdown-toggle::after {
    transform: rotate(-180deg);
    margin-top: 0.25em;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    margin: 0px;
}

.dropdown .dropdown-menu {
    border: 0px;
    /*border-top: .1875rem solid #377dff;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: .3125rem;
    border-bottom-left-radius: .3125rem;
    box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-toggle::after {
    transform: rotate(-90deg) !important;
    margin-top: 0px !important;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -11px;
}

[class*=navbar-expand] .dropdown-item.active:not(:focus):not(:active),
[class*=navbar-expand] .dropdown-item:hover {
    color: #377dff;
    background-color: transparent;
}

.btn-icon {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
}

.btn-icon.btn-xs {
    font-size: .75rem;
    width: 1.75rem;
    height: 1.75rem;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' height='30' width='30' viewBox='0 0 60.963 60.842' style='enable-background:new 0 0 60.963 60.842;' xml:space='preserve'%3e%3cpath style='fill:white;' d='M59.595,52.861L37.094,30.359L59.473,7.98c1.825-1.826,1.825-4.786,0-6.611 c-1.826-1.825-4.785-1.825-6.611,0L30.483,23.748L8.105,1.369c-1.826-1.825-4.785-1.825-6.611,0c-1.826,1.826-1.826,4.786,0,6.611 l22.378,22.379L1.369,52.861c-1.826,1.826-1.826,4.785,0,6.611c0.913,0.913,2.109,1.369,3.306,1.369s2.393-0.456,3.306-1.369 l22.502-22.502l22.501,22.502c0.913,0.913,2.109,1.369,3.306,1.369s2.393-0.456,3.306-1.369 C61.42,57.647,61.42,54.687,59.595,52.861z'/%3e%3c/svg%3e ");
}

.banner-top-home>div {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-top-home .btn-video-home {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    border-radius: 50%;
    display: block;
}

.avatar {
    position: relative;
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: .3125rem;
}

.avatar-xss {
    width: 1rem;
    height: 1rem;
}

.avatar-circle {
    border-radius: 50%;
}

.avatar-circle .avatar-img {
    border-radius: 50%;
}

.avatar-img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .3125rem;
}

.icon.icon-xs {
    font-size: .75rem;
    width: 1.75rem;
    height: 1.75rem;
}

.icon-indigo {
    color: #fff;
    border-color: #1775fb;
    background-color: #1775fb;
}

.icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: .3125rem;
}

.icon-circle {
    border-radius: 50%;
}
.table-price .item{
    border-radius: 7px;
}
.table-price .top-item{
    background-image: -moz-linear-gradient(-176deg,#00ade6 0%,#0093f0 39%,#0079f9 100%);
    background-image: -webkit-linear-gradient(
-176deg
,#00ade6 0%,#0093f0 39%,#0079f9 100%);
    background-image: -ms-linear-gradient(-176deg,#00ade6 0%,#0093f0 39%,#0079f9 100%);
}
.table-price .price{
    font-size: 30px;
}
.page-detail .image-feature {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.page-detail .image-feature:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #000;
    opacity: .7;
    height: 100%;
    z-index: 1;
}
.page-detail .image-feature img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.page-detail .image-feature .container {
    position: relative;
    z-index: 2;
}
.page-detail  .breadcrumb {
    line-height: 1.2;
    font-size: 16px;
    background: 0 0;
    padding: 0 0 25px;
    margin: 0;
}
.page-detail .breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.page-detail .breadcrumb li {
    padding-right: 15px;
    margin-right: 5px;
    position: relative;
}
.page-detail .breadcrumb li:before, .page-detail .breadcrumb li:after {
    content: "";
    height: 6px;
    width: 2px;
    background: #fff;
    position: absolute;
    right: 2px;
    top: calc(50% - 2px);
    transform: translateY(-50%) rotate(
-45deg
);
}
.page-detail .breadcrumb li:after {
    top: calc(50% + 2px);
    transform: translateY(-50%) rotate(
-135deg
);
}
.page-detail .breadcrumb li a {
    color: #fff;
}
.page-detail h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
    padding-bottom: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
}
.page-detail h1:after {
    content: "";
    width: 318px;
    height: 1px;
    background: #007bff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.page-detail .post-info {
    font-size: 16px;
}
.page-detail .post-info span {
    color: #fff;
    margin-right: 35px;
    display: flex;
    align-items: center;
}
.page-detail .post-info span svg {
    width: 14px;
    height: 14px;
    fill: #fff;
    color: #fff;
    margin-right: 5px;
    margin-top: -2px;
}
.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.card-btn-toggle-active {
    display: block;
}
.card-btn-toggle-default {
    display: none;
}
.card-btn.collapsed .card-btn-toggle-default {
    display: block;
}
.card-btn.collapsed .card-btn-toggle-active {
    display: none;
}
.btn-link:hover {
    color: #0052ea;
    text-decoration: none;
}
.btn-link {
    font-weight: 600;
}
.slide-one .slick-prev{
    left: 100px;
    z-index: 100;
    height: 100px;
    width: 100px;
}
.slide-one .slick-next{
    right: 100px;
    z-index: 100;
    height: 100px;
    width: 100px;
}
.slide-one .slick-prev:before, .slide-one .slick-next:before{
    font-size: 76px;
}
.slide-one .slick-dots{
    bottom: 10px;
}
.slide-one .slick-dots li button:before{
    font-size: 22px;
}
footer {
    background-color: #21325b;
}

footer .fa.fa-chevron-right {
    font-size: 10px;
}

.modal-content {
    border: .0625rem solid transparent;
    border-radius: .75rem;
    outline: 0;
}
/* Timeline holder */
ul.timeline {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

 /* Timeline vertical line */
ul.timeline:before {
    content: ' ';
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 16px;
    width: 4px;
    height: 100%;
    z-index: 400;
    border-radius: 1rem;
}

li.timeline-item {
    margin: 20px 0;
}

/* Timeline item arrow */
.timeline-arrow {
    border-top: 0.5rem solid transparent;
    border-right: 0.5rem solid #fff;
    border-bottom: 0.5rem solid transparent;
    display: block;
    position: absolute;
    left: 2rem;
}

/* Timeline item circle marker */
li.timeline-item::before {
    content: ' ';
    background: #007bff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fff;
    left: 11px;
    width: 14px;
    height: 14px;
    z-index: 400;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.text-height-0 {
    line-height: 1 !important;
}

.text-height-1 {
    line-height: 1.5 !important;
}

.text-height-2 {
    line-height: 2 !important;
}

.text-height-3 {
    line-height: 2.5 !important;
}

.text-height-4 {
    line-height: 3 !important;
}

.text-height-5 {
    line-height: 3.5 !important;
}
article img{
	max-width: 100% !important;
	max-height: 100% !important;
      height: 100% !important;
}
@media (max-width: 767px){
    .page-detail .image-feature {
        height: 250px;
    }
    .page-detail .image-feature img {
        width: 100%;
        min-height: 250px;
        transform: translateX(-50%);
        left: 50%;
    }
    .page-detail h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
}
@media (max-width: 991px){
    .page-detail h1 {
        font-size: 32px;
        line-height: 44px;
    }
}

@media (max-width: 1200px) {
    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
    }

    .h2,
    h2 {
        font-size: calc(1.3125rem + .75vw);
    }
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .w-xs-100 {
        width: 100% !important;
    }

    .w-xs-80 {
        width: 80% !important;
    }

    .w-xs-75 {
        width: 75% !important;
    }

    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-25 {
        width: 25% !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

}



.car-col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.car-col-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.car-col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.car-col-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.car-col-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.car-col-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 4 */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .carousel-inner .carousel-item-prev,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
}