* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none;}
body { font-family: 'Open Sans', sans-serif; font-size:18px; line-height:32px; color:#3e3e35; }
h1, h2, h3, h4, h5, h6, h7 { line-height:120%; padding:5px 0 0 0; font-weight:300; margin-bottom:00px; color:#000; font-family: 'Montserrat', sans-serif; }
.space-line {  width:100px; height:2px; background-color:#000; display:inline-block; margin:10px 0 15px 0;}
.space-after { margin-bottom:50px; }
h1 { font-size:60px; padding-bottom:10px;}
h1.clear { margin: 0; padding: 0; line-height: 60px;}
h2 { font-size:52px;}
h3 { font-size:42px;}
h4 { font-size:34px;}
h5 { font-size:26px;}
h6 { font-size:20px;}
.clear-float { clear:both;}
a { text-decoration:none; color:inherit; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
p { margin-bottom:10px;}
.text-links { color:#000;}
.text-links:hover { color:#f00;}
.box-links { background-color:#06F; color:#fff; display:inline-block; padding:5px 15px;}
img { max-width:100%; margin:0; padding:0; font-size:0; display:block;}
ul { margin: 0; padding: 0; list-style: none;}
ul li { padding-left: 25px; position: relative;}
ul li:before { content: "\f06c"; font-family: FontAwesome; font-size: 13px; color: #8fc74a; position: absolute; left: 0; top: 0px;}
ul.clear li { padding-left: 0;}
ul.clear li:before { display: none;}
.spl-text { color: #f00; }
.text-30 { font-size: 30px; line-height: 42px; font-weight: 400; }
.full-img { width: 100%; }

.wrapper-1000 { width:1000px; margin:0 auto; position:relative;}
.wrapper-1200 { width:1200px; margin:0 auto; position:relative;}
.wrapper-90p { width:95%; margin:0 auto; }
.flex-box, .mob-flex-box { display: flex; align-items: center; justify-content: center; }
.flex-content-top { align-items: flex-start;}
.flex-grow { flex-grow: 1;}
.flex-box.reverse, .mob-flex-box.reverse { flex-direction: row-reverse; }
.flex-2 { flex-wrap: wrap; }
.flex-2 .flex-child-item { width:50%; }

.text-center { text-align: center; justify-content: center; }
.text-right { text-align: right; justify-content: flex-end; }
.text-left { text-align:left; justify-content: flex-start; }

header { color: #fff; position: absolute; width: 100%; left: 0; top: 0; z-index: 100;}
.header-1 .social-icon { color:rgb(255 255 255 / 50%); }
.header-1 .social-icon:hover { color:rgb(255 255 255 / 100%); }
.header-2 { position:sticky; top: 0; }
.logo { display:block; padding: 10px 0; }
.logo img { display: inline-block;} 
.social-icons { padding : 0 10px; text-align: right; justify-content: flex-end; margin-bottom: 10px; }
.social-icon { font-size: 16px; padding: 5px 10px;}
.main-link-ul { justify-content: flex-end; }
.main-link-ul li { flex-grow: 0;}
.main-link { position:relative; text-align: center; padding: 0px 0px; margin: 0 15px; line-height: 40px; display: block; color:rgb(255 255 255); text-transform: uppercase; font-size:15px; letter-spacing: 1px;}
.main-link:after { content:""; width:0%; height: 2px; background-color:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:0; display:block; transition:all ease-out 0.3s; }
.main-link:hover, .main-link.active { }
.main-link:hover:after, .main-link.active:after { width: 100%;}

.sub-link-ul { text-align: center; background-color: rgb(0 0 0/ 0.6); position: absolute; width: 100%; transform: translateY(20px); opacity: 0; visibility: hidden;  transition: all ease-out 0.4s;}
.main-link-ul li:hover .sub-link-ul { transform: translateY(00px); opacity: 1; visibility: visible; }
.sub-link { position:relative; text-align: center; padding: 10px 10px; margin: 0; line-height: 23px; display: block; color:rgb(255 255 255); text-transform: uppercase; font-size:12px; letter-spacing: 1px; color: #fff;}
.sub-link:hover { background-color: rgb(0 0 0/ 0.8);}

.extra-padding { padding:8% 10%;}
.extra-padding-rl { padding: 0 10%; }
.extra-padding-tb { padding: 10% 0; }
.mid-padding { padding:4% 5%;}
.mid-padding-rl { padding:0% 5%;}
.mid-padding-tb { padding:5% 0;}
.low-padding { padding:2% 3%;}
.padding-bottom-0 { padding-bottom:0;}
.fix-padding-20 { padding:20px;}

.read-more { padding: 10px 50px; color:#fff; font-size: 20px; background-color: #0b2f71; display: inline-block; }
.read-more:hover { background-color:#000; color:#fff;}

.main-banner-bg { background: url("../images/main-banner.jpg") center center no-repeat; background-size: cover; }
.main-banner-text { width: 1000px;  text-align: center; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); }
.main-banner-text * { color:#fff;}
.main-banner-text .read-more { color:#000; background-color: rgb(255 255 255/ 50%);}
.main-banner-text .read-more:hover { background-color: rgb(255 255 255/ 100%); }

.inner-banner-bg { background: url("../images/main-banner.jpg") center center no-repeat; background-size: cover; min-height: 400px; position: relative; }
.inner-banner-text { width: 100%;  text-align: center; position: absolute; left: 50%; top:70%; transform: translate(-50%, -50%); }
.inner-banner-text * { color:#fff;}

.recent-blogs-list { flex-wrap: wrap; justify-content: space-between; }
.recent-blogs-list .recent-blogs-item { width:32.83%; margin:0.5% 0; padding:20px; background-color: rgb(0 0 0 / 50%); border-radius: 20px; color:#fff; }
.our-benefits-items .flex-child-item img, .our-benefits-items .flex-child-item h4 { display: inline-block; }

/* form */
.form-ul li { display: block; }
.form-field{ padding:15px 10px; line-height:20px; font-size:16px; border:none; border:solid 1px #999; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; position:relative; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px;}
.form-field:disabled{ background-color:#E9E9E9;}
.form-btn{ cursor:pointer; font-size:16px; text-align:center; display:inline-block; line-height:30px; margin-top:20px; padding:5px 30px; position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; border:none; border-radius:10px; -webkit-border-radius:10px; background-color:#f00; color:#fff;}
.form-btn:hover{ background-color:#000;}
.form-response{ background-color:#c4e9f3; color:#000; padding:10px; margin-top:10px; overflow:auto;}
.form-response a, .form-response h2{ background-color:#94cddc; padding:2px 5px; border-radius:5px; -webkit-border-radius:5px;}
.form-response h2{ display:inline-block;}
.form-response a:hover{ background-color:#fff;}
.form-response ul{ text-align:left; width:100%; display:block; padding:10px 5px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-response ul li{ background-color:#94cddc;}

footer { text-align: center; }
footer .social-icons { justify-content:center; }

@media screen and (max-width:1000px){
	.wrapper-1000, .wrapper-1200, .wrapper-90p { width:90%; margin:0 auto; }
	.flex-box { display: block; }
	.flex-2 { width:100%; }
	.mob-flex-box { display: flex; align-items: center; justify-content: center; }
	.mob-hide { display:none !important;}
	
	header { position:relative; background-color: #000; }
	.main-menu-wrapper { display:none; }
	.menu-icon { display:block; width:50px; height:50px; position:relative; }
	.menu-icon-bar { width:70%; height: 2px; background-color: #fff; display: block; position:absolute; left: 15%; top:50%; transition: all ease-out 0.3s; }
	.menu-icon-bar:nth-child(1){ transform: translateY(-9px); }
	.menu-icon-bar:nth-child(3){ transform: translateY(9px); }
	.main-banner-bg { overflow: hidden; }
	.main-banner-text { position: relative; left: 0; top: 0; width: 100%; transform:none; margin: 50px auto;}
	.sub-link-ul { 	transform: translateY(0px); opacity: 1; visibility: visible; position: relative; }
	.main-link { padding: 15px 0; }
	.logo { width: 240px; }
	.recent-blogs-list .recent-blogs-item { width: 100%; }
	.flex-2 .flex-child-item { width: 100%; }
	
	h1 { font-size:42px; }
	h2 { font-size:38px;}
	h3 { font-size:34px;}
	h4 { font-size:30px;}
	h5 { font-size:24px;}
	h6 { font-size:20px;}
}