@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Gudea');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


#hService{
	margin: 20px auto;
}
.hSerCont{
	text-align: center;
	margin-top: 10px;
}
.hSerCont h3{
	color: #1e4d8a;
}
.hSerImg{
	height: 200px;
}
.hSerCont p{}
.hSerImg img{
	width: 100%;
	height: 100%;
}
.ql-links h5{
	color: #1e4d8a;
    font-size: 1.2em;
    line-height: normal;
	font-weight: 500;
    margin-bottom: 18px;
}
.ql-links h4{
	color: #1e4d8a;
    font-size: 1em;
}
.ql-links a{
	cursor: pointer;
}
.ql-links i{
	font-size: 24px;
	margin-left: 2.5px;
	color: hsla(0,0%,45%,1.00);
	cursor: pointer;
}
.clear{clear: both;}
.ql-links{
	width:21.875%;
	border-right: 1px solid #0e97d5;
	padding: 0 10px 0 10px;
	float: left;
	margin: 20px 0;
	height: 230px;
}
.ql-links ul{
	list-style: none;	
	margin: 0;padding: 0;
}
.ql-links ul li a{
	font-size: 14px;
}
.box2{
	float: left;
	width: 50%;
	text-align: center;
	padding: 20px 0;
}
.box2 a{
	text-decoration: none;
	color: #fff;
	line-height: 0.5em;
	font-size: 2.4em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.box2 a:hover{
	text-decoration: none;
	color: #fff;
}
.i{
	float: left;
	color: #1e4d8a;
	width: 13.75%;
	margin-left: 2.5%;
	text-align: center;
	font-size: 2.6em;
	border: 1px solid #0e97d5;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 2em;
}
.i-text{
	font-size: 14px;
	line-height: 1em;
	color: #0e97d5;
	cursor: pointer;
	text-decoration: none;
}
.i-text:hover{
	color:#1e4d8a;
	text-decoration: none;
}
.bottom-banner{
	width: 100%;
	background:url(../images/1.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 5% 0 0 0;
	margin: 0;
}
.bottom-banner h5{
	font-size: 35px;
	font-weight: 550;
	text-align: center;
	color: #ffcc00;
}
.bottom-banner p{
	text-align: center;
}
.col-6{
	width: 46.25%;
	margin-left: 2.5%;
	float: left;
	background: hsla(180,9%,35%,0.56);
	height: 100px;
	margin-bottom: 10px;
}
.col-6 p{
	display:inline;
	margin: 0;padding: 0;
}
.bottom-bar{
	height: 100px;
	background: hsla(0,0%,80%,0.64);
	padding: 10px 0;
	vertical-align: middle;
	margin-top: 20px;
}
.bottom-bar .col-md-3{
	text-align: center;
}
.col-3{
	width: 12.5%;
	float: left;
	margin-left: 10%;
	vertical-align: middle;
	padding: 8px 0;
}
.frst-logo{
	padding: 18px 0;
}
.col-12{
	width: 100%;
	text-align: center;
	height: 400px;
	padding: 50px 0;
}
.col-md-12 h2{
	font-size: 35px;
	margin: 0;
	color: #FFFFFF;
	font-weight: 500;
}
.col-md-12 p{
	padding-bottom: 20px;
	margin: 0;
	color:aliceblue ;
}
.strt-here{
	color: azure;
	font-size: 24px;
	background: #1e4d8a;
	border: none;
	border-radius: 3px;
	padding: 17px 40px;
	margin-top: 30px;
}
.strt-here a{
	list-style: none;
	text-decoration: none;
	color: aliceblue;
	font-weight: 500;
}
.strt-here a:hover{
	text-decoration: none;
	color: aliceblue;
}
.strt-here:hover{
	 box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.joining{
	color:#ffcc00;
	font-size: 48px;
    font-weight: 400;
    margin-bottom: 30px;text-align: center;
}
.ab-col-6{
	width: 46.25%;
	padding:0 1.25%;
	float: left;
}
.ab-col-6 img{
	width: 100%;
}
.col3{
	width:21%;
	height: 200px;
	background:#CFCFCF;
	float: left;
	margin-left: 2.5%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
	position: relative;
}
.col3 a{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 46px;
	color: #a7a7a7;
	letter-spacing: 2px;
	font-weight: lighter;
}
.col3 a{
	text-decoration: none;
	font-size: 36px;
}
.con1 input{
	width: 45%;
	margin-left: 2.5%;
	line-height:20px;
    padding: 12px 8px!important;
	margin-bottom: 20px;
}
.con1 textarea{
	margin:0 2.5%;
	padding: 2.5% 8px!important;
	width: 93%;
}
.r-btn{
	padding: 10px 15px;
	border-radius: 30px;
	font-size:inherit;
	border: none;
	background: hsla(208,66%,18%,1.00);
	color: aliceblue;
	float: right;
}
#logo{
	margin: 0;padding: 0;
	width: 15%;
	float: left;
}
#logo img{width: 100%;}
#Qpop{
	display: none;
	z-index: 9999;
	position: fixed;
	top: 10%;
	left: 25%;
	width: 50%;
}
#Qpop #getquote{
	padding: 10px;
	border:10px solid hsla(0,100%,99%,1.00);
	border-radius: 2%;
}
#Qpop #getquote .submitbtn{
	width: 100px !important;
}
#quote{
	color: aliceblue;
	border-radius: 2px;
	border: none;
	background: #0e97d5;
	border-bottom: none;
	transition: all 1s;
	font-size: 1.2em;
}
#abBanner{
	height: 580px;
	position: relative;
}


