/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#header{
}
#top-bar{
}
#masthead{position: unset;/* padding-left: 100px; */}
#header #logo{
  position: absolute;
  top: 0;
  z-index: 99;
  height: 112px;
  display: flex;
  align-items: center;
}
#header #logo a{
}
#header #logo a:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    background-color:  #0047ab;
    z-index: -1;
}
#header #logo a:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0047ab;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(-23deg);
    -moz-transform: skew(-23deg);
    -ms-transform: skew(-23deg);
    -o-transform: skew(-23deg);
    transform: skew(-23deg);
    z-index: -1;
}
.header-nav-main{z-index: 99;padding-left: 230px;}
.header-nav-main>li{
}
.header-nav-main>li>a{
      padding: 18px 12px;
      display: block;
      text-align: center;
      font-size: 16px;
      line-height: 60px;
      text-decoration: none;
      color: #5d5a5d;
      position: relative;
      text-transform: uppercase;
      font-weight: 400 !important;
}
.header-nav-main>li.active>a{
  font-weight: 700 !important;
}
#top-bar .container{
      padding: 11px 0;
    background: #000;
}
.head-left {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 20px 10px 20px;
    background:  #0047ab;
    text-transform: uppercase;
    color: #fff;
    width: auto;
}
.head-left:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:  #0047ab;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(-23deg);
    -moz-transform: skew(-23deg);
    -ms-transform: skew(-23deg);
    -o-transform: skew(-23deg);
    transform: skew(-23deg);
    z-index: 1;
}
.head-left span {
    font-size: 20px;
    z-index: 9;
    position: relative;
}
.product-small.box{
  border: 1px solid #969696;
  margin-bottom: 2px;
}
.woocommerce-loop-product__title{margin-bottom: 19px;}
.woocommerce-loop-product__title a{
    text-decoration: none;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    margin-bottom: 10px;
}
.price-wrapper{
}
.price-wrapper .woocommerce-Price-amount{
  color: #f50000;
}
.pro-km .product-small.box{
  border: 2px solid  #0047ab;
}
.tab-sp{
}
.tab-sp ul{border: 1px solid #969696;}
.tab-sp ul li{
}
.tab-sp ul li a{color: #333;font-weight: 400;font-size: 18px;border-radius: unset;}
.tab-sp ul li.active a{border-radius: unset;}
.tab-sp ul li a:hover{
  background: #0047ab;
  color: #fff;
}
.tab-sp ul li.active a:after, .tab-sp ul li a:hover:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 100%;
    width: 1px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-width: 0 0 0 15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left-color:  #0047ab;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    visibility: visible;
}
.tab-sp .tab-panels{
  padding-bottom: 0;
  padding-right: 0;
}
.h3-title-visao{margin-bottom: 0;}
.h3-title-visao h3{border: unset;}
.h3-title-visao h3 span{
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  padding-left: 25px;
  border: unset;
  margin: 0;
  padding-bottom: 0;
  padding-right: 25px;
}
.h3-title-visao h3 span:before {
    position: absolute;
    content: '';
    top: 11px;
    bottom: 0;
    left: 0;
    width: 19px;
    height: 17px;
    background: url(images/i_nhay.png) no-repeat;
    z-index: 1;
}
.h3-title-visao h3 span:after {
    position: absolute;
    content: '';
    top: 11px;
    bottom: 0;
    right: 0;
    width: 19px;
    height: 17px;
    background: url(images/i_nhay.png) no-repeat;
    z-index: 1;
}
.icon-visao{
}
.icon-visao .icon-box-img{
}
.icon-visao .icon-box-text{
}
.icon-visao .icon-box-text h4{
  display: inline-block;
  /* padding: 0px 0px 8px; */
  font-size: 15px;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 400;
}
.icon-visao .icon-box-text p{
      line-height: 23px;
      text-align: justify;
      color: #fff;
      font-size: 15px;
      font-weight: 400;
}
.blog-home .col{padding-bottom: 20px;}
.form-home{
}
.form-home p{/* display: flex; */}
.form-home p input{height: 50px;margin-bottom: 0;padding-right: 100px;}
.form-home .wpcf7-spinner{
  display:none;
}
.form-home p input.send_dki{padding-right: 15px;position: absolute;top: 0;right: 0;margin-right: 0;}
.icon-footer{align-items: center;}
.icon-footer .icon-box-img{/* width: 11px !important; */}
.icon-footer .icon-box-text{
}
.icon-footer .icon-box-text p{font-weight: 500;font-size: 14px;line-height: 20px;color: #5B5757;}
.h3-title-footer h3 {
    font-weight: 700;
    font-size: 18px;
    color: #0047ab;
    text-transform: uppercase;
}
.h3-title-footer-new{margin-bottom: 0;}
.h3-title-footer-new h3{border: unset;margin-top: 0;margin-bottom: 15px;}
.h3-title-footer-new h3 span{font-weight: 700;font-size: 18px;border: unset;margin: 0;padding: 0;color: #0047ab;}
.menu-footer{
}
.menu-footer .menu-item{
}
.menu-footer .menu-item a{font-weight: 500;font-size: 14px;line-height: 20px;color: #5B5757;position: relative;padding-left: 13px;}
.menu-footer .menu-item a:before{
   content:"";
   position: absolute;
   top: 11px;
   left: 0px;
   bottom: 0;
   width: 5px;
   height: 5px;
   background: #5B5757;
   border-radius: 50%;
}
.menu-footer .menu-item a span{
}
.text-fanpage p{margin-bottom: 0;}
.addThis_listSharing.right.animate.is-show {
  position: fixed;
    bottom: 115px;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    right: 24px;
    opacity: 1;
    visibility: visible;
  
}
.addThis_listing .addThis_item {
    margin-bottom: 5px;
    list-style-type: none;
}
.addThis_listing .addThis_item.mess {
    margin-bottom: 10px;
    
}
.addThis_listing .addThis_item .addThis_item--icon {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    position: absolute;
    top: 4px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: black;
    visibility: hidden;
    opacity: 0;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  right: 55px;
}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  border-color: transparent transparent transparent black;
    left: 100%;
}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.addThis_listing{margin-bottom: 0;}
.header-nav >li >ul.nav-dropdown {
  padding: 0;
  /* border-radius: 10px; */
}

.header-nav >li >ul.nav-dropdown>li {
  padding: 0px 15px;
  /* white-space: nowrap; */
  border-left: none;
  width: 100%;
  float: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 0;
  position: relative;
  display: block;
}

.header-nav >li >ul.nav-dropdown>li >ul.nav-column {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 999;
  top: 0;
  left: 100%;
}

.header-nav >li >ul.nav-dropdown>li.menu-item-has-children:hover ul.nav-column {
  display: block;
}

.header-nav >li >ul.nav-dropdown>li.menu-item-has-children a {
  font-weight: unset;
  position: relative;
  color: rgba(102,102,102,0.85);
  text-transform: unset;
  font-size: 16px;
}

.header-nav >li >ul.nav-dropdown>li.menu-item-has-children>a::before {
  content: "\f105";
  position: absolute;
  right: 5px;
  top: 11px;
  font: normal normal normal 14px/1 FontAwesome;
}
.head-title { text-align: left; }
.head-title h1,
.head-title h2 { color: #333; font-size: 25px; text-transform: uppercase; padding-bottom: 15px; position: relative; font-weight: 700; }
.head-title h1:after,
.head-title h2:after,
.head-title h1:before,
.head-title h2:before {content: '';position: absolute;left: 0px;height: 2px;background: #0047ab;}
.head-title h1:after,
.head-title h2:after { width: 100px; bottom: 8px; left: 0%; }
.head-title h1:before,
.head-title h2:before { width: 80px; bottom: 12px; left: 0%; }
.box-frame-map {
    width: 100%;
    padding: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    margin-bottom: 20px;
}
.box-frame-map p{margin-bottom: 0;}
.contact-form input.wpcf7-form-control{
  width: 100%;
    padding: 10px 15px;
    border: 1px #c9eee2 dashed;
    box-shadow: none;
    min-height: 42px;
    font-size: 14px;
    border-radius: 5px;
}
.contact-form textarea{
  width: 100%;
  padding: 10px 15px;
  border: 1px #c9eee2 dashed;
  box-shadow: none;
  min-height: 146px;
  font-size: 14px;
  border-radius: 5px;
}
.contact-form input.wpcf7-form-control.wpcf7-submit{width: auto;padding: 0 20px;border: unset;}
.pageBreamBox {
    background-color: rgb(242, 242, 242);
    padding: 10px 0;
    margin-bottom: 30px;
}
#secondary{
}
#secondary aside{
}
#secondary aside .widget-title{
  display: block;
  position: relative;
  background: #0047ab;
  height: 45px;
  color: #fff;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 18px;
  line-height: 45px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}
#secondary aside .is-divider{background-color: #0047ab;transform: rotate(90deg);margin: 0 auto;margin-bottom: 10px;}
#secondary aside ul{
      margin-top: 13px;
      margin-bottom: 24px;
      background: #EFEFEF;
}
#secondary aside ul li{
      width: 100%;
    padding: 13px 10px;
    position: relative;
}
#secondary aside ul li:not(:last-child) {
    border-bottom: 1px solid #FFF;
}
#secondary aside ul li a{
      display: block;
    color: #333;
    font-size: 15px;
    transition: all 0.3s;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
