@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
body { 
	font-family: 'brandon_grotesque_regularRg';
	font-size:25px; 
	margin:0; 
	padding:0; 
	line-height:40px;
	color:#fff;
	background:#002036;
}

html { scroll-behavior: smooth;}

/*Basic Styles*/
select:focus { box-shadow:none !important;}
ul { margin:0; padding:0;}
li { line-height:30px; list-style-position:inside;}
iframe, embed, object { width:100%; display:block;}
textarea { resize:vertical;}
p {font-family: 'brandon_grotesque_regularRg'; font-size: 25px; line-height:40px;}
.text-black { color:#000;}
.text-black a{ color:#000;}
.text-light a{ color:#fff;}
.text-light { color:#fff !important;}
.bg-black { background:#000; color:#fff;}
.text-black { color:#000;}
.text-dark {color:#373737 !important;}
h2.text-blue {color:#0097cc !important;}


*:hover { text-decoration:none !important;}
.bg-light { background-color:#fff !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'brandon_grotesquebold'; text-transform:none; line-height:normal;}
h1 { font-size:45px;}
h2 { font-size:40px;}
h3 { font-size:30px;}
h4 { font-size:20px;}
h5 { font-size:15px;}
.bg-info { background-color:#4ccafb !important;}
.text-info { color:#4ccafb !important;}
.btn-info { background:#0097cc !important; border-radius:0; color:#fff !important;padding:15px 25px;font-family: 'brandon_grotesquebold'!important; 
	font-size:17px; border:none;}
.btn-info:hover {background:#000 !important;}
.btn { white-space: nowrap; cursor:pointer;}
.navbar-toggler:focus, .navbar-toggler:hover {box-shadow: none;border: none;outline: none;}
input:focus, input:active { box-shadow:none !important;}
textarea:focus, textarea:active { box-shadow:none !important;}
.navbar { padding:0; background:transparent !important; position:relative;}
.dropdown-menu { padding:0; border-radius:0; background:#fff; position:relative; top:0; border:none;}
.dropdown-toggle::after { border:none;}
.navbar-light .navbar-toggler-icon { background:url(https://www.gain5technology.com/wp-content/uploads/2020/06/toggle.png) no-repeat;}
.navbar-toggler-icon { width:114px; height:12px;}
.navbar-toggler { background-color:transparent; border:none;}
.dropdown-item {  color:#000; padding:8px 15px; display:block;font-family: 'Fira Sans', sans-serif; font-size:14px; font-weight:400;}
.dropdown-item:focus, .dropdown-item:hover {color:#000; background-color:#e1e1e1;}
.dropdown-item:last-child { border-bottom:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 97%; left:0;}

#mySidenav ul{
	list-style:none;
}

#mySidenav .menu-item .nav-link:hover, #mySidenav .menu-item.active .nav-link{
	background-color:#0097cc;
}

.img-posi {
	position: relative;
}

.ser-txt {
	position: absolute;
    bottom: 0px;
    left: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 20px;
}
.img-posi img:hover {
   opacity: 0.5;
}
.ser-txt{
    border-left: solid 5px #0097cc;
}

.bnner-area {
    background: rgb(3,17,64);
    background: -moz-linear-gradient(left, rgba(3,17,64,1) 0%, rgba(115,177,231,1) 30%, rgba(211,211,211,1) 50%, rgba(83,159,225,1) 70%, rgba(3,17,64,1) 100%);
    background: -webkit-linear-gradient(left, rgba(3,17,64,1) 0%,rgba(115,177,231,1) 30%,rgba(211,211,211,1) 50%,rgba(83,159,225,1) 70%,rgba(3,17,64,1) 100%);
    background: linear-gradient(to right, #031140 0%,#031140 26%,rgb(211 211 211 / 0%) 50%,#031140 70%,rgba(3,17,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031140', endColorstr='#031140',GradientType=1 );
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 9;
}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:15px 0px; background-color:transparent;padding:0 0 15px; text-transform:capitalize; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#F37823; margin:0 10px;}
form .border-bottom { border-left:none; border-top:none; border-right:none; border-color:#797979 !important;}
.mar-p-0 p { padding:0; margin:0;}
.mar-p-1 p { padding:4px 0; margin:0;}
.text-none { text-transform:none;}
.container-fluid {max-width:1920px;}
.bor-lft:after {content:" "; display:block; border-bottom:4px solid #12b2f0; width:65px; margin-top:20px;} 
.bor-ctr:after {content:" "; display:block; border-bottom:4px solid #12b2f0; width:65px; margin:10px auto;} 

/* =================================  website Css ================================= */
/****************************************************************************/
/*Top Navigation CSS*/
.navbar-light .navbar-nav .nav-link {color:#fff; padding:0 10px;font-family: 'brandon_grotesquemedium'; font-size:16px; text-transform:uppercase;}
.navbar-light .navbar-nav .nav-item:first-child .nav-link {}
.navbar-light .navbar-nav .nav-item:last-child .nav-link { }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {color:#002036; outline:none;}
.navbar-light .navbar-nav li.active .nav-link {color:#002036; outline:none;}
.navbar-light .navbar-nav .nav-item:not(:last-child) { margin-right:0}
/* MENU */
.sidenav { height: 100%; width: 0; position: fixed; z-index: 50; top: 0; right: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.side-nav img { cursor:pointer !important;}
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 16px; color: #fff; display: block; transition: 0.3s; text-transform:uppercase;}
.sidenav a:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}


.fontIcon{height: 35px;width: 35px;border-radius: 15px;}

.mail-box { /*color:#0097cc;*/ font-size: 30px;}
.loction-icon span{font-size: 14px; line-height: 24px;}

.card-body { background-color: #002036 !important;}
a.card-link { color: #0097cc !important; font-size: 28px; font-weight: 700;}

a.links-h { font-size: 35px; font-weight: 600; color: #0097cc;}
a.links-h:hover{color:#000 !important;}

.fs-30{font-size:22px;}
.sidenav { padding-top: 5%;}
.logo {
    width: 320px;
}
@media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;}}
/* End MENU */
/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(0, 0, 0, 0.35); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:50px; height:50px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
/* --------------------------------- Header CSS ------------------------------*/
.header { position:absolute; left:0; top:0; width:100%; z-index:99;}
/* --------------------------------- body CSS ------------------------------*/
.carousel-caption { z-index:0; left:0; right:0; bottom:50%; transform:translateY(50%);}
.carousel-caption h2 { font-size:40px;font-family: 'brandon_grotesque_regularRg';}
.home-Banner {overflow:hidden;}
.home-Banner .main-bnr-img {margin-left:50%; max-width:none; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.about h1 { font-size:45px;font-family: "Brandon Grotesque Black";}
.services h2 { font-size:30px; letter-spacing:1px;}
.services p { font-size:20px; line-height:30px;}
.services .border-top { border-color:#334d5e !important;}
.details h3 { font-size:17px;}
.details p { font-size:14px; line-height:24px;}
.details .mail p { font-size:16px;}
.details.border-top, .details.border-bottom {border-color:#334d5e !important;}
.contact h2 {font-size:40px;font-family: "Brandon Grotesque Black";}
.contact ::-webkit-input-placeholder {color: #96cef9;}
.contact ::-moz-placeholder {color: #96cef9;}
.contact :-ms-input-placeholder {color: #96cef9;}
.contact :-moz-placeholder {color: #96cef9;}
/* --------------------------------- Footer CSS ------------------------------*/
.footer p { color:#fff; font-size:13px; margin-bottom:0;}

textarea.wpcf7-form-control.wpcf7-textarea.form-control.bg-transparent.py-4.text-light.rounded-0{height:120px;}
.side-nav .mnu {
    font-size: 16px;
	white-space: nowrap;
}
ul.social-media-links li {
    display: inline-block;
}
.social-media-links{
	list-style:none;
}
ul.social-media-links a {
	color:#fff !important;
	font-size: 30px;
}


@media (min-width: 767.98px) {}

@media (min-width: 1200px) {	
	.dropdown:hover .dropdown-menu {display: block;}	
}
@media (min-width: 1900px){
	.bnner-area {
		background: linear-gradient(to right, #031140 0%,#031140 30%,rgb(211 211 211 / 0%) 50%,#031140 70%,rgba(3,17,64,1) 100%) !important;
	}
}
@media (max-width: 1199.98px) {
	.details .mail p {font-size: 14px;}
	.navbar-light .navbar-nav .nav-link {font-size: 13px;}		
	.bnner-area{
		background:linear-gradient(to right, #031140 0%,#031140 10%,rgb(211 211 211 / 0%) 50%,#031140 90%,rgba(3,17,64,1) 100%) !important;		
	}
	.logo {
		width: 300px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.bnner-area{
		background:linear-gradient(to right, #031140 0%,#031140 10%,rgb(211 211 211 / 0%) 50%,#031140 90%,rgba(3,17,64,1) 100%) !important;		
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {
	.navbar-light .navbar-nav .nav-link	{ margin-bottom:5px; color:#000; display:block;  text-align:center;}
	.navbar-light .navbar-nav .nav-link	{padding-left: 15px !important; padding-top: 10px; padding-bottom: 10px;background: #f5f5f5;}
	.navbar-nav { background:#fff; padding:20px; margin-top:15px !important;}
	.navbar { background:transparent!important;}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:active {color: #fff; background:#0097cc;}
	.navbar-light .navbar-nav li.active .nav-link { color: #fff; background:#0097cc;}
	.container { max-width:100%;}
	.carousel-caption { position:relative; left:0; background:#000; top:0; bottom:0; transform:translateY(0); padding:50px 0;}
	.navbar-light .navbar-nav .nav-item:not(:last-child) { margin-right:0;}
	.home-Banner .main-bnr-img {margin-left:0; max-width:100%; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
	.header { position:relative;}
	.home-Banner img, .page-Banner img{
		object-fit:cover;
		min-height:400px;
		object-position:center;
	}
	.bnner-area{
		background:linear-gradient(to right, #031140 0%,#031140 6%,rgb(211 211 211 / 0%) 50%,#031140 94%,rgba(3,17,64,1) 100%) !important;		
	}
}
@media (max-width: 767px) {	
	.footer *{ text-align:center;}
	body, p{
		font-size:22px !important;
	}
	.details p {
		line-height: 30px;
	}
	.home-Banner img, .page-Banner img{
		object-fit:cover;
		min-height:400px;
		object-position:center;
	}
	.bnner-area{
		/*background:linear-gradient(to right, #031140 0%,#031140 6%,rgb(211 211 211 / 0%) 50%,#031140 94%,rgba(3,17,64,1) 100%);*/
		background: none !important;
	}
	.logo {
		width: auto;
	}
	.footer p {
		font-size: 15px !important;
	}
}

@media (max-width: 399px) {	
	.side-nav .mnu{
		margin-top:-115px !important;
	}
	.details i{
		font-size:20px;
	}
}