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

*{
	padding: 0%;
	margin: 0%;
	box-sizing: border-box;
}
html, body{
	width: 100% !important;
	height: auto;

}
a{
	color: #696969;
}
.no-padd
{
	padding-left: 0%;
	padding-right: 0%;
	
}
.navbar-nav{
	margin-top: -3%;
	border-bottom: 1px solid #7b7b7b52;
	position: relative;
}
.navigation{

	margin-right: 5%;
	z-index: 9999;
	position: absolute;
	left: 8%;
	box-shadow: -1px 1px 4px #00000040;
	top: 7%;
	
}
.navbar-nav .nav-link {
    border-right: 1px solid #7b7b7b52;
    height: 20px;  
    padding-top: 0%;
	margin-bottom: 2%;
/*
	background-image: url("../../images/home/nav-bg.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
*/
	padding: 0px 16px 0px 20px
}
.navbar-nav .nav-link:last-child{
	background-image: none;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: #790D2D;
}
.navbar-nav .nav-link:last-child{
	border-right: 0px;
}
.navbar-light .navbar-nav .nav-link, .dropdown-item{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
	font-size: 16px;
}
.dropdown-item{
    font-family: 'Gotham';
    font-style: normal;
	font-size: 16px;
	color: #7B7B7B;
}
.dropdown-item:hover{
	color: #790D2D;
}
.dropdown-item.active, .dropdown-item:active{
	background-color: #eee;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
	left: 36%;
    top: 78%;
    border-radius: 0px;
    line-height: 30px;
}

.logo{
	width: 80%;
}
.bg-light {
    background-color: #fff !important;
}
.sub-nav{
	display: flex;
    position: absolute;
    top: 62%;
    left: 29%;
	width: 73%;
	font-size: 12px;
	font-family: 'Gotham';
    font-style: normal;
}
.sub-nav a{
	color: #7B7B7B;
}
.mail{
	border-right: 1px solid #7070704f;
	height: 20px;
	width: 25%;
	color: #7B7B7B;
}
.phone{
	border-right: 1px solid #7070704f;
	height: 20px;
	width: 20%;
	padding-left: 1%;
	color: #7B7B7B;
}
.iso{
	border-right: 1px solid #7070704f;
	width: 48%;
	padding-left: 1%;
	height: 30px;
	color: #7B7B7B;
}
.social-icon{
	width: 16%;
	padding-left: 0.5%;
}

.social-icon a{
	padding-left: 5%;
}

.carousel-caption h2{
	font-family: 'Gotham';
	font-size: 50px;
	font-weight: 400;
}
.carousel-caption p{
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
	line-height: 34px;
	font-size: 35px;
	padding-top: 2%;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 26%;
    z-index: 9999;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
	text-align: left;
	left: 8%;
   
}
.btn.btn-outline-light{
	font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
	font-size: 14px;
	padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2%;
	margin-top: 2%;
	border-radius: 0%;
}
.btn.btn-outline-light:hover{
	color: #fff;
	background-color: #24919F;
	border-color: #24919F
}
.right-arrow{
	margin-left:4%;
	width: 12%;
}
.footer{
	background-color: #d1d1d13b;
}
form{
	margin-top: 5%;
	margin-right: 5%;
	padding-bottom: 10%;
}
.footer h2{
	padding-top: 8%;
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
	font-size: 40px;
}
.form-control {
width: 97%;
border: 0px;
background-color: #d1d1d100;
margin-left: -5%;
border-radius: 0px;
font-family: 'Gotham';
font-weight: 200;
border-bottom: 1px solid #7070704a;
padding: 5%;
padding-left: 1%;
}
.buttons{
	margin-left: 46%;
	margin-top: 10%;
}
.btn.btn-light{
	font-family: 'Gotham';
    font-size: 14px;
    letter-spacing: 3px;
	background-color: transparent;
	width: 40%;
	padding-left: 10%;
    padding-right: 10%;
	border-color:#7070704a;
	border-radius: 0px;
	color: #000 !important;
	margin-left: -16%;
}
.btn.btn-light:hover{
	background-color: #7B7B7B;
	color: #fff !important;
}
.btn.btn-dark{
	font-family: 'Gotham';
	text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
	background-color: transparent;
	width: 45%;
	padding-left: 10%;
    padding-right: 10%;
	border-color:#7070704a;
	border-radius: 0px;
	color: #000 !important;
	margin-left: 10%;
}
.btn.btn-dark:hover{
	color: #fff !important;
	background-color: #7B7B7B !important;
}
.yellow-patch{
	background-image: url("../../images/home/yellow-footer.png");
	background-size: 85%;
	background-repeat: no-repeat;
}
.footer-caption{
	margin-left: 12%;
	margin-top: 6%;
}
.footer-caption h3{
	font-family: 'Gotham';
	color: #fff;
	font-size: 55px;
	line-height: 45px;
	font-weight: 400;
}
.footer-caption p{
	font-family: 'Gotham';
	font-weight: 600;
	color: #fff;
	font-size: 38px;
	padding-top: 2%;
}
.footer-caption h6{
	font-family: 'Gotham';
	font-weight: bold;
    font-style: normal;
	font-size: 22px;
	color: #fff;
	line-height: 31px;
}
.sub-footer{
	background-color: #959595;
	text-align: center;
	padding-bottom: 1%;
}
.sub-footer p{
	font-family: 'Gotham';
	font-weight: bold;
    font-style: normal;
	color: #BEBEBE;
	padding-top: 2%;
	font-size: 14px;
	margin-bottom: 0.5%;
}
.footer-nav{
	display: flex;
	text-align: center;
	margin-left: 15%;
}
.footer-nav a{
	font-family: 'Gotham';
	font-weight: bold;
    font-style: normal;
	color: #BEBEBE;
	font-size: 14px;
	
}
.sub-footer hr{
	border-color: #D1D1D1;
	width: 50%;
	margin-left:25%;
	text-align: center;
	margin-top: 0%;
	margin-bottom: 0%;
}
input, textarea {
  background-color: #d1d1d100 !important; 
}
.blue-patch{
	background-image: url("../../images/compound-type-selector/blue-footer.png");
	background-size: 85%;
	background-repeat: no-repeat;
}
.no-pad
{
padding-left: 0%;
padding-right: 0%;
overflow: hidden;
}
.home-about
{
padding-bottom: 5%;
}
.home-about .rect-about{
	font-family: 'Gotham';
	 font-style: normal;
	font-size: 14px;
}
.capability .rect-overview{
	font-family: 'Gotham';
	 font-style: normal;
	font-size: 14px;
}
.brown-rect{
	padding-right: 2%;
}
.home-about-toptitle
{
	color: #696969;
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
	
}
.home-about-maintitle
{
    color: #790D2D;
	font-family: 'Gotham';
    
	font-weight: 350;
    font-style: normal;
    font-size: 45px;
    margin-top: -3%
}
.home-about-lft
{
	padding: 5%;
	padding-left: 9%;
}
.home-about-lft .lft
{
	width:6%;
	padding-left: 3%;
}
.home-about-lft .rft
{
	width:20%;
}

