@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,400;1,300;1,400&display=swap');



.back-to-top {
    position: fixed;
    bottom: 50px;
    right: 25px;
    display: none; font-size: 50px; color: #f8b677;
}



.style-01 {
  color: white;
  font-size: 14px;
 
	font-family:"Calibri"; 
}

.footer_fixbutton{background-color: #fac05c}
.footer_fixbutton a{ color: #fff; text-decoration: none;}
.footer_fixbutton:hover{background-color: #245a4f}

.footer_fixbutton2{background-color: #245a4f}
.footer_fixbutton2 a{ color: #fff; text-decoration: none;}

.footer_fixbutton2:hover{background-color: #356f63}



.about_pattern_bg{background-image: url("../img/about-pattern.jpg"); padding: 3rem 0; }
.green_bg{ background-color: #002e26;  border-top: 5px solid #f6a75c; padding: 0 30px;} 


hr.divider-golden {
  background-color: #f6a75c;  max-width: 5rem;
  margin: 8px auto;  height: 0.2rem;
}


#services{
	background: #f9f9f9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f9f9f9 0%, #f0e1d5 82%, #f0e1d5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f9f9f9 0%,#f0e1d5 82%,#f0e1d5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f9f9f9 0%,#f0e1d5 82%,#f0e1d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0e1d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	    border-bottom: 5px solid #f6a75c;
}

#services h2{font-size: 40px; color: #f8b677; font-family: 'Cinzel', serif; }
#services p{ font-size: 20px; line-height: 36px;  color: #000; margin-bottom: 0px; text-transform: lowercase; font-weight: bold;}


#vector_sec.vector_bg{  
background: #f9f9f9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f9f9f9 0%, #f0e1d5 82%, #f0e1d5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f9f9f9 0%,#f0e1d5 82%,#f0e1d5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f9f9f9 0%,#f0e1d5 82%,#f0e1d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0e1d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



#portfolio h1{ font-size: 40px;font-family: 'Cinzel', serif;    color: #f8b677;}

.green{color: #f8b677; font-family: 'Cinzel', serif; }

.contact_add{ width:100%; padding: 5px;  font-weight: 600; }
.contact_add h3{color: #f8b677;  margin-left: 0px; font-size: 20px; }
.contact_add i{  margin-left: 10px; font-size: 22px; color: #f8b677; vertical-align: top;}
.contact_add i:hover{   color: #fff;}

.contact_add ul { list-style:none; color: #f8b677; font-size: 18px; padding: 0PX; margin: 0;}
.contact_add ul li {  margin-bottom: 10px; }
.contact_add ul li a { color: #f8b677; line-height: 16px; text-decoration: none;}
.contact_add ul li a:hover { color: #fff; line-height: 21px;}

.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:65px; padding-bottom:0px;  line-height: 20px;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:65px; line-height: 50px; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:65px;line-height: 50px;  }


.products_dhy {
  position: relative; cursor: pointer;
}


.products_dhy img:hover { opacity: 0.7;

}


.products_dhy_image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 35%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  color: #fff;
  background: rgba(250, 192, 92, 0.7); 
	

	
}

.products_dhy:hover .overlay {
  opacity: 1;
}

.text_dhy {
  color: white;
  font-size: 18px;
  position: absolute;
text-align: justify;  padding: 15px;
	font-family:"Calibri"; font-style: italic; font-weight:normal; line-height: 24px;
}


.text_dhy01 {
  font-size: 16px;
text-align: justify;  font-weight: 400;	font-family: 'Noto Sans Display', sans-serif;  font-style: italic; }


footer{font-family: 'Merriweather', serif; font-size: 14px;}
footer a{font-family: 'Merriweather', serif; font-size: 14px; color: #333; text-decoration: none;}
footer a:hover{color: #cd9a11; text-decoration: none;}

#portfolio p{     
	font-size: 20px;
    line-height: 36px;
    color: #000;
    margin-bottom: 0px;
    text-transform: lowercase;
font-weight: bold;}





.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000; line-height: 17px;
  border-radius: 0.25rem;	font-family:"Calibri"; 
}









@media only screen and (max-width: 1480px) {
	
		.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 35%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    color: #fff;
    background: rgba(250, 192, 92, 0.7);
}
	
	
.text_dhy {
  color: white;
  font-size: 15px;
  position: absolute;
text-align: justify;  padding: 10px;
	font-family:"Calibri"; font-style: italic; font-weight:normal; line-height: 18px;
}
	
	
}



@media only screen and (max-width: 1366px) {

	
#portfolio h1 {
    font-size: 36px;
    font-family: 'Cinzel', serif;

}



#portfolio p {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0px;
    text-transform: lowercase;
    font-weight: bold;
}
#services h2 {
    font-size: 36px;

}

	#services p {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0px;
    text-transform: lowercase;
    font-weight: bold;
}
	
	
	.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 48%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    color: #fff;
    background: rgba(250, 192, 92, 0.7);
}
	

.text_dhy {
  color: white;
  font-size: 15px;
  position: absolute;
text-align: justify;  padding: 15px;
	font-family:"Calibri"; font-style: italic; font-weight:normal; line-height: 18px;
}
	
.contact_add ul { list-style:none; color: #f8b677; font-size: 16px;}

	.contact_add h3 {
    color: #f8b677;
    margin-left: 0px;
    font-size: 18px;
}
	
	
	.logo img{ width: 150px;}
	.green { font-size: 16px;

}
	hr.divider {
    height: 2px;
    max-width: 6.5rem;
    margin: 1rem auto;
    background-color: #f8b677;
    opacity: 1;
}
	
	
.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:60px; padding-bottom:0px;  line-height: 20px; background-size: 12%;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:60px; line-height: 45px;  background-size: 12%; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:60px;line-height: 50px;  background-size: 12%;}
	
header.masthead {
    height: 100vh;
  
    padding-top: 0rem;
    padding-bottom: 0;
}
	


}









@media only screen and (max-width: 1365px) {
	
		.overlay { display: none; }
	
	
}



@media only screen and (max-width: 1024px) {
	
		
		
	
	.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:55px; padding-bottom:0px;  line-height: 20px; background-size: 12%;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:55px; line-height: 36px;  background-size: 12%; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:55px;line-height: 35px;  background-size: 12%;}
	.back-to-top { font-size: 0px; }

	
}



@media only screen and (max-width: 860px) {
	
		
		
	
	.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:55px; padding-bottom:0px;  line-height: 20px; background-size: 12%;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:55px; line-height: 40px;  background-size: 12%; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:55px;line-height: 40px;  background-size: 12%;}
	.back-to-top { font-size: 0px; }

	
}





@media only screen and (max-width: 768px) {
	
		.overlay { display: none; }
		
	
	.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:55px; padding-bottom:0px;  line-height: 20px; background-size: 12%;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:55px; line-height: 40px;  background-size: 12%; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:55px;line-height: 35px;  background-size: 12%;}
	.back-to-top { font-size: 0px; }

	
}



@media only screen and (max-width: 600px) {
	
		
	
	.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:40px; padding-bottom:0px;  line-height: 20px; background-size: 12%;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:40px; line-height: 30px;  background-size: 12%; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:40px; line-height: 35px;  background-size: 12%;}
	
	h2, .h2 {
    font-size: calc(1rem + 0.9vw);
}
	
	
	header.masthead img{width: 200px;}
	
	.about_pattern_bg {
    background-image: url(../img/about-pattern.jpg) center center;
    padding: 2rem 0;		background-size: 100% 100%    ;

		
		
		
		
}
	
	
.modal-header .btn-close {
    padding: 0.2rem 0.2rem;
    margin: -0.2rem -0.2rem -0.2rem auto;
}	
	
	

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 45%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    color: #fff;
    background: rgba(215, 181, 109, 0.9);
}

	.ftext_center{ text-align: center;}	
.text-end {
    text-align: center !important;
}
	
	

#portfolio h1 {
    font-size: 34px;
    font-family: 'Cinzel', serif;

}



#portfolio p {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0px;
    text-transform: lowercase;
    font-weight: bold;
}
#services h2 {
    font-size: 32px;

}

	#services p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0px;
    text-transform: lowercase;
    font-weight: bold;
}	
	
	.overlay { display: none; }
	

	
.back-to-top { font-size: 0px; }
  
	  .modal-dialog {
    max-width: 500px;
 top: 43.5%;
  left: 48%;
  transform: translate(-50%, -50%) !important;
  }
}

@media only screen and (max-width: 480px) {
	
		.contact_add li:nth-child(1) { background-image:url("../img/map-icon.png"); background-repeat:no-repeat; padding-left:50px; padding-bottom:0px;  line-height: 20px; background-size: 12%;}
.contact_add li:nth-child(2) { background-image:url(../img/envelop.png); background-repeat:no-repeat; padding-left:50px; line-height: 40px;  background-size: 12%; }
.contact_add li:nth-child(3) { background-image:url(../img/ph-con-icon.png); background-repeat:no-repeat; padding-left:50px; line-height: 40px;  background-size: 12%;}
	
}