@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body {
	max-height: 3000px;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	color: #b73b26;
	/*background-image: url(../img/background_main.jpg);
	background-color: #222222;*/
	background-repeat: repeat;
	background-size: auto;
	background-color: #0F1539;
	/*background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238404ab' fill-opacity='0.86' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");*/
}
h1 {
	color:#b73b26; 
	text-align: center;
	margin: 1rem 0rem;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 4rem;
	line-height: .8em;
}

h3 {
	color:#b73b26; 
	text-align: center;
	margin: 1rem 0rem;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1em;
}

h5{color:#b73b26;text-align: center;}

p{	
	color:#b73b26; 
	font-family: 'Open Sans', sans-serif;	
	font-size: 1rem;
	line-height: 2em;
} 

.navbar-brand{margin-right: 0rem;}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
	padding-left: 1rem;
}
	}
.brand{width: 56px;}

.sliderCarousel{margin:80px 0 0 0;}
.sliderCarousel h1{text-align: left;}
.sliderCarousel h5{text-align: left;}
.sliderCarousel p{text-align: left;}
.sliderCaptionfix{margin:10% 0;}
.sliderPFix{padding: 10px 0 0 0;}
@media only screen and (max-width: 1200px) {

.sliderCaptionfix{margin:2% 0;}
}


.redColor{color:#b73b26;}
.whiteColor{color:#fff;}
.bgGreen{background-color: #028041;}

.bgGrey{background-color: #e8e8e8;}
.colorBGFix{padding: 5% 10%;}
.titleFix{margin: 10rem 0rem 4rem;}
.certiFix{margin: 0rem 0rem 10rem;}
.bottomFix{margin: 0rem 0rem 10rem;}

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

.colorBGFix{padding: 15% 10%;}
h1 {font-size: 3rem;}
}
.aboutBG {
	display: block;
	overflow: hidden;
	background-color: #fff;
}
.historyBG{
}
.productBG{
	display: block;
	background-color: #fff;}

/* PRODUCT OVERLAY CSS START */

.productBG a:hover{text-decoration: none;}
.productBG a:hover h3{color: #028041;}
.productBG img:hover{	
  -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
  filter: grayscale(50%);
	transition: 0.3s all;
	transform: scale(1.02);
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);}

/* PRODUCT OVERLAY CSS END */

.capacityBG{background-image: url(../img/contactBg.jpg);padding: 0 0 10rem 0;}
#counter small{position: relative; left:5rem; top: -0.75em;}
.counter-value{padding:0 50px 0 0;}

.strenIcon{padding: 2rem 4rem;text-align: center;}
@media only screen and (min-width: 0px) and (max-width: 992px){

.strenIcon{padding: 2rem 8rem;}
}




/* CONTACT CSS START */
.contactBG{background-image: url(../img/contactBg.jpg);padding: 0 0 10rem 0;}
.contactForm{margin: 0 0 70px 0;}

.contactGroupWrapper{
	border-radius: 10px 10px 10px 10px;
	background-color: #e8e8e8;}
.contactGroup {
	padding: 10% 0 0 10%;}

.contactGroupWrapper .contactInfo {
	padding: 10% 5% 10% 5%}

.contactGroupWrapper a{color: #b73b26;text-decoration: none;}
.contactGroupWrapper a:hover{color:#028041;	transition: 0.3s all;}

.contactTxt {
	text-align: left;
	color:white;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.8em;
	margin: 0 0 50px 0;
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
.contactGroup {
	padding: 10% 10% 0 10%;
}
}
.form-control-lg{
	border-radius: none!important;
	background: #fff;
	border: none;
}

.form-control-lg:hover{
	transition: 0.3s all;
	background: #fff;
	border: none;
}

.form-control-lg:focus, .form-control-lg:active{
	background: #fff;
	outline: none;
}


.smIcons a{color:#b73b26; font-size: 2rem; margin: 0 0.15rem;}
.smIcons a:hover{color:#028041;	transition: 0.3s all;}

/* CONTACT CSS END */
.btn-cta{
	transition: 0.3s all;
	margin: 0.5rem 0rem;
	padding: 1rem 2rem;
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5;
	border-radius: 7.3rem;
	color: #fff;
	background-color: #009933;
	border: none;
}
.btn-cta:hover {
	transform: scale(1.1);
	background-color: #b73b26;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}
.btn-cta, .btn-cta:hover, .btn-cta:active, .btn-cta:focus { outline: none;}





.spinner-grow {
	vertical-align: text-bottom;
    margin: 0 1rem 0 0;
}



/* GALLERY CSS START */
.galleryBG{
	background-color: #e8e8e8;
	padding: 6rem 0 10rem 0;
}

.productDetails{
	background-color: #fff;
	border:thin solid #C1C1C1;
	padding: 20px 20px 0 20px; }

.productDetails p{color:#3E3E3E; line-height: 1.2rem;}

.img-info button{
	text-align: center;
    position: relative;
    top: 100px;
    left: 30%;
}




*{
	padding:0;
	margin:0;
}

/*	general	*/



/*	gallery */

.gallery-title{
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button{
    font-size: 18px;
    border: 2px solid #b73b26;
	padding:5px 10px;
    text-align: center;
    color: #b73b26;
    margin-bottom: 30px;
	background:transparent;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
    color: #ffffff;
    background-color:#028041;	
    border: 2px solid #028041;
	outline:none;
	   -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
.gallery_product{
    margin: 0px;
	padding:20px;
	position:relative;
}
.gallery_product .img-info{
	position: absolute;
    background: rgba(0,0,0,0.3);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
	overflow:hidden;
	color:#fff;
	top:0;
	display:none;
	   -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.gallery_product:hover .img-info{ 	
	transition: 0.3s all;
	transform: scale(1.02);
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	display:block;
}

/*	end gallery */
/* GALLERY CSS END */






/* FOOTER CSS START */
.footerBG {
	text-align: center;
	background-color: #b73b26;
	color: white;
    padding: 50px 0 0 0;
}
.footerBG h5 {
	color: white;
}
.footerBG li{ 
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	list-style-type:none;
	margin: 0 0 0 -15px;
}

.footerBG a{   
	font-family: 'Open Sans', sans-serif;
	color:#e8e8e8;
	font-weight: 400;
text-decoration: none;
transition: 0.3s all ease;}

.footerBG a:hover{ 
	
	font-weight: 900;
	color:#fff;}

.foobarBG{
	background-color: #028041;
    padding: 30px 15px;	}

/* FOOTER CSS END */