#abBanner #abContent{
	position: absolute;
	top: 20%;
	left: 25%;
	width: 700px;
	height: 400px;
	text-align: center;
}
#abContent h1{
	font-weight: 400;
	font:small-caps; 
	color: #ffcc00;
}
#quote:hover{
	 box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	color: #33cc66 ;
	background:#ffcc00;
	border: none;
}
#quote button{
	border: none;
	background: none;
}
#navigation{
	margin:25px 0;
	float: right;
}

#team{
	padding: 50px 0px;
	background: #37ce69;
}
#team h1{
	color: #fff;
	text-align: center;
	padding: 20px 0px;
}
.image{
	position: relative;
	cursor: pointer;
}
.teamcontent{
	position: absolute;
	bottom: 0;
	background: #1e4d8a;
	color: #fff;
	width: 100%;
	padding: 10px;
	overflow: hidden;
}
.hidden{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: -100%;
}
.image:hover .hidden{
	top: 10px;
	opacity: 1;
	visibility: visible;
	color: #fff;
	transition: 0.5s all;
}
.image:hover .shown{
	visibility: hidden;
	opacity: 0;
	transition: 0.5s all;
}
.image:hover .teamcontent{
	background: none;
}
.image:hover img{
	opacity: 0.7;
	transition: 0.5s opacity;
}
#team .col-md-3{
	padding: 0px !important;
}
#popupteam{
	position: fixed;
	top: -100%;
	background: #fff;
	padding: 30px 15px;
	width: 50%;
	margin-left: 25%;
	z-index: 999999;
	border-radius: 7px;
	color: #000;
	border: 4px solid #37ce69;
	transition: 0.5s all;
}


#banner-bottom,.cont1{text-align: center;}

#banner-H2{
	background: #1e4d8a;
	margin: 0;padding: 25px 0;
	text-align: center;
}
#r-pic{
	border-radius: 50%;
	border: 5px solid #fff;
	width: 120px;
	height: 120px;
	background: url(../images/r-pic.png);
	margin: 30px auto;
}
#Name{
	font-size: 28px;
	font-weight: 500;
	color: #fff;
	margin: 10px auto;
}
#banner-H3{
	padding: 20px;
	text-align: center;
}
#banner-H3 h2{
	font-size: 35px;
	margin: 0;
	color: #000000;
	font-weight: 500;
}
#copyrights{
	width: 100%;
	height: 70px;
	margin: 0;
	border-top: 2px solid #0e97d5;
}
#copyrights img{width: 100%;}

#about2{
	text-align: center;
	padding: 30px 0;
}
#about2 img{
	width: 100%;
}

#icons{
	background:rgba(233,240,255,1.00);
}
.sol{
	height: 500px;
	padding: 50px 0;
}
.sol .col-md-5 img{
	width: 100%;
}
.sol .col-md-7{
	padding-top:50px ;
}
.sol .col-md-7 ul{
	margin: 0;padding: 0;
}
.sol .col-md-7 ul li{
	list-style: none;
}
.sol .col-md-7 ul li:before {
  content: '✓';
}/*
#review{
	color: #ffcc00;
	text-decoration: none;
	transition: all 1s;
	font-size: 20px;
}
#review:hover{color:#3c6;}*/

/*reviews page*/

