/********** custom theme **********/
@font-face {
  font-family: 'Raleway';
  src: url(../fonts/Raleway-Light.ttf);
}
@font-face {
  font-family: Raleway;
  src: url(../fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: Raleway;
  src: url(../fonts/Raleway-Regular.ttf);
}

html {
  box-sizing: border-box
}
*,
*:before,
*:after {
  box-sizing: inherit
}
body{
  color: var(--text_color);
  font-family: 'Raleway'!important;
  line-height: 1.5;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block
}
/* Typography  */
h1, h2, h3, h4, h5, h6 { 
  color: var(--title_color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--title_color);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
  color:var(--text_hover_color);
}
a {
  color: var(--text_color);
  text-decoration: none; 
  outline: none; 
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover, a:focus{
  color: var(--text_hover_color);
  text-decoration: none; 
  outline: none;
}
a:active { 
  outline: none; 
}
strong { 
  font-weight: 700; 
}
em { 
  font-style: italic; 
}
/* end Typography  */
.sticky{
  position: fixed!important;
  width: 100%;
  top: 0;
  background: #fff;
  box-shadow: 0 0 10px;
}
/* image */
.zozo-image {
  max-width: 100%;
  height: auto
}
img {
  vertical-align: middle
}
/* end image */

/* table */
.zozo-table,
.zozo-table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table
}

.zozo-table-all {
  border: 1px solid #ccc
}

.zozo-bordered tr,
.zozo-table-all tr {
  border-bottom: 1px solid #ddd
}

.zozo-striped tbody tr:nth-child(even) {
  background-color: #f1f1f1
}

.zozo-table-all tr:nth-child(odd) {
  background-color: #fff
}

.zozo-table-all tr:nth-child(even) {
  background-color: #f1f1f1
}

.zozo-hoverable tbody tr:hover,
.zozo-ul.zozo-hoverable li:hover {
  background-color: #ccc
}

.zozo-centered tr th,
.zozo-centered tr td {
  text-align: center
}

.zozo-table td,
.zozo-table th,
.zozo-table-all td,
.zozo-table-all th {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top
}

.zozo-table th:first-child,
.zozo-table td:first-child,
.zozo-table-all th:first-child,
.zozo-table-all td:first-child {
  padding-left: 16px
}
/* end table */

/* list */
.zozo-ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.zozo-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd
}

.zozo-ul li:last-child {
  border-bottom: none
}

.heading-title{
  font-weight: bold;
  font-size: 24px;
  line-height: var(--line-height);
  color: var(--main_color);
}
.description{
  font-size: 14px;
}
.title-item{
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #000;
}

/* text ellipsis */
.text-ellipsis{
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 50px;
  display: -webkit-box;
}
.text-ellipsis.ellipsis-3{
  -webkit-line-clamp: 3;
  min-height: 90px;
}
.text-ellipsis.ellipsis-4{
  -webkit-line-clamp: 4;
}
.text-ellipsis.ellipsis-5{
  -webkit-line-clamp: 5;
}

/* btn */
/*.btn-zozo{
  padding: 10px 20px;
  background: var(--main_color);
  color: #fff;
}
.btn-zozo:hover{
  box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
  color: #fff;
}*/

