/* 
Theme Name: Luxam2 - Elementor child theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team adopted by Vladan Krstic
Author: Elementor Team & Vladan Krstic
Author URI:
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*STICKY HEADER*/

body{font-family: 'Lato', sans-serif;}
    

 h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;

}
.mast-head{
	background-color: transparent !important;
}

.mast-head .elementor-image a {
	display: block  !important;
}
 .mast-head .elementor-image a img{
 	display: block;
 	width: 150px !important;
 	height: auto !important;
 }


 .mast-head2{
	background-color: rgba(0,0,0,1) !important;
	z-index:500 !important;
}

.elementor-post__excerpt{
	min-height:130px !important;
	margin-bottom:10px !important;
}

.elementor-post__title{
	min-height:54px !important;
	margin-bottom:5px !important;
}

.mast-head2 .elementor-image a {
	display: block  !important;
}
 .mast-head2 .elementor-image a img{
 	display: block;
 	width: 150px !important;
 	height: auto !important;
 }




.watch-button img{
 	cursor: pointer;
 	transition: all 0.3s ease; 
 		filter: brightness(80%);
 }

 .watch-button img:hover{
 	cursor: pointer;
 	filter: brightness(120%);

 }
 
 .tech-menu ul#menu-technologies.menu{
	 list-style-type:none !important;
	 margin:0;
	 padding:0;
 }
 
 
.tech-menu .menu-technologies-container ul li:before{
	
    content: "\f111" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight:900 !important;
	margin-right:10px !important;
	color:#E0E0E0 !important;
}


.tech-menu .menu-technologies-container ul li a{
	
    
	color:#757575 !important;
}

.tech-menu .menu-technologies-container .current-menu-item:before{
	content: "\f111" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight:900 !important;
	margin-right:10px !important;
	color:#B18E33 !important;
}



.main-hero-button a{
transition: all 0.3s ease; 
border:solid 2px black !important;
 -webkit-box-shadow: 0px 0px 0px 2px rgba(177,142,51,1) !important;
-moz-box-shadow: 0px 0px 0px 2px rgba(177,142,51,1) !important;
box-shadow: 0px 0px 0px 2px rgba(177,142,51,1) !important;
}

.main-hero-button a:hover{
	filter: brightness(120%);
}

/*HEro area*/

.hero-area{
	padding: 0;
	margin: 0;
}
.hero-area img{
	width: 100%;
	height: auto;
}

.front-file-list a{
	display: block;
}


.front-file-list{
	
	line-height: 2.5rem;
}

/*Content*/


.home-masonry{
	 overflow: hidden !important;
	  position: relative !important;
}


 .image-bg{
	background-size: 100% 100%;
	transition: all 0.5s ease; 
}



 .image-bg:hover{
	
	 filter: brightness(120%);
}

 .main-product-link img{
	transition: all 0.4s ease; 
}

.main-product-link img:hover{
 filter: brightness(120%);
}




.mason-editor{
	color:#FFF;
}

.white-btn .elementor-button-link{
	background-color: transparent;
	border-radius: 99px;
	border:2px solid #FFF;
	transition: all 0.3s ease; 
}

.white-btn .elementor-button-link:hover{
	background-color: #FFF;
	border-radius: 99px;
	border:2px soldi #FFF;
	color:#121212;
}

.arrow-link{
	color: rgba(255,255,255,0.8);
	font-size:24px;
	transition: color 0.3s ease; 
}

.arrow-link:hover{
	color: #FFF;
}


.home-masonry .txt-field h2{
font-size: 52px;
} 

.home-installation ul{
	margin: 0 0 0 1rem;
	padding: 0;
	list-style-type:none;
}

.home-installation ul li{
	margin: 20px 0;
}

.home-installation li:before{
	 content: url('img/blt.svg');
	 margin-right: 10px;
}



.home-installation h2{
	font-size: 52px;
}

.home-installation{
font-size: 22px;
color:#070707;
}

.home-docs a{
color:#070707;
font-size:1.3rem;
margin: 20px 0;
text-transform: uppercase;
}

.home-docs a:hover{
	color:#B18E33;
	text-decoration: underline;
}

.home-docs i{
	color:#B18E33;
	margin-right: 10px;
}



.cutsheets{
	background-color: #B18E33;
	display: block;
	padding: 20px;
	height: 329px;
}

.cutsheets h2{
	color: #FFF;
}