#revbanner{
	width: 100%;
	position: relative;
}
#revbanner img{
	width: 100%;
}
#revbanner h1{
	font-size: 60px;
	color: #fff;
	top: 30%;
	position: absolute;
	width: 100%;
	text-align: center;
}
.comment{
	padding: 30px 0px;
}
.comment h3{
	font-weight: bolder;
	font-size: 30px;
	padding: 0px;
	margin: 20px 0px;
}
.comment .text0{
	max-width: 80%;
}
.comment p{
	font-size: 25px;
	padding: 0px 20px;
}
.comment .faceimg{
	height: 200px;
	width: 200px;
	border-radius: 50%;
}
.bluerev .text0{
	float: left;
}
.bluerev .faceimg{
	float: right;
}
.whiterev .text0{
	float: right;
}
.whiterev .faceimg{
	float: left;
}
.bluerev{
	background: #1e4d8a;
	color: #fff;
}
.bluerev p{
	border-left: 5px solid #ffcc00;
}
.bluerev .faceimg{
	border: 5px solid #ffcc00;	
}
.whiterev{
	background: #fff;
}
.whiterev p{
	border-left: 5px solid #37ce69;
}
.whiterev .faceimg{
	border: 5px solid #37ce69;	
}
.bluerev i{
	color: #000;
}
.gold{
	color: #ffcc00 !important;	
}
#visMis{background: #F4F4F4;padding: 20px 0;}
#about1{
	padding: 20px 0;
	text-align: center;
}
#about1 h1{
    font-size: 48px;
    font-weight: 400;
}
#serv{margin-top: 20px;}
#serv .col-md-6{
	height: 400px;
}
.servcont{
	padding: 70px 10px;
	background:hsla(0,0%,97%,1.00);
	text-align: center;
}
.servcont h1{
	font-size: 36px;
}
.servcont p{
	font-size: 20px;
}
.servcont button{
	border: none;
	background: #1e4d8a;
	color: aliceblue;
	font-size: 18px;
	padding: 10px 10px;
	font-weight: 400;
	border-radius: 2px;
}
.servcont button:hover{
	background: #ffcc00;
}
#serv img{
	width: 100%;
}
.sli-text{
	position: absolute;
	bottom:18%;
	width: 100%;
	color: #fff;
	background: hsla(0,0%,0%,0.56);
	padding: 10px 10px;
	text-align: center;
}
.srvImg{
	padding: 20px 10px;
}
.srvImg img,.portImg img{
	width: 100%;
}
#pro1,#pro2,#pro3,#pro4,#pro5{
	position: fixed;
	top: 2%;
	left: 25%;
	width: 700px;
	height:600px;
	padding:0 20px;
	display: none;
	z-index: 999;
	border: 8px solid white;
	border-radius: 10px;
	overflow-y: hidden;
}
#pro1{background: #1e4d8a;}
#pro2{background: #33cc66;}
#pro3{background: #fc0;}
#pro4{background: #0f97d5;}
#pro5{background: #33cc66;}
#pro1 img,#pro2 img,#pro3 img,#pro4 img,#pro5 img{
	width: 100%;
}
.portImg{
	height: 375px;
	overflow: hidden;
	border:2px solid hsla(0,0%,17%,1.00);
}
.portImg img{
	transition: all 2s ease;
	height: 100%;
}
.port{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.port:hover .portCont{
	display: block;
}
.portCont{
	position: absolute;
	top: 0%;
	left: 4%;
	right: 4%;
	display: none;
	text-align: center;
	padding:70% 20%;
	transition: all 2s ease;
}
.portCont a{
	text-decoration: none;
	color: aliceblue;
}
.portCont a:hover{
	text-decoration: none;
	color: aliceblue;
}
.portCont h3{
	background: hsla(0,0%,0%,1.00);
	padding: 10px 5px;
	border-radius: 2px;
}
.port:hover .portImg{
	opacity: 0.7;
	transition: all 1s;
}
.port:hover .portImg img{
	transform: scale(1.5);
}
.po1{
	background: hsla(48,100%,50%,0.50);
	background-size: cover;
}
.po2{
	background: hsla(140,60%,50%,0.50);
}
.po3{
	background: hsla(199,88%,45%,0.50);
}
.hide{
	display: none;
}
.seeAll{
	border: none;
	padding: 10px 5px;
	color: aliceblue;
	background: #33cc65;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}
.seeAll i{
	font-size: 15px;
}
.contgr img,.contye img{
	width: 100%;
}
.contgr,.contye{
	margin-top:5%;
}
.contgr,.contye{
	position: relative;
}
.contgr h3,.contye h3{color: #1e4d8a;}
.contgr p,.contye p{color:white;font-size: 24px;}
.contgr .CgrPara,.contye .CyePara{
	position: absolute;
	top: 10%;
	padding: 10px 0;
}
.contgr a,.contye a{position: absolute;top: 18px;padding: 5px;color: #1e4d8a;transition: all 1s;border: 2px solid #1e4d8a;
}
.contgr a:hover,.contye a:hover{;color: #0e97d5;
  box-shadow: 5px 5px;}
.contgr a{right: 20px;}
.contye a{left: 15px;}
.contgr .CgrPara{left: 10%;}
.contye .CyePara{right: 10%;text-align: right;}


.subsec{
	padding: 50px 0px;
}
.subsec h1{
	padding: 20px 0px;
	text-align: center;
}
.blue{
	background: #1e4d8a;
}
.white{
	background: #efefef;
}





.r-btn{
	padding: 10px 15px;
	border-radius: 30px;
	font-size:inherit;
	border: none;
	background: hsla(208,66%,18%,1.00);
	color: aliceblue;
}
/*new jobs css*/
/*Jobs Page*/

#jobsbanner{
	position: relative;
	width: 100%;
}
#jobsbanner img{
	width: 100%;
	filter: brightness(60%);
}
#jobsbanner h1{
	position: absolute;
	top: 35%;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 60px;
}
#jobs{
	background: #26a0d7;
	color: #fff;
	padding: 50px 0px;
	text-align: center;
}
#jobs .col-md-6{
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px;
	margin-left: 2%;
	max-width: 47%;
}
#jobs .left{
	float: left;
}
#jobs .right{
	float: right;
}
#jobs h2 {
    margin-top: -50px;
    padding: 10px 5px;
    border: 1px solid #fff;
    background: #37ce69;
    width: 70%;
    margin-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#jobs h3{
	font-size: 20px;
	font-weight: bolder;
}
#jobs button{
	color: #fff;
	border: 0px;
	padding: 10px;
	transition: 0.5s all;
	cursor: pointer;
	border-radius: 5px;
	outline: none;
}
#jobs button:hover{
	background: #37ce69 !important;
}
#jobs .blue{
	border: 1px solid #fff;
	color: #fff;
}
#jobs .blue p{
	color: #fff;
}
#jobs .blue button{
	background: #ffcc00;
}
#apply{
	width: 50%;
	margin-left: 25%;
	top: -300%;
	padding: 20px;
	position: fixed;
	background: #fff;
	z-index: 999999;
	border-radius: 5px;
	transition: 0.5s all;
}
#apply .label{
	position: relative;
	overflow: hidden;
}
#apply label{
	margin: 0px;
	color: #ffcc00;
}
#apply label p{
	position: absolute;
	top: 100%;
	width: 100%;
	transition: 0.2s all;
}
#apply .col6{
	width: 47%;
	margin-left: 2%;
	float: left;
	margin-top: 20px;
}
#apply input{
	width: 100%;
	padding: 5px;
	outline: none;
	border: 2px solid #ddd;
	transition: 0.5s all;
}
#apply button{
	padding: 8px;
	background: #37ce69;
	border: 0px;
	border-radius: 5px;
	color: #fff;
	width: 20%;
	margin: 10px auto;
	display: block;
	cursor: pointer;
	outline: none;
	transition: 0.5s all;
}
#apply button:hover{
	background: #ffcc00;
}
.close{
	position: absolute;
	top: -32px;
	right: 0px;
	color: #fff !important;
	font-size: 30px !important;
}
#apply .tabs{
	border-bottom: 1px solid #ccc;
}
#apply .tabs p{
	float: left;
	padding: 5px 20px;
	display: block;
	cursor: pointer;
	transition: 0.5s all;
}
#apply .tabs .active{
	color: #37ce69;
}