.btn-zozo {
  position: relative;
  display: inline-block;
  padding: 10px 28px;
  line-height: normal;
  border: 1px solid #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
  background-color: transparent;
  -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 1;
  color: var(--text_color);
  overflow: hidden;
}
.btn-zozo:before {
  position: absolute;
  content: '';
  display: block;
  left: -2px;
  top: 0;
  right: -2px;
  bottom: 0;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  z-index: -1;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.btn-zozo:hover {color:#fff;}
.btn-zozo.btn-hover {color: #fff;border: 1px solid var(--btn_color);}
.btn-zozo.btn-hover:before {background-color:var(--btn_color);}
.btn-zozo.btn-hover:hover {color:var(--btn_color);}
.btn-zozo:hover:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
/* end btn */

/* main bg */
.bg-grey{
  background: #F6F6F6;
}
/* end main bg */

/********** custom theme **********/
/* menu */
header nav .mega-content .level0-wrapper2{
  border: none;
  padding: 0;
}
header nav .mega-content .level1.item{
  float: unset;
  width: 100%;
  padding: 0;
}
header nav .mega-content .level1.item a{
  padding: 15px 20px;
  position: relative;
  display: block;
  border-bottom: 1px solid #e2e8f0;
  transition: all 500ms ease 0s;
}
header nav .mega-content .level1.item a:after{
  position: absolute;
  top: -2px;
  left: 15px;
  bottom: 0;
  content: "";
  width: 26px;
  height: 11px;
  opacity: 0;
  transform: scale(0);
  transition: all 500ms ease;
  margin: 20px 0;
}
header nav .mega-content .level1.item:hover > h2 > a, header nav .mega-content .level2:hover > a{
  color: var(--main_color);
  padding-left: 50px;
}
header nav .mega-content .level1.item:hover > h2 > a:after, header nav .mega-content .level2:hover > a:after {
  opacity: 1;
  transform: scale(1.0);
}
header nav .mega-content .level1.item h2{
  margin: 0;
  font-weight: normal;
}
header nav .mega-content{
  padding: 0;
}
header nav .mega-content .level1 h2 a, header nav .mega-content .level1.parent h2 a{
  font-weight: normal;
}
/* menu con */
header nav .mega-content .level1.item ul.level1{
  position: absolute;
  min-width: 270px;
  background: #FFFFFF;
  z-index: 99999;
  border: 1px solid #EBEBEB;
  left: 100%;
  top: 20%;
  opacity: 0;
  transition: all 500ms ease;
  margin-bottom: 0;
}
header nav .mega-content .level1.item:hover ul.level1{
  opacity: 1;
  top: -1px;
}
header nav .mega-content .level1.item:last-child a{
  border: none;
}
/* end menu con */
.header-bottom .col-md-12{
  padding: 0;
}
#nav .nav-item:hover{
  background: #ffc757;
}
#nav .nav-item:hover > a{
  color: #fff;
}
.header-top{
  background: #26272b;
  padding: 15px 0;
}
header nav{
  background: transparent;
}
.logo img{
  max-height: 70px;
}
/* end menu */
.section{
  padding: 40px 0;
}
.section .heading-title{
  padding-bottom: 30px; 
}
/* slider */
.rev_slider li.tp-revslider-slidesli{
  position: relative;
} 
.rev_slider li.tp-revslider-slidesli:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.rev_slider_wrapper{
  max-width: 100%;
}
.tparrows.tp-leftarrow:before{
  content: '\f104';
}
.tparrows.tp-rightarrow:before{
  content: "\f105";
}
.tparrows.tp-leftarrow:before, .tparrows.tp-rightarrow:before{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 40px!important;
}
/* end slider */

/* header */
.header .header-main{
  padding: 0;
}
.header .header-main .minicart-wrapper .showcart i{
  border: none;
  font-size: 18px;
  left: 0;
}
.header .header-main .minicart-wrapper .showcart .count_item_pr{
  background: unset;
  color: var(--main_color);;
}
.header .header-main .minicart-wrapper{
  padding: 0;
  float: unset;
}
.header #cart{
  line-height: 50px;
  border-left: 1px solid #DADADA;
}
.header .header-main .minicart-wrapper .showcart .count_item_pr{
  top: -15px;
  left: 30px;
  font-weight: bold;
}
.top-cart-content{
  top: 45px;
}
.box-search{
  display: none;
}
.header .icon-search{
  font-size: 18px;
  text-align: right;
  line-height: 50px;
}
.inside-header_main{
  position: relative;
  min-height: 90px;
}
.inside-header_main:before, .inside-header_main:after{
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 50%;
  background: #333;
  display: none;
}
.inside-header_main:after{
  left: unset;
  right: -1px;
}
.header .header-main .our-service .box{
  padding: 10px 15px;
}
.header .header-main .our-service .box .box-inner i{
  color: #fff;
  background: var(--main_color);
  border-color: var(--main_color);
  float: left;
  position: unset;
  transform: unset;
}
.header .header-main .our-service .box .box-inner .content{
  padding-left: 60px;
}
.header .header-main .our-service{
  margin-top: 0;
}
.header .header-main .our-service .box .box-inner .content .content-title{
  color: #27282C;
  opacity: 0.6;
}
.header .header-main .our-service .box .box-inner .content .content-description{
  color: #27282C;
  font-weight: bold;
  padding-top: 5px;
}
.mini-cart{
  height: auto;
}
.header .header-main .our-service .box .box-inner{
  padding: 0;
}
.header .header-main .our-service .box .box-inner .content p{
  color: var(--text_color);
}

