﻿/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

.main-nav {
  /* Drop Down */
  /* Deep Drop Down */
  /*padding-top:5px!important;*/
}
.main-nav,
.main-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-nav > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}
.main-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 4px 6px;
  transition: 0.5s;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
    color: #fff;
    background-color: #65bd43;
    border-radius: 4px;
}
.main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    z-index: 100;
    opacity: 0;
    transition: ease all 0.5s;
    visibility: hidden;
    background: #fff;    
    box-shadow: 0px 0px 10px rgb(127 137 161 / 25%);
    border-radius: .25rem;
    margin-top:3px;
    padding:10px;
}
.main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.main-nav .drop-down li {
    min-width: 180px;
    position: relative;
    border-bottom: 1px solid #b5b5b5;
}
.main-nav .drop-down li:last-child{
    border-bottom:none;
}
.main-nav .drop-down ul a {
    padding: 6px 10px;
    font-size: 14px;
    color: #212529;  
}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
    color: #ffffff;
    border-radius:0;
}
.main-nav .drop-down > a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
}
.main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
}
.main-nav .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
}
.main-nav .drop-down .drop-down > a {
    padding-right: 35px;
}
.main-nav .drop-down .drop-down > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
}

/* css nut tham dinh*/
.btn-special{
    color:#fff;
    margin-right:8px;
    font-size:14px;
    /*width:110px;*/
}   
.btn-special:hover{
    color:#fff;
}  
.btn-special:focus {
    box-shadow: none;
}
.btn-thamdinh{
    background-color: rgb(40, 102, 176);
    border-color: rgb(40, 102, 176);
}
.btn-bankloan{
    background-color: rgb(0, 133, 212);
    border-color: rgb(0, 133, 212);
}
.btn-Notarized{
    background-color: rgb(41, 177, 207);
    border-color: rgb(41, 177, 207);
}

/*css news detaisl*/
.News-details .infoNews {
    padding: 15px 0 0 0px;
    text-align: left;
}
.News-details .infoNews h1 {
    color: #993393;
    text-transform: uppercase;
    display: flex;
    font-size: 27px;
}
.infoNews p.lastdate {
    font-size: 14px;
    color: #a7a7a7;
    margin-bottom: 20px;
}

/*css bg-sidebar*/
.bg-sidebar {
    border: 1px solid #ccc!important;
    border-radius: 0 0 5px 5px;
    margin-bottom: 40px;
    box-shadow: 0px 0 3px rgb(1 41 112 / 10%);

}
.bg-sidebar .news-today {
    background-color: #1a4697;
    padding: 5px 0px;
}
.bg-sidebar .news-today h2{
    color:#fff;
    font-size: 23px;
    text-align: center;
}
.bg-sidebar .blog-sidebar {
    padding-left: 8px;
    padding-right: 8px;
}

.blog-sidebar .sidebar-blog {
    height: 180px;
    padding: 40px 0;
    border-bottom: 1px dotted #1a4697;
}
.blog-sidebar .sidebar-blog:last-child{
    border-bottom:none;
}
.blog-sidebar .sidebar-blog .w-40 {
    width: 40%;
}
.blog-sidebar .sidebar-blog a img {
    width: 100%;
    height: 100px;
    min-height: auto !important;
}
.sidebar-blog .blog-text-right {
    width: 57%;
    margin-left: 3%;
}
.sidebar-blog .blog-text-right h3 {
    line-height: 20px;
}
.blog-sidebar.sidebar-blog .blog-text-right .count-s {
    letter-spacing: 0.5px;
}
.blog-sidebar.sidebar-blog .blog-text-right .count-s:before {
    margin-right: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f06e";
}

.scrollbar_sidebar {
    height: 880px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

h3.text-icon, .blog-text-right h3 a {
    font-size: 14px;
    color: #222;
}

.News_details .breadcrumb-block{
    padding:10px 0px;
}

.header-middle-search .input-group-prepend .item-link{
    border:none;
}

#form-search select option{
  padding:10px 0;
}

select option:checked {
  background: #f7f7f7;
}
select option:hover {
  background: #f7f7f7;
}


.main-regis-partner {
    padding-top: 16px;
    padding-bottom: 30px;
    background-color: rgba(43,43,43,0.08);
}

.content-regis {
    background-color: white;
    border-radius: 8px;
}




/*style cho layout desktop*/
.product-uptime {
    position: relative;
}

.swiper {
    display: none !important;
}