/*Contact Page*/
#conbanner{
	width: 100%;
	position: relative;
}
#conbanner img{
	width: 100%;
}
#conbanner h1{
	position: absolute;
	top: 35%;
	color: #fff;
	font-size: 60px;
	text-align: center;
	width: 100%;
}
#contact {
	background: #1e4d8a;
	padding: 50px 0px;
}
.message{
	background: #ffcc00;
	color: #fff;
	padding: 0px;
	transition: 0.5s all;
}
.message h1{
	text-align: center;
}
.message input{
	margin-left: 2%;
	width: 47%;
	margin-top: 2%;
	padding: 5px 10px;
	border: 0px;
	outline: none;
}
.message textarea{
	margin-left: 2%;
	width: 96.8%;
	margin-top: 2%;
	padding: 5px 10px;
	border: 0px;
}
.message button{
	text-align: center;
	width: 30%;
	margin-left: 35%;
	background: #37ce69;
	color: #fff;
	border: 0px;
	cursor: pointer;
	padding: 10px;
	margin-top: 2%;
	border-radius: 5px;
	transition: 0.5s all;
}
.message button:hover{
	background: #1e4d8a;
}
.message:hover{
	background: url(../images/message.jpg);
	background-size: cover;
	background-position: center;
}
.indiv{
	padding: 30px 10px;
	background: none;
	height: 100%;
	transition: 0.5s all;
}
.message:hover .indiv{
	background: rgba(255,204,0,0.5);
}
.talk{
	background: #37ce69;
	color: #fff;
	padding: 0px;
	transition: 0.5s all;
}
.talk h1{
	text-align: center;
}
.talk:hover{
	background: url(../images/talk.jpg);
	background-size: cover;
	background-position: center;
}
.talk:hover .indiv{
	background: rgba(55,205,105,0.7);
}
.talk i{
	float: left;
	font-size: 20px;
	padding: 10px;
	width: 10%;
	margin-top: 20px;
	transition: 0.5s all;
}
.det:hover i{
	transform: rotateY(360deg);
}
.talk a{
	margin-top: 20px;
	font-size: 20px;
	padding: 4px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
#contact h1{
	text-align: center;
	color: #fff;
	margin: 20px 0px;
}
.mainbox{
	position: relative;
}
.upbox,.underbox{
	padding: 30px 0px;
}
.upbox{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 200px;
	transition: 0.5s all;
}
.greenbox{
	background: #37ce69;
}
.bluebox{
	background: #26a0d7;
}
.yellbox{
	background: #ffcc00;
}
.underbox{
	background: #efefef;
	height: 200px;
	padding: 20px;
}
.underbox i, .underbox a{
	font-size: 20px;
}
.mainbox:hover .upbox{
	top: -100%;
}

/*
.job-cat{    padding: 20px 0;
}
.job-cat h3{
	font-size: 1.5em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", montserrat,"sans-serif";
	font-weight: normal;
	color: #0e97d5;
}
.job-cat p{
	color: #474747;
}
**********read more***************
.collapse{
	display: none;
	transition: all 1s;
}
*/
/***********Apply****************/
*{box-sizing: border-box;}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  border: none;
  cursor: pointer;
	padding: 10px 15px;
	border-radius: 30px;
	font-size:inherit;
	background: hsla(208,66%,18%,1.00);
	color: aliceblue;
	float: right;
}
/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  left:30%;
  top:10%;
  border: 3px solid #f1f1f1;
  z-index: 9;
 }

/* Add styles to the form container */
.form-container {
  padding: 5px 15px;
  background-color:hsla(0,0%,100%,1.00);
	width: 650px;
}
.form-container h1{
	margin: 0;
}
.form-popup label{
	font-size: 1em;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", montserrat,"sans-serif";
    font-weight: normal;
    color: #0e97d5;
}
/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password], .form-container select {
  width: 100%;
  padding: 5px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  margin-bottom:10px;
  opacity: 0.8;
	float: right;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
	height: 26px;
	width: 30px;
	color: aliceblue;
	font-size: 24px;
	padding: 0;
	background: red;
}
.form-container p{
	margin: 0;padding: 0;
}
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
/*Home Page*/

