@charset "utf-8";
@import "../css/bootstrap.min.css";
@import "../css/header-v5.css";
@import "../css/animations.css";
@import "../fonts/css/font-awesome.min.css";

@import url('https://fonts.googleapis.com/css?family=Lora|Poppins|Raleway|Roboto');
/** 
font-family: 'Roboto', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Lora', serif;
**/
body{font-family: 'Roboto', sans-serif;color:#1e2024;line-height:24px;font-size:15px; text-align:justify;}

::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#313d4f;-webkit-border-radius:0;border-radius:0}
::selection {color: #ffffff;background-color: #11b6e5;}
::-moz-selection {color: #ffffff;background-color: #11b6e5;}
*{padding:0;margin:0;}.nopadding{padding:0;margin:0;}ul,li{padding:0;margin:0;}
a{color:#e21616;text-decoration:none;}a:hover{color:#e21616;text-decoration:none;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family: 'Lora', serif;padding:0;margin:0;font-weight: 400;}
.margin-t10{margin-top:10px !important;}.margin-t15{margin-top:15px !important;}.margin-t20{margin-top:20px !important;}
.margin-t30{margin-top:30px !important;}.margin-t40{margin-top:40px !important;}.margin-t50{margin-top:50px !important;}
.margin-b10{margin-bottom:10px !important;}.margin-b15{margin-bottom:15px !important;}.margin-b20{margin-bottom:20px !important;}
.margin-b30{margin-bottom:30px !important;}.margin-b40{margin-bottom:40px !important;}.margin-b50{margin-bottom:50px !important;}
/**** HEADER FIX *****/
.header{ z-index:9999; position:absolute;width:100%;}
.navbar ul li a{font-weight:400 !important;}
.goToTop {  position: fixed;  top: 0;  z-index: 999999 !important;  height:50px; color:#000;  background:#002248 !important;  border-bottom:4px solid #d8d8d8 !important;  padding:0px 0px;  -webkit-transition: all 1s ease;}
nav {  background:#0b113a;position: absolute;  bottom: 0;  width: 100%;   }
.topheader{ background:#fff; color:#000; font-family:Arial, Helvetica, sans-serif;  font-size:14px; padding:15px 0px;}
.carousel-inner img{ width:100%;}
.topheader{ line-height:40px;}.topheader i{ margin-left:25px;color: #de1616;}.topheader a i{ color:#fff; margin-left:20px;}
.topheadersocial{ text-align:right;font-size:16px;}
.topheadersocial a i{color:#000;}
.topheadersocial ul li{ display:inline;}
.topheadersocial ul li a{ color:#000; }
.topicons{ margin-bottom:-5px;}
.topicons a i{ color:#de1616;}

footer{
	background:#0f1229;
}

.footertext{ color:#fff;}
.footertext i{ color:#de1616; font-size:20px; margin-right:15px;}
.footertext h3{ color:#fff; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:20px;}
.footertext ul li a{color:#fff; line-height:30px;}
.footertext ul li a:hover{color:#ffb601;}
.footerbottom{ background:#000;color:#fff; line-height:30px; padding:10px 0px; text-align:center;}
.counternub span{ font-size:40px; font-family:'OpenSans-Light' !important; margin-top:20px; }
.counternub i{ font-size:50px; margin-bottom:20px;}
.counternub h5{ font-size:20px;}
.navbar {
    position: relative;
    min-height: 0px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.bannerbottom{ border-bottom:4px solid #00528a; margin-top:20px;}
.arrowclass{ text-align:center; margin-top:-8px; margin-bottom:30px;}
.myproducts{ border-bottom:2px solid #C30}
.myproducts img{ width:100%; object-fit:contain; height:200px;}
.myproducts a{ color:#22295d; font-weight:700; font-size:16px; line-height:40px;}
.myproducts :hover{color:#0f1229;}
.bannerpro{ padding:70px 0px; color:#fff; line-height:30px;}
.bannerpro h1{ color:#fff; padding-bottom:30px;}
.add {
    background: #d6353a;
    color: #fff;
    padding: 12px !important;
	font-size:20px;
}

.servicetext {
        background: #ffffff;
    color: #43494e;
    border-radius: 0px;
    border: none !important;
    padding: 20px !important;
    font-size: 13px;
    line-height: 24px;
}
.servicetext h4 {
    color: #27394c;
    font-weight: 900;
    font-size: 5em !important;
    font-family: Arial, Helvetica, sans-serif;
}
.servicetext h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #22295d;
}
.image5 img{ object-fit:contain; height:400px; margin: 0 auto;}
.image5{ border:1px solid #cbced0; margin-top:30px; margin-bottom:30px;}
.productmain{margin-top:30px; margin-bottom:30px; font-family: 'Roboto', sans-serif; }
.productmain strong{ font-size:19px ; }
.productmain hr{ border-bottom:1px solid #ee6179;}
.gallery img{ object-fit:contain; height:200px; width:100%;}
.brabcrumb{ padding-top:120px !important;}
.aboutmain h2{font-family: Arial, Helvetica, sans-serif; font-weight:400;}
.aboutmain{ background:url(../images/bg.png); padding:20px 80px; color:#fff;background-size: cover;}
.about h2{ padding: 0px !important; margin: 0; font-size: 20px; font-weight: 400;}
.about a{ color: #fdc23a;}
.whoabout h4{ font-family: 'Playfair Display', serif; font-weight: 900; margin-top: 12px; font-size: 30px;}
.whoabout strong{ color: #015b99;}
.whoabout hr{ border-top: 4px solid #015b99; width: 140px; }
.whoabout{ line-height: 25px;}
.about-image{ box-shadow: 0px 3px 8px 5px #efefef; padding: 20px; color: #777;}
.about-image strong{ color: #222;}
.getintouch {
	background:#fff;
	color:#222;
	margin-top: -518px;
	min-height: 484px;
	box-shadow: 6px 10px 62px 8px #cac9c9;
	font-size:14px;
	line-height:24px;
}
.getintouch h6 {
	font-size:40px;
	margin-top:40px;
}
.getintouch img {
	border-right:1px solid #cccccc;
	padding-right:8px;
}
.getintouch small {
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight:600;
}
.formdetail2 {
	width:100% !important;
	outline:none !important;
	font-weight:600;
	padding:12px 8px !important;
	border:1px solid #e3e3e3 !important;
	font-size:13px;
	margin-bottom:10px;
}
.formdetail2:focus {
	border:1px solid #d6353a !important;
}
.submitnow {
	background:#292931;
	color:#fff !important;
	border:none !important;
	padding:8px 20px!important;
	font-size:15px;
	text-align:center;
	box-shadow:none !important;
}
.gallery{ border:2px solid #777; padding:1px;}



@media only screen and (min-width: 150px) and (max-width:800px){
	::-webkit-scrollbar{width:0px}::-webkit-scrollbar-thumb{background:#313d4f;-webkit-border-radius:0;border-radius:0}
	nav {  background-color:transparent;position: absolute;  bottom: 0;  width: 100%;   }
	.header-v5 .navbar-default .navbar-toggle {
    color: #333;
    right: 0;
    border: none;
    font-size: 19px;
    margin-top: -59px;
    position: absolute;
}
.header-v5 .navbar-default {
    border: none;
    background: none;
    background: #222f46;
}
.header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
}
.header {
    z-index: 9999;
    position:relative;
    width: 100%;
}
.header-v5 .dropdown .dropdown-submenu > a {
    font-size: 13px;
    color: #fff !important;
    text-transform: uppercase;
}
.brabcrumb {
    padding-top: 0px !important;
}
.about{ text-align:center;}
.about li{ display:block; text-align:center;}
.about h2 {
    margin: 0;
    font-size: 20px;
    text-align: center;
}
.whoabout h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    margin-top: 12px;
    font-size: 22px;
}
.gallery img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.getintouch h6 {
    font-size: 40px;
    padding-top: 20px;
}
.bannerpro h1 {
    color: #fff;
    font-size: 28px;
    padding-bottom: 30px;
}
.getintouch {
     margin-top: 0px !important; 
}
.submitnow{ margin-bottom:20px;}

}

/***** BackToTop button css ******/
#scroll {
    position:fixed;
    right:0px;
    bottom:0px;
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#65c178;
    text-indent:-9999px;
    display:none;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-13px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#ffa200;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