/* menu */
.header .header-bottom{
  background: var(--mainmenu_color);
}
.header .header-bottom nav .nav .nav-item.active > a, .header .header-bottom nav .nav .nav-item:hover > a, header nav .nav-item.active{
  background: unset;
}
.header .header-bottom nav .nav .nav-item.active > a, .header .header-bottom nav .nav .nav-item:hover > a{
  color: #ebe9e9;
}
.header .header-bottom nav .nav .nav-item.active > a:focus, .header .header-bottom nav .nav .nav-item:hover:focus > a{
  background: unset;
}
.logo-box-style2 a{
  color: #27282c;
}
/* end menu */

/* box search */
.box-search{
  display: block;
}
.box-search form{
  margin: 0;
}
.box-search .input-group{
  width: 100%;
}
.search-box.now-visible{
  top: 65px;
}
/* end box search */

/* hightlight area */
.single-highlight-box{
  margin-bottom: 0;
}
.single-highlight-box .icon-holder i{
  display: block;
  color: #b3b3b3;
  font-size: 50px;
  line-height: 104px;
  transition: all 0.7s ease-in-out 0s;
}
.single-highlight-box:hover .icon-holder i{
  color: #fff;
}
.single-highlight-box .icon-holder::before{
  background: var(--main_color);
}
.single-highlight-box .icon-holder{
  border: 3px solid var(--main_color);;
}
.single-highlight-box:hover .inner-content a{
  color: var(--text_hover_color);
}
.img-holder{
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-highlight-box:hover .icon-holder.img-holder::before{
  display: none;
}

/* about area */
.sec-title p{
  color: var(--main_color);
}
.about-area .owl-dots{
  display: block!important;
}

/* about us */
.about-carousel-box .single-box .icon-holder i {
  color: #ffffff;
  font-size: 90px;
  line-height: 90px;
  margin-left: 1px;
}
.about-carousel-box .owl-dots{
  display: inline-block;
  text-align: left;
  bottom: unset;
}
.about-image-box .text-box:before{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f10e";
  font-size: 60px;
  transform: perspective(1200px) rotateX(0) translateZ(0px);
}
.about-carousel-box:before{
  content: '';
  width: 30px;
  height: 30px;
  background: var(--main_color);
  border-right: 30px solid #fff;
  border-bottom: 30px solid transparent;
  transform: perspective(1200px) rotateY(0) rotateX(180deg) translateZ(0px);
}
.about-carousel-box{
  background: var(--main_color);
}
.about-carousel-box .owl-dots .owl-dot.active{
  background: var(--main_color);
  border-color: var(--main_color);
}

/* our customer */
.testimonial-area-custom .single-testimonial-item .inner-content .img-box{
  float: left;
  width: 60px;
  height: 60px;
}
.testimonial-area-custom .single-testimonial-item .inner-content .client-info{
  padding-left: 80px;
  text-align: left;
}
.testimonial-area-custom .single-testimonial-item .inner-content .text-box{
  text-align: left;
  padding-top: 0;
}
.testimonial-area-custom .brand-items-carousel .owl-nav .owl-next{
  margin-left: 50px!important;
}
.testimonial-area-custom .brand-items-carousel .owl-nav .owl-prev .fa-angle-left, .brand-items-carousel .owl-nav .owl-next .fa-angle-right{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.testimonial-area-custom .brand-items-carousel .owl-dots{
  display: none;
}
.slotholder{
  transform: unset!important;
}
.tp-parallax-wrap{
  position: absolute;
  display: block;
  visibility: visible;
  left: 90px;
  top: 308px;
  z-index: 7;
}
.tp-caption{
  max-width: 900px!important;
  min-width: 1000px!important;
  white-space: inherit!important;
}
.brand-area{
  padding: 75px 0;
}
.single-testimonial-item{
  margin: 0;
}
.single-testimonial-item .client-info span{
  color: var(--text_color);
}
.single-testimonial-item{
  position: relative
}
.testimonial-area-custom .single-testimonial-item:after{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f10e";
  font-size: 70px;
  position: absolute;
  bottom: 30px;
  right: 40px;
  color: #ebebeb;
  z-index: 1;
}
.testimonial-area-custom  .single-testimonial-item .text-box{
  position: relative;
  z-index: 2;
}
.testimonial-area-custom .single-testimonial-item .icon-star-box{
  text-align: left;
  color: var(--main_color);
  padding-top: 15px;
}

/* why choose */
.why_choose_us-area{
  background: #F6F6F6;
}
.why_choose_us-area .box-left .heading-title{
  padding-bottom: 30px;
}
.why_choose_us-area .box-right{
  text-align: right;
}

/* service contact us */
.bg-support{
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: 50% 50%;
}
.service-contact_us{
  min-height: 528px;
  position: relative;
}
.content-contact_us{
  padding: 40px 80px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.22);
  width: 35%;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}

/* service slogan  */
.item_service-slogan .item-text .title_item-text{
  font-weight: bold;
  font-size: 18px;
  color: var(--main_color);
  margin-bottom: 10px;
}
.item_service-slogan .item-text .description_item-text{
  color: var(--text_color);
}
.item_service-slogan .item-icon{
  text-align: center;
}
.item_service-slogan i{
  font-size: 60px;
  color: var(--main_color);
}

/* service style design */
.service-style_design .description{
  padding: 10px 0 15px 0;
}
.service-style_design{
  padding-bottom: 60px;
}
.title-style_design{
  padding: 25px 20px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
}

/* latest blog area */  
.wrapper-news_custom{
  overflow: hidden;
}
.wrapper-news_custom .grid{
  width: 33.3333333%;
  float: left;
}
.wrapper-news_custom .grid:not(:nth-child(3n)) {
    border-right: 1px solid #E6E6E6;
}
.wrapper-news_custom .wrapper-grid{
  overflow: hidden;
  background: #fff;
  margin-bottom: 30px;
}
.wrapper-news_custom .wrapper-grid .img-item_news{
  padding: 30px 20px;
}
.wrapper-news_custom .wrapper-grid .title-item{
  position: relative;
  padding: 0 20px;
}
.wrapper-news_custom .wrapper-grid .title-item, .wrapper-news_custom .wrapper-grid .desc-item, .wrapper-news_custom .wrapper-grid .text-left{
  padding: 0 20px;
}
.wrapper-news_custom .wrapper-grid .title-item:before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: var(--main_color);
  width: 3px;
  height: 20px;
}
.latest-blog-area .title-item, .latest-blog-area .desc-item{
  text-align: left;
}
.latest-blog-area .description-item{
  color: #828282;
}
.latest-blog-area .description-item p{
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 50px;
  display: -webkit-box;
  margin-bottom: 15px;
}
.latest-blog-area .description{
  padding: 0 100px 50px 100px;
}
@media(max-width: 767px){
  .latest-blog-area .description{
    padding: 20px 0;
  }
}
.latest-blog-area .info-item_news{
  border: none;
  padding: 20px 0;
}
.latest-blog-area .single-blog-post{
  margin: 0;
}
.spacing-30{
  clear: both;
  height: 30px;
  width: 100%;
  background: unset;
}

