/************************************** FONTS STYLE STARTS ***********************************/
@font-face {
 font-family: 'DubaiBold';  font-weight: 300; font-style: normal;
 src: url('fonts/dubai-bold-webfont.woff2') format('woff2'), url('fonts/dubai-bold-webfont.woff') format('woff');
}
/************************************** FONTS STYLE ENDS *************************************/

/************************************** COMMON STYLE CLASSES STARTS **************************/
html { scroll-behavior: smooth;}
body { font-family: 'RobotoRegular'; font-size: 17px; color: #57595B; font-weight: normal; background-color: #FFFFFF;}
a:hover,a:focus,a:visited { text-decoration: none;}
a:focus {  outline: none; }
button:focus {outline:0;}
.fluid0 { padding: 0; margin: 0; }
.navbar-expand-lg .navbar-nav .nav-item{ padding: 0px 0px 0px 82px!important; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }
.boxpadding {padding-bottom:30px;}
/************************************** OVERRIDING THE PADDING FROM 15PX TO 8PX  ENDS **************************/

 
/************************************** intro starts **************************/
.introbg{
 background-image: url("webimg/introbg.jpg");
 background-repeat:  no-repeat;
 background-position: cover;
}
.tintrohead{
 font-family: 'DubaiBold';
 font-size: 50px;
 color: #ffffff;
 font-weight: normal;
 text-transform: uppercase;
 line-height: 48px;
}
.tintrosubhead{
 font-family: 'DubaiBold';
 font-size: 38px;
 color: #ffffff;
 font-weight: normal;
 text-transform: uppercase;
 line-height: 45px;
}
.cardengineering {
 border:9px solid #023874!important;	
 border-radius: 0px!important;  
 height: 100%!important;
 background-color:#023874;
 background:#023874;
 font-family: 'DubaiBold';
 font-size: 13px;
 color: #ffffff;
 margin-right:10px;
}
.cardengineering:hover {
 border:9px solid #333333!important;	
 border-radius: 0px!important; 
 background-color:#333333;
 background:#333333;
}
.cardaluminium {
 border:9px solid #11B7E7!important;	
 border-radius: 0px!important;  
 height: 100%!important;
 background-color:#11B7E7;
 background:#11B7E7;
 font-family: 'DubaiBold';
 font-size: 13px;
 color: #ffffff;
 margin-right:10px;
}
.cardaluminium:hover {
 border:9px solid #333333!important;	
 border-radius: 0px!important; 
 background-color:#333333;
 background:#333333;
}
/************************************** intro ends **************************/


/************************* my media query classes starts *************************/

@media (min-width: 1500px){ .container{ max-width:1440px!important;} }

@media (min-width: 576px) {.container { max-width: 100%; }}

@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {	
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px; }
 .tintrohead { font-size: 28px; line-height: 34px; }
 .tintrosubhead { font-size: 25px; line-height: 29px; }
 .ulpadding {padding-left: 0px;}
 ul { list-style-image:none;}
 ul { list-style:none;}
.btn-block { display: block; width: 93%; }
.fa { font-size: 11px; width: 40px; height: 40px; padding-top:12px; text-align: center; text-decoration: none; border-radius: 25%; } 
.my-float { margin-top: 4px; }
.fatogglemenu { width: 0px; height: 0px; padding-top: 12px; text-align: center; }
.fa:hover { opacity: 0.7; }
.fa-facebook { background: #3B5998; color: white; }
.fa-twitter { background: #55ACEE; color: white; }
.fa-linkedin { background: #007bb5; color: white; }
.fa-youtube { background: #bb0000; color: white; }
.fa-instagram { background: #711071; color: white; }
}

@media only screen and (min-device-width : 769px) and (max-device-width : 991px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 8px; padding-left: 8px; }
 .tintrohead { font-size: 28px; line-height: 34px; }
 .tintrosubhead { font-size: 25px; line-height: 29px; }
.fa { font-size: 11px; width: 40px; height: 40px; padding-top:12px; text-align: center; text-decoration: none; border-radius: 25%; } 
.my-float { margin-top: 4px; }
.fatogglemenu { width: 0px; height: 0px; padding-top: 12px; text-align: center; }
.fa:hover { opacity: 0.7; }
.fa-facebook { background: #3B5998; color: white; }
.fa-twitter { background: #55ACEE; color: white; }
.fa-linkedin { background: #007bb5; color: white; }
.fa-youtube { background: #bb0000; color: white; }
.fa-instagram { background: #125688; color: white; }
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {	
 .navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px 0px 42px!important; }
 .tintrohead { font-size: 28px; line-height: 34px; }
 .tintrosubhead { font-size: 25px; line-height: 29px; }	
}

/************************* my media query classes ends *************************/