@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');
@charset "utf-8";

body{font:14px/1.5em Montserrat;color:#242424;font-weight:400;margin:0px;overflow-x:hidden;padding:0px;}
section{padding:60px 0px;}
.btn{padding:11px 17px;border:0;border-radius:20px;font-size:16px;font-weight:600;line-height:1;color:#fff;outline:none;background:#32c8fa;text-decoration:none !important;}
.btn-sm{padding:5px 15px;}
.btn-xs{padding:7px 10px;font-size:12px;}
.btn.gradient-bg{border-color:transparent;background:-moz-linear-gradient(180deg, #32c8fa 0%, rgba(88,125,228,1) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #32c8fa), color-stop(100%, rgba(88,125,228,1)));background:-webkit-linear-gradient(180deg, #32c8fa 0%, rgba(88,125,228,1) 100%);background:-o-linear-gradient(180deg, #32c8fa 0%, rgba(88,125,228,1) 100%);background:-ms-linear-gradient(180deg, #32c8fa 0%, rgba(88,125,228,1) 100%);background:linear-gradient(270deg, #32c8fa 0%, rgba(88,125,228,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a3eb', endColorstr='#587de4',GradientType=1 );color:#fff;}
.form-control{width:100%;box-sizing:border-box;color:#646464;padding:5px 10px;font-size:14px;border-radius:50px;}
textarea.form-control {height: auto;  padding: 15px;}
.section-heading{text-transform:uppercase;margin-bottom:80px;}

a { color: inherit; text-decoration: none;}
ul, ol { padding: 0;  margin: 0;  list-style: none;}

hr{border-color:#e1e1e1;}

.box-wrap{padding:0px 30px; background: #fffdfd; box-shadow: 0px 0px 5px #ccc;}

/***************header Css***************/
header .top-bar{ background:#06438b; padding:5px 0; color:#FFF;}
header .top-bar .call-us{ margin:0 20px 0 0;}
header .top-bar .call-us{float:right; font-weight:500; font-size:18px;}
header .top-bar .email{float:left; font-weight:500; font-size:16px;}
header .top-bar .call-us .fa,
header .top-bar .email .fa{ margin-right:5px;}

header .nav-bar{background:#fff; padding:24px 0;}
header #logo img{ max-height:50px;}
header #nav{ float:right;  padding: 13px 0 0;}
header #nav ul li{ display:inline-block; color:#fff;}
header #nav ul li + li{ margin-left:20px;}
a:focus, a:hover{ text-decoration:none; color:inherit;}
.account_btn{ min-width: 110px;  min-height: 34px; line-height: 34px; padding: 0px 15px; cursor: pointer; background: #01205d;  color: #fff;text-align: center; font-size: 14px; font-weight: 500; display: inline-block;
    border-radius: 20px;}


/*************Hero section Css*********/
#hero-section{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:300px;display:flex;align-items:center;position:relative;}
#hero-section:before{position:absolute;width:100%;height:100%;top:0;left:0;right:0;content:'';background:rgba(35, 40, 45,0.6);}
#hero-section .overlay-content{color:#fff;text-align:center;}
#hero-section .overlay-content h1{margin-top:0px;font-size:40px; margin-bottom: 20px;}
#hero-section .overlay-content h4{font-weight: 300;}
#hero-section .overlay-content .form-control{height: 54px;  max-width: 600px; margin: auto; padding: 15px 30px; font-size: 18px;}


#hero-section2{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100px;display:flex;align-items:center;position:relative;}
#hero-section2:before{position:absolute;width:100%;height:100%;top:0;left:0;right:0;content:'';background:rgba(35, 40, 45,0.6);}
#hero-section2 .overlay-content{color:#fff;text-align:center;}
#hero-section2 .overlay-content h1{margin-top:0px;font-size:28px; margin-bottom: 0px;}
#hero-section2 .overlay-content .form-control{height: 54px;  max-width: 600px; margin: auto; padding: 15px 30px; font-size: 18px;}


/****************Category Css****************/
#category-listing{color:#405261;font-size:1rem;line-height:1.6;padding:60px 0px;}
#category-listing .category-item{margin: 30px 0px;}
#category-listing .category-item .icon{display:block;margin-right:10px;text-align:center;position:absolute}
#category-listing .category-item .icon .icon-wrapper{background-color:#fff;border:3px solid #98c7e9;text-align:center;border-radius:50% ; height:85px;width:85px; display: flex;  align-items: center;}
#category-listing .category-item .icon img{height: 40px; width: 100%; object-fit: contain; object-position: center;}


#category-listing .category-item .text{padding-left:100px}
#category-listing .category-item .text:first-child{padding-left:0px;}
#category-listing .category-item .text a{color:#06438b;font-size:14px;font-weight:700;line-height:1.6;}
#category-listing .category-item .text a i{position:relative;top:-1px}
#category-listing .category-item .text a:hover{text-decoration:underline}
#category-listing .category-item .text h3{color:#006bae;display:block;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 10px}
#category-listing .category-item .text p{color:#405261;font-size:14px;line-height:1.6; }
#category-listing .category-item .text p.article-count{margin: 10px 0px; margin-top:0px;}

.fl_left{ float:left; margin-left:0px; font-size:12px}
.fl_left a {text-decoration:underline; color:#06438b;}
.fl_left span {color: #8d9396;}

/**********Footer Css**************/
#footer { padding:30px 0;background-color: #ebf0f5;}
#footer ul.social li { display: inline-block; font-size: 18px; text-align: center; vertical-align: top;}
#footer ul.social li a {border: 1px solid #434b5f; border-radius: 100%; display: block; height: 44px;    line-height: 32px;line-height: 30px; color:#1c2333;padding: 5px; width: 44px;}
#footer ul.social li a i{line-height: inherit;}
#footer ul.social li + li{ margin-left:10px;}

#footer .foter-logo{ text-align:center;}
#footer .copyright{ font-size:15px; color:#1c2333;  text-align:right;}
#footer .contact-num{padding-top:6px; display:block;}
#footer p{margin-bottom: 0px; margin-top: 5px;}

p img{max-width: 100%;}


@media(max-width:575px){
	body{font-size:12px;}
	h1 {font-size: 2rem;}
	h2 {font-size: 1.75rem;}
	h3 {font-size: 1.5rem;}
	h4 { font-size: 1.25rem;}
	h5 { font-size: 1rem;}
	h6 { font-size: 0.725rem;}
	
	header .top-bar .call-us {font-size: 12px;}
	header .top-bar .email{font-size: 12px;}
	
	header #logo img { max-height: 30px;}
	.account_btn { min-width: 90px; min-height: 28px; line-height: 28px; padding: 0px 10px;}
	
	header #nav { padding-top: 0px;}
	
	#hero-section .overlay-content h1 { font-size: 26px; }
	#hero-section .overlay-content h4{font-size: 16px;}
	
	#hero-section .overlay-content .form-control { height: 45px;  padding: 7px 20px;  font-size: 16px;}
	
	.box-wrap { padding: 0px 15px;}
	#category-listing .category-item { margin: 20px 0px;}
	#category-listing .category-item .icon .icon-wrapper { border: 2px solid #98c7e9; height: 64px; width: 64px;}
	#category-listing .category-item .icon img{height:30px;}
	#category-listing .category-item .text { padding-left: 80px;}
	#category-listing .category-item .text h3 { font-size: 1.125rem;   margin: 0 0 0px;}
	#category-listing .category-item .text p { font-size: 12px; margin-bottom:5px;}
	ul.social{ text-align: center;  margin-bottom: 20px;}
	#footer ul.social li a { height: 38px;  line-height: 26px;  padding: 3px;  width: 38px;}
	#footer .copyright {font-size: 12px;    color: #1c2333;   text-align: center;}
	
	
	.btn-wrap ul li{display:block; float:none!important;}
	.btn-wrap ul li + li{margin-top:15px;}
	
}

@media(max-width:448px){
	header .top-bar .col-6{-ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}	
	header .top-bar .call-us {  float: none; text-align:center;}
	header .top-bar .email{ float: none; text-align:center;}
	}