/* wrapper_content_mainbottom */
[id^="box-newsletter"]{
  background: var(--main_color);
}
.service-left_form, [id^="box-newsletter"]{
  padding: 40px 30px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.11);
}
.service-left_form .heading-title, [id^="box-newsletter"] .heading-title{
  text-align: center;
  padding-bottom: 30px;
}
.service-left_form ul{
  padding-left: 25px;
}
.service-left_form ul li{
  list-style-type: disc;
}
.service-left_form .img-service-left_form img{
  width: 100%;
}
[id^="box-newsletter"], [id^="box-newsletter"] .heading-title{
  color: #fff;
}
[id^="box-newsletter"] .description{
  text-align: left;
  margin-bottom: 20px;
}
[id^="box-newsletter"] .btn-zozo{
  width: 100%;
  line-height: unset;
  margin-top: 45px;
}
[id^="box-newsletter"] form{
  margin: 0!important;
}
[id^="box-newsletter"] textarea{
  margin: 0!important;
  width: 100%;
}
.newsletter .btn-zozo:before{
  background-color: #b20000;
}
.newsletter .btn-zozo.btn-hover:hover{
  color: #fff;
  border-color: #fff;
}
.service-left_form, [id^="box-newsletter"]{
  height: 570px; 
}

/* product custom */
[class^="product_custom-"]{
  padding-bottom: 70px;
}
[class^="product_custom-"] .heading-title{
  text-align: center;
  margin-bottom: 50px;
}
.ant-product-item .box-info .product-item-name a{
  font-weight: bold;
}
.ant-product-item:hover .box-info .product-reviews-summary, .ant-product-item:hover .box-info .item-price{
  opacity: 1;
}
.ant-product-item .box-info .item-price .price-box .old-price .price, .ant-product-item .box-info .item-price .price-box .special-price .price{
  color: #111111;
  opacity: 0.6;
  font-size: 14px;
  font-weight: normal;
}
.ant-product-item .box-info .item-price .price-box .special-price .price{
  opacity: 1;
  font-weight: bold;
  padding-left: 10px;
}
.ant-product-item .box-info .item-price{
  padding-bottom: 15px;
}
.product-view_grid .item{
  margin-bottom: 30px;
}
.ant-product-item .btn-zozo{
  padding: 5px 20px;
}
.product-view_grid .button-view_all{
  margin-top: 70px;
}
.button-view_all .btn-zozo{
  display: inline-block;
}

