/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/* Fonts */


html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{ margin:0; padding:0; font:300 13px/20px Google Sans; color:#3c3c3b; font-weight: 400; height:100%; min-height:100%; background:#fff;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

a{color:#f14103; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:underline;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.left {float:left;}
.right {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}
.bordr-none{border:none!important;}

ul.bull{list-style-type:none; float:left; margin:0 0 15px 0; clear:both;}
ul.bull li{float:left; clear:both; background:url('../images/arrow-bull.png') no-repeat 3px 3px; padding-left:25px; margin-bottom:15px; /*text-align:justify;*/}

ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; background:url('../images/bull.png') no-repeat 3px 7px; padding-left:18px; margin-bottom:5px; text-align:justify;}

.txt2{font-size:16px; line-height:24px!important; margin-bottom:40px; padding-top:25px; display:block; overflow:hidden;}

.mrgn-top0{margin-top:0!important;}
.mrgn-bot0{margin-bottom:0!important;}

.red{color:red;}


h1, h2, h3, h4, h5, h6{font-family:'Roboto'; font-weight:500; line-height:100%;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
}


/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
.wrap{position:relative; width:1000px; margin:0 auto;}

/* Header */
.header-area{background:transparent url('../images/hed-bg.jpg') repeat; float:left; width:100%;}
.logo{float:left; margin-left:10px;}
.header-phone-no{float:right; text-align:right; padding:35px 10px 0; font-weight:700; color:#01214c; line-height:26px; font-size:22px;
}
.header-phone-no span{color:#ff9e21;}

/* Navigation */
.navigation-area{width:100%; float:left; clear:both;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}

.banner-area{display:block; overflow:hidden; clear:both; border-bottom:20px #e8e8e8 solid; margin-bottom:25px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(232,232,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.banner-area img{float:left; width:100%;}

.inner-banner-img{float:left; width:63%;}
.inner-banner-right{width:33%; margin:0 2%; float:left; font-size:13px; line-height:18px;}
.inner-banner-right p{margin-bottom:10px;}
.inner-banner-right div{border-bottom:1px #ddd solid; padding:20px 0;}
.inner-banner-right div:last-child{border-bottom:none; padding-bottom:0;}

.follow-us{display:block; clear:both; overflow:hidden; text-align:center;}
.follow-us li{width:25%; float:left;}
.follow-us li a{padding:8px 0; background:#3a5799; display:block; overflow:hidden; color:#fff; font-size:22px;}
.follow-us li:nth-child(2) a{background:#31aae1;}
.follow-us li:nth-child(3) a{background:#ca151c;}
.follow-us li:last-child a{background:#fe1922;}
.follow-us li a:hover{background:#000;}

ul.mid-area-box{display:block; overflow:hidden; text-align:center; margin-bottom:30px;}
ul.mid-area-box li{width:30%; margin:1% 1.5%; color:#000; font-size:18px; line-height:26px; font-weight:500; float:left; border:1px #e0e0e0 solid;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
}
ul.mid-area-box li strong{font-weight:700; text-transform:uppercase;}
ul.mid-area-box li:first-child{
background: rgba(100,177,213,1);
background: -moz-linear-gradient(top, rgba(100,177,213,1) 0%, rgba(255,255,255,1) 75%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(100,177,213,1)), color-stop(75%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(100,177,213,1) 0%, rgba(255,255,255,1) 75%);
background: -o-linear-gradient(top, rgba(100,177,213,1) 0%, rgba(255,255,255,1) 75%);
background: -ms-linear-gradient(top, rgba(100,177,213,1) 0%, rgba(255,255,255,1) 75%);
background: linear-gradient(to bottom, rgba(100,177,213,1) 0%, rgba(255,255,255,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64b1d5', endColorstr='#ffffff', GradientType=0 );
}
ul.mid-area-box li:first-child img{float:left; padding:15px;}
ul.mid-area-box li:first-child > div{text-align:left; display:block; margin-top:15%;}

ul.mid-area-box li:nth-child(2){
background: rgba(234,239,243,1);
background: -moz-linear-gradient(left, rgba(234,239,243,1) 0%, rgba(255,255,255,1) 20%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234,239,243,1)), color-stop(20%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(234,239,243,1) 0%, rgba(255,255,255,1) 20%);
background: -o-linear-gradient(left, rgba(234,239,243,1) 0%, rgba(255,255,255,1) 20%);
background: -ms-linear-gradient(left, rgba(234,239,243,1) 0%, rgba(255,255,255,1) 20%);
background: linear-gradient(to right, rgba(234,239,243,1) 0%, rgba(255,255,255,1) 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeff3', endColorstr='#ffffff', GradientType=1 );
}
ul.mid-area-box li:nth-child(2) img{float:right; padding:24px 0;}
ul.mid-area-box li:nth-child(2) div{float:left; text-align:left; width:50%; padding:14px; padding-right:0; margin-top:20px;}
ul.mid-area-box li:nth-child(2) div p{font-size:14px; line-height:18px; padding-top:5px;}

ul.mid-area-box li:last-child{border:none; background:#00285f; color:#fff;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
ul.mid-area-box li:last-child h4{text-transform:uppercase; font-size:22px; line-height:28px; padding:15px; font-weight:700;}

ul.mid-area-box li:last-child a{ border:1px #ffaf4b solid; color:#fff; padding:2px 25px; text-transform:uppercase; font-weight:600;
background: rgba(255,175,75,1);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(210,85,4,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(210,85,4,1)));
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(210,85,4,1) 100%);
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(210,85,4,1) 100%);
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(210,85,4,1) 100%);
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(210,85,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#d25504', GradientType=0 );
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
ul.mid-area-box li:last-child a:hover{text-decoration:none; background:#d65403; color:#fff;}
ul.mid-area-box li:last-child p{font-size:12px; display:block; overflow:hidden; padding-top:10px;}
ul.mid-area-box li a{color:#000;}
ul.mid-area-box li a:hover{text-decoration:none; color:#f14103;}

.welcome-area{display:block; clear:both; margin-bottom:30px; padding:30px 0; text-align:center; border-top:2px #bebebe dotted; border-bottom:2px #bebebe dotted;}
.welcome-area h1{font-size:20px; color:#000; margin-bottom:15px; font-weight:600;}
.welcome-area h1 span{color:#f14103; font-size:28px;}
.welcome-area p{margin-bottom:15px;}
p.small{font-size:13px; margin-bottom:25px;}
.welcome-area > a{padding:5px 15px; border:1px #f14103 solid;}
.welcome-area > a:hover{background:#f14103; color:#fff; text-decoration:none;}


.mid-footer{clear:both; display:block; overflow:hidden; margin-bottom:30px;}
.mid-footer div{width:47%; float:left; padding-right:2%; border-right:1px #dbdbdb solid; font-size:13px;}
h3{color:#00285f; font-size:16px; text-transform:uppercase; font-weight:600; margin-bottom:15px; display:block; overflow:hidden;}
.mid-footer div p{margin-bottom:10px;}
.mid-footer div ul{display:block; clear:both;}
.mid-footer div ul li{margin-bottom:8px;}
.mid-footer div ul li:before{content:"\2022"; color:#ec872c; font-size:30px; line-height:10px; position:relative; top:6px; padding-right:5px;}

.mid-footer div:last-child{padding-left:2%; padding-right:0; border:none;}

.footer-area{display:block; overflow:hidden; clear:both; text-align:center; border-top:2px #bebebe dotted; padding:20px 0; font-size:12px; color:#6b6b6b; line-height:13px;}
.footer-area ul{margin-bottom:7px;}
.footer-area ul li{display:inline-table; padding:0 8px; margin-bottom:8px; border-left:1px #6b6b6b solid;}
.footer-area ul li:first-child{border-left:none;}
.footer-area ul li a{color:#6b6b6b;}
.footer-area ul li a:hover{color:#e86f02;}
.footer-area p span{color:#f14103;}


.matter{ position:relative; z-index:200;}

.inner-content{width:63%; margin-bottom:25px; float:left;}
.inner-content h1{text-transform:uppercase; margin-bottom:20px; display:block; overflow:hidden; color:#f14103; font-weight:600; font-size:30px;}
.inner-content h2{display:block; clear:both; margin-bottom:15px; color:#00285f; font-weight:600;}
.inner-content h3{display:block; clear:both; margin-bottom:0px; line-height:22px; color:#0066CC;}

.inner-content p{display:block; overflow:hidden; clear:both; text-align:justify; margin-bottom:15px;}

.inner-content ul{display:block; clear:both; margin-bottom:15px;}
.inner-content ul li{margin-bottom:5px;}
.inner-content ul li:before{content:"\2022"; color:#ec872c; font-size:30px; line-height:10px; position:relative; top:6px; padding-right:5px;}



.inner-right{width:32%; margin:50px 2% 0; float:right;}
.inner-right li{width:auto!important; float:none!important; display:block; overflow:hidden; clear:both; margin-bottom:20px!important;}


.useful-links{display:block; overflow:hidden; clear:both; text-align:center;}
.useful-links li{display:inline-table; width:45%; margin:0 1% 20px; padding:1%;}
.useful-links li div{padding:25px 0; background:#eee;
background: rgb(254,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%, rgba(220,236,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(40%,rgba(254,255,255,1)), color-stop(100%,rgba(220,236,242,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%,rgba(220,236,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%,rgba(220,236,242,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%,rgba(220,236,242,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(254,255,255,1) 40%,rgba(220,236,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#dcecf2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.useful-links li p{text-align:center; clear:both; display:block; overflow:hidden; padding:5px; border:1px rgba(220,236,242,1) solid;}
.useful-links li a{color:#161616;}
.useful-links li a:hover{text-decoration:none; color:#f14103;}
.useful-links li a:hover div{
background: rgb(254,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(40%,rgba(254,255,255,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%,rgba(225,225,225,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(254,255,255,1) 40%,rgba(225,225,225,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(254,255,255,1) 40%,rgba(225,225,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



placeholder{ font-size:12px;}
.contact-form input[type="text"], .contact-form textarea{width: 65%; clear:both;
resize: none; margin: 10px 0 0px 0;
padding: 10px; border-bottom:0px solid #333333; border-right:none; border-left:none; border-top:none;  background-color: #eaeaea;  font-family:'Open Sans'; font-size:12px; color:#343434;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.contact-form input[type="text"]:focus{color:#000;}
.contact-form input[type="submit"]{float:left; padding:8px 20px;  text-transform:uppercase; background:#00295d; color:#fff; font-weight:500; clear:both; border:none; margin-top:0px; cursor:pointer;}
.contact-form label{clear:both; padding:15px 0; display:block; overflow:hidden;}
.contact-form label p{clear:none; margin:0;}
.contact-form label input[type="checkbox"]{float:left; margin-right:10px; position:relative; top:3px;}

.small-car{padding:5px; float:left; background:#fff; margin:25px 0 15px; clear:both;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media all and (max-width: 980px) {
.wrap{width:96%;}
ul.mid-area-box li{width:32%; margin:.5%;}
ul.mid-area-box li:nth-child(2) div{width:45%;}
}

@media all and (max-width: 810px) {
ul.mid-area-box li{width:47.5%; margin:1%;}
ul.mid-area-box li:last-child{width:97.5%;}

.mid-footer div{clear:both; width:auto; float:none; display:block; overflow:hidden; padding:0 0 15px; margin-bottom:20px; border:none; border-bottom:1px #dbdbdb solid;}
.mid-footer div:last-child{padding-left:0; margin-bottom:0; padding-bottom:0;}

.inner-content, .inner-right{width:100%; margin:0; float:none; clear:both;}
.inner-content{padding-bottom:20px; margin-bottom:20px!important; border-bottom:2px #bebebe dotted; clear:both; display:block; overflow:hidden;}
.inner-right li{width:47.5%!important; float:left!important; clear:none!important; overflow:auto!important;}
.inner-right li:last-child{width:97.5%!important;}

}

@media all and (max-width: 650px){
ul.mid-area-box li:nth-child(2) div{width:48%;}

.inner-banner-img, .inner-banner-right{float:none; width:auto; display:block; overflow:hidden;}
}

@media all and (max-width: 490px){
ul.mid-area-box li, .inner-right li{width:97.5%!important;}
.useful-links li{width:auto; display:block; overflow:hidden; margin:0 5%;}

.logo{float:left; width:100%; text-align:center;}
.logo img{height:80px;}

.header-phone-no{width: 100%; padding: 10px; text-align: left; font-size: 20px; box-sizing: border-box;}


#menu-button{width: 40px!important; height: 40px!important; padding: 0!important; position: absolute!important; top: -55px!important; right: 15px!important; background: #01214c!important;}

}

@media all and (max-width: 370px){
.logo{display:block; overflow:hidden; width:auto; padding:0; margin:0; text-align:center; float:none; border-bottom:1px #325482 dotted;}
.header-phone-no{float:none; display:block; overflow:hidden; text-align:center; clear:both; padding:10px 0;}

.contact-form input[type="text"], .contact-form textarea{width: 93%;}

}






/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}






/*-----------table------------------*/

table { 
width: 100%; margin-bottom:25px;
border-collapse: collapse; 
}
/* Zebra striping */
tr { 
background: #bcd7ff; border-bottom:1px #fff solid;
}
th { 
background: #093f8e; 
color: white; 
font-weight: 600; 
}

td, th { 
padding: 4px 6px; 

text-align: left; 
}

/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 360px),
	(min-device-width: 320px) and (max-device-width: 360px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr {  }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			position: relative;
		}
		
		
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 360px) {
		
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		
	}




/*-----------table------------------*/