@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: 12px;    background: #e5e5e5; overflow-x: hidden;}

/* ----------- DEFAULT -------------------------------------- */
/* ELEMENT */
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;}
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;}

/* CUSTOM */
.wrapper-default { max-width: 1920px; margin: auto; background: #fff; }
.max-w{max-width: 1230px; margin-left: auto; margin-right: auto;}
.max-w-small{max-width: 1200px; margin-left: auto; margin-right: auto;}
.wrapper-content{}

.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: 767px){
    .title-sec{    margin-bottom: 15px!important;}
    .max-w{padding-left: 5px; padding-right: 5px;}
}

/* ----------- 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: 25px;}

/* BOX SLICK */
.box-slick{position: relative;}
.box-slick .box-arrows-slick{}
.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;}

.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: 1; width: 100%; }
.header-default { position: relative; background: #046839; min-height: 78px; padding-left: 20px; padding-right: 20px; }

.h-logo{vertical-align: top;position: relative; z-index: 2;    margin-top:5px;}
/* .h-logo img{max-height: 68px;} */

.header-top-bg { position: relative; background: #f7f5ee; line-height: 34px; color: #d48f43; font-size: 13px; font-weight: 600; }

.nav-holder nav li a { text-transform: uppercase; }
.nav-holder nav{float: none;}
.nav-holder{float: none; margin: auto;padding-top: 10px;}

/* 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-right: 40px; }
.main-menu nav>ul>li:hover>a, .main-menu nav>ul>li.active>a{color: #dbba75;}

.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; top: 0; right: 0px; z-index: 2; height: 78px; border-left: 2px solid #dfdfdf; min-width: 129px; text-align: center;  padding-top: 24px; }
.h-right:after{position: absolute; content: ""; width: 100%; height: 3px; background: #dbba75; left: 0; bottom: 0;}
.h-right a { background: transparent; min-width: 110px; line-height: 31px; display: inline-block; text-align: center; padding: 0 10px; border-radius: 100px; font-size: 12px; font-weight: 600; color: #dbba75; position: relative; }
.h-right a:after { position: absolute; content: ""; background: url(../images/icon/caret-down.svg) no-repeat right center; background-size: 10px 10px; background-position-x: 97%; width: 10px; height: 10px; top: 10px; right: 4px; }
.h-right:hover{background: #ebebeb;}
.dark-header.h-menu{position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 0; display: inline-block; width: auto; z-index: 1;}

/* Effect 16: fall down */
.cl-effect-16 a span{
	color: #fff;
	/* text-shadow: 0 0 1px rgba(111,134,134,0.3); */
}

.cl-effect-16 a span:before { color: #dbba75; content: attr(data-hover); position: absolute; opacity: 0; text-shadow: 0 0 1px rgba(255,255,255,0.3); -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; }
.cl-effect-16 li.active a span::before, .cl-effect-16 a:hover span::before, .cl-effect-16 a:focus span::before { -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); opacity: 1; }

/* 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;}

/* LIST INLINE CUSTOM */
.list-inline-custom .list-inline-item{position: relative;}
.list-inline-custom .list-inline-item:after{position: absolute; content: ""; width: 1px; height: 17px; background: #090324; left: -26px; top: 5px;}
.list-inline-custom .list-inline-item:before{position: absolute; content: ""; width: 1px; height: 17px; background: #5a46bf; left: -25px; top: 5px;}
.list-inline-custom .list-inline-item{margin-right: 50px;}
.list-inline-custom .list-inline-item:last-child{margin-right: 0px;}
.list-inline-custom .list-inline-item:first-child:after, .list-inline-custom .list-inline-item:first-child:before{position:static;}


/* BOX-ACC-RIGHT */
.box-acc-right a.link-logout{display: inline-block; background: #cd8a46; color: #fff; text-align: center; min-width: 72px; border-radius: 7px; line-height: 31px; margin-left: 26px;}

@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{min-height: inherit;}
    .h-logo img { max-height: 35px; }
    .box-acc-right.d-inline-block { display: block!important; float: none!important; border-top: 1px solid #d8d8d8; }
}
@media(max-width: 767px){
}


#page-title {
    position: relative;
    padding: 50px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}
/* ----------- PAGE / HOME -------------------------------------- */
/* .list-slider .item{min-height: 100vh;} */


.news-item {max-width: 376px; margin-left: auto; margin-right: auto;-webkit-box-shadow: 0px 0px 9px -1px rgba(153,151,153,1); -moz-box-shadow: 0px 0px 9px -1px rgba(153,151,153,1); box-shadow: 0px 0px 9px -1px rgba(153,151,153,1); position: relative; overflow: hidden; height: 434px; background: #f9f6f9; margin-bottom: 115px; border-radius: 16px;position: relative;top: 0px; -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;}
.news-item .banner{background: #f9f6f9; overflow: hidden; height: 320px;}
.news-item .banner:after{position: absolute; content: ""; width: 200%; height: 100%; left: -50%; right: 0; background: #f9f6f9; border-radius: 67%; bottom: -285px; z-index: 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;}
.news-item .banner img{width: 100%;}
.news-item .content{position: relative; z-index: 1; padding-top: 34px;-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;}
.news-item .content .title{margin: auto; -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;}
.news-item .content .link{position: relative; bottom: -100px;-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;} 
.news-item .content .title h3{font-size: 20px; margin: auto; font-weight: 600;}
.news-item:hover .banner:after{bottom: -245px;}

.news-item:hover{-webkit-box-shadow: -6px 10px 26px -1px rgba(153,151,153,1); -moz-box-shadow: -6px 10px 26px -1px rgba(153,151,153,1); box-shadow: -6px 10px 26px -1px rgba(153,151,153,1);height: 480px;position: relative;top: -46px;margin-bottom: 69px;}
.news-item:hover .content{padding-top: 0px;}
.news-item:hover .content .title{margin-bottom: 30px;}
.news-item:hover .content .link{bottom: auto;}

.link-left-arrow{font-size: 16px; color: #0269d2; display: inline-block; margin: auto; padding-right: 30px;position: relative;}
/* .link-left-arrow:after{position: absolute; content: ""; background: url(../images/icon/left-arrow.svg) no-repeat right center; background-size: 13px 13px; background-position-x: 97%; width: 13px; height: 13px; top: 7px; right: 4px;} */

@media(min-width: 1000px){
    .list-news-item{margin-left: -20px; margin-right: -20px;}
    .list-news-item [class*="col-"]{padding-left: 20px; padding-right: 20px;}
}
@media(max-width: 767px){
    .news-item{-webkit-box-shadow: -6px 10px 26px -1px rgba(153,151,153,1); -moz-box-shadow: -6px 10px 26px -1px rgba(153,151,153,1); box-shadow: -6px 10px 26px -1px rgba(153,151,153,1); height: 480px; position: relative; top: 0px; margin-bottom: 20px;}
    .news-item:hover{top: 0px;    margin-bottom: 20px;}
    .news-item .banner:after { bottom: -245px; }
    .news-item .content { padding-top: 0px; }
    .news-item .content .title { margin-bottom: 30px; }
    .news-item .content .link { bottom: auto; }
}
/* ----------- FOOTER -------------------------------------- */

.f-colitem{}
.f-colitem .title{margin-bottom: 15px;}
.f-colitem .title h4{font-size: 13px; font-weight: bold; color: #c28823;margin: 0;}
.f-colitem .content{padding-top: 50px; padding-bottom: 30px; font-weight: 600;}
.f-colitem .f-logo{padding-top: 60px; padding-bottom: 10px;}
.f-colitem a{color: #000;}
.f-colitem a:hover{    color: #c28823;}
.copyright-bottom { background: #2d6839; color: #fff; line-height: 20px; padding: 11px 0; font-size: 16px; }
.copyright-bottom a{color: #fff;}
.copyright-bottom a:hover{color: #fcfd37;}

.list-f-item{font-size: 14px;}
.list-f-item .f-item{position: relative; padding-left: 25px; margin-bottom: 5px;}
.list-f-item .f-item .icon{position: absolute; top: 0; left: 0;}
.list-f-item .f-item .icon img{width: 15px; height: 15px;}

@media(max-width: 767px){
    .f-colitem .content{padding-top: 10px;}
}
/* ----------- PAGE / CONTACT -------------------------------------- */
.page-breadcrumb { position: relative; padding: 130px 0 50px; background-color: #f5f5f5; border-bottom: 1px solid #eee; }
.page-breadcrumb h1 { padding: 0; margin: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; color: #333; font-size: 28px; text-transform: uppercase; }
.page-breadcrumb span { display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; }
.breadcrumb-custom { position: absolute!important; width: auto!important; top: 50%!important; left: auto!important; right: 15px!important; margin: -10px 0 0!important; background-color: transparent!important; padding: 0!important; font-size: 12px; }
.breadcrumb-custom a { color: #555; }
.breadcrumb-custom-item+.breadcrumb-custom-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/"; }
.breadcrumb-custom-item.active { color: #6c757d; }
.breadcrumb-custom-item+.breadcrumb-custom-item { padding-left: .5rem; }
.breadcrumb-custom-item+.breadcrumb-custom-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/"; }

.maps-box{margin-bottom: 83px;}
.maps-box iframe{width: 100%!important; height: 267px!important;}
.contact-info{    font-size: 20px;}
.contact-form{max-width: 640px; margin: auto auto 50px;}

/* ----------- PAGE / NEWS -------------------------------------- */
.post-item{position: relative; overflow: hidden; border: 1px solid #ccc; margin-bottom: 40px;max-width: 376px; margin-left: auto; margin-right: auto;-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;    background: rgba(26, 82, 37, 0.3);    border-radius: 4px; max-width: 374px; margin-left: auto; margin-right: auto;}
.post-item:hover{    background: #fafafa;}
.post-item a{    color: #2d6839;}
.post-item .title {    height: 50px;}
.post-item .title h3{text-overflow: ellipsis; position: relative; max-height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; margin: 0;font-weight: 600;}
.post-item .title a{font-weight: 600;}
.post-item .banner { margin-bottom: 10px; position: relative; overflow: hidden; }.post-item .banner{margin-bottom: 10px;}
.post-item .banner img{ transition: transform .3s ease,opacity .3s; -webkit-transition: transform .3s ease,opacity .3s; -moz-transition: transform .3s ease,opacity .3s; -ms-transition: transform .3s ease,opacity .3s; -o-transition: transform .3s ease,opacity .3s; }
.post-item:hover .banner img{transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1) rotate(0.02deg);}
.post-item .content {    padding: 10px 15px 15px;}
.post-item .content .desc{height: 50px;   margin-bottom: 10px; }
.post-item .content .desc .detail{ text-overflow: ellipsis; position: relative; max-height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px;}

.product-block-main .post-item .banner{height: 372px; overflow: hidden; background: #fff;}
.product-block-main .post-item .banner img{max-height: 374px; display: block; margin: auto;}

.page-news-detail { margin-bottom: 50px; }
.page-news-detail .p-n-title{margin-bottom: 20px;}
.page-news-detail .p-n-title h1{font-size: 30px; font-weight: bold; margin: auto;}
.page-news-detail .p-n-date{font-size: 12px; font-style: italic; margin-bottom: 10px;}
.page-news-detail .p-n-content{font-size: 14px;}

.related-news .title {    margin-bottom: 20px;}
.related-news .title h3{font-size: 24px; margin: 0;}

@media(max-width: 767px){
    .post-item{margin-bottom: 20px;}
    .post-item .content{    padding: 0 5px 6px;}
    .post-item .title h3{font-size: 13px;}
    .post-item .title{height: auto; margin-bottom: 7px;}
    .post-item .link{font-size: 12px; text-align: center;}
    .post-item .link .link-left-arrow{font-size: 12px;}
}
@media(min-width: 992px) and (max-width: 1125px){
    .product-block-main .post-item{max-width: 310px; margin-left: auto; margin-right: auto;}
    .product-block-main .post-item .banner{height: 308px; overflow: hidden; background: #fff;}
    .product-block-main .post-item .banner img{max-height: 308px; display: block; margin: auto;}
}
@media(max-width: 992px){
    .product-block-main .post-item{max-width: 162px; margin-left: auto; margin-right: auto; min-height: 235px;}
    .product-block-main .post-item .banner{height: 160px; overflow: hidden; background: #fff;}
    .product-block-main .post-item .banner img{max-height: 160px; display: block; margin: auto;}
}

/* ----------- CUSTOM -------------------------------------- */
nav ul.text-uppercase{display: inline-block; padding: 0px;}
nav ul.text-uppercase:first-child{}
.main-menu nav>ul.text-uppercase:first-child>li:last-child{margin-right: 120px;}
.main-menu nav>ul.text-uppercase:last-child>li:first-child{margin-left: 120px;}
.main-menu nav>ul.text-uppercase:last-child>li:last-child{margin-right: 0px;}
/* @media(min-width: 1000px){ */
    .h-logo{margin: auto; text-align: center;width: 160px; z-index: 1;}
    .h-logo img{height: 100px;float: left;}
/* } */

.navigation-default{}
.navigation-default .page-link{background: transparent; border-color: #2d6839; color: #2d6839; padding: 0; line-height: 28px; display: inline-block; vertical-align: top; min-width: 32px; text-align: center; border-radius: 2px; margin: auto 5px; padding: 0 3px; height: 32px; font-size: 16px;}
.navigation-default .page-item.active .page-link{background: #2d6839; border-color: #2d6839;}
.navigation-default .page-link img{height: 8px; vertical-align: baseline;}
.navigation-default .page-item:first-child .page-link {border-top-left-radius: 2px!important; border-bottom-left-radius: 2px!important;}
.navigation-default .page-item:last-child .page-link {border-top-right-radius: 2px!important; border-bottom-right-radius: 2px!important;}


.btn-primary{background-color: #2d6839; border-color: #2d6839; height: 32px; font-weight: bold;}
.btn-primary:hover, .btn-primary:focus{background-color: #c79c2d; border-color: #c79c2d;}


.product-slick-box{position: relative; margin-bottom: 30px; }
.product-slick-box .slider-for{ margin-bottom: 10px; text-align: center; border-radius: 7px; width: 400px; height: 400px;}
.product-slick-box .slider-for .item{ padding: 0; height: 400px; overflow: hidden; border-radius: 7px;} 
.product-slick-box .slider-for .item img{ display: block; margin: auto; max-height: 400px;    border-radius: 7px; } 
.product-slick-box .slick-prev:before, .product-slick-box .slick-next:before{ opacity: 1; color: #f3923d; } 
.product-slick-box .slick-prev, .product-slick-box .slick-next{ -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 2; opacity: 0; }
.product-slick-box .slick-prev { left: 0px; }
.product-slick-box .slick-next{ right: 0; } 
.product-slick-box:hover .slick-prev, .product-slick-box:hover .slick-next{opacity: 1;} 
.product-slick-box .slider-nav{ } 
.product-slick-box .slider-nav .thum{  margin: 0 5px;height: 64px;overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;     border-radius: 7px;} 
.product-slick-box .slider-nav .thum:focus, .product-slick-box .slider-nav .thum:hover{ outline: none;  } 
.product-slick-box .slider-nav .thum img{ height: 64px; display: block; margin: auto;width: 100%; }
@media(max-width: 767px){
    .product-slick-box .slider-for .item{height: auto;}
}
.shop-detail-page{position: relative; padding-left: 440px;min-height: 500px;margin-bottom: 25px;}
.product-details-slider{position: absolute; left: 0; top: 0; width: 400px;}
.product-info-detail .product-info-inner .rate{    margin-bottom: 7px;}
.product-info-detail .product-info-inner h2.title{    margin-bottom: 50px; font-size: 18px; font-weight: bold; color: #2d6839;}
.product-info-detail .product-info-inner .price{ margin-bottom: 7px;   font-size: 13px;}
.product-info-detail .product-info-inner .price .new{color: #01b2e6; font-weight: bold; padding-right: 15px;}
.product-info-detail .product-info-inner .price .old{color: rgba(255, 255, 255, 0.2); text-decoration: line-through; font-weight: bold;}
.product-info-detail .product-info-inner .product-content{font-size: 14px; font-style: italic; color: #797979; margin-bottom: 20px;}
.product-info-detail .product-info-inner{}
.product-info-detail .product-action{margin-bottom: 20px; position: relative;}
.product-info-detail .product-action .text{padding-right: 8px;}
.product-info-detail .product-action .product-quantity{margin-right: 20px;}
.product-info-detail .product-action a.btn-yellow-basic{height: 17px; color: #ffff; line-height: 17px; min-width: 130px;}
@media(max-width: 650px){
    .shop-detail-page{position: relative; padding-left: 0px;}
    .product-details-slider{position: static; margin: auto;}
    .product-info-detail .product-info-inner .product-content{max-width: 100%;    display: block;}
}

.tabs-default .nav-tabs .nav-link{border-radius: 0px!important; border-color: transparent; font-size: 14px; font-weight: bold; color: #b7b7b7; padding: 0px 0px 11px 0; line-height: inherit; margin-right: 28px;    position: relative;}
.tabs-default .nav-tabs .nav-item.show .nav-link, .tabs-default .nav-tabs .nav-link.active{border-color: transparent; background: transparent; border-radius: 0px!important; color: #2d6839;}
.tabs-default .nav-tabs .nav-item.show .nav-link:after, .tabs-default .nav-tabs .nav-link.active::after{position: absolute; content: ""; width: 100%; height: 3px; background: #2d6839; left: 0; bottom: -2px;}
.tab-pane{padding-top: 20px; min-height: 155px; font-size: 14px;}

/* ----------- HEADER -------------------------------------- */
@media only screen and (max-width: 1064px){
    .header-default{    min-height: 60px;}
    .h-logo img { max-height: 104px; }
    .cl-effect-16 a span{color: #000;}
    .vismobmenu nav.cl-effect-16{display: none;}
    .vismobmenu nav.cl-effect-16.sliding-menu{display: block!important;}
    .main-menu .menusb ul{float: none;}
    .menusb a.back{display: none;}
    .page-breadcrumb h1{font-size: 18px;    margin-bottom: 3px;}
    .page-breadcrumb span{font-size: 14px; margin: auto auto 20px;}
    .page-breadcrumb{padding-bottom: 20px;}
    .breadcrumb-custom{    position: static!important;}
}

/* ----------- GALLERY -------------------------------------- */
.title-page{position: relative; margin-bottom: 40px;}
.title-page::after{position: absolute; content: ""; width: 100%; background: #0e673b; height: 5px; left: 0; top: 20px; z-index: 0;}
.title-page h3{margin: 0; font-size: 36px; color: #0e673b; z-index: 2; background: #e0c68f; padding-left: 60px; padding-right: 60px;}

.list-news-item .team-gallery .row{margin-left: -2.5px; margin-right: -2.5px;}
.list-news-item .team-gallery [class*="col-"]{padding-left: 2.5px; padding-right: 2.5px;}
.list-news-item .team-gallery .item-gallery{margin-bottom: 5px;}

.team-gallery{position: relative; padding-left: 75px; padding-right: 75px; padding-bottom: 65px;}
.team-gallery .team-gallery-slick{}
.team-gallery .team-gallery-slick .item-gallery{height: 255px; position: relative;}
.team-gallery .team-gallery-slick .item-gallery:hover .project-overlay { opacity: 1; }
.project-overlay { position: absolute; left: 0; bottom: 0px; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(1, 14, 42, 0.8043592437) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.project-overlay .project-content { position: absolute; bottom: 25px; left: 25px; }
.project-overlay .project-content .title { font-size: 20px; font-weight: 600; color: #fff; padding-top: 10px;}
.project-overlay .project-content span { color: #fff; font-size: 14px; font-weight: 500; opacity: .7; text-transform: uppercase; }
.project-overlay .project-content .date { color: #ff5e14; text-transform: capitalize; font-weight: 500; margin-top: 20px; }
.team-gallery .team-gallery-arrows .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.team-gallery .team-gallery-arrows .slick-arrow img{width: 45px; opacity: 0.6; -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;}
.team-gallery .team-gallery-arrows .slick-arrow:hover img{opacity: 1;}
.team-gallery .team-gallery-arrows .slick-arrow#prev-slick-team{left: 0;}
.team-gallery .team-gallery-arrows .slick-arrow#next-slick-team{right: 0;}
@media only screen and (max-width: 600px){
    .team-gallery{padding: 40px 0 10px;}
    .team-gallery .team-gallery-slick .item-gallery{height: 200px;}
    .project-overlay .project-content{bottom: 5px; left: 5px;}
    .title-page h3{    font-size: 20px;}
    .title-page::after{width: 30%; top: auto; bottom: -18px; height: 2px; left: 0; right: 0; margin: auto;}
    .team-gallery .team-gallery-arrows .slick-arrow{top: 0; -webkit-transform: translateY(-0); -ms-transform: translateY(-0); transform: translateY(-0);}
    .team-gallery .team-gallery-arrows .slick-arrow#prev-slick-team{left: auto; right: 40px;}
    .team-gallery .team-gallery-arrows .slick-arrow img{height: 25px;}
}

header{top: 0;}
.box-slick{margin-top: 78px;}
#slick-slider-main .item{background: transparent!important;}
#slick-slider-main .slick-slide img{width: 100%; height: 100%;}
@media only screen and (max-width: 1064px){
    .box-slick{    margin-top: 60px; margin-bottom: 0px;}
}