.home-about-para
{
color: #696969;
font-family: 'Gotham';
font-weight: 300;
font-size:17px; 
line-height: 22px;
}
.home-about-sub-para
{
color: #696969;
font-family: 'Gotham';
font-weight: 300;
font-size: 15px;
line-height: 17px;
padding-right: 21%;
padding-bottom: 10%;
}
.know-more-btn
{
  font-family: 'Gotham';
  font-weight: bold;
  color:#696969 !important;
  font-size: 13px;
  border: 1px solid #7B7B7B;
  padding: 2%;
  padding-right: 5%;
}
.know-more-btn:hover
{
    background: #eaeaea;
    color: #fff;
    border: 0px; 
}
.know-more-btn img
{
margin-left: 1%;
}
.expanding-horizons
{
background-color:#EAEAEA;
padding-top: 5%;
	padding-right: 2%;
}
.expanding-horizons-heading
{
    font-family: 'Gotham';
    font-weight: 300;
    color: #000000;
    font-size: 23px;
}
.expanding-horizons-div h2{
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-size: 45px;
	color: #790D2D;
	
}
.expanding-horizons-para
{
    font-family: 'Gotham';
    font-weight: 300;
    color: #000000;
    font-size: 15px;
}
.expanding-horizons-div
{
    background-color: #fff;
    height: 420px;
    border-top-right-radius: 40%;
    border-bottom-left-radius: 40%;
    padding: 7%;
    margin-top: 6%;
    margin-left: -7%;
	box-shadow: 4px 2px 9px #00000045;
}
.capability
{
	padding: 5%;	
	padding-bottom: 3%;
	padding-left: 8%;
}

.capability .lft
{
	width:6%;
	padding-left: 3%;
}
.capability .rft
{
	width:20%;
}
.capability-toptitle
{
	color: #696969;
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
	
}
.capability-maintitle
{
    color: #790D2D;
	font-family: 'Gotham';
	font-weight: 350;
    font-style: normal;
    font-size: 45px;
    margin-top: -3%
}
.capability-para
{
    color: #696969;
    font-family: 'Gotham';
    font-weight: 350;
    font-style: normal;
    font-size: 20px;
    padding-right: 21%;
}
.production-capacity-img
{
	padding:6%;
	padding-top: 0%;
}
.about-subtitle
{
    color: #790D2D;
    font-family: 'Gotham';
    font-weight: 450;
    font-size: 15px;
}
.about-subpara01
{
	color: #696969;
	font-family: 'Gotham';
	font-style: normal;
    font-size: 12px;
	padding-right: 10%;
}
.about-subpara02
{
	color: #696969;
	font-family: 'Gotham';
	font-style: normal;
    font-size: 15px;
	font-weight: 500;
}
.about-sub-para {
    color: #696969;
    font-family: 'Gotham';
    font-weight: 300;
    font-size: 15px;
    line-height: 17px;
}
.about-core
{
	padding: 5%;
	padding-top: 0%;
	padding-left: 8%;
	padding-right: 8%;
}
.about-core .lft {
    width: 6%;
    padding-left: 3%;
}
.about-core .rft {
    width: 20%;
}
.about-core-toptitle
{
	color: #696969;
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
	
}
.about-core-maintitle
{
    color: #790D2D;
	font-family: 'Gotham';
	font-weight: 350;
    font-style: normal;
    font-size: 45px;
    margin-top: -3%
}
.about-core-para {
    color:#696969;
    font-family: 'Gotham';
    font-weight: 300;
    font-size: 20px;
    line-height: 21px;
	padding-right: 15%;
}
.name
{
    color: #696969;
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 17px;
    padding-left: 17%;
    padding-top: 2%;
}
.name span
{
    color: #696969;
    font-family: 'Gotham';
    font-weight:400;
    font-size: 13px;
}
.nav-social-icon
{
	padding-left: 17%;
}
.nav-social-icon a
{
	padding-right:1%;
}