body{
	margin: 0px;
	padding: 0px;
	font-family: 'Gudea', sans-serif;
}
.wrapper{
	transition: 0.5s all;
}
h1{
	color: #37ce69;	
	font-size: 50px;
}
h1 span{
	color: #ffcc00;
}
.container{
	width: 90% !important;
	margin: 0px auto !important;
}
.clear{
	clear: both;
}
header{
	position: absolute;
	background: transparent;
	width: 100%;
	z-index: 9999;
}
header .logo{
	width: 15%;
	float: left;
}
.logo img{
	width: 100%;
}
nav{
	float: right;
}
nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul li{
	float: left;
	position: relative;
}
nav ul li a{
	display: block;
	padding: 30px 10px;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: 0.5s all;
}
nav ul li a:hover{
	color: #34cd67;
	text-decoration: none;
	border-bottom: 1px solid #fdd11f;
}
.row1{
	width: 100%;
}
.row1 .list1{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.row1 .list2{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.row1 ul li{
	float: left;
	border-left: 1px solid #fff;
}
.row1 ul li:first-child{
	border-left: 0px;
}
.row1 ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
	font-size: 13px;
	transition: 0.5s all;
}
.row1 ul li a:hover{
	color: #34cd67;
}
.row1 ul li i{
	font-size: 20px;
}
.header2{
	position: fixed;
	top: 0;
	width: 100%;
	background: #efefef;
	display: none;
	box-shadow: 0px 0px 20px 0px #000;
}
.header2 .icon{
	float: left;
	width: 15%;
	padding: 25px 0px;
	cursor: pointer;
	font-size: 20px;
}
.header2 .logo{
	width: 70%;
	text-align: center;
	float: left;
}
.header2 .logo img{
	width: 20%;
}
.header2 .mybtn{
	width: 15%;
	text-align: center;
	background: #37ce69;
	padding: 15px;
	border-radius: 5px;
	margin: 15px 0px;
	display: block;
	float: right;
	color: #fff;
	text-decoration: none;
	transition: 0.5s all;
}
.header2 .mybtn:hover{
	background: #ffcc00;
}
.header2 nav{
	float: none;
	position: fixed;
	background-image: url(../images/nav-bg.png);
	background-size: cover;
	background-position: center;
	margin-left: -8.85%;
	width: 100%;
	height: 100%;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
	display: none;
}
.header2 nav ul li{
	float: none;
	text-align: center;
}
.header2 nav ul li a{
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 25px 0px;
}
.header2 nav ul li a:hover{
	color: #37ce69;
}
.carousel-caption {
	top: 60%;
}
.mycap{
	background: rgba(14,150,212,0.8);
	padding: 20px;
	border: 1px solid #37ce69;
	border-radius: 5px;
}
#close{
	display: none;
}
#myquote{
	background: #1e4d8a;
	padding: 20px 0px;
	color: #fff;
}
#myquote .txt{
	float: left;
}
#myquote a{
	width: 15%;
	text-align: center;
	background: #37ce69;
	padding: 15px;
	border-radius: 5px;
	margin: 15px 0px;
	display: block;
	float: right;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: 0.5s all;
}
#myquote a:hover{
	background: #ffcc00;
}
#about{
	background: #efefef;
	padding: 50px 0px;
	text-align: center;
}
#about p{
	color: #1e4d8a;
	width: 50%;
	margin-left: 25%;
	font-size: 20px;
	text-align: justify;
}
#services{
	background: #1e4d8a;
	padding: 50px 0px;
	text-align: center;
}
.col66{
	width: 50%;
	float: left;
	height: 400px;
}
.col66 p{
	text-align: justify;
}
.text{
	background: #fff;
	padding: 20px 80px;
}
.text h2{
	font-size: 40px;
	color: #1e4d8a;
}
.imgbox1{
	margin-top: 30px;
	border: 1px solid #fff;
	width: 60%;
	margin-left: 20%;
	border-radius: 5px;
	position: relative;
	height: 330px;	
}
.imgbox1 img{
	width: 100%;
	border-radius: 5px;
	top: -20px;
	left: -20px;
	position: absolute;
}
.imgbox2{
	margin-top: 30px;
	border: 1px solid #fff;
	width: 60%;
	margin-left: 20%;
	border-radius: 5px;
	position: relative;
	height: 330px;	
}
.imgbox2 img{
	width: 100%;
	border-radius: 5px;
	top: -20px;
	left: 20px;
	position: absolute;
}
.text a{
	display: inline-block;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	border-radius: 5px;
	color: #fff;
	transition: 0.5s all;
}
.more1{
	background: #ffcc00;
}
.more1:hover{
	background: #37ce69;
}
.more2{
	background: #37ce69;
}
.more2:hover{
	background: #ffcc00;
}
#portfolio{
	text-align: center;
	background-image: url(../images/home/port-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	padding: 50px 0px;
}
.card a{
	background: #0e97d5;
	padding: 10px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	transition: 0.5s all;
}
.card a:hover{
	background: #ffcc00;
}
.cardimg{
	position: relative !important;
}
.after{
	position: absolute;
	width: 100%;
	text-align: center;
	height: 100%;
	background: rgba(14,151,213,0.6);
	top:-110%;
	transition: 0.5s all;
}
.card:hover .after{
	top: 0;
}
.after h2{
	margin-top: 80px;
	color: #fff;
}
.after a{
	background: #37ce69;
}
#reviews{
	background: #1e4d8a;
	padding: 50px 0px;
}
#reviews h1{
	text-align: center;
}
#reviews .carousel-caption{
	top: 0px;
}
#reviews .carousel-caption .mycap{
	background: none;
	border: 0px;
	padding: 0px;
	color: #fff;
}
#reviews .carousel-caption .mycap h3{
	margin-top: 20px;
	color: #37ce69;
	background-image: url(../images/home/quote1.png);
	background-size: contain;
	background-repeat:  no-repeat;
	background-position: left;
}
#reviews .carousel-caption .mycap p{
	color: #ffcc00;
	background-image: url(../images/home/quote2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right; 
}
#reviews .carousel-caption img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
#getquote{
	background-image: url(../images/home/getquote-back.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding: 50px 0px;
	text-align: center;
}
#getquote h1{
	color: #fff !important;
}
#getquote input{
	margin-left: 2%;
	width: 49%;
	border: 2px solid #fff;
	padding: 10px 2%;
	float: left;
	margin-top: 2%;
	outline: none;
	transition: 0.3s all;
}
#getquote select,#getquote textarea{
	width: 100%;
	border: 2px solid #fff;
	padding: 10px 2%;
	margin-top: 2%;
	outline: none;
	transition: 0.3s all;
}
.submitbtn{
	display: inline-block;
	width: 10% !important;
	padding: 10px 20px !important;
	background: #ffcc00;
	border: 0px !important;
	color: #fff;
	margin-left: 45% !important;
	border-radius: 7px;
	cursor: pointer;
	transition: 0.5s all;
}
.submitbtn:hover{
	background: #0e95d4;
}
#subs{
	background: #1e4d8a;
	text-align: center;
	padding: 50px 0px;
}
#subs input{
	padding: 5px;
	outline: none;
	border: 2px solid #ffcc00;
	margin: 20px 0px;
	width: 30%;
}
#subs .submit2{
	margin-left: -10px;
	background: #ffcc00 !important;
	color: #fff !important;
	cursor: pointer;
	width: 10%;
}
footer{
	background: #efefef;
	padding: 50px 0px;
	margin-top: 20px;
}
footer a{
	display: block;
	padding: 10px;
	color: #000;
	text-decoration: none;
	transition: 0.5s all;
}
footer a:hover{
	background: rgba(30,77,138,0.2);
	color: #fff;
	text-decoration: none;
}
footer i{
	font-size: 25px;
	margin-right: 10px;
	transition: 0.5s all;
}
footer a:hover #fb{
	color: #3b5998;
}
footer a:hover #tw{
	color: #38A1F3;
}
footer a:hover #insta{
	color: #3f729b;
}
.copy{
	padding: 20px 0px;
	text-align: center;
	background: #efefef;
	color: #000;
	box-shadow: 0px 0px 10px 0px #ddd;
}
.copy p{
	margin: 0;
	padding: 0;
}
#pricing{
	background: #37ce69;
	padding: 50px 0px;
	text-align: center;
}
#pricing h1{
	color: #fff !important;
}
.borbtm{
	border-bottom: 1px solid #ffcc00;
}
.tab{
	outline: none !important;
	background: #ccc;
	border: 1px solid #ccc;
	border-bottom: 0px;
	cursor: pointer;
	padding: 10px;
	color: #000;
}
.tab:hover{
	background: #efefef;
}
.activetab{
	background: #ffcc00;
	border-color: #ffcc00;
}
.activetab:hover{
	background: #ffcc00;
}
.content{
	border: 1px solid #ffcc00;
	border-top: 0px;
	padding: 30px;
}
.ent h1{
	background: #ffcc00;
}
.ent{
	background: rgba(255,204,0,0.4);
}
.stand h1{
	background: #26a0d7;
}
.stand{
	background: rgba(38,160,215,0.4);
}
.basic h1{
	background: #1e4d8a;
}
.basic{
	background: rgba(30,77,138,0.4);
}
.details{
	transition: 0.5s all;
	padding-bottom: 20px;
}
.details ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #fff;
}
.details ul li{
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}
.details ul label{
	float: left;
}
.details input, .details select{
	float: right;
	border: 0px;
	widows: 50%;
	padding: 5px;
	outline: none;
}
.details a{
	color: #fff;
	background: #ffcc00;
	padding: 10px;
	display: inline-block;
	margin: 10px;
	border-radius: 7px;
	text-decoration: none;
	transition: 0.5s all;
	position: absolute;
	bottom: 10px;
	left: 35%;
}
.details a:hover{
	background: #0e95d4;
}
.host{
	display: none;
}
.details span{
	font-size: 20px;
	font-weight: bolder;
}
#popupest{
	position: fixed;
	top: -100%;
	background: #fff;
	padding: 30px 15px;
	width: 50%;
	margin-left: 25%;
	z-index: 999999;
	border-radius: 7px;
	color: #000;
	border: 4px solid #37ce69;
	transition: 0.5s all;
}
#popupest span{
	float: right;
	color: #ffcc00;
}
#popupest ul{
	list-style: none;
}
.myclose1{
	position: absolute;
	top: -20px;
	right:-20px;
	background: #37ce69;
	color: #fff;
	border: 2px solid #fff;
	font-size: 15px;
	border-radius: 50%;
	padding: 10px 15px;
	cursor: pointer;
}
.myclose2{
	position: absolute;
	top: 10px;
	right:10px;
	background: #37ce69;
	color: #fff;
	border: 2px solid #fff;
	font-size: 15px;
	border-radius: 50%;
	padding: 10px 15px;
	cursor: pointer;
	z-index: 999;
}
.none{
	display: none;
}
.content{
	display: none;
}
#content1{
	display: block;
}
/*start about*/

