h2{ font-size: 2em; /*margin-bottom:0;*/}
a{text-decoration: none; color: black;}
span#back:hover{text-decoration: underline;}


div#google-photo{overflow: hidden;}
div#google-photo .content{display: flex; gap:0.25%; justify-content: center}
div#google-photo .content>div{background: transparent; height:40vh;}
div#google-photo .content>div>img{height: 100%; object-fit:contain;}

.photoFalse{margin-top: 70px;}
.photoTrue{margin-top: 100px;}

div#info-detail{margin: 20px auto;}
.schedule{height: 1.3rem; overflow:hidden;}
.schedule i{color: #E04E27;}
.schedule:hover{cursor: pointer;}
.schedule>div{background: #E04E27;max-width:400px; border-radius: 20px;padding: 10px;color: white;font-weight: 600;}
.show{height: 100%; transition: height 0.5s ease;}
.show i {rotate: 180deg;}
div#info-detail h2{margin: 0;}
div#info-detail p{margin: 11px; font-size: 1.3em; margin-left: auto; margin:0;}
div#info-detail span{font-size: 1.1em; margin: 11px; margin-left: auto; margin: 0;}
div#info-detail .content-info{display: flex; justify-content: space-between; align-items: center}
div#info-detail .content-info-text{flex: 70%;}
div#info-detail .content-info-text i{color: #DDDB00;}
div#info-detail .content-info-logo{flex: 30%;}
div#info-detail .content-info-logo>div{width: 150px; height:150px; border-radius: 50%; overflow: hidden; position: relative; margin-left: auto; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
div#info-detail .content-info-logo img{width: 100%; /*position: absolute; top: 30%; bottom:30%;*/} 

div#category-info{margin: 100px auto;}
div#category-info h2{text-align: center}
div#category-info .category-collage{display: flex; flex-wrap: wrap; gap: 2%;}

div#category-info .category-collage>.content-collage{flex: 32%; background: #eee; height: 200px; margin-bottom: 2%; position: relative;}
div#category-info .category-collage>.content-collage>span{position: absolute; text-align: center; top:40%; bottom: 40%; left: 20%; right:20%; background: white; opacity: 1;  text-transform: uppercase; display: flex; align-items: center; justify-content: center; z-index:10;}
div#category-info .category-collage>.content-collage:first-child{flex: 30%;}
div#category-info .category-collage .content-collage:nth-child(2){flex: 64%}
div#category-info .category-collage>.content-collage>img{width: 100%;}
div#category-info .category-collage>.content-collage{overflow: hidden;}
div#category-info .category-collage>.content-collage:hover{opacity: 0.8; transition: 0.5s; cursor: pointer; border: 1px solid #ddd;}
div#category-info .collage-opacity{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: 0.4;}



div#products{margin: 100px auto;}
div#products h2{text-align: center;}
div#products .product-info{display: flex; width: 100%; gap:1%;}
div#products .product-info-single{flex: 19%; } 
div#products .product-info-single:hover{opacity: 0.8; cursor: pointer; transition:0.5s;}
div#products .product-img{width: 100%; height: 80%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
div#products .product-img img{width: 100%; object-fit: contain; height: 100%}
div#products .product-text{display: flex; flex-direction: column; justify-content: space-around; height: 45%;}
div#products .product-title{/*height: 20px;*/ overflow: hidden; font-weight: 600; text-align: center;}
div#products .product-category{font-size: 0.8em; color: black; text-align: center;}
div#products .product-price{text-align: center; color: gray}

div#instagram-post{margin: 100px auto; padding-top:40px; position: relative;}
div#instagram-post .ig-logo{margin: auto; text-align: center; width: 50px;}
div#instagram-post .ig-logo i{font-size: 4em;}
div#instagram-post h2{text-align: center;}
div#instagram-post .ig-collage{width: 90%; display: flex; flex-wrap: wrap; gap:0.5%; margin: auto;}
div#instagram-post .ig-collage>div{flex: 33%; background: #eee; margin-bottom: 0.5%; cursor: pointer}
div#instagram-post .ig-collage>div>img{width: 100%}


div#details{display: flex; width: 100%; justify-content: space-between; margin: 50px auto; align-items: center;}
div#details i{color: black; font-size: 1.5em; vertical-align: middle; /*margin-right: 30px; */}
div#details i:hover{text-shadow: 6px 6px 12px #fff; transition:0.5s;}
div#details h1{margin-bottom: 0; font-size: 2.8em; }
div#details span{font-family: 'DM Sans', sans-serif}
div#details>div{width: 50%;}
div#details .img_details i{color: #DDDB00; font-size: 3em;}
div#details .img_details>div{height: 400px; border-radius: 2em; margin-left: auto; overflow: hidden; margin-top: 60px;}
div#details .img_details .img{display: flex; justify-content:center; flex-direction:column; width: 350px; height: 350px; margin: auto; background: white; border-radius: 2em;} 
div#details .img_details .img>img{width: 100%;}
div#details>div ul{list-style: none; padding: 0; }
div#details>div li{margin: 20px 0; font-size: 1.3em; display: flex; align-items: center; margin-left: -2px;}
div#details>div li div:first-child{width: 50px; text-align: center; margin-right: 20px;}

.portfolio-mobile{display: none;}
.portfolio{width: 90%; margin: 100px auto;}
/*.portfolio>div{display: flex; justify-content: space-between;}*/
/*.portfolio>div>div{width: 200px; height: 300px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.portfolio>div>div>img{width: 100%; object-fit:contain; height: 100%;}*/
.portfolio .swiper-slide{display: flex; justify-content: space-between; padding: 0.5em;}
.portfolio .img{width: 200px; height: 330px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; position: relative; overflow: hidden;}
.portfolio .img>div{opacity: 0; pointer-events: auto}
.portfolio img{width: 100%; object-fit:contain; height: 100%; margin: auto;}
.portfolio .img:hover{opacity: 0.5; transition:0.3s}
.portfolio img:hover{width: 110%; transition: 0.3s; background: black}
.portfolio a{text-decoration: none;}
.portfolio button{background: #E04E27; padding: 1em; border-radius: 2em; display: block; margin-left: auto; margin-top:30px; font-weight: 600; font-size: 1em;}

div#msg_lead{width: 100%; background: #E04E27; padding-top: 10px; padding-bottom: 40px;}
div#msg_lead h2, div#msg_lead p{text-align: center; color: white;}
#msg_lead p{font-weight: 600; font-size: 1.3em; font-family: 'Montserrat', sans-serif;} 
div#msg_lead form{width: 50%; margin: auto;}
div#msg_lead form input{width: 100%; color:black; box-sizing: border-box;padding: 1em; border: none; margin-bottom: 20px;  font-family: 'Montserrat', sans-serif; font-size: 1em;}
div#msg_lead form textarea{width: 100%; color:black; box-sizing: border-box;padding: 1em; border: none; margin-bottom: 20px;  font-family: 'Lato'; font-size: 1em; height: 150px; font-family: 'Montserrat', sans-serif; display: block;}
div#msg_lead form button{padding: 0.5em 1em; display: block; margin: auto; border-radius: 2em; font-weight: 600; font-size: 1em;}

div#msg_lead #formContainer{width: 100%;}
div#msg_lead #formContainer #submit{padding: 0.5em 1em; display: block; margin: auto; border-radius: 2em; font-weight: 600; font-size: 1em;}

div#qualify{width: 100%; text-align: center;}
div#qualify>div{margin-bottom: 50px;}
div#qualify .inner>div>i{color: #DDDB00;}
div#qualify i{font-size: 3em;}

.swiper-pagination-bullet-active{background:#DDDB00; }
.portfolio .swiper-button-next i{color: #DDDB00; font-size: 2em;}
.portfolio .swiper-button-prev i{color: #DDDB00; font-size: 2em;}
/*.swiper-button-next, .swiper-button-prev{top: 40%;}*/

@media (max-width:768px){
		
		h2{font-size: 1.5em;}
		div#google-photo{margin-top: 0px; overflow-x:auto }
		div#google-photo .content>div{height: 20vh;}
		.photoTrue{margin: 0;}
		.photoFalse{margin: 0;}
		
		div#info-detail{margin: 50px auto;}		
		div#info-detail .content-info-logo>div{width: 90px; height: 90px;}
		div#info-detail p{font-size: 1em; margin: 0;}
		div#info-detail span{font-size: 0.9em;}
		
		div#category-info{margin: 50px auto;}
		
		
		div#details h1{font-size: 2.3em;}
		div#details{flex-wrap: wrap; flex-direction: row-reverse;}
		div#details>div{width: 100%;}
		div#details .img_details>div{height: 250px;}
		div#details .img_details .img{width: 200px; height: 200px;}
		div#details span{font-size: 0.8em;}
		div#details>div li{font-size: 1em;}
		
		.portfolio{display: none;}
		
		.portfolio-mobile{display: block; width: 90%; margin: 100px auto;}
		.portfolio-mobile .img{width: 250px; margin: auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; height: 300px;}
		.portfolio-mobile .img img{width: 100%; object-fit:contain; height: 100%;}
		.portfolio-mobile button{background: #E04E27; padding: 1em; border-radius: 2em; display: block; margin-left: auto; margin-top:30px; font-weight: 600; font-size: 0.8em;}
		.portfolio-mobile .swiper-button-next i{color: #DDDB00; font-size: 2em;}
		.portfolio-mobile .swiper-button-prev i{color: #DDDB00; font-size: 2em;}
		
		/*.portfolio>div{flex-wrap: wrap;}
		.portfolio>div>div{width: 100%; height: auto; margin-bottom: 10px;}
		.portfolio button{font-size: 0.8em;}*/
	
		div#category-info .category-collage>div>span{font-size: 0.6em;}
		div#category-info .category-collage>div{height: 150px;}
				
		div#products{margin: 50px auto;}
		div#products .product-info{ width: 180%;}
		div#products .overflow-x{overflow-x: auto; padding: 10px;}
		div#products .product-img{height: 50%;}
		div#products .product-text{/*height: 30%;*/}
		div#products .product-title{/*height: 50%;*/ overflow: hidden;}
		
		div#instagram-post{margin: 50px auto;}
		div#instagram-post .ig-logo i{font-size: 3em;}
		
		.img-map{width: 100%;}
		
		div#msg_lead form{width: 90%; margin: auto;}
		div#msg_lead p{font-size: 1.2em;}
		div#msg_lead h2{font-size: 1.5em;}
		div#msg_lead form button{font-size: 0.9em;}
		div#msg_lead form input{font-size: 1em;}
		
}