@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:700');/* font-family: 'Titillium Web', sans-serif; */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);/* font-family: 'Open Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Roboto);/* font-family: 'Roboto', sans-serif; */



h1,h2,h3,h4,h5,h6{font-family: 'Titillium Web', sans-serif;  color:#1671AE;}
ul li{ list-style-type:none; }
p{font-family: 'Open Sans', sans-serif;}
a{ outline:none !important; text-decoration:none !important; }
img{ max-width:100%;}

.header{}
.logo{max-width:200px;}
.mainmenu{overflow:hidden;}
.navigation{margin:20px 0; padding:0; list-style:none; overflow:hidden; float:right;}
.navigation > li{float:left; font-family: 'Open Sans', sans-serif; padding:0 7px;}
.navigation > li > a{display:block; padding:8px 3px; color:#303030; position:relative;}
.navigation > li:hover > a{color:#d61313;}
.navigation > li > a:before, .navigation > li > a:after{position:absolute; left:0; width:100%; height:2px; background-color:#1e32c6; content:' '; opacity:0;
transition:all ease-in-out 0.2s;}
.navigation > li > a:before{ top:0; transform:translateX(25px);}
.navigation > li > a:after{ bottom:0; transform:translateX(-25px);}
.navigation > li:hover > a:before, .navigation > li:hover > a:after, .navigation > li.active > a:before,.navigation > li.active > a:after{
	transform:none !important; opacity:1 !important;}
.navigation > li > ul{margin:0; padding:0; list-style:none; position:absolute; background-color:#fff; width:200px; border-top:2px solid #1671AE; display:none; z-index:564;
	-moz-box-shadow:0 8px 15px rgba(0,0,0,0.1);-ms-box-shadow:0 8px 15px rgba(0,0,0,0.1);-o-box-shadow:0 8px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 8px 15px rgba(0,0,0,0.1);box-shadow:0 8px 15px rgba(0,0,0,0.1);}
.navigation > li > ul > li{font-size:13px;}
.navigation > li > ul > li > a{	display:block; padding:8px; color:#505050;}
.navigation > li > ul > li > a:hover{background-color:#1671AE; color:#fff;}

.respnav{ position:absolute; right:20px; top:10px; }
.respnav i{ font-size:25px; padding:10px 0px; cursor:pointer; color:#333; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333;list-style:none; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#3449e7; color:#fff; }




.banner_wrap{background-color:#dfdfdf;}
.body_con{}
.main_hed{ padding:10px 0 20px 0; }
.main_hed h3{ color:#404040; margin:0 0 8px 0; font-family: 'Titillium Web', sans-serif; }

.main_hed h1{margin:0;  color:#1e32c6; font-size:40px; font-family: 'Titillium Web', sans-serif; }

.bd_rows{padding:10px 10px;text-align:center;border-top:2px solid #a5a5a5;}
.bd_row1{background-image:url(../images/bg.jpg);  background-position:right;}

.abtimg{ padding:50px 0px 0px 0px;}

.quality_list{margin:0 -15px; padding:0; list-style:none; overflow:hidden;}
.quality_list li{}
.quality_list li:nth-child(even){margin-top:30px;}
.quality_list li a{display:block; height:150px; background-color:#dfdfdf; overflow:hidden; text-align:center; background-repeat:no-repeat; background-size:cover;
position:relative; color:#fff;}
.quality_list li a:before{position:absolute; top:0; right:0; bottom:0; left:0; content:' '; background-color:rgba(0,0,0,0.3); z-index:0;
	transition:all linear 0.2s;}
.quality_list li a:after{position:absolute; top:8px; right:8px; bottom:8px; left:8px; content:' ';  z-index:1; opacity:0;
	transform:scale(0.5);transition:all linear 0.2s;border:1px solid #999;}
.quality_list li a:hover:before{background-color:rgba(0,0,0,0.6);}
.quality_list li a:hover:after{transform:scale(1); opacity:1;}
.quality_list li a h3{padding:10px; color:#fff; position:relative; z-index:2; margin:40px 0 0 0; font-family: 'Open Sans', sans-serif;transition:all linear 0.2s;}
.quality_list li a:hover h3{color:#fff;}

.btn_read{background-color:#354bec; border-radius:4px; color:#fff !important; padding:10px 16px;transition:all ease-in-out 0.2s;}
.btn_read:hover{background-color:#d61313;}

.fur_cols img{width:80px;}
.bd_row2{ padding:40px 0px 30px 0px;
	background-color:#f0f0f0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.05) inset;-ms-box-shadow:0 0 30px rgba(0,0,0,0.05) inset;-o-box-shadow:0 0 30px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.05) inset;box-shadow:0 0 30px rgba(0,0,0,0.05) inset; text-align:center;}
.bd_row2 h2{margin:0 0 15px 0; color:#d61313;}
.fur_cols img{margin:0 0 5px 0;}
.fur_cols h2{font-size:25px; margin:0 0 10px 0; font-family: 'Titillium Web', sans-serif;}

.discr{ background-image:url(../images/dis-img.jpg); background-attachment:fixed; background-size:cover; padding:40px 0px; overflow:hidden; position:relative; }
.discr > div{ position:relative; z-index:40; }
.discr:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  /*background-color:rgba(0,103,179,0.8);*/  }
.discr h1{ margin:0; padding-bottom:0px; color:#333; font-family: 'Open Sans', sans-serif; text-align:center; font-weight:bold;}
.discr h2{ margin:0; padding-bottom:20px; font-size:24px; color:#999 ; font-family: 'Open Sans', sans-serif;}
.discr p{ margin:0; color:#333 ; font-size:18px;  text-align:center;}

#threedivcont{ background-image:url(../images/bg1.jpg); background-size:cover; position:relative; padding:80px 0px; overflow:hidden; }
#threedivcont:before{ position:absolute; top:0; bottom:0; left:0; right:0; content:''; background-color:rgba(255,255,255,0.9); }
.threecol{ padding:0px 40px 0px 40px; text-align:center; position:relative; border:1px solid #ddd; background-color:rgba(255,255,255,0.5); }
.threecol img{ width:120px; margin:auto; }
.threecol h2{ margin:0; padding:10px 0px; font-size:25px; color:#d61313; font-family: 'Titillium Web', sans-serif; }




/*inbanner page */
#inbanner{ position:relative; }
.inerban{ width:100%; }
.bantit{ position:absolute; bottom:0px;}
.bantit h1{ margin:0px; color:#fff; text-align:center; padding:10px 20px;font-weight:bold;font-family: 'Dosis', sans-serif; font-size:25px; background-color:#c90e0e; border-radius:20px 20px 0px 0px; border-bottom:6px solid #1e32c6; }

#row06{ padding:40px 0px; background-color:#fff;  margin:0px;}
#row06 h1{ margin:0; color:#3449e7; font-weight:bold; padding:10px 0px 0px 0px; font-family: 'Titillium Web', sans-serif; }
#row06 h2{ margin:0; color:#ef3939; font-weight:bold; padding:10px 0px 0px 0px; font-family: 'Titillium Web', sans-serif; }
#row06 h3{ margin:0; color:#3449e7; font-weight:bold; padding:10px 0px 10px 0px; font-family: 'Titillium Web', sans-serif; }
#row06 p{padding:4px 0px 6px 0px; }

.sidenav{  background-color:#465af3; padding:0px 0px; margin:0px; }
.sidenav ul{ padding:0px 0px; margin:0px; }
.sidenav ul li a{ color:#fff; font-size:16px; padding:10px 20px; display:block; border-top:1px solid #eee;overflow:hidden; position:relative;}
.sidenav ul li a:before{ position:absolute; background-color:#eee; width:0px; content:''; left:0; top:0; bottom:0; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; }
.sidenav ul li a:hover:before{ width:16px; }
.sidenav ul li:nth-child(1) a{ border:none; }
.ulli { margin:0; padding:0px 0px 0px 30px;}
.ulli li{ padding:3px 15px; position:relative; font-size:14px; margin:0;}
.ulli li:before{ content:'\f061'; position:absolute; left:0px; top:5px; color:#3449e7; font-family:'FontAwesome'; font-size:12px;}

.fom2{ border:1px solid #ddd; background-color:#fff; padding:10px 20px 20px 20px; -webkit-box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.24);
-moz-box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.24);
box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.24);}
.fom2 ul{ overflow:hidden; margin:0px; padding:0px;}
.fom2 ul li{ margin:0px 0px 10px 0px; font-size:20px; position:relative; }
.fom2 ul li label{ position:relative; font-weight:normal; font-size:14px; margin:0; }
.fom2 ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:0px;  }
.fom2 ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fom2 button{ padding:10px 30px; margin-left:16px;}

.thank-col{ padding:0px; width:100%; text-align:center; height:500px; display:table; overflow:hidden; }
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h2{ color:#555; }
.thank-col p{ color:#333; font-size:15px; }

.ft_rw1{ padding:0px 0px; }
.foot_cols h3{ margin:0 0 10px 0; font-family: 'Titillium Web', sans-serif;  color:#eee; font-weight:900; }
.foot_cols p{ color:#eee; font-family: 'Open Sans', sans-serif; }
.bd_row3{height:320px;}

.ft_links{margin:0; padding:0; list-style:none;}
.ft_links li{ padding:0px 10px; position:relative; } 
.ft_links li:before{ position:absolute; content:'\f105'; font-family: 'FontAwesome'; color:#eee; left:0; top:4px; }
.ft_links li a{color:#eee; padding:4px 0px;   font-family: 'Open Sans', sans-serif; display:block; font-size:13px;}

.footer{ background-color:#333; /*background-image:url(../images/texture_3.jpg); */padding:40px 0px; position:relative; z-index:12; overflow:hidden; clear:both; }
.ft_rw1{}
.ft_rw2{text-align:center; background-color:#354bec;}
.ft_rw2 p{margin:0; padding:10px 0; color:#eee;}

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/

@media (max-width: 320px) { .mainmenu,.topmenu,.bantit{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }  }
@media (max-width: 576px) { .mainmenu,.topmenu,.bantit{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu,.topmenu,.bantit{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; } }
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.topmenu,.bantit{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; } }
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.topmenu,.bantit{ display:block;}  .respnav{ display:none;} #respo_menu{ display:none; } }
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.topmenu,.bantit{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } }