@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	border:0;

	outline:0;

	font-size:100%;

	background:transparent;

	margin:0;

	padding:0;

}

 section, footer, aside, nav, main, article, figure {

    display: block;

} 


a{ text-decoration:none!important; outline:none!important; color:#4a90e2;}

a:hover{ text-decoration:none!important; color:#333;}

a.active{ text-decoration:none;}

a:focus{ color:#333;}

body{ margin:0px!important; padding:0px!important; 	font-family: 'poppins', sans-serif;  font-size:14px; letter-spacing:0.70px;overflow-x: hidden;}

.main_wrapper{position:absolute; bottom:0;}

.top_hold{ width:100%; height:auto; float:left; position:absolute; top:0px; z-index:99; background:rgba(0,0,0,0.3); }

.header{ width:100%; height:auto; float:left; background-color:#fff; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); z-index:50; float:left; }

.logo { display:inline-block; width:auto; height:auto; float:left; margin:5px 0px;}

.logo img{transition: all 0.5s ease;}

header nav {text-align: center; margin:0 auto; }

header nav ul {margin: 0 ;padding: 0; float:right; margin-top:30px; }


header nav ul li {	display: block;	font-weight:normal;position: relative;	text-align:center;	float:left; }


header nav ul li a {color: #555; line-height: 18px;	padding:12px 28px 12px 28px; overflow: hidden;text-transform:uppercase;	text-decoration:none;display:block; font-weight:400!important; font-size:14px; }

header nav ul li:hover{ color:#fff;  }

.menu_hold{ width:100%; height:150px; background:rgba(0 0 0 0.8);}

header nav ul li:hover a{ text-decoration:none; color:#fff;  background:#ee1c25;   border-radius:5px;} 

header nav ul li ul{  margin-top:0; padding:0px; position:absolute; z-index:999; display:none; background-color: #b6b5b3!important;  transition:1s ease-in-out 1s; left:-45px; }


header nav ul li ul li {  margin: 0 auto; text-align: left; width:260px; color:#555!important; list-style:none;  border:0; background-color: #003770; transition:1s ease-in-out 1s; border-bottom:1px solid #84b131;}

header nav ul li ul li:hover{ color:#1c3765; padding:0px;}

header nav ul li ul li a{ color:#fff!important;  display:block; padding:10px; text-decoration:none; width:260px; border:0px!important; text-transform:capitalize;  background-color: #93c23d;}

header nav ul li ul li:hover a{ background-color:#4a90e2; color:#fff!important; border:0px!important;}

header nav ul li:hover ul{ display:block; transition:1s ease-in-out 1s;}

.icon_top{ font-size:18px;}

.current{  color:#fff;  border-radius:5px;  }



/*header nav ul li:hover .current{background:#8a6b00;}*/

.mean-container a.meanmenu-reveal { margin-right: 50px; margin-top: 25px;}

.ie8 .current:after {	display: none;}

.top_list{ width:100%; height:auto; float:right;}
.top_list ul{ margin:0px; padding:0px;}
.top_list ul li{ list-style:none; display:inline-block;  color:#999; font-weight:400;}
.top_list ul li a{ color:#999; padding:0px 10px;}

.language_list{ width:100%; height:auto; float:right;}
.language_list ul{ margin:0px; padding:0px; float:right;}
.language_list ul li{ list-style:none; float:left; padding:0px 8px; font-size:18px;}
.language_list ul li a{ color:#999;}
.search_hold{ width:auto; height:auto; position:relative; margin-top:15px; float:right;}
.search_wrap{ width:215px; height:auto; background:#f1f1f1; border-radius:15px; padding:6px; float:right;}
.search_btn{ width:20px; height:20px; position:absolute; right:5px; top:8px; cursor:pointer;}
.top_strip{ width:100%;}

.banner{ width:100%; height:100%; float:left; margin-top:100px;  }
.banner img{ width:100%;}
.banner_caption{ width:100%; height:auto; float:left; text-align:center; position:absolute; top:46%; left:8%;}
.banner_caption h1{ text-align:left; font-size:40px; color:#111; text-transform:uppercase; font-weight:400; width:50%; font-family:'Poppins';}
.banner_caption h2{ text-align:left; font-size:24px; color:#fff; text-transform:uppercase; font-weight:300; width:50%; }
.bg-overlay{display: block;  height: 100%; opacity: 0.70;  position: absolute; top: 0;  width: 100%;  z-index: 0; transition:0.40s ease-in 0.40s;}
.banner_caption p{ text-align:justify; color:#000; margin-top:10px; line-height:22px; width:40%;}
.btn_more{ width:150px; height:auto; margin:0 auto; text-align:center; display:table; padding:10px; color:#fff; background:#003770; text-transform:uppercase; font-weight:600; margin-top:30px;}
.btn_more a{ color:#fff; display:block;}
.btn_more:hover{ background:#1c3765;}
.bg-overlay.bg-overlay-dark { background:rgba(0,0,0, 0.70);}
.top_hold{ transition: opacity .5s ease;

  position: fixed;
  top: 6;
  left: 0;
  width: 100%;
  height: 90px;
  line-height: 90px;
  transition: all 0.5s ease;
  z-index:99;
  background:#fff;
  box-shadow:0px 1px 3px 0px #ddd; 
  }
.fix-nav {

 /* this make our menu fixed top */

    z-index: 9999;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

}

.scrolled {opacity: 1;  height: 60px;  line-height: 70px;}
.scrolled  header nav ul li a{padding:10px 28px 10px 28px;}
.scrolled  header nav ul li ul li a{padding:10px;}
.scrolled .logo img{ width:60%; transition: all 0.5s ease;}
.scrolled header nav ul{ margin-top:20px;}
.fix-body {

 /* this will adjust body top margin to prevent content jumping when nav gets fix  */

    margin-top:105px;

 /* adjust as per height of your menu */

}
.top_strip{ width:100%; height:auto; float:left; background:#fff; padding:10px 0px; border-bottom:1px solid #ddd;}
.left_txt{ width:75%; height:auto; float:left; color:#999; font-weight:600; padding-left:15px; }
.right_txt{ width:25%; height:auto; float:right; color:#999; font-weight:normal; text-align:right;  padding-right:15px;}


/*Service holder*/
.service_wrapper{ width:100%;  float:left; position:relative;  padding:50px 0px 20px 0px;}
.service_wrapper h2{ font-size:36px; font-weight:300; color:#333; text-align:center; margin-bottom:10px; text-transform:capitalize; line-height:22px; }
.line_wrap{ width:50px; margin:0 auto; text-align:center; height:4px; background:#93c23d; margin-top:15px; margin-bottom:15px;}
.service_hold{ width:100%; height:auto; float:left; background:#fff;  margin-bottom:15px; margin-top:15px;}
.icon_area{ width:100%; height:100%; float:left; display:block; color:#003770; position:relative;}
.title_area{ width:100%; height:auto; position:absolute; bottom:0px; left:0;}
.service_hold:hover h3{ color:#ee1c25;}
.txt_service{ width:100%; height:auto; float:left;  padding:28px 0px; position:relative;}
.service_wrapper h3{ font-size:13px; font-weight:300; color:#333; text-align:center; margin-bottom:10px;  text-transform:uppercase; line-height:22px; }
.service_wrapper p{ text-align:justify; line-height:22px; color:#777; margin-top:10px; font-weight:400;}
.more_service{ width:100px; height:auto; float:left; margin:0 auto; text-align:center; color:#fff; text-transform:capitalize; font-size:12px; margin-top:20px; position:absolute; right:0; bottom:0; background:#003770; padding:5px; font-size:12px;}
.more_service a{ color:#fff;}
.more_service:hover a{ color:#fff;}
.padding-right{ padding-right:0px;}

/*Offers*/
.offer_wrapper{ width:100%;  float:left; position:relative; padding:30px 0px 50px 0px;}
.offer_wrapper h2{ font-size:30px; font-weight:600; color:#ee1c25; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; font-family: 'Poppins', sans-serif; }
.line_wrap{ width:20%; margin:0 auto; text-align:center; height:1px; background:#ee1c25; margin-top:15px; margin-bottom:15px; margin-bottom:50px;}

.offer_hold{ width:100%; height:auto; float:left; border:1px solid #ccc; border-radius:10px; padding:10px; margin-bottom:10px; position:relative;}
.offer_hold:hover{border:1px solid #ee1c25;}
.offer_hold img{ width:100%;}
.offer_hold:hover img{-webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
    filter: blur(1px);}
.offer_wrapper h3{ font-size:16px; font-weight:300; color:#ee1c25; text-align:center; margin-top:10px;  text-transform:uppercase; line-height:22px; }
.offer_perc{ width:60px; height:60px; background:rgba(238,28,37,0.9); border-radius:50px; text-align:center; padding-top:12px; position:absolute; bottom:10px; right:10px; font-size:17px; font-weight:700; color:#fff; line-height:20px; z-index:9;}

/*bgarea*/

.bg_wrapper{ width:100%; min-height:300px;  float:left;  background:url(../images/bg.jpg) no-repeat center; 
background-attachment:fixed; padding:50px 0px 50px 0px; margin-bottom:10px; background-size:cover;}
.bg_wrapper h2{ font-size:30px; font-weight:300; color:#fff; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; margin-top:40px; margin-bottom:30px; font-family: 'Poppins', sans-serif;  }
.view_prdcts{ width:150px;  background:#ee1c25; line-height:48px; margin:0 auto; display:table; text-align:center; color:#fff; border-radius:5px; font-weight:600; text-transform:uppercase;}
.view_prdcts:hover{background:#fff; color:#ee1c25;}

.view_prdcts a{ color:#fff; display:block;}
.view_prdcts:hover a{color:#ee1c25;}
/*Latest*/
.latest_wrapper{ width:100%;  float:left; position:relative; padding:50px 0px 50px 0px;}
.latest_wrapper h2{ font-size:30px; font-weight:600; color:#ee1c25; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px;  font-family: 'Poppins', sans-serif; }
.line_wrap{ width:20%; margin:0 auto; text-align:center; height:1px; background:#ee1c25; margin-top:15px;  margin-bottom:30px;}

.latest_hold{ width:100%; height:auto; float:left; border:1px solid #ccc; border-radius:10px; padding:10px; margin-bottom:10px; margin-top:20px;}
.latest_hold:hover{border:1px solid #ee1c25;}
.latest_hold img{ width:100%;}
.latest_wrapper h3{ font-size:16px; font-weight:300; color:#ee1c25; text-align:center; margin-top:10px;  text-transform:uppercase; line-height:22px; }

.latest_hold:hover img{-webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
    filter: blur(1px);}
/*Footer*/


.footer{ width:100%; height:auto; float:left; background:#020812; padding:60px 0px 30px 0px;  }

.footer h3{ font-size:18px; color:#fff; margin-bottom:10px; font-weight:400; text-transform:uppercase; font-family: 'Poppins', sans-serif; }
.footer p{ text-align:left; line-height:22px; color:#eee; margin-top:0px; float:left;}
.foot_links{ width:100%; height:auto; float:left;}
.foot_links ul{ margin:0px; padding:0px;}
.foot_links ul li{ list-style:none;  line-height:24px; color:#eee;}
.foot_links ul li:hover a{ color:#003770;}
.foot_links ul li a{ color:#eee;}
.contact_address{ width:100%; height:auto; float:left; line-height:22px; color:#eee;}
.google_map{ width:100%; height:auto; float:left;}
.google-map { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; }
.google-map iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}
.foot_btm{ width:100%; height:auto; float:left; background:#00050f; padding:15px 0px;}
.google-maps { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; }
.google-maps iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}
.copy{ text-align:left; color:#fff;}
.foot_btmmenu{ width:100%; height:auto; float:right;}
.foot_btmmenu ul{ margin:0px; padding:0px; float:right;}
.foot_btmmenu ul li{ list-style:none; float:left; padding:0px 5px; color:#fff; text-align:right;}
.foot_btmmenu ul li a{ color:#fff;}
.foot_logo{ width:100%; height:auto; float:left; }
.social_list{ width:100%; height:auto; float:left; margin-top:5px;}
.social_list ul{ margin:0px; padding:0px;}
.social_list ul li{ list-style:none; float:left; padding-right:15px; font-size:22px;}
.social_list ul li a{ color:#fff;}
.line{ width:15px; background:#4a90e2; height:2px; display:inline-block; margin-right:10px;}
.inblk{ display:inline-block;}
.f-contact {  color: #fff;   display: block;   line-height: 20px;    padding-bottom: 14px;    padding-left: 34px; position: relative;}
.f-contact::before {   content: "";  height: 28px;  left: 0;   position: absolute;  top: 0;  width: 28px;}
.f-contact__address::before {  content: "";  font-family: "FontAwesome";  font-size: 24px;  margin-top: 5px; color: #fff;}
.f-contact__phone::before {  content: "";   font-family: "FontAwesome";  font-size: 24px;  margin-top: 5px; color: #fff;}
.f-contact__email::before {   content: "";   font-family: "FontAwesome";   font-size: 20px;   margin-top: 0;color: #fff;}
/*Page*/



.txt_contact {  height: auto;   margin-bottom: 10px;  width: 100%;  border-radius:0px;}
.txtarea_contact{ height:60px!important; float:left; resize:none;  border-radius:0px}
.sub_cont{ width:100px; float:left; background:#93c23d; text-align:center; color:#fff; padding:10px; color:#fff; border:0px; margin-top:10px;}
.contact_address{ width:100%; height:auto; float:left; background:#4a90e2; color:#fff; padding:60px 40px;}
.contact_address p{ color:#fff; }
.about_pagewrapper li {  line-height: 24px;  list-style-position: inside; color:#555;}
.map_holder{ width:100%; height:auto; float:left;}
.map_holder .google-maps{ padding-bottom:50%;}

.news_hold{ width:100%; height:auto; float:left;}
.sub_form{ width:80px; height:auto; float:right; background:#ee1c25; text-align:center; color:#fff; padding:10px; margin-top:10px; border:0px;}
.footer .col-md-5.col-sm-5.col-xs-12 {  padding-left: 0;}
.footer .col-md-7.col-sm-7.col-xs-12 {  padding-left: 0;}
/***********************media*******************************/



 @media only screen and (min-width: 1400px) and (max-width: 1920px) {}



 @media only screen and (min-width: 960px) and (max-width: 1199px) {.icon_area img { width: 100%;} }

 

 @media only screen and (min-width: 768px) and (max-width: 959px) { .icon_area img { width: 100%;} .service_wrapper h3{ font-size:10px; margin-bottom:5px;} .offer_wrapper h3{ font-size:13px;} .latest_wrapper h3{ font-size:12px;} .footer h3{ font-size:14px;} .banner_caption h1{ font-size:30px;} .offer_wrapper h2{ font-size:24px;} .bg_wrapper h2{ font-size:24px;} .latest_wrapper h2{ font-size:24px;} header nav{display:none;} .social_list ul li{padding-right:10px;}}

 

 @media only screen and (min-width: 768px) and (max-width: 1040px) {}

 

 @media only screen and (min-width: 480px) and (max-width: 767px) {.icon_area img { width: 100%;} .service_wrapper h3{ font-size:14px; margin-bottom:5px;} .offer_wrapper h3{ font-size:13px;} .latest_wrapper h3{ font-size:12px;} .footer h3{ font-size:14px; margin-top:15px;} .banner_caption h1{ font-size:30px;} .offer_wrapper h2{ font-size:24px;} .bg_wrapper h2{ font-size:24px;} .latest_wrapper h2{ font-size:24px;} .service_wrapper .col-md-4.col-sm-4.col-xs-12 { width: 50%;} .offer_wrapper .col-md-3.col-sm-3.col-xs-12 { width: 50%;} .latest_wrapper .col-md-3.col-sm-3.col-xs-12 { width: 50%;} .foot_btm .col-md-6.col-sm-6.col-xs-12 { width: 50%;} header nav{display:none;}}

  

 @media only screen and (min-width: 320px) and (max-width: 480px) {.icon_area img { width: 100%;} .service_wrapper h3{ font-size:14px; margin-bottom:5px;} .offer_wrapper h3{ font-size:16px;} .latest_wrapper h3{ font-size:12px;} .footer h3{ font-size:16px; margin-top:15px;} .banner_caption h2 { font-size:15px;}.banner_caption h1{ font-size:18px;} .offer_wrapper h2{ font-size:18px;} .bg_wrapper h2{ font-size:18px;} .latest_wrapper h2{ font-size:18px;} .offer_hold{ margin-top:15px;} .foot_btmmenu ul li{ text-align:center; float:none;} .foot_btmmenu ul{ margin:0 auto; float:none;} .copy{ text-align:center;} header nav{display:none;} .banner_caption{left:12%;} .service_wrapper{padding-top:20px;} .bx-wrapper .bx-next{background-size:30px;}  .bx-wrapper .bx-prev{background-size:30px; left:12px;}}

 

 @media only screen and (max-width: 320px){}