#allbanners{
	width: 100%;
	position: relative;
}
#allbanners img{
	width: 100%;
}
.allbantxt{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}
.allbantxt h1{
	color: #fff;
	font-size: 80px;
}
#boxes{
	background: #efefef;
	text-align: center;
	padding-bottom: 50px;
}
.innerbox{
	padding: 10px;
	border-radius: 5px;
	background: #fff;
	width: 95%;
	margin-left: 2.5%;
	transition: 0.2s all;
	position: relative;
	height: 300px;
	overflow: hidden;
}
.innerbox img{
	width: 40%;
}
.text1,.text2{
	position: absolute;
	top: 0;
	width: 95%;
	text-align: center;
	transition: 0.2s all;
}
.text1 h1{
	margin-top: 50px;
}
.text2{
	opacity: 0;
	visibility: hidden;
	transform: rotateY(180deg);
	color: #1e4d8a;
}
.text2 p{
	text-align: justify;
}
.text2 img{
	position: absolute;
	z-index: -10;
	opacity: 0.5;
	width: 80%;
	top: 10%;
	right: -15%;
}
.box:hover .innerbox{
	transform: rotateY(180deg);
}
.box:hover .text1{
	opacity: 0;
	visibility: hidden;
}
.box:hover .text2{
	opacity: 1;
	visibility: visible;
}
#work{
	padding: 50px 0px;
	background: #ffcc00;
}
#work h1{
	text-align: center;
	color: #fff;
}
.innerworkbox{
	background: #efefef;
	text-align: center;
	border-radius: 5px;
	transition: 0.5s all;
	padding: 10px;
}
.innerworkbox h2{
	padding: 20px 0px 0px 0px;
}
.innerworkbox img{
	width: 100%;
}
.innerworkbox a{
	display: inline-block;
	padding: 10px 15px;
	background: #1398d5;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	transition: 0.5s all;
}
.innerworkbox a:hover{
	background: #ffcc00;
}


