@charset "utf-8";
/* CSS Document */
#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url(../images/loader.gif) no-repeat center center; }
@font-face { font-family:roboto_regular; src:url(../font/Roboto-Regular.ttf);}
@font-face { font-family:roboto_light; src:url(../font/Roboto-Light.ttf);}
@font-face { font-family:roboto_thin; src:url(../font/Roboto-Thin.ttf)}
@font-face { font-family:Roboto-BlackItalic; src:url(../font/Roboto-BlackItalic.ttf)}
@font-face { font-family:Roboto-Black; src:url(../font/Roboto-Black.ttf)}
h1 { font-family:roboto_regular; color:#ed1cfont-family:roboto_regular24;}
.subhead{font-family:roboto_light; color:#333333; font-size:36px; margin-bottom:80px;}
.subhead2{font-family:roboto_regular; color:#333333; font-size:24px; margin-bottom:20px; margin-top:20px;}
.subhead_span { color:#ed1c24;}
p { font-family:roboto_regular; font-size:14px;}
.para_line { line-height:25px;} 
body {margin:0px; overflow-x: hidden;}
.ind-serv-head { font-family:roboto_thin; font-size:30px; color:#535354;}
.enquiry_head {font-family:roboto_thin; font-size:30px; color:#fff;}
.enquiry_txt {font-family:roboto_thin; font-size:24px; color:#fff;}
.slider img{ width:100%; height:600px;}
.wrapper { width:90%; height:auto; margin:auto;}
header { position:absolute; top:50px;}
.navigation { list-style-type:none;margin-top:70px; margin-left:270px;}
.navigation li {
	background-color:#21252e;
	display:block;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	float:left;
	border-right:1px solid #050a0e;
	
	font-family:roboto_regular;
	color:#fff;
	font-size:18px;
}
.navigation li:hover { background-color:#ed1c24; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
.navigation li.active { background-color:#ed1c24;}
.navigation a {text-decoration:none;}
.logo img{ width:450px; height:auto;}
.ind-sec-2 { background:#f7f7f7; margin-top:80px; padding-top:40px; padding-bottom:80px;}
.ind-round-border { border:1px solid #bbbbbb;}
.enq_bg { background:url(../images/enq-bg.png); width:100%; height:auto; min-height:300px; background-size:cover; padding-bottom:40px; padding-top:40px;}

.enq input[type=text] {
    border: 1p x solid; 
   
    padding: 7px;
    background: rgba(255,255,255,0);
    margin: 0 0 2px 0;
	border-radius:2px;
	width:100%;
}
.enq input[type=email] {
    border: 1p x solid; 
   
    padding: 7px;
    background: rgba(255,255,255,0);
    margin: 0 0 2px 0;
	border-radius:2px;
	width:100%;
}
.enq textarea {
    border: 1p x solid; 
   
    padding: 7px;
    background: rgba(255,255,255,0);
    margin: 0 0 2px 0;
	border-radius:2px;
	width:100%;
}
.enq input[type=submit]{ background-color:#21252e; padding:5px; font-family:roboto_thin; color:#fff; font-size:22px;
border:1px solid #fff;}
.enq input[type=submit]:hover {transition:ease .5s; background-color:#f71e1e; border:white 1px solid;}
.index-icons {padding:0px; margin:0px;}
.index-icons img{ width:100%; height:auto; border:solid 1px #b7b7b7; margin:0px; padding:0px;}
footer { background:#21252e; padding-top:40px; padding-bottom:40px; margin-top:0px;}
.footer-text {color:#fff; font-family:roboto_thin; font-size:12px;}
.social { list-style-type:none;}
.social li { float:left; margin-right:30px;}
.social li img:hover { transition:ease .5s; transform:scale(1.2)}
.news-date { background-color:#3498db; padding:10px;}
.news-date h4{ color:#fff; font-family:roboto_light; font-size:26px;}
.news-date h6{ color:#fff; font-family:roboto_thin; font-size:18px;}
.news-head h4{color:#3498db; font-family:roboto_regular;}
.news-head p{color:#7b7b7b; font-family:roboto_regular; font-size:14px;}
#news:hover {transition:all .5s; transform:scale(.8)}
.team_thumb {overflow:hidden; transition:all .5s;}
.team_thumb:hover { background-color:#FA0606;}
.team_thumb img:hover { opacity:.3;}
.serv-icons { width:70px; height:70px; margin:0px 15px 0px 0px;}
.serv-para { font-size:18px; line-height:28px;}
.service-sec { margin-top:20px; margin-bottom:10px; transition:ease .5s;}
.service-sec:hover{ background-color:#fff0f0;}
.news_sec {margin-bottom:20px;}
.news { background-color:#4b8cad; padding:15px; font-family:roboto_regular; font-size:26px; color:#fff;}
.news_date-span { background-color:#fff; padding:10px; color:#4b8cad; border-radius:300px; margin-right:10px;}
.news_img { margin-top:20px;}
.contact_address { font-family:roboto_regular; font-size:18px; margin:5px 0px 0px 0px; }
.contact_e_p { font-family:roboto_regular; font-size:14px; margin:5px 0px 0px 0px; }

.btn_gallery { padding:10px; background:#4b8cad; font-family:roboto_thin; font-size:22px; color:#fff; width:200px; float:left; margin-right:20px; cursor:pointer;outline-style:solid;
outline-width:0px;
outline-color: #000000;
outline-offset: 0px; transition:all .5s; margin-bottom:5px;}
.btn_gallery:hover { background:#21252e;outline-style:solid;
outline-width:1px;
outline-color: #828282;
outline-offset: -5px;}
.scroll-logo img { border:solid 1px #c0c0c0;}
<!--responsivenav-->

.res_navigation { display:none;}

.res_navigation a {
 
}

.res_navigation a:hover { color: #777; }

/* NAVIGATION */
.res_navigation {
  list-style: none;
  padding: 0;
  width: 250px; 
  height: 40px; 
  margin: 20px auto;
  background: #f11c24;
  position: relative; 
  z-index: 100;
  display:none;
}

.res_navigation, .res_navigation a.main {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.res_navigation:hover, .res_navigation:hover a.main {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

.res_navigation a.main {
  display: block; 
  height: 40px;
  font: bold 15px/40px arial, sans-serif; 
  text-align: left; 
  text-decoration: none; 
  color: #FFF;  
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  position: relative;
  z-index: 100;
}

.res_navigation:hover a.main {
  color: rgba(255,255,255,0.6);
  background: rgba(0,0,0,0.04);
}

.res_navigation li { 
  width: 250px; 
  height: 40px;
  background: #F7F7F7;
  font: normal 12px/40px arial, sans-serif !important; 
  color: #999;
  text-align: center;
  margin: 0;
  -webkit-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(350px) rotateX(-90deg);
  -o-transform: perspective(350px) rotateX(-90deg);
  transform: perspective(350px) rotateX(-90deg);
  box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
}

.res_navigation li:nth-child(even) { background: #F5F5F5; }
.navigation li:nth-child(odd) { background: ; }

.res_navigation li.n1 { 
  -webkit-transition: 0.2s linear 0.8s;
  -o-transition: 0.2s linear 0.8s;
  transition: 0.2s linear 0.8s;
}
.res_navigation li.n2 {
  -webkit-transition: 0.2s linear 0.6s;
  -o-transition: 0.2s linear 0.6s;
  transition: 0.2s linear 0.6s;
}
.res_navigation li.n3 {
  -webkit-transition: 0.2s linear 0.4s;
  -o-transition: 0.2s linear 0.4s;
  transition: 0.2s linear 0.4s;
}
.res_navigation li.n4 { 
  -webkit-transition:0.2s linear 0.2s;
  -o-transition:0.2s linear 0.2s;
  transition:0.2s linear 0.2s;
}
.res_navigation li.n5 {
  border-radius: 0px 0px 4px 4px;
  -webkit-transition: 0.2s linear 0s;
  -o-transition: 0.2s linear 0s;
  transition: 0.2s linear 0s;
}

.res_navigation:hover li {
  -webkit-transform: perspective(350px) rotateX(0deg);
  -o-transform: perspective(350px) rotateX(0deg);
  transform: perspective(350px) rotateX(0deg);
  -webkit-transition:0.2s linear 0s;
  -o-transition:0.2s linear 0s;
  transition:0.2s linear 0s;
}
.res_navigation:hover .n2 {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.res_navigation:hover .n3 {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.res_navigation:hover .n4 {
  transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.res_navigation:hover .n5 {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.delers_login_btn { background-color:#002035; color:#fff; text-align:center; padding:10px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;  }
.delers_login_btn:hover { background-color:#1471ad; }
.delers_login_btn a:hover { text-decoration:none;}
a:hover { text-decoration:none;}
.btn {background-color:none;}
.form_close { width:30px; height:30px;}
.form_close:hover { opacity:.5;}
.quick_contact_wrap { width:70%; height:auto; margin:auto;}
.serv_ul { margin-left:20px; margin-top:20px; list-style-type:disc;}
.serv_ul li { font-family:roboto_regular;}
.service-sec h4{ font-family:Roboto-BlackItalic; margin-bottom:5px;}
.service-sec h3{ font-family:Roboto-Black; margin-bottom:20px; margin-top:20px;}

.admin_logo { width:100px; height:100px;}
.admin_wrapper { width:50%; height:auto; margin:0px auto;}
.serv-bg{
	background-image:url(../images/serv-bg.png); background-size:cover; background-repeat:repeat-y; min-height:300px; background-attachment:fixed;}
	
	.promo-bg{
	background-image:url(../images/promo-bg.png); background-size:cover; background-repeat:repeat-y; min-height:300px; background-attachment:fixed;}
.serv-bg h4{
	color:#fff;font-family:roboto_regular; text-align:center; padding-top:40px; border-bottom:1px solid #00658b;
	 padding-bottom:20px;
}
.serv-bg h5{
	color:#fff;font-family:roboto_regular; text-align:center; padding-top:40px; background-color:#ed1c24; padding:20px;
	width:15%; animation:serv_sub 1s alternate infinite; -webkit-animation:serv_sub 1s alternate infinite; position:relative;}
@keyframes serv_sub{
	from {left:0px;}
	to{ left:50px;}
}
@-webkit-keyframes serv_sub{
	from {left:0px;}
	to{ left:50px;}
}
.serv-bg h6{
	color:#fff; text-align:center; padding-top:50px; font-size:14px;
}
.serv-bg p{ color:#e7e7e7; font-size:10px;}


.promo-bg h4{
	color:#fff;font-family:roboto_regular; text-align:center; padding-top:40px; border-bottom:1px solid #460029;
	 padding-bottom:20px;
}
.promo-bg h5{
	color:#fff;font-family:roboto_regular; text-align:center; padding-top:40px; background-color:#ed1c24; padding:20px;
	width:15%;
}
.promo-bg h6{
	color:#fff; text-align:center; padding-top:50px;font-size:14px;
}
.promo-bg p{ color:#e7e7e7; font-size:10px;}
.no_pading_margin { margin:0px; padding:0px;}
.serv_main_head { color:#fff;}
.serv_sub_head { color:#fff; padding:40px; border:1px solid #cdcdcd; text-align:center; margin:50px; transition:all .5s;}
.serv_sub_head:hover{border:double 3px #9c9c9c;}
.serv_1 {background-image:url(../images/servvv.jpg); background-size:cover; min-height:300px; background-attachment:fixed}
.btn {background-color:transparent;}
<!----------------------------------------------------------------------->


@media (max-width: 1280px) {
	.navigation { list-style-type:none;padding:50px; margin-top:70px; margin-left:150px;}
}
@media (max-width: 980px) {
	.navigation { margin-left:40px; margin-top:30px;}
	.navigation li { font-size:12px;}
	.logo img{ width:350px;}
}

@media (max-width: 800px) {
	.slider img{height:300px;}
	.navigation { margin-left:0px; margin-top:10px;}
	.navigation li { font-size:12px;  padding:20px;}
	.logo img{ width:250px; height:auto;}
	.res_navigation { display:none;}
	header {top:50px;}
	
}
@media (max-width: 768px) {
	.slider img{height:200px;}
	.navigation { display:none;}
	.navigation li { font-size:10px;}
	.logo img{ width:250px; height:auto;}
	.res_navigation { display:block; margin-left:50%;}
}
@media (max-width: 595px) {
		.res_navigation { display:block; margin-left:10%;}

}
@media (max-width: 360px) {
	.slider img{height:150px;}
	.logo img{ width:200px; height:auto;}
	header {top:5px;}
	.res_navigation {margin-left:15%;}
	.enq_bg { min-height:200px;}
	h1 {font-size:24px;}
	p { font-size:14px; line-height:16px;}
}