/*Answer to your need*/
.answer-to-your-need-intro .title
{
	text-transform: uppercase;
	color: #696969;
	font-family: 'Gotham';
    font-weight:400;
	font-size:13px;
	text-align: center;
	letter-spacing: -1px;
}
.answer-to-your-need-intro .maintitle {
    color: #790D2D;
    font-family: 'Gotham';
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    letter-spacing: -1px;
    line-height: 40px;
}
.answer-to-your-need-intro .para {
    color:#696969;
    font-family: 'Gotham';
    font-weight:300;
    font-size:18px;
    text-align: center;
    letter-spacing: -1px;
	padding: 15%;
	padding-top: 0%;
	padding-bottom: 0%;
	line-height: 25px;
}
.answer-to-your-need-intro
{
    padding:5%;
}
.answer-to-your-need-intro .lft02
{
margin-top: 40%;
}
.answer-to-your-need-intro .rft
{
    position: absolute;
    top: 40%;
    padding: 7%;
    width: 65%;
    left: 50%;
    background: #fff;
    -webkit-box-shadow: -2px 15px 30px -10px rgba(199,195,199,1);
    -moz-box-shadow: -2px 15px 30px -10px rgba(199,195,199,1);
    box-shadow: -2px 15px 30px -10px rgba(199,195,199,1);
    font-family: 'GothamBook' !important;
}
.answer-to-your-need-intro .rft02
{   
	position: absolute;
	top: 70%;
	padding: 7%;
    width: 65%;
    left: 50%;
    background: #fff;
    -webkit-box-shadow: -2px 15px 30px -10px rgba(199,195,199,1);
    -moz-box-shadow: -2px 15px 30px -10px rgba(199,195,199,1);
    box-shadow: -2px 15px 30px -10px rgba(199,195,199,1);
    font-family: 'GothamBook' !important;
}
.row-topspace
{
margin-top:3%;
margin-bottom:10%;
}


.needs-overlay-div .overlay-caption h2{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: 400;
	font-size:35px;
	color: #fff;
	text-transform: uppercase;
	
}
.needs-overlay-div .overlay-caption p{
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
    line-height: 27px;
    font-size: 20px;
    padding-top: 0%;
    color: #fff;
}
.needs-overlay-div .overlay-caption h4{
	font-family: 'Gotham';
    font-weight:bold;
    font-style: normal;
	line-height: 34px;
	font-size:15px;
	padding-top: 0%;
	color: #fff;
	text-transform: uppercase;
}
.needs-overlay-div .overlay-caption {
    position: absolute;
    right: 15%;
    bottom: 27%;
    z-index: 9999;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
	text-align: left;
	left: 8%;
   
}
.btn.btn-outline-gray{
	font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
	font-size: 14px;
	padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 4%;
    margin-top: 1%;
	border-radius: 0%;
	color: #fff;
	border: 1px solid #fff;
}
.btn.btn-outline-gray:hover{
	color: #7b7b7b;
    background-color: #ffffff;
    border-color: #ffffff;
}
/*Contact*/
.contact-caption p.first-step01{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: 300;
	color: #696969;
    font-size: 24px;
    line-height: 25px;
    width: 108%;
    padding-top: 5%;
}
.contact-caption p.first-step02{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: 500;
	color: #000;
    font-size: 24px;
    line-height: 25px;
    width: 108%;
    padding-top: 5%;
}
.contact-caption p.first-step03{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: 500;
	color: #000;
    font-size: 18px;
    line-height: 25px;
    width: 108%;
}
.contact-caption p.first-step04{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: 300;
	color: #000;
    font-size: 18px;
    line-height: 25px;
    width: 108%;
    padding-top: 5%;
}
.contact-caption{
	padding-left: 20%;
	margin-top: 50%;
}
.contact-caption p{
	 font-family: 'Gotham';
    font-style: normal;
	font-size: 12px;
}
.contact-caption h2{
    font-family: 'Gotham';
    font-weight: 400;
    color: #790D2D;
    font-size: 39px;
}
.contact-caption-top-zero
{
margin-top: 0% !important;	
padding-left: 13%;
}
.top-banner{
	position: relative;
}
.img-iso{
	margin-bottom: 5%;
	margin-top: 4%;
	border: 2px solid #000000;
}