@font-face { font-family: 'SegoeUI'; src: url('../fonts/SegoeUI/SegoeUI.eot?#iefix') format('embedded-opentype'),  url('../fonts/SegoeUI/SegoeUI.woff') format('woff'), url('../fonts/SegoeUI/SegoeUI.ttf')  format('truetype'), url('../fonts/SegoeUI/SegoeUI.svg#SegoeUI') format('svg'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'SegoeUI'; src: url('../fonts/SegoeUI-Semibold/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/SegoeUI-Semibold/SegoeUI-Semibold.woff') format('woff'), url('../fonts/SegoeUI-Semibold/SegoeUI-Semibold.ttf')  format('truetype'), url('../fonts/SegoeUI-Semibold/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg'); font-weight: 600; font-style: normal; } 
@font-face { font-family: 'SegoeUI'; src: url('../fonts/SegoeUI-Bold/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/SegoeUI-Bold/SegoeUI-Bold.woff') format('woff'), url('../fonts/SegoeUI-Bold/SegoeUI-Bold.ttf')  format('truetype'), url('../fonts/SegoeUI-Bold/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'); font-weight: bold; font-style: normal; }
html, body{font-family: 'SegoeUI'; font-size: 14px;    background: #18181f; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px;}
img{max-width: 100%;}
/* ----------- DEFAULT -------------------------------------- */
/* ELEMENT */
a{color: #fff;}
a:hover, a:focus{border-color: rgba(255, 255, 255, 0); outline: none;text-decoration: none;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;color: #bf8c37;}
img{max-width: 100%;}
ul{margin: 0px;}
/* CORE */
[class*="col-"], [class*="container-"]{padding-left: 10px; padding-right: 10px;}
.row{margin-left: -10px; margin-right: -10px;}
.warpper-content{max-width: 1920px; position: relative; }
.max-md{max-width: 1090px; margin-left: auto; margin-right: auto;}
.section-header{margin-bottom: 30px; position: relative;color: #273B94; font-size: 30px;    line-height: 32px;font-family: 'QuicksandBold-Regular';}
.section-header h3 { color: rgba(255, 255, 229, 0.5); font-size: 65px; font-weight: inherit; font-family: 'QuicksandBold-Regular';line-height: 54px; }
.section-header .sub{color: #ffffe5; position: absolute; left: 0; right: 0; bottom: 0; font-size: 34px;}
@media(max-width: 1064px){
    .section-header h3{font-size: 16px!important; line-height: 20px!important;}
    .section-header .sub{position: static; font-size: 26px;}
}
/* CUSTOM */
.wrapper-default { max-width: 1920px; margin: auto; background: #f5f5f5;}
.max-w{max-width: 860px; margin-left: auto; margin-right: auto;}
.max-w-small{max-width: 1010px; margin-left: auto; margin-right: auto;}
.title-sec{margin-bottom: 60px;}
.title-sec h3 { color: #010101; margin: 0px; line-height: 24px; font-weight: 600; font-size: 20px; }
.title-sec .float-right a{color: #d13434;}
.title-sec .float-right a:hover{color: #c81c1c; text-decoration: underline;}
.title-box{margin-bottom: 30px;}
.title-box h3{font-weight: bold; margin: 0px; font-size: 24px; font-weight: bold}
.breadcrumb-page .banner img{width: 100%;}
@media(max-width: 1064px){
    .title-sec{    margin-bottom: 15px!important;}
    .max-w{padding-left: 5px; padding-right: 5px;}
    .section-header{margin-bottom: 30px!important;}
    .sec-2 .section-header{bottom: -135px!important;}
}
/* ----------- PRELOADER -------------------------------------- */
.preloader { width: 100%; height: 100%; top: 0; position: fixed; z-index: 99999; background: #fff; }
.lds-ripple{display:inline-block;width:64px;height:64px;position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.lds-ripple .lds-pos{position:absolute;border:2px solid #2962FF;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.1,.5,1) infinite}.lds-ripple .lds-pos:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:0}5%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}
/* ----------- TO TOP -------------------------------------- */
.to-top { position: fixed; bottom: 50px; right: 44px; width: auto; height: auto; z-index: 116; cursor: pointer; display: none; -webkit-transform: translate3d(0,0,0); border-radius: 50%; }
.to-top img{max-height: 30px;}
/* BOX SLICK */
.box-slick{position: relative;}
.box-slick .box-arrows-slick img{    height: 13px;}
.box-slick .box-arrows-slick .slick-arrows{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box-slick .box-arrows-slick .prev { left: -15px; }
.box-slick .box-arrows-slick .next{ right: -15px;}
.logo-slider{position: absolute; top: 10%; left: 0; right: 0;    padding: 15px;}
.logo-slider img{    max-height: 400px;}
.slick-slide:focus{    border-color: rgba(255, 255, 255, 0);outline: none;}
@media(max-width: 1100px){
    .box-slick { margin: 0px auto 20px; }
}
/* ----------- HEADER -------------------------------------- */
header { position: fixed; z-index: 5; width: 100%; top: 0;     }
.header-default { position: relative; text-align: left; height: 106px; border-bottom: 2px solid rgba(255, 255, 255, 0.46); }
header.menu-small { position: fixed; bottom: auto!important; top: 0px!important; }
header.menu-small .h-logo img{max-height: 40px;}
header.menu-small .h-logo { height: 54px; }
header.menu-small .header-default{      background: rgba(0, 0, 0, 0.5);  height: 54px;}
header.menu-small .header-default::after{background: rgba(0, 0, 0, 0.5); height: 54px;;}
header.menu-small .header-default .main-menu{    padding-top: 15px;}
.h-logo {position: absolute;z-index: 2;top: 0px;left: 0;height: 106px;background: #000;padding: 8px 24px 5px;}
.h-logo img{    height: 94px;}
.header-top-bg { position: relative; background: #f7f5ee; line-height: 34px; color: #d48f43; font-size: 13px; font-weight: 600; }
.nav-holder nav{float: none;}
.nav-holder{float: none; margin: auto;}
.nav-holder.main-menu ul{margin: 0; padding: 0;}
/* SOCIAL RIGHT */
.header-top .social-right{min-width: 40%;background: #de222d;border-top-left-radius: 100px;border-bottom-left-radius: 100px;padding-left: 3px;position: absolute;top: 0;right: 0;height: 29px;padding-right: 5px;}
.header-top .social-right .form-search-box{min-width: 250px; margin-top: 3px;    vertical-align: top;}
/* .H MENU */
.main-menu nav>ul>li {position: relative;margin-left: 60px;vertical-align: middle;}
.main-menu nav>ul>li a{font-weight: bold;}
.main-menu nav>ul>li:hover>a, .main-menu nav>ul>li.active>a{color: #fff;}
.h-right { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; right: 40px; z-index: 2; text-align: center; min-width: 100px; min-height: 92px; top: 0; }
.h-right img{height: 19px;}
.h-right a { background: transparent;  display: block; text-align: center; font-size: 12px; font-weight: 600; color: #1987d4; position: relative; }
.dark-header.h-menu { margin: auto; text-align: center;}
.cl-effect-16 a{ color: #fff!important; }
/* HEADER-TOP */
.header-top a { color: #d48f43; }
.header-top .support .icon { position: absolute; top: 0; right: 0; }
.header-top .support img { height: 16px; vertical-align: sub; width: 16px; }
.header-top .support .list-inline-custom .list-inline-item{    padding-right: 30px;}
/* LOGIN-RIGHT */
.header-default .login-right{position: absolute; right: 0; top: 0;}
.header-default .login-right a{min-width: 75px; margin-left: 13px;}
.max-lg{max-width: 1320px; margin: auto;}

@media(max-width: 1000px){
    .header-default .login-right{    top: 10px;}
}
@media(max-width: 600px){
    .header-default .login-right a{margin-bottom: 5px; min-width: inherit; padding: 0; width: 22px;       margin-left: 5px;}
    .header-default .login-right a img{        height: 15px;
        width: 15px;}
    .header-default .login-right a span{display: none;}
}

a.link-line, a.link-line-yellow{color: #abadae; border: 1px solid #abadae; border-radius: 100px; line-height: 20px; padding: 0px 10px; font-size: 12px; display: inline-block;background: transparent; text-align: center;}
a.link-line:hover, a.link-line:focus, a.link-line.active{background-image: linear-gradient(to right, #02a3e4 0%, #01d4e8 100%); color: #fff; border: 1px solid #01d4e8;}
a.link-line.link-lg{line-height: 28px; min-width: 166px; font-size: 16px;}

.nav-holder nav li.menu-sub-right{position: relative;}
.nav-holder nav li>a{position: relative;}
/* ----------- DEFAULT -------------------------------------- */
.page-section{    margin-bottom: 60px;}
.page-section h3{margin: 0; color: #fd0043; font-size: 24px;    font-weight: 600;}
.language-box { vertical-align: top; margin-left: 10px;margin-top: 30px; }
.language-box .btn{min-width: 73px; height: 24px; background: #fff; border-radius: 100px; border: 0; box-shadow: none; color: #ff145d; text-align: left; padding: 0 10px 0 18px; font-size: 10px;}
.language-box .btn:hover, .language-box .btn:focus{background: #fff;color: #e4094d;}
.language-box .dropdown-toggle::after { position: absolute; content: ""; background: url(../images/icon/down-arrow.svg) no-repeat right center; background-size: 8px 8px; background-position-x: 97%; width: 8px; height: 8px; top: 8px; right: 10px; border: 0; }
.language-box .dropdown-item:focus, .language-box .dropdown-item:hover{    color: #e4094d;}
/* #slick-slider-main .item a img{width: 100%; opacity: 0;} */
@media(max-width: 1150px){
    .header-top-bg{padding-bottom: 5px;}
    .header-top-bg:after{    position: static;}
    .header-top .social-right{position: static; display: block!important; width: 100%;}
}
@media(max-width: 1150px){
    .header-top .social-right .form-search-box{    min-width: 220px;}
}
@media(max-width: 1064px){
    .header-default{    padding: 0;}
    .h-right{right: 70px; min-width: 50px;}
}
@media(max-width: 1000px){
    header{min-height: inherit;    padding-bottom: 10px;}
    .box-acc-right.d-inline-block { display: block!important; float: none!important; border-top: 1px solid #d8d8d8; }
    .h-logo img { max-height: 40px; }
    .language-box, .dark-header.h-menu{margin-top: 10px; z-index: 3; position: absolute; left: 0;}
}
@media(max-width: 1064px){
    #header-main-fixed{        }
    .h-logo{left: 0; right: 0; text-align: center; top: 0px;}
    .h-logo{background: transparent;}
    .header-default::after{display: none!important;}
    .header-default{    height: 54px;}
    header.menu-small .header-default{background: transparent;}
    #header-main-fixed.menu-small{  background: rgba(0, 0, 0, 0.5);}
    #header-main-fixed.menu-small .header-default{border: 0px!important;  }
}
@media(max-width: 767px){
}   
#page-title {
    position: relative;
    padding: 50px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}

/* ----------- FOOTER -------------------------------------- */
.copyright{padding: 20px 0px; font-size: 12px; min-height: 60px; position: relative;}
.copyright a{color: #fff;}
.copyright a:hover{    color: #f5bf51;}

/* ----------- FOOTER -------------------------------------- */
footer{background: #212121; min-height: 235px; color: #fff;}
footer .ft-logo{padding-top: 46px; margin-bottom: 20px;}
footer .ft-logo img{    max-height: 158px;}
footer .ft-contact{ padding-top: 30px;}
footer .tf-content .item-icon-left{position: relative; padding-left: 33px; margin-bottom: 15px; color: #a2a2a2; font-size: 14px; min-height: 22px;}
footer .tf-content .item-icon-left .icon{position: absolute; left: 0; top: 0; width: 30px; text-align: center;}
footer .tf-content .item-icon-left .icon img{    max-height: 22px; max-width: 22px;}
footer .tf-content .item-icon-left .text{padding-top: 4px;}
footer .tf-content a{color: #a2a2a2;}
footer .tf-content a:hover{color: #fad149;}
footer .ft-title{margin-bottom: 22px;}
footer .ft-title h3{font-size: 18px; color: #fff;}
.ft-copyright{color: #a2a2a2; font-size: 14px;}

/* ----------- SLIDER -------------------------------------- */
#slick-slider-main .slick-dots li button:before{font-size: 0px; display: none;}
#slick-slider-main .slick-dots li button{width: 40px; height: 3px; background: #fff;}
#slick-slider-main .slick-dots li.slick-active button{background: #e89b13;}
#slick-slider-main .slick-dots{width: 100%; right: 0; bottom: 33px!important; left: 0; text-align: right; max-width: 1090px; margin: auto;}

/* ----------- ABOUT -------------------------------------- */
.header-default::after{border-bottom: 2px solid rgba(255, 255, 255, 0.46); right: -100%; width: 100%; bottom: -2px; position: absolute; content: "";}
.header-default .main-menu{padding-top: 60px; text-align: right;}
.main-menu nav>ul>li:first-child{margin-left: 0px;}

header.menu-small{
    height: 54px;
    background-color: #000000a6;
}

.link-blue{
    border-radius: 4px;
    background-image: -moz-linear-gradient( -90deg, rgb(56,159,210) 0%, rgb(23,25,53) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(56,159,210) 0%, rgb(23,25,53) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(56,159,210) 0%, rgb(23,25,53) 100%);
    box-shadow: inset 0px 4px 9px 0px rgba(0, 0, 0, 0.86);
    line-height: 48px; min-width: 145px; padding-left: 30px; padding-right: 30px; font-size: 16px;
}

/* ----------- BLOG ITEM -------------------------------------- */
.sec-blog .title-section{min-height: 90px;}
.sec-blog .title-section .title-inner{    color: rgba(230, 230, 230, 0.5);}
.sec-blog .title-section strong{background: #f7b52a; padding-left: 15px; padding-right: 15px;}
.list-blog-item{margin-bottom: 20px;}
.blog-item { position: relative; overflow: hidden; margin-bottom: 30px; max-width: 350px; margin-left: auto; margin-right: auto; }
.blog-item .thum { overflow: hidden; margin-bottom: 10px; }
.blog-item .thum a{display: block; transition: -webkit-transform .5s cubic-bezier(0,0,.44,1.18); transition: transform .5s cubic-bezier(0,0,.44,1.18); transition: transform .5s cubic-bezier(0,0,.44,1.18),-webkit-transform .5s cubic-bezier(0,0,.44,1.18);}
.blog-item:hover .thum a{-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}
.blog-item .thum img{max-height: 310px; width: 100%;}
.blog-item .content{    }
.blog-item .content .title { font-size: 16px; margin-bottom: 20px; color: #060606; height: 72px; }
.blog-item .content .title a { color: #000; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-item .content .title a:hover{color: #f7b52a!important;}
.blog-item .content .date{color: #919191; font-size: 11px;}
.blog-item{}
.bg-blog-item{background: url(../images/8-1.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.news-nav{text-align: right; padding-right: 20px; margin-bottom: 10px;}
@media(max-width: 992px){
    .blog-item{max-width: 280px; margin-left: auto; margin-right: auto;}
}
@media(min-width: 480px) and (max-width: 767px){
    .row.list-blog-item .col-lg-3.col-md-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media(max-width: 480px){
    .news-nav{text-align: center;}
}

/* ------------- */
.sec-product{padding-bottom: 46px;}
.sec-product .link-bottom{padding-top: 25px;}
.sec-product .title-section .title-inner{    color: rgba(230, 230, 230, 0.5);}
.sec-product .title-section strong{background: #f7b52a; padding-left: 15px; padding-right: 15px;}
.product-item-main{margin: auto auto 25px; font-weight: 600; max-width: 360px;}
.product-item-main .inner{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.product-item-main .product-image{display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; overflow: hidden; -ms-flex-item-align: start; align-self: flex-start; width: 100%;max-width: 100%; padding: 0; margin-bottom: 25px;text-align: center;  background: #fff; margin-bottom: 10px;}
.product-item-main .product-image .image-holder{display: block; position: relative; overflow: hidden; width: 100%; z-index: 1;}
.product-item-main .product-image .image-holder img{position: relative; opacity: 1; z-index: 1; -webkit-transition: opacity 1s ease, -webkit-transform 500ms cubic-bezier(0, 0, 0.44, 1.18); transition: opacity 1s ease, -webkit-transform 500ms cubic-bezier(0, 0, 0.44, 1.18); -o-transition: opacity 1s ease, transform 500ms cubic-bezier(0, 0, 0.44, 1.18); transition: opacity 1s ease, transform 500ms cubic-bezier(0, 0, 0.44, 1.18); transition: opacity 1s ease, transform 500ms cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 500ms cubic-bezier(0, 0, 0.44, 1.18);  width: 100%;}
.product-item-main:hover .product-image .image-holder img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.product-item-main .add-to-cart{-webkit-transition: all 350ms ease-out 150ms; -o-transition: all 350ms ease-out 150ms; transition: all 350ms ease-out 150ms; position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 5px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: 3; text-transform: uppercase; font-size: 14px; text-align: center; background-color: rgba(236, 247, 78, 0.6)!important; color: #fff!important; height: 100%;}
.product-item-main .add-to-cart span{position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.product-item-main .add-to-cart span img{height: 50px;}
.product-item-main:hover .add-to-cart{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.product-item-main .product-info h4.title{margin-bottom: 7px;}
.product-item-main .product-info h4.title a { font-size: 16px; text-overflow: ellipsis; position: relative; max-height: 50px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: #1e201f; font-weight: 600; }
.product-item-main .product-info h4.title a:hover{color: rgb(247, 181, 42) !important;}
.product-item-main .product-info .desc-deal{font-size: 16px; text-overflow: ellipsis; position: relative; max-height: 50px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: #1e201f; font-weight: 600;}
@media(max-width: 767px){
    .product-item-main{width: 160px;}
    .product-item-main .product-image{height: 160px;}
    .product-item-main:hover .product-image .image-holder img{max-height: 160px;}
    .product-item-main .add-to-cart{    padding: 3px;}
}
/* ------------- */
.group-sent{border-style: solid; border-width: 1px; border-color: rgb(220, 220, 220); background-color: rgb(255, 255, 255); height: 43px; border-radius: 4px; padding-right: 120px; margin: auto; position: relative; }
.group-sent .form-control{background: transparent; border: 0; border-radius: 0px!important; outline: none; box-shadow: none;color: #fff;line-height: 43px; height: 43px;}
.group-sent .btn{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 41px; right: 0; padding: 0; border: 0; color: #fff; line-height: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; min-width: 120px;}
.support-warpper-bottom{position: relative; margin-bottom: 18px;}
.support-warpper-bottom form{display: inline-block; min-width: 410px; margin-right: 20px;}
.support-warpper-bottom .block-text{color: #545454; display: inline-block; vertical-align: top; }
.support-warpper-bottom .block-text.mr-50{margin-right: 50px;}
.support-warpper-bottom .block-text.mr-20{margin-right: 20px;}
.support-warpper-bottom .block-text .text-uppercase{font-size: 16px; font-weight: 600;}
.support-warpper-bottom .block-text .text{    font-size: 11px;}
.support-warpper-bottom .social-gray{display: inline-block; vertical-align: middle;}
.support-warpper-bottom .social-gray img{margin-right: 15px; max-height: 19px;}
@media(max-width: 1000px){
    .form-sent-block.d-inline-block{display: block!important;}
    .support-warpper-bottom .block-text{min-width: 290px; margin-right: 20px!important; margin-bottom: 10px;}
    .support-warpper-bottom .social-gray{padding-top: 10px;}
}   
@media(max-width: 767px){
    .support-warpper-bottom .block-text{min-width: inherit;    display: block!important;}
    .support-warpper-bottom form{margin-bottom: 10px;}
    .support-warpper-bottom form{display: block!important; min-width: inherit;   }
    
}
/* ------------- */
.sec-comments{
    background: url(../images/bg-comm.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
    color: #fff; padding-top: 42px; padding-bottom: 90px;
}
.comments-block{position: relative; min-height: 426px;}
.comments-item .avatar{max-width: 435px; position: relative;}
.comments-item .avatar::after{position: absolute; content: ""; width: 86px; height: 62px; right: -54px; top: 27px; background: url(../images/comm-right.png)no-repeat top left;}
.comments-item { position: relative; }
.comments-item .content { float: right; max-width: 600px; text-align: center; margin-top: 138px; height: 138px; font-size: 16px; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.comments-nav{position: absolute; left: 0; right: 0; margin: auto; text-align: center; padding-left: 535px; bottom: 110px; z-index: 3;}
.comments-nav img{margin: 0 5px; max-height: 20px;}
.sec-comments .title-section h3{color: #f7b52a;}

.title-section{position: relative; min-height: 150px; color: #fefefe; font-size: 18px; font-weight: 100; margin-top: 50px;}
.title-section h3{font-size: 30px; color: #020202; font-weight: bold; margin-bottom: 23px;position: relative; z-index: 2;}
.title-section .title-inner{font-size: 108px; font-weight: bold; color: rgba(230, 230, 230, 0.21); position: absolute; left: 0; right: 0; top: 0; line-height: 22px;}
@media(max-width: 1070px){
    .comments-item .content{max-width: 400px;}
}
@media(max-width: 870px){
    .sec-comments{    padding-bottom: 30px;}
    .comments-item .avatar{display: block!important; margin: auto auto 10px; max-width: 300px;}
    .comments-item .content{float: none; margin-top: 0; height: auto;    margin: auto;}
    .comments-nav{position: static; padding-left: 0; padding-top: 30px;}
    .comments-item .avatar::after{    right: 0;}
}
@media(max-width: 870px){
    .title-section .title-inner{    font-size: 45px;}
    .title-section h3{    font-size: 22px;}
    .title-section{    font-size: 14px;}
}
/* ------------- */
.sec-about .title-section .title-inner{    color: rgba(230, 230, 230, 0.5);}
.sec-about .title-section h3 span{color: #f7b52a;}
.about-warpper .content{background: url(../images/ab-bg-1.png)no-repeat bottom center;max-width: 674px; margin-left: auto;    padding-bottom: 110px;}
.about-warpper .banner{position: absolute; top: 0px; left: -8px; max-width: 458px;}
.about-warpper .title-section{margin-top: 96px; min-height: 75px;}
.item-circle-sm-left{position: relative; padding-left: 35px; margin-bottom: 30px; font-size: 16px; color: #0d0d0d;}
.item-circle-sm-left::after{width: 10px; height: 10px; left: 0; top: 5px; position: absolute; background: #57b018; border-radius: 100%; content: "";}
.list-item-circle-sm-left{padding-left: 120px;}
@media(max-width: 1050px){
    .about-warpper .banner{position: static; max-width: 300px; margin: auto auto;}
    .about-warpper .content {max-width: 100%;}
    .list-item-circle-sm-left{padding-left: 0px;}
    .about-warpper .link-bottom.text-right{    text-align: center!important;}
}
/* ------------- */
.sec-gallery{min-height: 825px;}
.sec-gallery .title-section{min-height: 100px;}
.sec-gallery .title-section .title-inner{color: rgba(230, 230, 230, 0.5);}
.gallery-bg{background: url(../images/gal-bg-1.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.slider-nav-block{border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); width: 195px; padding: 45px 10px;}
.gallery-block .slider-nav .item{height: 140px; margin: 5px auto; border: 1px solid #b47a38; border-radius: 4px;}
.gallery-block .slider-for{border: 5px solid #aa681e; padding: 20px; text-align: center; border-radius: 14px; height: 690px;}
.gallery-block .slider-for .item{height: 640px;}
.gallery-block .slider-for .item a{display: flex;position: absolute;content: "";top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;margin: auto;width: 100%;height: 100%;justify-content: center;align-items: center;z-index: 9999;}
.gallery-block .slider-for .item a img{margin: auto;}
.gallery-block .slider-nav-block{position: absolute; left: 0; top: 0;}
.gallery-block {position: relative; padding-left: 210px; min-height: 725px; margin-top: 15px; margin-bottom: 15px;}
.gallery-nav img{    max-height: 24px;}
#prev-slick-gallery{display: inline; position: absolute; top: 8px; left: 0; right: 0; margin: auto; width: 100%; text-align: center;}
#next-slick-gallery{display: inline; position: absolute; bottom: 8px; left: 0; right: 0; margin: auto; width: 100%; text-align: center;}
.gallery-block .slider-for .item a img{opacity: 1;max-height: 100%;max-width: 100%;width: auto;height: 100%;object-fit: contain;/* min-width: 100%; *//* min-height: 100%; */}
.gallery-block .slider-for .item{background-size: 100% 100%!important;background-image: none !important;}
@media(max-width: 767px){
    .sec-gallery{min-height: inherit;}
    .gallery-block{position: relative; padding-left: 0;min-height: inherit;}
    .gallery-block .slider-for .item a img{    min-height: inherit;}
    .gallery-block .slider-nav-block{    position: relative;        width: 90%;    padding: 10px 45px; margin: auto375372;}
    #next-slick-gallery{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(-90deg); left: auto; right: 5px; width: 30px; top: 0; text-align: center; height: 30px;}
    #prev-slick-gallery{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(-90deg); left: 0; right: auto; top: 27px; bottom: auto; width: 30px;}
    .gallery-block .slider-nav .item{height: 55px; margin: auto 2px; }
    .gallery-block .slider-for{height: auto;     margin-bottom: 10px;}
    .gallery-block .slider-for .item{height: auto;}
    .gallery-block .slider-for .item a{position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);}
    .gallery-block .slider-for .item a img{opacity: 1;}
    .gallery-block .slider-for .item{background: transparent!important;}
    
}
/* ----------- PAGE CONTACT -------------------------------------- */
.breadcrumb-page{min-height: 346px; position: relative;}
.breadcrumb-bottom{position: absolute; bottom: 0; left: 0; width: 100%; background: #e7e7e7; min-height: 46px;}
.breadcrumb-bottom .breadcrumb{background: transparent; margin: 0; padding: 0; margin-top: 14px;}
.breadcrumb-bottom .breadcrumb a{color: #0b0b0b;}
.breadcrumb-bottom .breadcrumb .breadcrumb-item.active{color: #0f91cc;}
.breadcrumb-item+.breadcrumb-item { padding-left: 34px; position: relative; }
.breadcrumb-item+.breadcrumb-item::before{position: absolute; content: ""; width: 8px; height: 8px; background: #707070; border-radius: 100px; top: 7px; left: 11px;}
.breadcrumb-page .title-main{    padding-top: 130px;}
.breadcrumb-page .title-main h3{font-weight: initial;}
.breadcrumb-page .title-main{}

.news-detail-page{color: #747474; font-size: 16px; margin-bottom: 30px;}
.news-detail-page .nw-desc{color: #303030; margin-bottom: 25px;}
.news-detail-page .nw-title{margin-bottom: 10px; padding-top: 30px;}
.news-detail-page .nw-title h1{color: #0b0b0b; font-size: 30px; font-weight: bold;}
.sec-blog .title-more{color: #545454; margin-bottom: 28px; font-size: 16px; font-weight: 600;}
@media(max-width: 767px){
    .sec-blog .title-more{text-align: center;}
}
.comments-item .content *{
    color:#fff !important;
    font-family:'SegoeUI' !important;
}
.selectLang select{
    padding:0px 10px;
    height:auto;
}
.selectLang {
    
}