/*custom order form*/
.container9{
    background-color: rgba(30, 77, 138, 0.808);
    position: relative;
    max-width: 900px;
    border-radius: 6px;
    padding: 30px;
    margin: 30px 15px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.808)
}
#cof{
	background-image: url(../images/home/orderform.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}


#abBanner1{
	background-color:#1e4d8a;
	height: 120px;
	position: relative;

}

#cof li{
    list-style: none;
}

.btn
{
  background-color:  #37ce69;
  transition: 0.5s all;

}
.btn:hover
{
   background-color: #ffcc00;
}
.form-label, .form-check-label{
  color: #ffffff !important;
}

textarea {
	width: 100%;
	resize: none;
	font-size: 14px;
	padding: 5px;
	text-align: justify;
	display: none;
}
.form-check-input [type="radio"]{
	width: 15px;
	height: 15px;
	position: relative;
	margin-right: 5px;
	outline: none;
}





@media (min-width: 768px) {
  /* show 3 items */
  #portfolio .carousel-inner .active,
  #portfolio .carousel-inner .active + .carousel-item,
  #portfolio .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  #portfolio .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #portfolio .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #portfolio .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  #portfolio .carousel-inner .carousel-item-next,
  #portfolio .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  #portfolio .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  #portfolio .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #portfolio .carousel-item-next.carousel-item-left + .carousel-item,
  #portfolio .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  #portfolio .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;

  }

  /* farthest right hidden item must be abso position for animations */
  #portfolio .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  #portfolio .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #portfolio .carousel-item-prev.carousel-item-right + .carousel-item,
  #portfolio .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  #portfolio .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: block;
    visibility: visible;
  }

}
#open1{
	display: none;
}
#close1{
	display: none;
}





