/*
*/

/*************************************
  
 	1. MAIN STYLES
	
	2. HEADER
 
************************************/



/*************************************

1. MAIN STYLES

 ************************************/


/* RESET STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
address{font-style:italic;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:'';}
strong,b { font-weight: bold; }
em, cite { font-style: italic; }
cite { display: block; }
strike, del {text-decoration: line-through;}
sup {font-size: 11px;position: relative;vertical-align: top;top: 5px;}
sub {	bottom: 5px;	font-size: 11px;	position: relative;	vertical-align: bottom;}
.italic { font-style: italic;}
button,input,select,textarea { font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
.no-margin{margin:0px !important;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.column-clear{clear:both;}

 .wp-caption { max-width: 100%; }

 .sticky { position: relative; }
 

 .alignright {
     display: block;
     float: right;
     margin: 4px 0 0 24px;
 }

 .alignleft {
     display: block;
     float: left;
     margin: 4px 24px 0 0;
 }

 .aligncenter {
     display: block;
     clear: both;
     margin: 24px auto;
 }
 
 pre {
    margin-bottom: 24px;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
}
pre, code{
  background:#f0f0f0;
  color: #333;
  font-family: "Courier New", Courier, monospace;
   padding:10;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html{-webkit-font-smoothing:antialiased;}


body{-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling:touch;
text-rendering: optimizeLegibility;
overflow-x:hidden;
}

p,ul,ol{ margin-bottom: 24px; }

/* definition lists */
dl dt {
  margin-bottom: 0;
}
dl dd {
  margin-left: 16px;
  margin-bottom: 24px;
}

div p:last-of-type{margin-bottom:0;}

/*************************************

2. HEADER

************************************/



/*** menu large screens ***/

.menu-nav{margin:0; font-size:0;
text-align:center;}
.menu-nav li{display:inline-block;
position: relative;
margin-left:24px;
font-size:13px;
font-weight:500;
letter-spacing:0.15em;
text-transform:uppercase;
}
.menu-nav li:first-child{margin-left:0px;}

.menu-nav li a{padding:24px 0;
display:block;}
.menu-nav li a:before{position: absolute;
display: block;
bottom: 20px;
left: 50%;
width: 0;
border-top: 1px solid var(--menu-normal-color);
content: '';

-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}

.menu-nav li a:hover, .menu-nav > li:hover > a, .menu-nav > li.current-menu-item > a{background:none;
color:var(--menu-hover-color);}
.menu-nav > li:hover > a:before, .menu-nav li.current-menu-item > a:before{
left:0;
width:100%;	
}

.menu-nav ul {display: none;
margin: 0;
padding:12px 0;
width: 180px;
position: absolute;
top: 67px;
left: 50%;
margin-left:-90px;
z-index:5;
}

.menu-nav ul:before{content: '';
position:absolute;
left:50%;
top:-6px;
margin-left:-10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
}

.menu-nav ul li {display:block;
text-align:center;
background:none;
margin:0;
font-size:13px;
font-weight:400;
text-transform:none;
letter-spacing: 0.05em;
}
.menu-nav ul li > a{display:block;
  padding: 5px 16px;
}

.menu-nav ul li a:hover, .menu-nav li:hover ul li a:hover {text-decoration:none;}
.menu-nav li:hover > ul{ display: block;}
.menu-nav li ul ul { left: 100%; top: -12px; 
margin:0;}
.menu-nav li ul ul:before, .menu-nav li ul a:before{display:none;}

.menu-nav .edge > ul{
	left: auto;
	right: 0;
}

.menu-nav li ul .edge ul {
    left: auto;
    top: -12px;
    margin: 0;
    right: 100%;
}

/*** end menu large screens ***/

/*** menu mobile ***/

.nav-button-holder{display:none;}
.nav-button{background:none;
border:none;
cursor:pointer;
padding-bottom:15px;
vertical-align:middle;
}

.icon-bar, .icon-bar1, .icon-bar2{display: block;
    height: 2px;
    width: 25px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
} 
.icon-bar1, .icon-bar2{width:18px;}

.icon-bar:before, .icon-bar:after  {
   background:#ffffff;
    content: "";
    height: 100%;
    left: 4px;
    position: absolute;
    bottom: -6px;
	right:0;

}
.icon-bar:after { bottom: -12px;
left:8px;
top: auto; }

.nav-button:hover .icon-bar:before, .nav-button:hover .icon-bar:after{ left:0;}

.icon-bar, .icon-bar1, .icon-bar2, .nav-button .icon-bar:before, .nav-button .icon-bar:after { -webkit-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;}

.menu-mobile{font-size:0;
margin:0 auto;
margin-left:0;
padding-left:48px;
}

.menu-mobile li{font-size:16px;
font-weight:600;
text-transform: uppercase;
letter-spacing:0.1em;
padding-top:24px;
list-style:none;
}

