@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
	/* --clr-blue: #1089ff; */
	--clr-blue: #36648B;
    --clr-red: #e10707;
}

*,*::after, *::before{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

a{
	text-decoration:none;
	color:#FFF;
}

body{
	font-family: 'KoHo', sans-serif;
}

.top-info{
	background:#e10707;
	color:#FFF;
	padding:14px 0px;
	font-size:0.9em;
}

.top-info-container{
	max-width:1600px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.nav-area{
	max-width:1600px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items: center;
	padding:35px 0px;
}

nav{
	display:flex;
	gap:35px;
}

.navigation-container{
	display:flex;
	justify-content:flex-end;
	width:75%;
}

nav a{
	color:#000;
	text-transform:uppercase;
}

.hero{
	background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
	-webkit-animation: fadeInFromNone 1.5s ease-out !important;
    -moz-animation: fadeInFromNone 1.5s ease-out !important;
    -o-animation: fadeInFromNone 1.5s ease-out !important;
    animation: fadeInFromNone 1.5s ease-out !important;
	padding:100px 80px;
	max-width:1920px;
	margin:0 auto;
	display:none;
}

.hero.current{
	display:block;
}

.hero.custom{
	padding:90px 50px;
}

.hero-content{
	padding:30px;
	background:rgba(0,0,0,0.5);
	width:38%;
	min-width:150px;
	border:4px solid #FFF;
}

.hero.custom .hero-content{
	border:none;
	color:#FFF;
	padding:30px 50px;
	width:fit-content;
}

.hero.custom .hero-content h1{
	font-size:42px;
	line-height:42px;
	text-transform:uppercase;
}

.hero-content h2, .hero-content p{
	color:#FFF;
}

.hero-content h2{
	font-size:42px;
	line-height:40px;
	margin-bottom:30px;
}

.hero-content p{
	font-size:18px;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.btn{
	background:#e10707;
	color:#FFF;
	padding:9px 15px;
	border-radius:0px;
	display:inline-block;
	margin-top:40px;
}

.products-section{
    width:100%;
	max-width:1600px;
	margin:0 auto;
	padding:80px 30px;
}

.projects-section{
	padding:80px 0;
	background-color:#eeefff;
	margin:0 auto;
}

.about-section{
	max-width:1600px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

.about-content, .contact-form-container{
	width:50%;
	padding: 0px;
	
}

.contact-form-container-inner{
	width:80%;
	margin:0 auto;
	padding:50px 0px;
}

.about-content{
	position:relative;
	background-image:url('../img/about-us-bg.webp');
	background-repeat:no-repeat;
	background-position:left;
	padding:0px;
	color:#FFF;
	width:50%;
	padding:50px 0px;
}

.about-content::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(100,100,100,0.15);
}

.contact-form>div{
	margin-bottom:20px;
}

.contact-form div input,
.contact-form div textarea{
	padding:10px 10px;
	width:100%;
	border:1px solid #36648B;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	font-size:110%;
	font-family: 'KoHo', sans-serif;
}

.submit-message-btn{
	padding: 1rem;
	background:var(--clr-blue);
	color:#FFF;
	border:none;
    font-size: 16px;
	cursor:pointer;
}

.projects-section-container{
	max-width:1600px;
	margin:0 auto;
}

.products-container{
	display:grid;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding:0px;
}

.products-container.hp{
	padding:30px 0px;
}

.products-page-container{
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding:0;
}

.product-item{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background-color:#fefefe;
	padding:20px;
	/* border:1px solid #DDD;
	box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%); */
	
	webkit-box-shadow: 0 10px 35px rgb(0 0 0 / 8%);
    -khtml-box-shadow: 0 10px 35px rgba(0,0,0,8%);
    -moz-box-shadow: 0 10px 35px rgba(0,0,0,8%);
    -ms-box-shadow: 0 10px 35px rgba(0,0,0,8%);
    -o-box-shadow: 0 10px 35px rgba(0,0,0,8%);
    box-shadow: 0 10px 35px rgb(0 0 0 / 8%);

}

.product-item:hover{
    opacity:0.75;
}

.product-item img{
	width:100%;
	display:block;
}

.product-count{
	color:var(--clr-blue);
	font-size:14px;
	margin-bottom:15px;
}

.product-category{
	color:var(--clr-blue);
	font-size:15px;
	margin-bottom:15px;
}

.product-category a{
	color:var(--clr-blue);
}

.product-description{
	margin-bottom:10px;
}

h2.section-title{
	margin:0px 0px 10px 0px;
	text-align:center;
	color:#e10707;
}

p.section-description{
	margin:10px auto 40px auto;
	/* text-align:left; */
}

.item-info{
	padding:10px 0px;
}

.item-info h3 {
	color:#e10707;
}

h3.item-info-title{
	color:#e10707;
	margin-top:10px;
}

.btn-details{
	display:inline-block;
	padding:0.4rem 1.1rem;
	border-radius:0px;
	width:fit-content;
	background:var(--clr-blue);
	color:#FFF;
	font-size:14px;
}

.txt-blue {
	color:var(--clr-blue);
}

.txt-red{
	color:#e10707;
}

.last-product-child {
	background:#fffeee;
	grid-column: 3 / 5;
}

.projects-section .product-item{
	background-color:#fffeee;
}

footer{
	padding:30px;
	background-color:#e10707;
	color:#FFF;
}

.footer-container{
	display:flex;
	justify-content:space-between;
	max-width:1600px;
	margin:0 auto;
}

.footer-column {
	width:23%;
}

.w25{
	width:23%;
}

.w30{
	width:28%;
}

.w15{
	width:13%;
}

.footer-column ul{
	list-style-type: none;
}

.footer-column h3{
	margin-bottom:25px;
}

.about-section .section-title{
	text-align:left;
}

.about-section p{
	margin-bottom:20px;
}

.about-content-inner{
	background:rgba(0,0,0,0.65);
	padding:40px;
	width:80%;
	margin:0 auto;
}

.negative-btn{
	background-color:#e10707;
	width:fit-content;
}

.last-product-child div img{
	height:185px;
}

.footer-column ul li{
	margin-bottom:6px;
}

.page-wrapper{
	max-width: 1600px;
	margin: 0 auto;
	padding:80px 30px;
}

.content-wrapper{
	display:flex;
	justify-content:space-between;
}

.page-content{
	width:73%;
}

.right-sidebar{
	width:25%;
	background:#fafafa;
	padding:30px;
}

.page-heading-title{
	margin-bottom:30px;
	text-transform:uppercase;
}

.contact-page-form{
	padding:40px;
	width:100%;
	box-shadow:0 21px 41px -13px rgb(0 0 0 / 18%);
}

.product-images-gallery{
	display:flex;
	/* flex-wrap: wrap; */
	margin-bottom:20px;
	overflow:auto;
}

.product-images-gallery img{
	height:60px;
	display:block;
	margin-right:5px;
	margin-bottom:5px;
	cursor:pointer;
	width:auto !important;
}

.page-heading-title.product-name{
	color:#e10707;
}

.product-breadcrumbs{
	font-size:13px;
}

.product-breadcrumbs a{
	color:#0a81ab;
}

.product-col-1{
	width:35%;
}

.product-col-2{
	width:65%;
}

.page-content .product-col-1 img{
	width:100%;
}

.page-content .product-col-2{
	padding:0 30px;
}


/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	padding-top:5vh;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.95);
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.productImagesGallerySlides {
	display: none;
	text-align:center;
	background:rgba(0,0,0,0.95)
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.active {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.productImagesGallerySlides img{
	max-height:90vh;
}

.site-main-navigation a.selected{
	color:#e10707;
	font-weight:bold;
}

.site-main-navigation a:hover{
	color:#e10707;
}

.contact-info{
	background:var(--clr-blue);
	padding:40px;
	color:#FFFFFF;
}

.contact-icon-container{
	display:flex;
	width: 50px;
	height: 50px;
	min-width: 50px;
	min-height: 50px;
	margin:0 auto;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.2);
	-webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
	-webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.contact-page-info-row{
	width:25%;
	display:flex;
	flex-direction:column;
}

.contact-data-container{
	text-align:center;
	padding:20px 10px 0px 10px;
}

.elements-paginator{
	margin-top:50px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.elements-paginator .paginate-square{
	border:1px solid var(--clr-red);
	color: var(--clr-blue);
	display:inline-block;
	width:35px;
	height:35px;
	margin-right:5px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.elements-paginator .paginate-square.current{
	background: var(--clr-red);
	color:#FFFFFF;
	font-weight:bold;
	width:40px;
	height:40px;
}

.search-product-form{
	/* background:#FAFAFA; */
	max-width:1600px;
	width:40%;
}

.search-product-form-elements{
	display:flex;
	margin:0 auto;
}

.search-product-form-field{
	padding:8px 15px;
	flex-grow: 1;
	border:1px solid var(--clr-blue);
	border-right:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius:0px;
}

.search-product-form-button{
	padding:0 20px;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	background:var(--clr-blue);
	border:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#banner-container{
	position:relative;
}

#banner-container .arrow-left,
#banner-container .arrow-right{
	width:50px;
	height:50px;
	margin-left:12px;
	background:#FFF;
	border-radius:50%;
	position:absolute;
	top:40%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:26px;
	font-weight:bold;
	cursor:pointer;
	opacity:0.6;
}

#banner-container .arrow-right{
	right:0;
	margin-right:12px;
}

#banner-container .arrow-left:hover,
#banner-container .arrow-right:hover{
	opacity:0.95;
}

.categories-list{
	list-style-type:none;
	margin-bottom:16px;
}

.categories-list li{
	margin-bottom:5px;
	font-size:14px;
}

.categories-list li a{
	color:var(--clr-red);
}

.categories-list li a:hover{
	color:var(--clr-blue);
}

.sub-section-title{
	margin-bottom:5px;
	text-transform:uppercase;
	color:#e10707;
}

.category-name-link{
	font-size:14px;
	margin-bottom:16px;
}

.category-name-link a{
	color:var(--clr-blue);
}

.promote-products-container{
	display:grid;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.horizontal-layout{
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.similar-products-container{
	display:flex;
	flex-wrap: wrap;
	gap:1%;
}

.promoted-product-div{
	/* width:19.2%; */
	/* margin-bottom:20px; */
}

.promoted-product-div-vertical{
	width:100%;
}

.similar-product-div{
	width:100%;
	margin-bottom:20px;
}

.container-lucrari{
	width:100%;
}

.lucrare h2 {
	margin-bottom:20px;
	color:var(--clr-red);
	text-transform:uppercase;
}

.lucrare img {
	width:100%;
}

.lucrare {
	margin-bottom:100px;
}

.lucrare:last-child {
	margin-bottom:0px;
}

.contact-info-elements{
	display:flex;
}

.form-title{
	margin-bottom:10px;
}

.form-message {
	margin-bottom:30px;
}

.contact-form-row {
	display:flex;
	justify-content:space-between;
}

.contact-form-row-cell{
	width:49%;
}

.contact-page-sidebar{
	width:49%;
	padding:0px;
}

#contact-page-map{
	min-height:400px;
}

.contact-form label{
	font-size:15px;
}

.home-page-featured{
	max-width:1600px;
	margin:0 auto;
	display:grid;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding:100px 30px;
	background:#EEEFFF;
}

.home-page-featured .item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.home-page-featured .item .item-info{
	text-align:center;
}

.home-page-featured .item .fas{
	font-size:3rem;
	color:var(--clr-blue);
}

.about-us-sidebar{
	padding:0;
	width:50%;
}

.about-us-sidebar img{
	width:100%;
}

.about-us-content{
	width:50%;
	padding:0 30px 0 0;
}

.top-info-contact{
	display:flex;
	flex-wrap: wrap;
	gap: 12px;
}

.product-data-container{
	display:flex;
}

.products-wrapper{
	display:flex;
	justify-content:space-between;
}

.products-wrapper-col-1{
	width:72%;
}

.products-wrapper-col-2{
	width:25%;
}

.category_name{
	color:var(--clr-blue);
}

.product-price{
	margin:10px 0;
}

.product-page-price{
	font-size:30px;
	font-weight:bold;
	color:var(--clr-blue);
}

/* .product-details{
	margin-top:40px;
} */

.product-page-label{
	font-weight:bold;
}

.hamburger-menu {
	display:none;
}

.project-images-container{
	display:flex;
	flex-wrap: wrap;
	gap:2%;
	margin-top:10px;
}

.project-images-container img{
	/* width:32%; */
	margin-bottom:2%;
}

.promoted-products-h3{
	margin-top:30px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#e10707;
}

.product-request-form{
	padding:20px;
	background:#fafafa;
}

.product-request-form h3{
	margin-bottom:10px;
}

.prod-categ-title{
	margin-left:10px;
	margin-top:30px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#e10707;
}

.pdf-doc-symbol{
	color:#F40F02;
	font-size:20px;
}

.pdf-doc-name{
	color:#000;
}

.promoted-products-section-title,
.similar-products-section-title,
.products-categories-section-title{
	margin-bottom:10px;
	text-transform:uppercase;
	color:#e10707;
}

.request-product-form{
	margin-top:20px;
	margin-bottom:50px;
}

.products-block-1{
	margin-bottom:100px;
}

.contact-form-submit{
	margin-top:30px;
}

.categories-page-title{
	padding:30px 10px;
	font-size:30px;
	color:#e10707;
	text-align:center;
}

.product-request-form h3{
	color:#e10707;
}

.product-col-1.product-images img{
	cursor:pointer;
}

/* Styles the thumbnail */

/* a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
} */

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
left:0;
background: rgba(255,255,255,1);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
 
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
  
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
  /* overflow:scroll; */
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
width:auto !important;
}

.lightbox-target:target a.lightbox-close {
top: 0;
}

.proj-img-container{
	width:32%;
}

.footer-contact-info{
	margin-top:30px;
}

.footer-contact-info div{
	margin-bottom:10px;
}

.product-page-full-price{
	text-decoration:line-through;
	color:#e10707;
	font-size:25px;
}

.hp-prod-img{
    min-height:300px;
}

.product-description{
    color:#000000;
}

@media only screen and (max-width: 1400px) {
	.top-info{
		padding:10px;
	}
	
	.nav-area{
		padding-left:30px;
		padding-right:30px;
		background:#EEEFFF;
	}
}

@media only screen and (max-width: 1160px) {
	.top-info{
		display:none;
	}
	
	.sticky-menu{
		position:fixed;
		top:0px;
		-moz-box-shadow: 0px 0px 10px 0px #ccc;
		-webkit-box-shadow: 0px 0px 10px 0px #ccc;
		box-shadow: 0px 0px 10px 0px #ccc;
	}
	
	.products-container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.navigation-container{
		background:#e10707;
		width:100%;
	}
	
	.logo-text{
		padding:20px 0px;
		margin:0 auto;
	}
	
	.hamburger-menu {
		font-size:40px;
		padding:20px;
		padding-top:0px;
		padding-bottom:0px;
		display:block;
	}
	
	.nav-area{
		align-items:baseline;
		padding:0px;
		flex-direction:column;
	}
	
	nav.site-main-navigation{
		width:100%;
		height:100%;
		background:#e10707;
		display:flex;
		flex-direction:column;
		top:0;
		gap:0;
		display:none;
	}
	
	.site-main-navigation a{
		color:#FFF;
		padding:10px 20px;
	}
	
	.show-menu{
		display:flex !important;
	}
		
	.hide-menu{
		display:none;
	}
	
	.site-main-navigation a:hover,
	.site-main-navigation a.selected{
		color:#FFF;
		font-weight:bold;
		background:var(--clr-blue);
	}
	
	.product-request-form{
		margin:20px 0;
	}
}

@media only screen and (max-width: 950px) {
	.promoted-product-description{
		display:none;
	}
	
	.contact-page-form{
		box-shadow:none;
	}
	
	.prod-categ-title{
		margin-left:0;
	}
	
	footer{
		padding-left:0;
		padding-right:0;
	}
	
	p.section-description{
		margin:0px auto 40px auto;
		text-align:left;
		width:100%;
	}
	
	.promoted-product-div{
		/* width:24.25%; */
	}
	
	.products-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding:0;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	
	.product-data-container{
		flex-direction:column-reverse;
	}
	
	.product-col-1,
	.product-col-2{
		width:100%;
	}
}

@media only screen and (max-width: 750px) {
	.proj-img-container{
		width:100%;
	}
	
	.contact-form-container-inner{
		width:100%;
	}
	
	.categories-page-title{
		text-align:left;
	}
	
	.promote-products-container{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.home-page-featured{
		grid-template-columns:repeat(1, minmax(0, 1fr));
		padding:50px 50px;
		grid-row-gap:100px;
	}
	
	.content-wrapper{
		flex-direction:column;
		row-gap:30px;
	}
	
	.about-us-content{
		padding:0;
	}
	
	.page-content{
		width:100%;
		font-size:120%;
	}
	
	.right-sidebar{
		width:100%;
		padding:0px;
		background:#FFF;
	}
	
	.right-sidebar.customized{
		margin-top:30px;
	}
	
	.products-wrapper{
		flex-direction:column;
		row-gap:30px;
	}
	
	.products-wrapper-col-1,
	.products-wrapper-col-2{
		width:100%;
	}
	
	.product-metadata{
		padding:0 !important;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.product-details-container{
		padding:0 !important;
	}
}

@media only screen and (max-width: 600px) {
	.promote-products-container{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.contact-form-row {
		flex-direction:column;
	}

	.contact-form>div{
		margin-bottom:0px;
	}
	
	div.product-request-form .contact-form>div{
		margin-bottom:30px;
	}
	
	.home-page-contact-form-row{
		margin-bottom:20px !important;
	}

	.contact-form-row-cell{
		width:100%;
		margin-bottom:20px;
	}
	
	.page-wrapper{
		padding:10px;
		padding-top:0px;
	}

	.top-info-container{
		flex-direction:column;
	}
	
	.hero.custom .hero-content{
		padding:30px 10px;
	}
	
	.hero.custom .hero-content h1{
		color:#e10707;
	}
	
	.hero.custom .hero-content {
		background:none;
	}
	
	.hero.custom{
		padding: 0px;
		background: none !important;
	}
	
	.contact-info{
		padding:40px 10px;
		text-align:center;
	}
	
	.search-product-form{
		width:100%;
		margin-top:10px;
	}	
	
	.products-section{
		padding:10px;
		padding-top:0px;
	}
	
	.home-page-section{
		padding-top:30px;
	}
	
	.contact-data-container{
		text-align:center;
		padding:0 0 0 10px;
		width:inherit;
	}
	
	.contact-page-info-row{
		width:100%;
		flex-direction:column;
		align-items:center;
		margin-bottom:60px;
	}
	
	.contact-page-info-row.last{
		margin-bottom:0px;
	}
	
	.w25, .w30, .w15{
		width:100%;
	}

	.contact-info-elements{
		flex-direction:column;
	}
	
	.contact-page-content,
	.contact-page-sidebar{
		width:100%;
	}
	
	.contact-page-content-wrapper{
		flex-direction:column;
		margin-top:50px;
	}

	.search-product-form-elements{
		/* width:90%; */
	}
	
	.hero-content{
		width:100%;
	}
	
	.about-section,.footer-container{
		display:block;
		padding:0 10px;
	}
	
	.products-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.about-content, .contact-form-container{
		width:100%;
		padding:30px 0px;
	}
	
	.about-content{
		padding:10px;
	}
	
	.expand{
		width:100%;
		padding:0;
	}
	
	.footer-column{
		margin-bottom:50px;
	}
	
	.footer-column h3{
		margin-bottom:10px;
	}
}

@media only screen and (max-width: 265px) {
	.search-product-form-elements{
		flex-direction:column;
	}
	
	.search-product-form-button{
		padding:10px;
		width:fit-content;
		margin:0 auto;
	}
}

.additional-product-info a[href^=tel] {
    color: #000;
    font-weight:bold;
    text-decoration: none;
}