/* news custom */
.new-view_grid .item-news{
  margin-bottom: 50px;
}
.info-item_news{
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #DADADA;
  border-top: none;
  box-sizing: border-box;
}
.info-item_news .desc-item{
  margin: 10px 0 20px 0;
  min-height: 45px;
}
[class^="news_custom-"]{
  padding-bottom: 20px;
}
[class^="news_custom-"] .heading-title{
  padding-bottom: 30px;
}

/* news tab */
.news-tab{
  padding-bottom: 80px;
}
ul.tabs li{
  color: #000;
  padding-right: 30px;
}
ul.tabs li:last-child{
  padding-right: 0;
}
ul.tabs li.current{
  color: var(--main_color);;
}
.news-tab ul{
  padding: 0 0 50px 0;
}
/* appointment-box */
.appointment-box input[type="text"], .appointment-box input[type="email"], .appointment-form textarea, .appointment-box select {
    position: relative;
    display: block;
    padding: 0 20px;
    border: 1px solid #ededed;
    background: #ffffff;
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    border-radius: 5px;
    transition: all 500ms ease;
}
.appointment-box button[type="submit"] {
    display: block;
    width: 100%;
    background: var(--main_color);
    color: #ffffff;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 15px;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    padding: 0 30px 0;
    transition: all 500ms ease;
}
.appointment-box form, .appointment-box .valid .error{
  margin: 0;
}
.custom-select-wrapper {
  position: relative;
  user-select: none;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
}
.custom-select-trigger {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 84px 0 22px;
  line-height: 50px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #edf2f7;
  transition: all 0.3s;
}
.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: '';
  width: 10px; height: 10px;
  top: 50%; right: 25px;
  margin-top: -3px;
  border-bottom: 1px solid #5f5f5f;
  border-right: 1px solid #5f5f5f;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0,0,0,.07);
  background: #f9f9f9;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
  z-index: 9999;
  overflow-y: scroll;
  max-height: 190px;
}
.custom-options:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 100%; right: 25px;
  width: 7px; height: 7px;
  margin-bottom: -4px;
  border-top: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  background: #fff;
  transition: all 0.4s ease-in-out;
  margin-left: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
