.title-page{margin-bottom: 30px;}
.title-page h1{color: #00A1F0; font-size: 36px; font-family: 'UTMHelvetIns';}
.title-page h3{color: #00A1F0; font-size: 36px; font-family: 'UTMHelvetIns';}

.wrapper-main{padding-bottom: 70px;}

.btn-green-gradient{
    background: -moz-linear-gradient(0deg, #78C700 0%, #467A21 100%); background: -webkit-linear-gradient(0deg, #78C700 0%, #467A21 100%); background: -o-linear-gradient(0deg, #78C700 0%, #467A21 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C700', endColorstr='#467A21', GradientType=1 ); background: -ms-linear-gradient(0deg, #78C700 0%, #467A21 100%); background: linear-gradient(0deg, #78C700 0%, #467A21 100%);
    color: #fff; height: 38px;border: 0;border-radius: 6px;
}
.btn-green-gradient:hover, .btn-green-gradient:focus, .btn-green-gradient.active{}

.eff-img{-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;-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.eff-img:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
@media(max-width: 600px){
    .title-page h1, .title-page h3{font-size: 24px;}
}
/* ------- HEADER -------------------------------------------------------- */
.item-dropdown-sm.custom-language{position: absolute; top: 18px; right: 0;}
.item-dropdown-sm.custom-language .title{display: inline-block; vertical-align: top;padding-left: 0; margin-right: 15px; padding-bottom: 26px;}
.item-dropdown-sm.custom-language .title .icon{position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.item-dropdown-sm.custom-language .title .text{display: none;}
.item-dropdown-sm.custom-language .title:hover .icon img, .item-dropdown-sm.custom-language .title.active .icon img{border-color: #ffd500;}
.item-dropdown-sm.custom-language .item-lang{   padding-left: 20px; border-bottom: 1px solid #A2DFFF; padding-bottom: 5px; padding-top: 5px;}
.item-dropdown-sm.custom-language .item-lang:last-child{border: 0;}
.item-dropdown-sm.custom-language .item-lang img{height: 26px; width: 26px; border-radius: 100%; margin-right: 10px;}
.navigation .nav-menu{font-style: italic;}

/* HEADER-RIGHT-SLOGAN */
.header-right-slogan{line-height: 52px; font-size: 16px; font-weight: bold; display: inline-block;}
.header-right-slogan a{color: #fff;}

.nav-toggle:before{background-color: #00a1f0;box-shadow: 0 0.5em 0 0 #00a1f0, 0 1em 0 0 #00a1f0;}
.navigation-portrait .nav-menus-wrapper{background: #fff;}
.navigation-portrait .nav-menus-wrapper-close-button{color: #00a1f0;}
.navigation .nav-menu{float: right; display: inline-block;     padding-top: 18px;}
/* .navigation .nav-menu > li{margin-left: 0;} */
.main-nav .nav-logo{left: 0;}
.header-right-slogan{padding-left: 210px; }
.navigation{    padding-left: 210px;     min-height: 70px; padding-right: 75px;}

.navigation.navigation-portrait .nav-menu{display: block;}

@media(max-width: 1499px){
    .header-right-slogan{padding-left: 150px; }
    .navigation{    padding-left: 150px;}
}
@media(max-width: 1270px){
    .header-right-slogan{padding-left: 120px; }
    .navigation{    padding-left: 120px;}
}
@media(max-width: 992px){
    .top-header{text-align: center;}
    .header-right-slogan{display: block; line-height: inherit; padding-top: 10px; padding-left: 0;}
    .header-right-icons{display: block; float: none; padding-bottom: 10px;}
    /* .nav-menu > li > a{color: #fff;} */
}
@media(max-width: 600px){   
    .header-right-icons{text-align: right;}
    .top-header .item-dropdown-sm.custom-language{margin-left: 10px;}
}

/* ------- PROJECT -------------------------------------------------------- */
.bg-project{margin-bottom: 70px;}
.item-project-slider{border-radius: 10px; position: relative; background: #467A21; overflow: hidden; padding-top: 25px; padding-bottom: 20px;}
.item-project-slider .banner{height: 210px; padding-left: 10px; padding-right: 10px;    overflow: hidden;}
.item-project-slider .banner img{width: 100%; height: 100%; object-fit: cover;}
.item-project-slider .title{font-size: 20px; padding: 5px; min-height: 42px; background: #78C700;}
.item-project-slider .title a{color: #fff; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;}


/* ------- PRODUCT -------------------------------------------------------- */
.bg-product{margin-bottom: 45px;}
.item-product-slider{border-radius: 10px; position: relative; background: #fff; overflow: hidden; box-shadow: 0 3px 6px hsl(0deg 0% 0% / 50%); margin-bottom: 20px; padding: 20px;}
.item-product-slider .banner{height: 280px; overflow: hidden; margin-bottom: 20px;}
.item-product-slider .banner img{width: 100%; height: 100%; object-fit: cover;    border-radius: 10px;}
.item-product-slider .title{font-size: 20px;     margin-bottom: 5px;}
.item-product-slider .title a{color: #858585; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;     font-size: 18px;}
.item-product-slider .price{}
.item-product-slider .price a{display: inline-block; background: #8DC63F; color: #fff; font-size: 20px; line-height: 34px; padding: 0 20px; border-radius: 6px;}
.item-product-slider .price a:hover{background: #69a01e;}

.bg-product .bg-block{background: #D6F5FF; padding: 20px 20px 10px;}
.bg-product .bg-block .title-block{font-size: 20px; font-weight: bold; color: #009D37; margin-bottom: 20px;}

.bg-product.bg-full{background: #D6F5FF; margin: 0; padding-bottom: 40px;}

/* ------- FOOTER -------------------------------------------------------- */
footer{background: #00A1F0;}
.footer-main{min-height: 55px; padding-top: 18px; padding-bottom: 10px;}
.list-social{display: inline-block; float: right; position: relative; top: -3px;}
.list-social a{display: inline-block; margin-left: 5px;}
.list-social img{height: 28px; width: 28px; border-radius: 100%; -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;}
.list-social img:hover{-moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
.copyright{display: inline-block; font-style: italic;}

/* ------- NEWS -------------------------------------------------------- */
.bg-news{margin-bottom: 20px;}
.bg-news.no-mb-0{margin-bottom: 0;}

/* ------- PAGE CONTACT -------------------------------------------------------- */
.block-map{}
.block-map iframe{height: 335px!important; width: 100%!important;}

.block-form-contact{padding-right: 30px;}
.block-form-contact .title{color: #CEB63F; font-size: 20px;margin-bottom: 10px;}
.block-form-contact{}
@media(max-width: 992px){
    .block-form-contact{margin-bottom: 50px; padding-right: 0;}
}
/* ------- PAGE LIST ABOUT -------------------------------------------------------- */
.item-about-main{position: relative; padding-left: 505px; min-height: 315px; margin-bottom: 80px;}
.item-about-main .banner-left{position: absolute; left: 0; top: 0; width: 460px;}
.item-about-main .banner-left img{max-height: 315px; border-radius: 10px;}
.item-about-main .content{padding-top: 30px;}
.item-about-main .content .title{margin-bottom: 15px;}
.item-about-main .content .title h3{font-size: 30px;}
.item-about-main .content .title h3 a{color: #CEB63F;}
.item-about-main .content .summary{font-size: 16px; color: #858585; font-style: italic;}

/* ------- PAGE NEWS -------------------------------------------------------- */
.block-news-main{position: relative; padding-right: 335px; min-height: 600px;}
.block-news-main .list-news-main{}
.block-news-main .sidebar-right{position: absolute; top: 0; right: 0; width: 335px; background: #467A21; color: #FFFFFF; height: 100%;overflow: auto;}
.block-news-main .sidebar-right .title{color: #C0FF6A; min-height: 60px; padding: 18px 10px 10px; font-size: 20px;}
.block-news-main .sidebar-right .item{padding: 25px;}
.block-news-main .sidebar-right .item{}
.block-news-main .sidebar-right .list .item{border-top: 1px solid #C0FF6A; padding: 25px;}
.block-news-main .sidebar-right .list .item:hover{    background: #529325;}
.block-news-main .sidebar-right .list .item a{color: #FFFFFF; font-style: italic; font-size: 16px;text-overflow: ellipsis; position: relative; max-height: 75px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.block-news-main .sidebar-right .list .item a:hover{    color: #C0FF6A;}
.sidebar-right .list .item:last-child{border-bottom: 1px solid #C0FF6A; }

.list-news-main{padding-bottom: 90px;}
.list-news-main .item-news-main{position: relative; padding-left: 375px; min-height: 240px; margin-bottom: 55px; padding-right: 50px;}
.list-news-main .item-news-main:last-child{margin-bottom: 0;}
.list-news-main .item-news-main .banner-left{position: absolute; left: 0; border: 10px solid #467A21; max-width: 350px;}
.list-news-main .item-news-main .banner-left img{}
.list-news-main .item-news-main .content{}
.list-news-main .item-news-main .content .title{margin-bottom: 15px;}
.list-news-main .item-news-main .content .title a{font-size: 24px; color: #CEB63F;text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.list-news-main .item-news-main .content .block-time{margin-bottom: 15px;}
.list-news-main .item-news-main .content .block-time .item-icon{display: inline-block; position: relative; padding-left: 35px; margin-right: 30px; font-style: italic; color: #467A21; line-height: 25px;}
.list-news-main .item-news-main .content .block-time .item-icon .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0;}
.list-news-main .item-news-main .content .block-time .item-icon .icon img{max-width: 26px;}
.list-news-main .item-news-main .content .block-time .item-icon span{display: inline-block; margin-right: 10px;}
.list-news-main .item-news-main .content .block-time{}
.list-news-main .item-news-main .content .desc{font-size: 16px; color: #858585; font-style: italic;margin-bottom: 20px;text-overflow: ellipsis; position: relative; max-height: 75px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.list-news-main .item-news-main .content .link-bottom{}
.list-news-main .item-news-main .content .link-bottom a{color: #CEB63F;}
.list-news-main .item-news-main .content .link-bottom a img{max-width: 6px;}

.banner-page-main{margin-bottom: 0px;}
@media(max-width: 992px){
    .block-news-main{padding-right: 0;}
    .block-news-main .sidebar-right{position: static; width: 100%; margin-bottom: 30px;}
}
@media(max-width: 600px){
    .block-news-main .list-news-main{padding-bottom: 0; margin-bottom: 30px;}
    .list-news-main .item-news-main{padding-left: 110px; padding-right: 0; min-height: 70px; margin-bottom: 20px;}
    .list-news-main .item-news-main .banner-left{    max-width: 100px; border-width: 1px;}
    .list-news-main .item-news-main .content .title{margin-bottom: 5px;}
    .list-news-main .item-news-main .content .title a{font-size: 14px;}
    .list-news-main .item-news-main .content .block-time{font-size: 10px; margin-bottom: 5px; display: none;}
    .list-news-main .item-news-main .content .block-time .item-icon{padding-left: 18px; line-height: 14px; margin-right: 5px;}
    .list-news-main .item-news-main .content .block-time .item-icon span{margin-right: 5px;}
    .list-news-main .item-news-main .content .block-time .item-icon .icon img{max-width: 14px;}
    .list-news-main .item-news-main .content .desc{font-size: 14px; margin-bottom: 0px;     -webkit-line-clamp: 2;}
    .list-news-main .item-news-main .content .link-bottom{display: none;}
}
/* ------- PAGE PRODUCT -------------------------------------------------------- */
.list-item-product-slider{}
.list-item-product-slider .item-product-slider{margin-bottom: 30px;    background: #467A21;}
.list-item-product-slider .item-product-slider .title{    background: #CEB63F;}
.list-item-product-slider .item-product-slider .price{    color: #C0FF6A;}
.list-item-product-slider{}
.list-item-product-slider{}
.list-item-product-slider{}


.pagination-default{}
.pagination-default .page-item{margin: 0 15px;}
.pagination-default .page-item .page-link{width: 36px; height: 36px; border: 2px solid #858585; border-radius: 100%; background: transparent; font-weight: bold; color: #858585; font-size: 16px;padding: 0; line-height: 30px; background: #fff;}
.pagination-default .pagination .page-item .page-link img{max-width: 16px;}
.pagination-default .pagination .page-item:first-child .page-link{padding: 0; border-color: transparent; background: transparent;}
.pagination-default .pagination .page-item:last-child .page-link{padding: 0; border-color: transparent; background: transparent;}
.pagination-default .page-item:hover .page-link, .pagination-default .page-item.active .page-link{color: #CEB63F; border-color: #CEB63F;}
@media(max-width: 600px){
    .list-item-product-slider{}
    .list-item-product-slider .item-product-slider .banner{height: 125px; padding-left: 5px; padding-right: 5px;}
    .list-item-product-slider .item-product-slider .title a{font-size: 14px; padding-top: 6px;}
    .list-item-product-slider .item-product-slider .price{font-size: 14px; min-height: inherit; padding-bottom: 10px; padding-top: 10px;}
    .list-item-product-slider [class*="col-"]{padding-left: 2.5px; padding-right: 2.5px;}
    .list-item-product-slider{margin-left: -2.5px; margin-right: -2.5px;}
    .pagination-default .page-item{margin-left: 2px; margin-right: 2px;}
}
/* ------- PAGE PRODUCT DETAIL -------------------------------------------------------- */
.block-slider-product-detail{background: #fff; padding: 15px;}
.slick-product-detail{position: relative; margin-bottom: 15px;}
.slick-product-detail .icon-play{position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -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;}
.slick-product-detail .icon-play img{width: inherit; height: 72px;}
.slick-product-detail:hover .icon-play{opacity: 1;}
.slick-product-detail .thumb-main{    height: 395px; }
.slick-product-detail .thumb-main img{width: 100%; height: 100%; object-fit: cover;}

.slick-product-detail-list{margin-left: -5px; margin-right: -5px;}
.slick-product-detail-list .item{padding-left: 5px; padding-right: 5px;}
.slick-product-detail-list .item .thumb-sm{height: 125px; border: 2px solid transparent;-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;}
.slick-product-detail-list .item:hover .thumb-sm{border-color: #CEB63F;}
.slick-product-detail-list .item .thumb-sm img{width: 100%; height: 100%; object-fit: cover;}

/* PRODUCT-D-CODE */
.product-d-code{margin-bottom: 30px;}
.product-d-code .title-sm{color: #CEB63F; position: relative;    font-size: 20px; overflow: hidden; margin-bottom: 25px;}
.product-d-code .title-sm span{  text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  display: inline-block; background: #f6ffe5;     z-index: 1;}
.product-d-code .title-sm::after{position: absolute; content: ""; height: 1px; width: 100%; background: #CEB63F; bottom: 12px; left: 0;}
.product-d-code .list-code{font-style: italic; }
.product-d-code .list-code .item{margin-bottom: 10px;}
.product-d-code .list-code .item .text{color: #858585; display: inline-block; min-width: 190px;}
.product-d-code .list-code .item .value{color: #467A21; display: inline-block;}
.product-d-code{}

.product-d-content-padd{padding-left: 35px;}
.product-d-stock{margin-bottom: 15px ;}
.product-d-stock a{color: #467A21;}
.product-d-desc{margin-bottom: 10px;}

@media(max-width: 992px){
    .block-slider-product-detail{position: static; margin: auto auto 30px;}
    .product-d-content-padd{padding-left: 0;}
}
@media(max-width: 767px){
    .block-slider-product-detail{width: 100%;}
}
@media(max-width: 600px){
    .slick-product-detail .thumb-main { height: 250px; }
    .slick-product-detail-list .item .thumb-sm{height: 90px;}
    .block-tabs-product .block-nav-custom .nav-tabs{max-width: 100%;}
}

/* ------- PAGE HOME -------------------------------------------------------- */
/* BLOCK VIDEO */
.bg-video{position: relative;}
.block-video{}
.block-video .bg{}
.block-video .bg img{width: 100%; height: 370px;}
.block-video .banner-video{display: inline-block; border: 3px solid #00E8FF; padding: 5px; position: absolute; top: 70px; max-width: 500px; left: 0; right: 0; margin: auto; cursor: pointer; overflow: hidden;}
.block-video .banner-video a{display: block; position: relative;}
.block-video .banner-video a img{}
.block-video .banner-video:hover{border: 3px solid #5ac234;}
.block-video .icon-play{position: absolute; content: ""; top: 50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.block-video .icon-play img{height: 75px;}
@media(max-width: 600px){
    .block-video .banner-video{max-width: 250px; top: 35px;}
    .block-video .icon-play img { height: 30px; }
    .block-video .bg img{    height: 200px;}
}

/* ITEM-ABOUT-SM */
.item-about-sm{background: #FEEBE9; border-radius: 10px; min-height: 330px; padding: 25px 10px 10px; margin-bottom: 15px;}
.item-about-sm .banner{margin-bottom: 15px;}
.item-about-sm .banner img{height: 150px; width: 150px; border-radius: 100%; display: block; margin: auto; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear;}
.item-about-sm:hover .banner img{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.item-about-sm .title-sm{font-size: 18px; color: #858585; margin-bottom: 10px;}

.list-item-about-sm{margin-left: -7.5px; margin-right: -7.5px; margin-bottom: 55px;}
.list-item-about-sm .col-lg-3{padding-left: 7.5px; padding-right: 7.5px;}
.list-item-about-sm .col-lg-3 .item-about-sm{}
.list-item-about-sm .col-lg-3:nth-child(2) .item-about-sm{background: #CEFFF1;}
.list-item-about-sm .col-lg-3:nth-child(3) .item-about-sm{background: #F8EAFB;}
.list-item-about-sm .col-lg-3:nth-child(4) .item-about-sm{background: #DEFFCE;}

/* ITEM-ABOUT-LG */
.item-about-lg{margin-bottom: 35px;}
.item-about-lg .title{font-size: 20px; font-weight: bold; color: #009D37; margin-bottom: 20px;}
.item-about-lg .banner-main{margin-bottom: 20px; overflow: hidden;}

.mb-20{margin-bottom: 20px!important;}
@media screen and (max-width: 767px){
    .item-about-lg .title{text-align: center;}
}

/* BG-ABOUT */
.bg-about{padding-top: 30px;}

.padd-0{padding: 0!important;}


.product-detail-page{margin-top: 40px;}

/* ------- PAGE CONTACT -------------------------------------------------------- */
.bg-product.custom-contact .bg-block{padding-top: 45px; min-height: 700px;}

.custom-contact .form-hori-icon{position: relative;}
.custom-contact .form-hori-icon .icon-left{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 38px; background: #00A1F0; width: 45px; text-align: center; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.custom-contact .form-hori-icon .icon-left{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 38px; background: #00A1F0; width: 45px; text-align: center; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.custom-contact .form-hori-icon .icon-left span{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; max-width: 24px; margin: auto; left: 0; right: 0; height: 24px;}
.custom-contact .form-hori-icon .icon-left img{max-width: 24px; height: 24px;}
.custom-contact .form-hori-icon .form-control{border-color: #00A1F0; padding-left: 55px;}
.custom-contact textarea.form-control{height: 155px!important; border-radius: 0; border: 0!important; padding: 15px;}
.custom-contact .form-group{margin-bottom: 20px;}
.custom-contact .form-control::-webkit-input-placeholder { color: #C2C2C2; font-style: italic; }
.custom-contact .form-control::-moz-placeholder { color: #C2C2C2; font-style: italic; }
.custom-contact .form-control:-ms-input-placeholder { color: #C2C2C2; font-style: italic; }
.custom-contact .form-control:-moz-placeholder { color: #C2C2C2; font-style: italic; }

.btn-blue{background: #00A1F0; color: #fff; padding: 0 25px; line-height: 38px;}
.btn-blue:hover, .btn-blue.active{background: #0078b3; color: #fff;}