.menu-mobile li a{color:#999999;
display: block;
line-height:1;}
.menu-mobile li a:hover, .menu-mobile li a:focus{background:none;}
.menu-mobile li:hover > a, .menu-mobile li.current-menu-item > a{color:#ffffff;}

.menu-mobile > li.menu-item-has-children > a:after {
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-left: 7px;
    margin-right: 0;
	font-size:12px;
	font-weight:900;
	vertical-align: middle;
	
	-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
  transition: all 0.3s;
}

.menu-mobile > li.menu-item-has-children.menu-open > a:after{content: "\f106";}

.menu-mobile ul{margin-left:0px;}
.menu-mobile > li > ul{display:none;}  
.menu-mobile > li.menu-open > ul{display:block;}  
.menu-mobile ul li{font-size:16px;
font-weight:400;
padding-top:16px;
text-transform:none;
padding-left:8px;
letter-spacing:1px;
display:block;}

.menu-contact{margin-top:72px;
padding-left:48px;
color:#999999;}
.menu-contact ul{list-style:none;
margin-left:0;
margin-bottom:0;}
.mobile-phone{font-size:24px;
margin:16px 0;}
.menu-contact .social-media{margin-top:48px;
padding-bottom:48px;}

.mobile-btn {
    margin-bottom: 24px;
}

/*** end menu mobile ***/


/***** MODAL WINDOW ******/

body.has-active-menu { overflow: hidden; }

.menu-mask{position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;}
.menu-mask.is-active{width:100%;
height:100%;
opacity:0.9;}
  
.mobile-menu-holder{ position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 350px;
  height: 100%;
  background: #252525;
  opacity: 0;
  padding:0 30px;
  
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);

-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
 }
.mobile-menu-holder.is-active{ opacity: 1;

-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);

 }

.modal-menu-container{position:relative;}

.exit-mobile{cursor: pointer;
padding: 7px 1px;
display: inline-block;
margin-top:32px;
}  
.icon-bar1{top:2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.icon-bar2{-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);}

/***** END MODAL WINDOW ******/

/** Header 1 **/
.headerHolder{display:flex;
align-items:center;
justify-content:center;
padding-left:30px;
padding-right:30px;
margin-top:16px;

left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;

}

.nav-fixed-top { position: fixed;
	top:0;
    right: 0;
    left: 0;
    z-index: 1030;
	background: #252525;
	margin-top: 0;
}


.nav-holder-1{text-align:center;}

.logo-txt{font-size:36px;}
.logo-txt a{color:#ffffff;}

.social-btn-top1 {
    display: flex;
    align-items: center;
}

.btn-header1 {
    margin-left: 16px;
    flex: 0 1 auto;
}

.social-media1 {
    flex: 1 1 0;
    text-align: right;
}

/*************************************

3. HOME

************************************/

/* SLIDER */
.slider-container{position:relative;
height:100vh;
margin-bottom:108px;
}
.slider-container2{
	position:relative;
	margin-bottom:108px;
}
.slider-item-box-bkg{height:100vh;
}
.slider-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;
}
.slider-img:before{content:'';
background:rgba(0,0,0,0.3);
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.slider-caption{ position: absolute;
   left: 0;
   top: 50%;
   right:0;
   text-align:center;
   color:#ffffff;
   padding: 0 54px;
   z-index:2;

	-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	
.intro-txt {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.03em;
}	
.slider-caption h2{font-size:108px;
letter-spacing:0.03em;
color:#ffffff;
line-height: 1;
margin:16px 0;}

.slider-caption .slider-btn{margin-top:48px;}

/* END SLIDER */



.scrollup{display:none;}
.scrollup i {
width:30px;
height:30px;
position: fixed;
background:var(--headings-color);
color:#ffffff;
border-radius: 50%;
bottom: 20px;
right: 20px;
text-align: center;
padding-top:6px;
cursor: pointer;
z-index: 110;
}
/* menu */
@media (max-width: 1024px) {
  .nav-holder,
  .header5-left{display:none;}
  .nav-button-holder {display:block;}

  .headerHolder5.nav-fixed-top .header-5{
    display: flex;
  }
    
  .headerHolder,
  .header-5{padding: 15px;
  }

  .logo{flex: 1 1 auto;
  text-align:right;}

  .btn-header{display:none;}

  .header-1 .nav-button-holder{
    flex: 1 1 0;
  }

  .logo{
    text-align: center;
  }
}

/* end menu */


/* Owl Carousel Default Nav */
.owl-carousel{ cursor: -webkit-grab; cursor: -moz-grab; }
.owl-carousel.owl-grab{cursor: -webkit-grabbing; cursor: -moz-grabbing;}

  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 48px; }

.owl-theme .owl-dots {
    position: absolute;
    right: 0;
	left:0;
    text-align: center;
    bottom: 20px;
    z-index: 100;
    width: auto;
    z-index: 20;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
  .owl-theme .owl-dots .owl-dot {
  margin:0px 8px;
    zoom: 1;
    display: inline-block; }
    .owl-theme .owl-dots .owl-dot span {
      width: 7px;
      height: 7px;
      background: #ffffff;
      display: block;
       border-radius: 99em; 
	   opacity: 0.8;
	   
	  -webkit-backface-visibility: visible; 
	   -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
   transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
	   
	   }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #ffffff;
	  opacity: 1;
	   -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
	  transform: scale(1.8);
	   }