.custom-options:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 100%; right: 25px;
  width: 7px; height: 7px;
  margin-bottom: -4px;
  border-top: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  background: #fff;
  transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 22px;
  color: #111111;
  line-height: 47px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.custom-option:hover,
.custom-option.selection {
  background: var(--main_color);
  color: #fff;
}
/* end */
/* testimonial area */
.testimonial-area-custom{
  padding-bottom: 50px;
}
.testimonial-area-custom .brand-items-carousel.owl-carousel .owl-nav [class*="owl-"]{
  background: #fff;
}
.testimonial-area-custom .text-ellipsis{
  min-height: 70px;
}

/* footer */
.footer-bottom-are{
  padding: 70px 0 60px 0;
  background: var(--main_color);
  color: #fff;
}
.footer-container .heading-title{
  color: #fff;
  padding-bottom: 30px;
}
.menu-footer{
  padding: 40px 0 45px 0;
}
.menu-footer ul li a{
  color: #fff; 
  position: relative;
  padding-left: 10px;
  padding-bottom: 5px;
  display: block;
}
.menu-footer ul li a:before{
  content: "-";
  position: absolute;
  left: 0;
}
.footer-left_column{
  padding-right: 100px;
}
#service-telephone_footer{
  background: rgb(255 255 255 / 0.1);
  box-sizing: border-box;
  border-radius: 6px;
  padding: 20px 30px 5px 30px;
}
#service-telephone_footer .title-telephone_footer{
  margin-bottom: 15px;
}
#service-telephone_footer .title-telephone_footer, #service-telephone_footer .desc-telephone_footer:nth-child(3){
  font-size: 24px;
}
/* end footer */
footer .back-to-top{
  background: var(--main_color);
}

@media(min-width: 991px){
  .logo{
    padding: 0;
    margin-top: 35px;
    font-size: unset;
  }
}
.header .header-main .minicart-wrapper{
  padding: 10px 0;
}