#post-list .col{padding-bottom: 30px;}
.page-title{
  color: #333;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 15px;
    position: relative;
    font-weight: 700;
}
.page-title:before {
    content: '';
    position: absolute;
      width: 80px;
    bottom: 12px;
    left: 0%;
    left: 0px;
    height: 2px;
    background: #0047ab;
}
.page-title:after{
  content: '';
    position: absolute;
    left: 0px;
    height: 2px;
    background: #0047ab;
  width: 100px;
    bottom: 8px;
    left: 0%;
}
.blog-left{
}
.blog-left .col > .col-inner{
      box-shadow: unset;
      background-color: #EFEFEF;
      /* padding-bottom: 10px; */
      /* padding-top: 10px; */
} 
.blog-left .col{
  
}
.blog-left .col > .col-inner .box{
  background-color: #EFEFEF;
  padding: 10px 5px;
  border-bottom: 1px solid #e7e7e7;
} 
.blog-left .col > .col-inner .box .box-text{padding: 0;padding-left: 10px;}
.blog-left .col > .col-inner .is-divider{
  display: none;
}
.blog-left .col > .col-inner h5{
}
.blog-left .col > .col-inner h5 a{color: #333;font-size: 14px;display: block;line-height: 18px;font-weight: 400;}
#comments{
  display:none;
}
.content-other {
    padding: 15px;
    background: #F8F8F8;
}
.content-other h5 {
    color: #222;
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.content-other h3 {
    font-size: 15px;
    margin: 5px 0px;
}
.content-other h3 a {
    color: #222;
    display: table;
    font-weight: 400;
}
.content-other h3 a i{margin-right: 5px;}
.blog-single{margin-bottom: 30px;}
.category-page-row {
    padding-top: 0;
    padding-bottom: 30px;
}
.product-footer{
  padding-bottom: 30px;
}
h1.product_title{
  color: #333;
    font-weight: 600;
    border-bottom: 1px dashed #CCC;
    padding-bottom: 6px;
    text-transform: uppercase;
    font-size: 28px;
}
@media(max-width:767px){
  .mobile-nav li a{
    position: relative;
    z-index: 99;
  }
}
@media(max-width:549px){
  .head-left span {
    font-size: 17px;
}
  .tab-sp ul li a{
     font-size: 16px;
  }
  .tab-sp ul li.active a:after, .tab-sp ul li a:hover:after{
    display:none;
  }
  .h3-title-visao h3 span{
    font-size: 17px;
  }
  .head-title h1, .head-title h2{
     font-size: 20px;
  }
  .page-title{
     font-size: 20px;
  }
  h1.product_title {
    font-size: 22px;
    margin-top: 30px;
  }
}