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


/*NAVIGATION */

nav {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:18px;
	height:93px;
	background-color:#1e386e;
	letter-spacing:-0px;
	margin-bottom:0;
	z-index:300;
	
}



.navbar-brand {
max-width:260px;

}


.navbar {
	
	border-bottom:#FFEd00 5px solid;
	background-color:#1e386e;
	margin-bottom:0;
	border-radius:0;
	background-image:url(../img/nav-bg-lg.png);
	}
	
.navbar-default .navbar-nav>li>a {
	color:white;
	letter-spacing:2px;
	}
	
.navbar-default .navbar-nav>li>a:hover {
	color:#1e386e;
	background-color:#FFED00;
	}	
	
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;

}


	
.navbar-right {

	margin-bottom:0px;
	background-color:#1e386e;
	border:none;
	margin-top:43px;
	
	}	
	
.navbar-default {
	border-top-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	background-color:#1e386e;
	}
	


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #005027;
    background-color: transparent;
	font-family: 'Noto Sans', sans-serif;
	font-weight:600;
	border:0;
	
}
	


.dark-blue-bg { background-color:#132044; }
.grey-bg { background-color:#676767; border-bottom:6px solid #FFF }
.blue-bg { background-color: #1e386e; }
.white { color: #FFFFFF; }
.blue { color: #1e386e; }
.yellow { color:#f1e00d }
.bdr-yellow-top { border-top:6px solid #f1e00d; }
.bdr-yellow-bottom { border-bottom:6px solid #f1e00d; }
.bdr-white-bottom { border-bottom:6px solid #FFFFFF; }
.bdr-white-top { border-top:6px solid #FFFFFF; }
.bdr-blue-top { border-top:6px solid #1e386e; }
.bdr-blue-bottom { border-bottom:6px solid #1e386e; }

.card-section { border-top:4px solid white; border-bottom:4px solid #f1e00d; }

h1 { font-family: 'Noto Sans', sans-serif; font-weight:700; }
h2 { font-family: 'Noto Sans', sans-serif; font-weight:700; }
h3 { font-family: 'Noto Sans', sans-serif; font-weight:700; }




h4 { font-family: 'Noto Sans', sans-serif; font-weight:700; text-transform:uppercase; color:#676767; border-bottom: #1e386e 1px solid; padding-bottom:10px; }
h4.news { font-family: 'Noto Sans', sans-serif; font-weight:700; text-transform:capitalize; border-bottom: #1e386e 1px solid; padding-bottom:10px; }


h4.sub { text-transform:none; border-bottom: none; padding-bottom:0px;}

h4.preheader { font-family: 'Noto Sans', sans-serif; font-weight:700; padding-bottom:0px; border:none; margin-bottom:5px; }
h4.footer { font-family: 'Noto Sans', sans-serif; font-weight:700; margin-bottom:0; padding-bottom:0px; border:none; text-transform:capitalize; font-size:24px }

p { font-family: 'Nunito', sans-serif; }

p.large { font-family: 'Nunito', sans-serif; font-weight:900; font-size:16px; }

p.intro { font-family: 'Nunito', sans-serif; font-weight:600; }

p.footer { color:white; margin-bottom:0; }
p.footer a { color:white; margin-bottom:0; }
p.footer a:hover { color:#f1e00d; margin-bottom:0; text-decoration:0; }

label {font-family: 'Noto Sans', sans-serif; color: #1e386e; }
.form-control {font-family: 'Noto Sans', sans-serif; border: 1px solid #1e386e;  }

.footer-standout { font-family: 'Noto Sans', sans-serif; color:#f1e00d; font-size:1.3em;}

p.ftr { color:white; margin-bottom:0; }

p.ftr a { color:#FFFFFF}
p.ftr a:hover { color:#f1e00d}

ul.body { font-family: 'Nunito', sans-serif;  }

ul.ftr {  color:white; -webkit-padding-start: 0px; padding: 0;
    list-style-type: none; }
li.ftr {list-style-type: none; padding-left:0;-webkit-padding-start: 0px;}
li.ftr  a { font-family: 'Noto Sans', sans-serif;  color:white; text-transform:uppercase; }
li.ftr a:hover { color:#f1e00d; text-decoration:none; text-transform:uppercase; }

section { padding-top:30px; padding-bottom:30px;}
section.preheader { padding-top:5px; padding-bottom:5px; background-color:white; border-top:7px solid #1e386e;  }

.white-btn { font-family: 'Nunito', sans-serif;  background-color:white;  border:1px solid white; font-weight:400; color:#1e386e; text-transform:uppercase;}
.white-btn:hover { font-family: 'Nunito', sans-serif; background-color:#f1e00d; border:1px solid #f1e00d; font-weight:400; color:#1e386e; text-transform:uppercase;}

.blue-btn { font-family: 'Nunito', sans-serif;  background-color:#1e386e;  border:1px solid #1e386e; font-weight:400; color:#fff; text-transform:uppercase;}
.blue-btn:hover { font-family: 'Nunito', sans-serif; background-color:#fff; border:1px solid #1e386e; font-weight:400; color:#1e386e; text-transform:uppercase;}

.card { margin-bottom:20px; }
.card-img-top { border:4px solid white; }
.card-title { border-bottom:1px solid #FFF;}

.ftr-border-bottom { border-bottom:1px solid #FFF; padding-bottom:20px;margin-bottom:20px; }

.media-object {width:40px;}

/*contact page*/

#map {
    width: 100%;
    height: 400px;
    margin-top: 20px;
	padding-left:0;
	padding-right:0;
	border-top:5px solid #1e386e;
	border-bottom:5px solid white;
	
	
}







/*================================================
Carosel
==================================================*/


.carousel {
    height: 270px;
	margin-top:0px;
	border-bottom:#FFFFFF 2px solid;
	background-color:#FFF;
	background-repeat:no-repeat;
	z-index:-9997; 
	}


.item,
.active,
.carousel-inner {
    height: 100%;
}

.carousel-caption { height:100%; width:100%; margin:auto; right: 0%;left: 0%;}

#slideA { background: url("../img/idx-banner/idx-banner-01-xs.jpg"); width: 100%;  height: 100%;background-position: center;  -webkit-background-size: cover; -moz-background-size: cover;background-size: cover;  -o-background-size: cover; }
#slideB { background: url("../img/idx-banner/idx-banner-02-xs.jpg"); width: 100%;  height: 100%;background-position:  center;  -webkit-background-size: cover; -moz-background-size: cover;background-size: cover;  -o-background-size: cover; }
#slideC { background: url("../img/idx-banner/idx-banner-03-xs.jpg"); width: 100%;  height: 100%;background-position:  center;  -webkit-background-size: cover; -moz-background-size: cover;background-size: cover;  -o-background-size: cover; }
#slideD { background: url("../img/idx-banner/idx-banner-04-xs.jpg"); width: 100%;  height: 100%;background-position:  center;  -webkit-background-size: cover; -moz-background-size: cover;background-size: cover;  -o-background-size: cover; }


.header-block-idx { max-width:300px; margin-top:90px; margin-left:auto; margin-right:auto; }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INNER BANNER ITEMS */
/*+++++++++++++++++++++++++++++++++++++++++++*/	

.image-bg-fixed-height {
    height: 240px;
	margin-top:0px;
	
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#000000;
	border-bottom:#FFFFFF 3px solid;
	}

#about { background-image:url(../img/inner-banner/about-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:768px auto; }	
#facilities { background-image:url(../img/idx-banner/idx-banner-03-xs.jpg); background-repeat:no-repeat; background-position:center; background-size:768px auto; }	
#projects { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:768px auto; }	
#news { background-image:url(../img/inner-banner/news-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:768px auto; }		
#contact { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:768px auto; }	

section.nopadding { margin:0; padding:0;}



@media(min-width:768px) { 


nav {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:10px;
	height:70px;
	background-color:white;
	letter-spacing:0px;
	margin-bottom:0;
}

.navbar {
	background-image:url(../img/nav-bg-lg.png);
	background-size:750px auto;
	background-position:top 5px center;
	background-repeat:no-repeat;
}

.navbar-brand {
max-width:160px;

}

.navbar-right {
background-color:transparent;
margin-top:3px;
padding-top:5px;
}

.navbar-brand {
max-width:190px;

}

.ftr-border-bottom { border-bottom:none; padding-bottom:0px;margin-bottom:0px; }

.media-object {width:40px;}

.card { margin-bottom:0px; }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INNER BANNER ITEMS */
/*+++++++++++++++++++++++++++++++++++++++++++*/


.image-bg-fixed-height {
    height: 365px;
	margin-top:0px;
	background-color:#1e386e;
	border-top:5px solid #FFF;	
}
#about { background-image:url(../img/inner-banner/about-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:992px auto; }
#facilities { background-image:url(../img/idx-banner/idx-banner-03-sm.jpg); background-repeat:no-repeat; background-position:center; background-size: auto; }
#projects { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:992px auto; }
#news { background-image:url(../img/inner-banner/news-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:992px auto; }
#contact { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:992px auto; }


/*+++++++++++++++++++++++++++++++++++++++++++*/
/*CARO BANNER ITEMS */
/*+++++++++++++++++++++++++++++++++++++++++++*/
.carousel {
	
	 height: 335px;
	}
	
	
#slideA { background: url("../img/idx-banner/idx-banner-01-sm.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;    }
#slideB { background: url("../img/idx-banner/idx-banner-02-sm.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;  }
#slideC { background: url("../img/idx-banner/idx-banner-03-sm.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   }
#slideD { background: url("../img/idx-banner/idx-banner-04-sm.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   } 

.header-block-idx { max-width:600px; margin-top:95px; margin-left:auto; margin-right:auto; }  

}

@media(min-width:992px) { 

nav {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	height:87px;
	background-color:white;
	letter-spacing:-0.5px;
	margin-bottom:0;
}

.navbar {
	background-image:url(../img/nav-bg-lg.png);
	background-size:992px auto;
	background-position:top center;
	background-repeat:no-repeat;
}

.navbar-right { margin-top:15px;
	padding-top:5px;}


.navbar-brand {
max-width:230px;

}

.media-object {width:40px;}

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INNER BANNER ITEMS */
/*+++++++++++++++++++++++++++++++++++++++++++*/


.image-bg-fixed-height {
    height: 380px;
	margin-top:0px;	
	
}

#about { background-image:url(../img/inner-banner/about-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1260px auto; }
#facilities { background-image:url(../img/idx-banner/idx-banner-03-md.jpg); background-repeat:no-repeat; background-position:center; }
#projects { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1260px auto; }
#news { background-image:url(../img/inner-banner/news-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1260px auto; }
#contact { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1260px auto; }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INDEX CAROSEL*/
/*+++++++++++++++++++++++++++++++++++++++++++*/

.carousel {
	
	height:420px;
	}

.carousel-indicators {
	text-align: right;
}


#slideA { background: url("../img/idx-banner/idx-banner-01-md.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;    }
#slideB { background: url("../img/idx-banner/idx-banner-02-md.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;  }
#slideC { background: url("../img/idx-banner/idx-banner-03-md.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   }
#slideD { background: url("../img/idx-banner/idx-banner-04-md.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   } 


.header-block-idx { max-width:700px; margin-top:135px; margin-left:auto; margin-right:auto; }   


}

@media(min-width:1200px) { 

nav {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:18px;
	height:100px;
	background-color:white;
	letter-spacing:-0px;
	margin-bottom:0;
	
}

.navbar {
	background-image:url(../img/nav-bg-lg.png);
	background-size:1170px auto;
	background-position:top center;
	background-repeat:no-repeat;
}

.navbar-brand {
max-width:290px;

}

.media-object {width:60px;}

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INNER BANNER ITEMS */
/*+++++++++++++++++++++++++++++++++++++++++++*/

.image-bg-fixed-height {
    height: 430px;
	margin-top:0px;	

	background-position:center;
}
#about { background-image:url(../img/inner-banner/about-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1600px auto; }
#facilities { background-image:url(../img/idx-banner/idx-banner-03-lg.jpg); background-repeat:no-repeat; background-position:center; }
#projects { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1600px auto; }
#news { background-image:url(../img/inner-banner/news-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1600px auto; }
#contact { background-image:url(../img/inner-banner/products-banner-lg.jpg); background-repeat:no-repeat; background-position:center; background-size:1600px auto; }



/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INDEX CAROSEL */
/*+++++++++++++++++++++++++++++++++++++++++++*/

.carousel {
	
	height:500px;
	}
	

#slideA { background: url("../img/idx-banner/idx-banner-01-lg.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;    }
#slideB { background: url("../img/idx-banner/idx-banner-02-lg.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;  }
#slideC { background: url("../img/idx-banner/idx-banner-03-lg.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   }
#slideD { background: url("../img/idx-banner/idx-banner-04-lg.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   } 


.header-block-idx { max-width:750px; margin-top:155px; margin-left:auto; margin-right:auto; }	

}


/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (min-width: 1600px) {
    

/*================================================
Index Banner
==================================================*/    

.carousel {
	
	height:550px;
	}

#slideA { background: url("../img/idx-banner/idx-banner-01-xl.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;    }
#slideB { background: url("../img/idx-banner/idx-banner-02-xl.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;  }
#slideC { background: url("../img/idx-banner/idx-banner-03-xl.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   }
#slideD { background: url("../img/idx-banner/idx-banner-04-xl.jpg"); width: 100%;  height: 100%;background-position: center; background-repeat:no-repeat;   } 
    
.header-block-idx { max-width:800px; margin-top:175px; margin-left:auto; margin-right:auto; }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/*INNER BANNER ITEMS */
/*+++++++++++++++++++++++++++++++++++++++++++*/

.image-bg-fixed-height {
    height: 450px;
	margin-top:0px;	

	background-position:center;
}
#about { background-image:url(../img/inner-banner/about-banner-xl.jpg); background-repeat:no-repeat; background-position:center; background-size: auto; height: 500px; }
#facilities { background-image:url(../img/idx-banner/idx-banner-03-xl.jpg); }
#projects { background-image:url(../img/inner-banner/products-banner-xl.jpg); background-repeat:no-repeat; background-position:center; background-size: auto; }
#news { background-image:url(../img/inner-banner/news-banner-xl.jpg); background-repeat:no-repeat; background-position:center; background-size: auto; }
#contact { background-image:url(../img/inner-banner/products-banner-xl.jpg); background-repeat:no-repeat; background-position:center; background-size: auto; }

}