/* information */
.bg_breadcrumb{
  position: relative;
}
.bg_breadcrumb .text-module{
  position: absolute;
  bottom: 100px;
  left: 95px;
  color: #fff;
  font-size: 48px;
  font-weight: 600;
}
.bg_breadcrumb .text-module p{
  margin: 0;
}
.bg_breadcrumb img{
  width: 100%;
}
[class^="information-information"] .about-area{
  display: none;
}
.breadcrumb-area .breadcrumb-menu{
  position: absolute;
  margin: 0;
  bottom: 0;
  padding: 0 15px;
}
.breadcrumb{
  padding: 0!important;
}
.breadcrumb li > a > span, .breadcrumb li span .fa, .breadcrumb li a:hover, .breadcrumb li.active, .breadcrumb li strong{
  color: #fff;
}
.breadcrumb-area .breadcrumb-menu ul li{
  margin-right: 0;
  padding-right: 6px;
}
.history-carousel .owl-prev, .history-carousel .owl-next{
  width: unset!important;
  height: unset!important;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover{
  background: unset!important;
}
.history-carousel .owl-prev i, .history-carousel .owl-next i{
  cursor: pointer; 
  position: unset;
}

/* about counter */
.about-counter{
  background: #f6f6f6;
}

.footer-container{
  position: relative;
  z-index: 2;
}
.information-contact .text-module{
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

/* contact */
.contact-form .input-box {
    position: relative;
    display: block;
}
.contact-form .icon {
    position: absolute;
    top: 19px;
    left: 20px;
}
.contact-form .btn-hover:hover{
  color: var(--btn_color)!important;
  border-color: var(--btn_color)!important;
}
.valid{
  position: relative;
  margin-top: 10px;
}
.valid .error{
  padding: 10px;
}
.valid button{
  position: absolute!important;
  width: unset!important;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

/* news category */
.single-blog-post.style3 .post-date{
  color: #fff;
}
.breadcrumb-area.style2{
  height: 380px;
}
.news-category .breadcrumb-menu, .news-news .breadcrumb-menu, [class^="product-category"] .breadcrumb-menu, [class^="product-product"] .breadcrumb-menu{
  bottom: 0;
  top: unset;
}
.news-news .about-area, [class^="product-category"] .about-area{
  padding: 0;
}
.news-news .article-wraper{
  padding-top: 30px;
}

/* category product */
.category-products .sort-cate{
  margin: 0!important;
}
.showing-result-shorting{
  border: none;
}
.category-products .sort-cate{
  border-top: none;
  margin-bottom: 50px!important;
}
.showing-result-shorting{
  margin: 0;
}
#sort-by ul ul{
  left: -1px;
  right: unset;
}
#sort-by ul ul li a:hover, #sort-by ul ul li a:focus{
  color: #333;
}
.category-products-grids .products-view-grid .ant-product-item .product-item-photo{
  height: auto;
}
.category-products-grids .products-view-grid .ant-product-item .product-item-photo img{
  width: 100%!important;
  position: unset;
}
input[type="checkbox"], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], input[type="radio"], .radio input[type=radio], .radio-inline input[type=radio]{
  top: 1px;
}
/* product */
.product .owl-nav{
  display: block;
}
.product .owl-prev, .product .owl-next{
  transform: translateY(-50%);
  display: block!important;
}
.product .owl-dots{
  display: none;
}
.inventory_quantity{
  margin: 10px 0;
}
.form_button_details .form_hai{
  overflow: hidden;
}
/* cart */
.box-info-product button{
  line-height: 30px;
}
.checkout-cart .breadcrumb, .checkout-checkout .breadcrumb, .product-search .breadcrumb{
  margin: 10px 0;
}
.checkout-cart .breadcrumb span, .checkout-cart .breadcrumb i, .checkout-checkout .breadcrumb span, .checkout-checkout .breadcrumb i, .product-search .breadcrumb span, .product-search .breadcrumb i{
  padding: 0;
  margin: 0!important;; 
}
i.fa{
  font-family: FontAwesome!important;
}
.header .icon-search:before{
  display: none;
}
.latest-blog-area {
  padding: 50px 0;
}
.position-content-top .single-blog-post{
  margin-bottom: 50px;
}
.single-working-process .inner .icon-holder i:before{
  color: #bababa;
  font-size: 80px;
  line-height: 80px;
  transition: all 700ms ease 500ms;
}
.single-footer-widget .contact-info-box ul li p a{
  color: inherit;
}
.footer-logo img{
  height: auto;
  width: 150px;
}
#back-to-top{
  position: fixed;
  bottom: 100px;
  right: 30px;
  background: var(--main_color);
  border: 2px solid var(--main_color);
  width: 55px;
  height: 55px;
  border-radius: 0%;
  color: #ffffff;
  font-size: 25px;
  line-height: 50px;
  font-weight: normal;
  cursor: pointer;
  display: none;
  text-align: center;
  transition: all 500ms ease 0s;
  z-index: 9999999999999;
  box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
#back-to-top:hover {
    opacity: .5;
}

