::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 10px;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #fff;
}

::-webkit-scrollbar-thumb {
background-color: #f3c820;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #45505c;
 border-radius: 30px !important;
}
.tti{
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 15px;
}
.product__desc p{margin-left: 3px}
.lo{font-size: 16px;
    line-height: 1.8;
    padding-top: 30px;}
section.pro{padding: 90px 0 65px}
section.news{padding: 140px 0 180px}
.c-container{max-width: 96.5%}
.co-p{font-size: 22px;color: #333;font-weight: normal;color: #063464}
.heading-layout2 .heading__title{padding-bottom:0;}
.heading-layout2 .heading__title sub{color:#f3c820;font-size: 30px;padding-right: 10px;bottom: 0.1em}
.gallery-layout2 .gallery-img p{font-size:18px;padding-top: 15px;color: #063464;font-weight: 600}
.gallery-layout2 .gallery-img sub{font-size: 12px;bottom: 0.2em;padding-right: 5px;color: #2983fd}
.ab-l-ing,.ab-r-ing{position: relative}
.ab-text{position: absolute;position: absolute;
    top: 30%;
    color: #fff;
    left: 19%;
    max-width: 50%;}
.w-100{width: 100%}

.member:hover .btn__link.btn__secondary{color: #2983fd}
.member:hover .btn__link.btn__secondary .icon-outlined{
    color: #fff;
    border-color: #2983fd;
    background-color: #2983fd;
}
.team-layout2 .member .member__desc{padding-bottom: 10px}
.pro-btn{padding: 10px 0 0;border-top: 1px solid #000}
.ab-r-ing .ab-text{top: 65%;max-width: 70%;}
.ab-text h4{color: #fff;font-weight: normal;font-family: 'HmBold'}
.ab-text p{font-family: 'HmMedium'; font-size: 16px;color:#fff}
.curl{flex: 1}
.text-block__desc.ab{max-width: 800px;}
.bg-ab{background: url("assets/images/yh/ab-8.jpg");background-size: cover;background-position: bottom center;}
section.bg-ab{padding: 100px 0 410px}
.prov-t{border-radius: 10px;padding: 30px 30px}
.pro-t{padding-left: 30px;padding-top: 25px;padding-bottom: 25px}
.package__list.list-items li::before{top: 4px;}
.package__list.list-items-layout2 li{color: #063464;}
.border{border-color: #eee}
.breadcrumb-item+.breadcrumb-item{text-transform: capitalize;}
.page-title-layout6{margin-bottom:0;border-bottom: 1px solid #eee;padding: 18px 0;}
.btn.co{text-transform: inherit;font-size: 20px;padding: 10px;min-height: 60px;height: 60px;margin: 0;text-align: left;line-height: 1.2em;font-weight: 600}
.services-layout1 .service-item.hover:before {
	background: rgba(41,131,253,.25);
	-webkit-clip-path: polygon(100% 0,100% 100%,0 100%,0 0);
	clip-path: polygon(100% 0,100% 100%,0 100%,0 0)
}

.services-layout1 .service-item.hover .service__overlay {
	width: 100%;
	height: 100%
}
.service-item.hover .btn__secondary {
    color: #063464;
    background-color: #f3c820;
}
.services-layout1 .service-item.hover .service__icon:before {
	opacity: 0
}
.service-item.hover .btn.btn__secondary .icon-outlined {
    color: #fff;
    border-color: #063464;
    background-color: #063464;
}
.services-layout1 .service-item.hover .service__desc,.services-layout1 .service-item.hover .service__icon,.services-layout1 .service-item.hover .service__title {
	color: #fff
}



.ab-p{padding-right: 70px}
.lian-more {
    margin-top: 3%;
    position: relative;
    overflow: hidden;
}
.lian-more a {
    display: inline-block;
    position: relative;
    border: 2px solid #bf1313;
    padding: 0 1.3rem;
    overflow: hidden;
    line-height: 3rem;
    width: 11rem;
}
.lian-more i {
    width: 0.6rem;
    height: 1rem;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
}
.img-inline {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
}
/* footer */
.footer {background:#1a1a1a;position: relative;clear: both; overflow: hidden;color: #fff;}
.footer a:hover {color: #f3c820;}
.footer-content {width: 83%;margin: auto;position: relative;}
.footer-content-top {padding: 4% 0 4% 0;overflow: hidden;border-bottom: 1px solid rgba(92,92,92,0.3);position: relative;}
.footer-top-left {float: left;width: 26%;}
.footer-logo a{width: 100%;height: auto;display: block;}
.footer-top-right {width: 80%;text-align: right;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-nav a {color: #fff;margin-left: 3rem;} 
.footer-content-center {padding: 3% 0;}	
.footer-center-left {float: left;width: 50%;display: flex;flex-direction: row;flex-wrap: wrap;}
.footer-center-item {float: left;width: 50%;margin-bottom: 4%;}
.footer-center-item .title-1{color: #808080;}
.footer-center-item .item-1{position: relative;padding-top: 3%;width: 80%;}
.footer-center-item .item-1 a {display: block;color: #fff;font-size: 18px}
.footer-center-item .item-1 p {margin: 0;padding: 0;}
.footer-center-item .item-1 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 1rem;margin-top: 1%;}
.footer-center-item .item-1 li {position: relative;}
.footer-center-item .item-1 li .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-center-item .item-1 li:hover .ewmshow-1{display: block;}
.footer-center-right {float: right;width: 44.7%;}
.footer-center-form {overflow: hidden;margin-top: -3%;}
.footer-center-form .form-3{margin-bottom: 1%;overflow: hidden;}
.footer-center-form .form-3 li{list-style: none;padding: 0;margin: 0;float: left;width: 33%;}
.footer-center-form .form-3 li:nth-child(2) {margin: 0 2%;width: 30%;}
.footer-center-form .form-3 li:last-child{float: right;}
.footer-center-form .lian-more a{background: #3c3c3c;border: #3c3c3c 2px solid;}
.footer-center-form .lian-more span {color: #fff;font-weight: 600;font-size: 16px}

.footer-center-form .lian-more a:hover {background: #2983fd; border: #2983fd 2px solid;}
.input-1,.textarea-1{background:none;padding: 2rem 0;box-sizing: border-box;border: none;width: 100%;border-bottom: 1px solid rgba(92,92,92,0.3);color: #fff;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border-bottom: 1px solid #fff;}
.textarea-1 {min-height: 130px;}
.input-1::-webkit-input-placeholder,.textarea-1::-webkit-input-placeholder{ color: #fff;} 
.footer-content-bottom {clear: both;overflow: hidden;position: relative;padding: 6% 0 1.5%;margin-top: 5%;}
.footer-copy,.footer-content-bottom a  {color: #a9a9a9;}
.footer-content-bottom a:hover {color: #fff;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #bf1313 url('../image/up1.png') no-repeat center;border-radius: 100%;}
.lian-more i{color: #fff}
.lian-more:hover i{color: #fff}


.process-item .process__icon img{width: 55px}
.about__Text p{font-size: 16px}
.blue-play .video__btn .video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    color: #fff;
    background-color: #2983fd;
    -webkit-box-shadow: 0 0 0 7px rgba(255,255,255,.15);
    box-shadow: 0 0 0 7px rgba(255,255,255,.15);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.blue-play .video__btn {
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-left: 90px;
    height: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blue-play .video__btn .video__player {
	-webkit-box-shadow: 0 0 0 9px rgba(6,52,100,.15);
	box-shadow: 0 0 0 9px rgba(6,52,100,.15)
}
.blue-play .video__btn:hover .video__player {
	-webkit-box-shadow: 0 0 0 20px rgba(6,52,100,.15);
	box-shadow: 0 0 0 20px rgba(6,52,100,.15)
}
.video__btn-blue .video__player{background-color: #063464!important;
    color: #fff;}

.counter-item .counter__icon img{max-width: 55px}
.bg-img-s{background:url("assets/images/yh/se-1.jpg");background-repeat: no-repeat;background-size: contain;background-position: center center}
.team-layout2 .member:hover .member__info.spe:before{top:0}
.service-item .service__title span{color: #fff;}
.services-layout2 .slick-arrow.slick-next:before, .services-layout2 .slick-arrow.slick-prev:before{font-size: 35px;}
.services-layout2 .slick-arrow.slick-prev {
    left: -50px;
}
.services-layout2 .slick-arrow.slick-next{
    right: -50px;
}
.heading__subtitle.spe{max-width: 400px;}
.ab-bg{background: url("assets/images/yh/ab-bg.jpg") no-repeat;background-size: cover;background-position: top center;}
.a-container{max-width: 85%;}
.header-layout2 .phone__number span.spe{color:#032b56;font-size: 18px}
.mt-5-1{margin-top: 5px;}
.header-topbar.spe{background: none}
.navbar-actions>li i{font-size: 24px;color: #032b56;}
.about-layout2.ab-p{padding: 90px 0}
.service-item .service__icon img{width: 70px}
.service-item .service__icon:hover img{filter: brightness(100%)}

.preview {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive-16by3 {
    padding-bottom: 40%
}
.embed-responsive-4by3 {
    padding-bottom: 75%
}
.embed-responsive-zd{padding-bottom: 40%}
.video-t{padding: 0 15px 15px 15px;text-align: center;}
.video-t h4{font-size: 16px;margin-bottom: 0}
.video-c{background: #fff;border-radius: 10px;margin-bottom: 30px}

.product-item-single.video{padding: 30px}


@media(max-width:1800px){
    .contact-layout1 .contact-panel__info .contact__list li a{font-size: 18px}
    .ab-text{left: 10%}
.comments-list .comment__item .comment__content .news-p {margin-top: 10px;} 
.a-container{max-width: 95%;} 
.footer-content{width: 92%;}
}
    
@media(max-width:1600px){
    .header-topbar>.container-fluid, .navbar>.container-fluid{padding-right: 30px;padding-left: 30px;}
    .navbar-expand-lg .navbar-nav{padding-right: 0;
    margin-right: 0;border-right: 0;}
    .navbar .nav__item{margin-right: 20px;}
    .ab-p{padding-right: 30px}
    .service-item{padding: 25}
    .service-item .service__desc{font-size: 12px;line-height: 1.5}
.fancyboxs-layout3 .fancybox-item .fancybox__desc {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.3;
}
.heading-layout2 .heading__title{font-size: 35px;}
    .heading__subtitle{font-size: 20px}
.heading__title {font-size: 24px;}
    .team-layout2 .member .member__info{height: 250px;}
}
@media(max-width:1300px){
    .navbar .nav__item .nav__item-link{font-size: 14px}
.comments-list .comment__item .comment__content .news-p {
    margin-top: 30px;
}
}

@media(max-width:1200px){
    .pagetitle__heading {
    font-weight: normal;
    font-family: 'HmMedium';
    font-size: 45px;
    line-height: 1.1;
    margin-bottom: 0;
}
.navbar .navbar-brand{margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #e6eaef;}
    .footer-center-right,.footer-center-left{width: 100%}
    .footer-center-right{margin-top: 50px}
    .footer-top-right{display: none}
    .footer-top-left{width: 50%}
}
@media(max-width:991px){
    .contact-layout1 .contact-panel__info .contact__list li a{font-size: 14px}
    .product-item-single .product__title{font-size: 28px;}
    .text-block__title{font-size: 24px;}
    .header-topbar>.container-fluid, .navbar>.container-fluid{padding-right: 0;padding-left: 0;}
    .navbar .nav__item .nav__item-link{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e2e2e2}
    .heading-layout2 .heading__title{font-size: 30px;margin-bottom: 0}
    .slider .slide-item{min-height: 60vh}
.ab-p{padding-right: 0}
.footer-content{width: 97%;}
.footer-content-top,.footer-content-center,.footer-content-bottom{padding: 5% 0;} 
.footer-content-bottom {border-top: none}
.a-container{max-width: 99%;}
.comment__item.d-flex{flex-direction: column;}
.comments-list .comment__item .comment__avatar.news{width: 100%}
.blog-comments{padding-right: 0}
.comments-list .comment__item .comment__content{padding-left: 0;padding-top: 30px}
.comments-list .comment__item .comment__content .news-p {
    margin-top: 32px;
}
}
@media(max-width:767px){
    .bg-ab{background: url("assets/images/yh/ab-5.jpg") no-repeat;background-size: cover;background-position: bottom left;}
    .pro-t{padding-left: 0}
}

@media(max-width:575px){
    .slide__content{padding: 50px 0}
    .video__btn .video__player{width: 40px;height: 40px;line-height: 40px;}
    .video__btn{height: 50px;padding-left: 40px}
    .team-layout2 .member .member__info{height: 190px}
}