@media(min-width: 0px) and (max-width: 1000px){
	header{
		position: relative;
		background: #efefef;
		padding-bottom: 10px;
	}
	header .logo{
		width: 100%;
		text-align: center;
	}
	.logo img{
		width: 150px;
	}
	nav{
		float: left;
		width: 100%;
		display: none;
		position: absolute;
		background: #efefef;
		top: 100%;
		left: 0;
		padding-bottom: 10px;
	}
	nav ul li{
		float: none;
	}
	nav ul li a{
		padding: 15px;
		text-align: center;
		color: #1e4d8a;
	}
	#open1{
		display: block;
		position: absolute;
		left: 30px;
		color: #1e4d8a;
		top: 50%;
		cursor: pointer;
		padding: 10px;
	}
	#close1{
		position: absolute;
		left: 30px;
		color: #1e4d8a;
		top: 50%;
		cursor: pointer;
		padding: 10px;
	}
	.row1{
		background: #1e4d8a;
		padding: 5px 0px;
		width: 100%;
	}
	.row1 .list2{
		display: none;
	}
	.header2{
		visibility: hidden;
		opacity: 0;
	}
	.carousel-caption {
		top: 10%;
	}
	.mycap{
		background: rgba(14,150,212,0.8);
		padding: 10px;
		border: 1px solid #37ce69;
		border-radius: 5px;
	}
	.mycap h1{
		font-size: 18px;
	}
	.mycap h5{
		font-size: 15px;
	}
	#myquote .txt{
		width: 100%;
		text-align: center;
	}
	#myquote a{
		width: 50%;
		margin: 15px auto;
		display: block;
		float: left;
		margin-left: 25%;
	}
	#about p{
		width: 100%;
		margin-left: 0%;
	}
	.col66{
		width: 100%;
		height: auto;
	}
	.text{
		background: #fff;
		padding: 20px;
	}
	.imgbox1{
		height: 220px;	
		margin-bottom: 20px;
	}
	.imgbox1 img{
		width: 100%;
		height: 100%;
	}
	.imgbox2{
		height: 220px;	
		margin-bottom: 20px;
	}
	.imgbox2 img{
		width: 100%;
		height: 100%;
	}
	.text a{
		display: inline-block;
		text-align: center;
		padding: 10px;
		text-decoration: none;
		border-radius: 5px;
		color: #fff;
		transition: 0.5s all;
	}
	.tabbox{
		width: 33.33%;
		float: left;
		padding: 0px;
		margin: 0px;
	}
	.tabbox button{
		font-size: 15px;
		padding: 5px;
	}
	#reviews .carousel-caption{
		top: 0px;
		position: relative;
		left: 0px;
	}
	.submitbtn{
		width: 50% !important;
		margin-left: 25% !important;
	}
	#subs input{
		width: 50%;
	}
	#subs .submit2{
		width: 30%;
	}
	.after{
		top: -350px;
	}
	#Qpop{
		top: 7%;
		left: 10%;
		width: 80%;
	}
	#Qpop h1{
		font-size: 30px;
	}
	#abBanner{
		position: relative;
	}
	#abBanner #abContent{
		width: 100%;
		text-align: center;
		margin-left: 0px;
		left: 0px;
		top: 0;
	}
	#abContent h1{
		font-size: 50px;
		color: #fff;
	}
	.text1{
		opacity: 0;
		visibility: hidden;
	}
	.text2{
		opacity: 1;
		visibility: visible;
		transform: rotateY(0deg);
		color: #1e4d8a;
	}
	.text2 img{
		position: absolute;
		z-index: -10;
		opacity: 0.5;
		width: 80%;
		top: 10%;
		right: -15%;
	}
	.box:hover .innerbox{
		transform: rotateY(0deg);
	}
	.col-md-4{
		margin-bottom: 20px;
	}
	.col-md-3{
		margin-bottom: 20px;
	}

	#popupteam{
		overflow: scroll !important;
		overflow-x: auto !important;
		overflow-y: auto !important;
		width: 80%;
		margin-left: 10%;
	}
	#popupteam img{
		width: 50%;
		margin-left: 25%;
	}
	
	
	#revbanner h1{
		font-size: 40px;
		color: #fff;
		top: 30%;
		position: absolute;
		width: 100%;
		text-align: center;
	}
	.comment .text0{
		width: 100% !important;
	}
	.comment .faceimg{
		height: 200px;
		width: 200px;
		border-radius: 50%;
		margin: 20px auto;
	}
	.bluerev .text0{
		float: left;
	}
	.bluerev .faceimg{
		float: left;
	}
	.whiterev .text0{
		float: left;
	}
	.whiterev .faceimg{
		float: left;
	}
	.bluerev{
		background: #1e4d8a;
		color: #fff;
	}
	.bluerev p{
		border-left: 5px solid #ffcc00;
	}
	.bluerev .faceimg{
		border: 5px solid #ffcc00;	
	}
	#jobs .blue{
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0%;
	}
	#jobs h2{
		width: 80%;
	}
	#jobs h3{
		font-size: 18px;
		padding: 8px 0px;
		font-weight: bolder;
	}
	#jobs button{
		color: #fff;
		border: 0px;
		padding: 8px;
		transition: 0.5s all;
		cursor: pointer;
		border-radius: 5px;
		outline: none;
	}
	#getquote h1{
		color: #fff !important;
	}
	#getquote input{
		margin-left: 0%;
		width: 100%;
		padding: 3px 2%;
	}
	#getquote textarea{
		height: 100px;
	}
	#apply{
		width: 80%;
		margin-left: 10%;
		top: -300%;
	}
	#apply .label{
		position: relative;
		overflow: hidden;
	}
	#apply label{
		margin: 0px;
		color: #ffcc00;
	}
	#apply label p{
		position: absolute;
		top: 100%;
		width: 100%;
		transition: 0.2s all;
	}
	#apply .col6{
		width: 94%;
		margin-top: 8px;
	}
	#apply button{
		width: 50%;
	}
	#popupest{
		padding: 30px 15px;
		width: 80%;
		margin-left: 10%;
	}
	#popupest ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
	}
	.myclose1{
		position: absolute;
		top: -20px;
		right:-20px;
		background: #37ce69;
		color: #fff;
		border: 2px solid #fff;
		font-size: 15px;
		border-radius: 50%;
		padding: 10px 15px;
		cursor: pointer;
	}
	#jobs .left{
		float: none;
	}
	#jobs .right{
		float: none;
	}
	#jobs h3{
		font-size: 20px;
		font-weight: bolder;
		margin: 0px;
		padding: 0;
	}
	#jobs button{
		margin: 0px;
		margin-top: -10px;
		margin-bottom: 25px;
	}
	h1{
		font-size: 40px;
	}
	.container9{
		background-color: rgba(30, 77, 138, 0.808);
		position: relative;
		max-width: 900px;
		border-radius: 6px;
		padding: 30px;
		margin: 30px 15px;
		box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.808)
	}
	#cof{
		background-image: url(../images/home/orderform.png) ;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 0;
	}
	
	#abBanner1{
		background-color:#1e4d8a;
		height: 120px;
		position: relative;
	
	}
	
	#cof li{
		list-style: none;
	}
	
	.btn
	{
	  background-color:  #37ce69;
	  transition: 0.5s all;
	
	}
	.btn:hover
	{
	   background-color: #ffcc00;
	}
	.form-label, .form-check-label{
	  color: #ffffff !important;
	}
	
	textarea {
		width: 100%;
		resize: none;
		font-size: 14px;
		padding: 5px;
		text-align: justify;
	}
	.form-check-input [type="radio"]{
		width: 15px;
		height: 15px;
		position: relative;
		margin-right: 5px;
		outline: none;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.details{
		height: 825px;
	}
	.details a{
		position: absolute;
		bottom: 10px;
		left: 25%;
		right: 25%;
	} 
	.teamcontent{padding: 5px;}
	.teamcontent .shown{
		text-align: center;
	}
	.teamcontent h3{font-size: 24px;margin: 0;padding: 0;}
	.teamcontent p{margin: 0;padding: 0;}
	#team .image img{
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.details{
		height: 700px;
	}
	.details a{
		position: absolute;
		bottom: 10px;
		left: 20%;
		right: 20%;
	} 
	.teamcontent{padding: 5px;}
	.teamcontent .shown{
		text-align: center;
	}
	#team .image img{
		width: 100%;
	}
	.portCont{
		padding: 50% 20%;
	}
	#abBanner{
		height: 200px;
	}
	#abBanner #abContent h1{
		font-size: 40px;
	}
	#abBanner #abContent h2{
		display: none;
	}
	.container9{
		background-color: rgba(30, 77, 138, 0.808);
		position: relative;
		max-width: 900px;
		border-radius: 6px;
		padding: 30px;
		margin: 30px 15px;
		box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.808)
	}
	#cof{
		background-image: url(../images/home/orderform.png) ;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 0;
	}
	
	#abBanner1{
		background-color:#1e4d8a;
		height: 120px;
		position: relative;
	
	}
	
	#cof li{
		list-style: none;
	}
	
	.btn
	{
	  background-color:  #37ce69;
	  transition: 0.5s all;
	
	}
	.btn:hover
	{
	   background-color: #ffcc00;
	}
	.form-label, .form-check-label{
	  color: #ffffff !important;
	}
	
	textarea {
		width: 100%;
		resize: none;
		font-size: 14px;
		padding: 5px;
		text-align: justify;
		display: none;
	}
	.form-check-input [type="radio"]{
		width: 15px;
		height: 15px;
		position: relative;
		margin-right: 5px;
		outline: none;
	}
}