/* slide home */
.awe-section-1 .owl-item .item{
  position: relative;
}
.awe-section-1 .slide-content{
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
}
.awe-section-1 .big-title{
  margin-bottom: 30px;
}
.awe-section-1 .owl-carousel .owl-item a{
  display: inline-block!important;
}
.awe-section-1 .btn-box{
  margin-top: 40px;
}
.awe-section-1 .owl-carousel .owl-nav .owl-prev, .awe-section-1 .owl-carousel .owl-nav .owl-next{
  position: absolute !important;
  left: 0px !important;
  top: 50% !important;
  background: rgba(0, 0, 0,.20) !important;
  width: 40px !important;
  height: 100px !important;
  display: block !important;
  z-index: 1000 !important;
  border-radius: 0;
  font-size: 30px;
  cursor: pointer !important;
  transition: all 500ms ease;
  margin: 0!important;
}
.awe-section-1 .owl-carousel .owl-nav .owl-next{
  left: unset!important;
  right: 0!important;
  border-radius: unset!important;
}
.awe-section-1 .owl-next .fa-angle-right, .awe-section-1 .owl-prev .fa-angle-left{
  position: unset!important;
  width: 40px !important;
  height: 100px !important;
  font-size: 30px !important;
  color: #ffffff !important;
  display: block !important;
  line-height: 100px !important;
  text-align: center !important;
}
/* end slide home */

/* chi tiet tin tuc */
.btn-blues, #btnnewreview{
  background: var(--main_color);
}
.article-wraper .article-main .blog_related h2{
  text-transform: unset;
}
.article-wraper .article-main .blog_related h2 i{
  margin-right: 10px;
}
/* end chi tiet tin tuc */
/* checkout success */
.checkout-success .page{
  float: unset;
}

/* responsive */
@media(min-width: 991px){
  .information-contact .highlights-area{
    padding-top: 150px;
  }
}
@media(max-width: 991px){
  .footer-social-links .sociallinks-style-one{
    float: unset;
  }
  .inside-header_main{
    min-height: 80px;
  }
  .top-cart-contain{
    padding: 0!important;
  }
}
@media(max-width: 991px) and (min-width: 767px){
  .col-100-h .mobile-cart{
    right: -40px;
  }
  .nav-mobile-button{
    top: 30px;
    transform: unset;
  }
}
@media(max-width: 767px){
  .awe-section-1 .owl-carousel .owl-nav .owl-prev, .awe-section-1 .owl-carousel .owl-nav .owl-next{
    width: 24px !important;
    height: 50px !important;
  }
  .awe-section-1 .owl-next .fa-angle-right, .awe-section-1 .owl-prev .fa-angle-left{
    width: 24px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 20px;
  }
  .inside-header_main:before, .inside-header_main:after{
    display: none;
  }
  .inside-header_main{
    border: none;
  }
  .header #cart{
    line-height: inherit;
    border-left: none;
  }
  .col-100-h #trigger-mobile{
    top: 40px;
  }
  .content-contact_us{
    width: 100%;
    right: unset;
    padding: 15px;
  }
  .wrapper-news_custom .grid{
    width: 100%;
  }
  .service-left_form, [id^="box-newsletter"]{
    height: auto;
  }
  .brand-items-carousel.owl-carousel .owl-nav{
    position: relative;
    top: 0;
  }
  .brand-area .owl-carousel .owl-nav{
    top: -110px;
  }
  .footer-left_column{
    padding-right: 0;
    padding-bottom: 30px;
  }
  #service-telephone_footer .title-telephone_footer, #service-telephone_footer .desc-telephone_footer:nth-child(3){
    font-size: 18px;
  }
  .service-left_form, [id^="box-newsletter"]{
    padding: 40px 15px;
  }
  .product-view_grid .col-xs-6:nth-child(odd){
    clear:both;
  }
  /* information */
  .bg_breadcrumb .text-module{
    display: none;
  }
  .contact-form .inner-box{
    padding: 15px;
  }
  .contact-form-image-box{
    display: none;
  }
  .about-area{
    padding: 50px 0;
  }
  .contact-info-area{
    padding: 0;
  }
  .item_service-slogan{
    margin-bottom: 30px;
  }
  .single-blog-colum-style1{
    padding-left: 0;
  }
  .single-blog-colum-style1:before{
    display: none;
  }
  .footer-social-links .sociallinks-style-one{
    float: unset;
  }
  .sidenav{
    background-color: var(--main_color);
  }
  ul.tabs li{
    display: block;
    padding: 0;
    text-align: left;
    padding: 5px 30px
  }
  .highlights-area{
    z-index: unset;
  }
}