.cutsheets a{
color:#FFF;
font-size:1.3rem;
margin: 20px 10px;
text-transform: uppercase;
display: block;
}

.cutsheets a:hover{
	color:#FFF;
	text-decoration: underline;
}

.cutsheets i{
	color:#FFF;
	margin-right: 10px;
}



.footer-newsletter{

}

.footer-bottom{
	margin:0;
	padding: 0;
}

.footer-top i{
	margin-top: 10px;
	padding: 30px;
	background-color: #B18E33;
	color: rgba(255,255,255,0.8);
	transition: color 0.3s ease;
	float: right;
}

.footer-top i:hover{
	color: #FFF;
	}

	.bottom-logo .elementor-image a {
	display: block  !important;
}
 .bottom-logo .elementor-image a img{
 	display: block;
 	width: 115px !important;
 	height: auto !important;
 	margin-left: 32px;
 }

 .cpr{
 	color:#FFF;
 	text-align: center;
 	font-size:14px;
 	padding: 5px;
 	font-weight: 300;
 }

 .site-ancor img:hover{
 	filter: brightness(120%);
 }

 .mc4wp-form-fields input[type=email]{
 	border-radius: 99px;
 	width: 200px;
 	border:2px solid #B18E33;
 }

 .mc4wp-form-fields input[type=submit]{
 	width: 100px;
 	border-radius: 99px;
 	background-color:#B18E33;
 	color: #FFF;
 	border:2px solid #B18E33;;
 }

  .mc4wp-form-fields input:hover[type=submit]{
  	background-color:#D6AD42;
  }

  .footer-newsletter {
  	color:#fff;
  }

  .footer-contact{
  	color:#FFF;
  }

  .footer-contact ul{
  	list-style-type:none;
  	 list-style-position: outside;
  }


   .footer-contact ul li{
   	display: flex;
   	margin: 10px 0;
   }


  .foot-address:before{
  	  font-family: "Font Awesome 5 Free";
  	   font-weight: 900;
  	   content: "\f3c5";
  	   margin-right: 12px;
  }


  .foot-phone:before{
  	  font-family: "Font Awesome 5 Free";
  	   font-weight: 900;
  	   content: "\f3cd";
  	   margin-right: 12px;
  }


  .foot-email:before{
  	  font-family: "Font Awesome 5 Free";
  	   font-weight: 900;
  	   content: "\f0e0";
  	   margin-right: 12px;
  }

.footer-top .menu-item{
	border:none !important;
}

  .footer-top .menu-item:hover{
  	border:none;
  }


  .e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before{
  	background-color: transparent;
  }

  .footer-menu ul li{
  	padding: 5px 0 !important;
  }


  .footer-menu .elementor-nav-menu--main .elementor-nav-menu a{
  	padding: 5px !important;
  }


  .footer-menu .elementor-nav-menu--main .elementor-nav-menu a, .footer-menu .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .footer-menu .elementor-nav-menu--main .elementor-nav-menu a:focus, .footer-menu .elementor-nav-menu--main .elementor-nav-menu a:hover{
  	padding: 5px !important;
  }

a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}

.editor-contact h2{
	font-size: 3rem;
}

.editor-contact p{
	font-size: 1.2rem;
}


.editor-contact p span{
	color:#B18E33;
}

.form-holder{
	border-radius: 40px;
	-webkit-box-shadow: 0px 8px 18px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 8px 18px 2px rgba(0,0,0,0.15);
box-shadow: 0px 8px 18px 2px rgba(0,0,0,0.15);
}

#form-field-message{
	border-radius: 4px;
	border:1px solid #B18E33;
}

.form-holder .elementor-field-type-submit{
width: 200px;
}


.contact-area {
border-radius: 10px;
	-webkit-box-shadow: 0px 8px 18px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 8px 18px 2px rgba(0,0,0,0.15);
box-shadow: 0px 8px 18px 2px rgba(0,0,0,0.15);
}


.contact-area .elementor-field-type-submit{
width: 200px;
}



/*BLOG*/

.products-section .elementor-post__card{
	border-radius: 0 !important;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
}


.products-section .elementor-post__title h2{
	margin-bottom: 12px;
}

.products-section .elementor-post__title a{
	font-family: 'Lato', sans-serif;
	color:#070707;
	font-size: 1.3rem;
	font-weight: 700;
}

.products-section .elementor-post__excerpt p{
	color: #070707;
	font-size: 14px;
}


