/*
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.   ***************/
ul.grid-col-6.grid-col-l-6.grid-col-xl-7.primary-links{
  list-style: none;
}
.headermenu2 .ux-menu-link.flex.menu-item{
  width: 50%;
}
.headermenu2 .ux-menu-link.flex.menu-item span{
  position: relative;
}
.headermenu2 .ux-menu-link.flex.menu-item span:before{
    content: "";
    width: 0;
    bottom: 0;
    left: 0;
    transition: ease all .3s;
    height: 1px;
    background-color: #fff;
    position: absolute;
}
.headermenu2 .ux-menu-link.flex.menu-item span:hover:before{
    
    width: 100%;
    transition: ease all .3s;
   
}
.after1:after{
      content: "";
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: max(25rem,50%);
    background: linear-gradient(0deg,rgba(0,0,0,.7),transparent);
}
.headermenu2{
  -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.primary-links li a{
  line-height: 1;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
      font-size: 80px;
}
.primary-links li{
  text-align: left;
  line-height: 1;
}
.off-canvas-center .mfp-content{
  max-width: 100%;
  padding: 0;
  top: 0;
}
.header .flex-row{
  max-width: 1448px;
}
.bn1:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(transparent 59.3%,#000);
    pointer-events: none;
}
.abs-fill{
    content:"";
      top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: visible;
}
a.btn_bt{
      padding: 2rem;
      position: relative;
    display: inline-flex;
    text-decoration: none;
    border: none;
    align-items: center;
    justify-content: center;
    text-align: left;
    background: none;
    color: inherit;
    cursor: pointer;
}

h2.uppercase.title2{
	line-height: 1;
	margin-bottom: 0;
}
.title2 span.lv1 {
    margin-left: -100px;
}
a.button.white.is-outline{
	
}
.titleh3{
    line-height: 1;
}
.titleh3 span.h3_lv2{
    margin-left: 100px;
}
.nav-line-bottom>li>a:before{
	height: 1px;
width: 0% !important;
	transform: translateX(0) !important;
	transition: ease all .5s !important;
	left: 0;
}
.nav-line-bottom>li:hover>a:before, .nav-line-grow>li:hover>a:before, .nav-line-bottom>li.active>a:before, .nav-line-grow>li.active>a:before, .nav-line>li.active>a:before, .nav-line>li:hover>a:before{
	width: 100% !important;
	transform: translateX(1) !important;
	transition: ease all .5s;
}
.nav-line-bottom>li>a:before{
	background-color: #fff !important;
}
.nav-spacing-xlarge>li{
	margin: 0 30px;
}
.title_bn{
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	transition: ease all .3s;
}
.box:hover .title_bn{
	padding-bottom: 15px;
	transition: ease all .3s;
}
a.button{
	font-weight: 400;
}
.line1{
	line-height: 1
}
form .wpcf7-form-control{
	box-shadow: none;

	    color: #1e1e1e;
    border-color: #dedede;
    background-color: #f0f0f0;
}
.page-title-inner{
	min-height: 167px; 
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    color: #fff;
}
.product-small.col>.col-inner{
	height: 100%;
	background-color: #fff;
}
.archive.woocommerce  #main{
	    background-color: #eaeaea;
}
h1.page-title.is-large.uppercase{
	font-size: 32px;
}
.home .header-bg-color,.home  .header-wrapper{
		background-color: #687c7b;
}
.home .stuck .header-main .nav > li > a{
	color: #fff;
}
.hometab{
	position: relative;
}
.hometab .tab-panels{
		padding: 0;
        z-index: 9
}
.hometab .tab-panels .entry-content{
      width: 0% !important;
    transform: translateX(0) !important;
    transition: ease all .5s !important;
}
.hometab .tab-panels .entry-content.active{
 width: 100% !important;
    transform: translateX(1) !important;
    transition: ease all .5s;
}
a.button.is-outline{
    position: relative;
    padding: 0 !important;
    background: transparent !important;
    border-width: 0
}
a.button.is-outline:hover{
    background-color: transparent !important;
}
a.button.is-outline span{
        padding: 12px 35px !important;
    background: rgb(255 255 255 / 5%);
    border:2px solid #e9e9e9;
}
a.button i.icon-angle-right {
    position: absolute;
    right: 15px;
    top: 17px;
}
a.button.is-outline:hover::before, a.button.is-outline:hover::after{
        content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #e0031e;
}
a.button.is-outline:hover span::before, a.button.is-outline:hover span::after {
    height: 100%;
}
a.button.is-outline::before, a.button.is-outline::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #e0031e;
}
a.button.is-outline span::before, a.button.is-outline span::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #e0031e;
}
a.button.is-outline:hover::before, a.button.is-outline:hover::after {
    transition-delay: 0.2s;
}
a.button.is-outline:hover::before, a.button.is-outline:hover::after {
    width: 100%;
}
a.button.is-outline::before, a.button.is-outline::after{
  transition-delay: 0s;
}
a.button.is-outline span::before, a.button.is-outline span::after{
  transition-delay: 0.2s;
}
a.button.is-outline::before{
  right: 0;
  top: 0;
}
a.button.is-outline::after{
  left: 0;
  bottom: 0;
}
a.button.is-outline span::before{
  left: 0;
  top: 0;
}
a.button.is-outline span::after{
  right: 0;
  bottom: 0;
}
a.button.is-outline:hover::before, a.button.is-outline:hover::after{
  transition-delay: 0.2s;
}
a.button.is-outline:hover span::before, a.button.is-outline:hover span::after{
  transition-delay: 0s;
}

.hometab ul.nav a{
	color: #fff;
	font-size: 22px;
}
.hometab ul.nav li{
	margin: 0 25px;
}
.hometab ul.nav{
    position: absolute;
    z-index: 20;
    top: 80px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1140px;
}

.hometab:before{
	z-index: 9;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    height: max(25rem,50%);
    background: linear-gradient(180deg,#000,transparent);
}
.hometab .banner:before{
    z-index: 9;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    height: max(25rem,50%);
    background: linear-gradient(180deg,#000,transparent);
}
.row.datlichhen.row-large>.col{
	padding-bottom: 0;
}
.off-canvas .sidebar-menu{
  padding-top: 0;
}
.mfp-close{
    width: 55px;
    height: 55px;
    opacity: 1 !important;
    right: 20px;
    mix-blend-mode: unset !important;
}
.mfp-close svg{
  mix-blend-mode: unset !important;
  width: 55px;
  height: 55px;
}
.mfp-ready .mfp-close{
			top: 30px !important;
		    max-width: 1448px !important;
		    width: 100% !important;
		    text-align: right !important;
	padding: 0 15px !important;
	
left: 50% !important;
    transform: translateX(-50%) !important;
    right: unset !important;
    position: fixed;

}
@media (min-width:8450px){
		.mfp-close{
			    transform: translateX(-50%) !important;
    		left: calc(50%) !important;
		}
		
}
@media screen and (max-width: 849px){
  .primary-links li a{
    font-size:52px;
  }
}
@media screen and (max-width: 549px){
	.title2 span.lv1 {
	    margin-left: -50px;
	}
  .primary-links li a{
    font-size: 32px;
  }
  
}