@media(max-width: 992px) {
    .row {
        display: flex;
        flex-direction: column;
    }

    .list-news {
        max-width: 100% !important;
    }

    .new-news {
        max-width: 100% !important;
    }

    .link-hover-blue {
        display: none !important;
    }

    .product-item {
        display: flex;
        flex-direction: column
    }

    .product-image {
        width: 100% !important;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }

    .product-avatar {
        width: 92%;
    }

    .product-avatar-img {
        border-radius: 15px;
    }

    .product-main {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }

    .pro-title {
        width: 100%;
    }

    .pro-info {
        width: 100%;
        display: flex;
    }

    .product-info {
        width: 75% !important;
    }

    .show_phone {
        width: 55% !important;
        bottom: 45px !important;
    }

    .contact-name {
        margin: 0px !important
    }

    .product-uptime {
        text-align: right;
    }

    .product-content {
        display: none !important;
    }

    .product-seo-text {
        display: none !important;
    }

    .dot {
        padding: 0px !important;
    }

    .swiper {
        display: block !important;
    }

    .swiper-slide {
        width: 25% !important;
        display: flex;
        flex-direction: column;
    }

    .img-fluid {
        border-radius: 10px !important;
        width: 85% !important;
    }

    .right-title {
        width: 84% !important;
        padding: 0 !important;
    }

    .title-mb-new {
        color: #c12f25 !important;
    }

    .right-img {
        width: 100% !important;
        text-align: center !important;
    }

    .footer-mb {
        display: flex;
        flex-direction: row !important;
    }

    .lay-footer-mb {
        display: flex;
        flex-direction: row !important;
    }
}

@media(max-width: 767px) {
    .list-news {
        max-width: 100% !important;
    }

    .new-news {
        max-width: 100% !important;
    }
}

@media(max-width: 414px) {
    .swiper-slide {
        width: 40% !important;
        display: flex;
        flex-direction: column;
    }
}



/*style cho đăng ký đối tác*/
/* .News-details {
	display: none !important;
} */



.News-details-mb {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-mb {
    text-align: center;
    font-size: 32px !important;
}

.content-title-mb {
    font-size: 33px;
}

.banner-mb {
    width: 87%;
    display: flex;
    margin-bottom: 30px;
}

/*.des-banner-mb {
	display: none;
	width: 35%;
	display: flex;
	justify-content: center;
	align-items: center;
}*/

/*.content-des-mb {
	width: 65%;
}*/

.img-banner-mb {
    width: 100%;
}

.img-banner {
    width: 100%;
}

.div-regis-mb {
    width: 90%;
    text-align: center;
    margin-bottom: 30px;
}

.btn-regis {
    font-size: 27px;
    padding: 7px 20px;
}

.list-item, .list-rule-mb {
    width: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item-partner-mb {
    width: 30%;
}

.img-item-mb {
    text-align: center;
}

.img-item {
    width: 90%;
    border-radius: 40px;
}

.banner-footer {
    width: 87%;
    margin-bottom: 30px;
}

.img-footer {
    width: 100%;
}

@media(max-width: 992px) {
    .content-banner-mb {
        font-size: 20px;
    }

    .slidershow-mb {
        display: none !important;
    }
}

@media(max-width: 768px) {
    .title-mb, .banner-mb, .div-regis-mb, .banner-footer {
        margin-bottom: 10px;
    }

    .banner-mb, .banner-footer {
        width: 90% !important;
    }

    .content-title-mb {
        font-size: 24px;
    }

    .title-mb {
        font-size: 28px !important;
    }

    .btn-regis {
        font-size: 25px;
    }

    .item-partner-mb {
        width: 100%;
    }

    .slidershow-mb {
        display: none !important;
    }
}

@media(max-width: 415px) {
    .title-mb {
        font-size: 18px !important;
    }

    .btn-regis {
        font-size: 15px;
    }
}




/*style cho tin tức*/
@media(max-width: 992px) {
    .content-news {
        max-width: 100% !important;
    }
    .CardsRight {
        padding: 0 !important;
        max-width: 98% !important;
        margin: 15px 12px;
    }
}

@media(max-width: 768px) {
    .CardsRight {
        padding: 0 !important;
        max-width: 96% !important;
        margin: 15px 12px;
    }
}

@media(max-width: 414px) {
    .CardsRight {
        padding: 0 !important;
        max-width: 94% !important;
        margin: 15px 12px;
    }
}