.products-section .elementor-post__read-more{
	background-color: #B18E33;
	border-radius: 99px;
	color:#FFF;
	padding: 6px 20px;
	font-size: 0.8rem;
}

.products-section .elementor-post__read-more:hover{
	background-color: #CBA74A;
}



.portfolio-section .elementor-post__card{
	border-radius: 0 !important;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
}


.portfolio-section .elementor-post__title h2{
	margin-bottom: 12px;
}

.portfolio-section .elementor-post__title a{
	font-family: 'Lato', sans-serif;
	color:#070707;
	font-size: 1.3rem;
	font-weight: 700;
}

.portfolio-section .elementor-post__excerpt p{
	color: #070707;
	font-size: 14px;
}


.portfolio-section .elementor-post__read-more{
	color:#B18E33;
	font-size: 0.9rem;
	text-transform: capitalize !important;
}

.portfolio-section .elementor-post__read-more:hover{
	color: #CBA74A;
}
.most-popular .elementor-post__title a{
color:#B18E33;
}

.most-popular .elementor-post__title a:hover{
	color: #CBA74A;
}


/* Custom Blocks */
.dld-items{
	
	padding: 20px 0;
	background-color: #B18E33;
margin:20px 0;
}

.dld-items h4{
	color:#FFF;
	margin: 10px 20px;
}

.dld-items a{
	display: block;
	font-size: 1.2rem;
	padding: 10px 20px;
	color: #FFF;
}

.dld-items a:hover{
	color: #FFF;
	text-decoration: underline;
}

.dld-items i{
	margin: 0 10px;
}

.above-product{
	font-size:18px !important;
	min-height:54px !important;
}

.gold-hr{
	height:1px;
	background-color:#B18E33 !important;
	margin-bottom:10px;
}

/*POPUP*/

.contact-popup h3, .contact-popup h5 {
	text-align: center;
}

.contact-popup h3, .contact-popup h5{
	color: #070707;
}

.popup-info p{
	font-size: 24px;
	color:#FFF;
	text-align: center;
	margin: 0;
}


.dld-attch .elementor-button {
	display:block !important;
	margin:0 10px !important;
	text-align:center;
}


.bottom-product{
	margin-top:-80px;
	z-index:1;
}

.dld-section .elementor-button{
	padding:5px;
}

.dld-section .elementor-button:hover{
	text-decoration:underline;
}


.product-info{
	z-index:10;
}

.product-slibex{
	z-index:10;
}
.call-phone a, .call-phone a:hover{
	color:#B18E33;
	margin-top:5px;
	font-size:18px;
	display:inline-block;
}


/* Mini framework */

/*  Essentials  */

   .flex-container {
   	display: flex;
   	flex-wrap: wrap;
   	


   }
   .container {
   	clear: both;
   	margin: 0 auto;
   	max-width: 1280px;
   	padding: 0 20px;
   	position: relative;

   }

   .one-half{
   	padding: 10px;
   	box-sizing: border-box;
   	width: 50%;
   }

   .one-third{
   	padding: 10px;
   	box-sizing: border-box;
   	width: 33.3%;
   }

   .two-third{
   	padding: 10px;
   	box-sizing: border-box;
   	width: 66.6%;
   }

   .one-quater{
   	padding: 10px;
   	box-sizing: border-box;
   	width: 25%;
   }

   .one-fifth{
   	padding: 10px;
   	box-sizing: border-box;
   	width: 20%;
   }

   .one-sixth{
   	padding: 10px;
   	box-sizing: border-box;
   	width: 16.6%;
   }

   .responsive img{
   	width: 100%;
   	height: auto;
   }

   .inner{
   	padding: 0.75rem;
   }


.selected-products a{
display: block;
font-size: 20px;
font-weight: 600;
color: #121212;
transition: all 0.3s ease;
}

.selected-products a:hover{
	color: #B18E33;
}

.selected-products a img{
	transition: all 0.3s ease;
}

.selected-products a img:hover{
filter:brightness(90%);
}


  /* Small only */
@media screen and (max-width: 39.9375em) {
	
.footer-newsletter, .footer-contact{
	width:340px;
	display: block;
	margin: 10px auto;
	padding: 0;
}

.footer-menu{
	width:300px;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.mob-field{
	min-height: 350px;
}


.home-masonry .txt-field h2{
font-size: 30px;
} 


}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {


}

}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}


/* Ultra Large only */
@media screen and (min-width: 115em) and (max-width: 200em) {
.main-hero-slider{

}
	
}