@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&family=Roboto+Condensed:wght@400;700&display=swap');

body{font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:14px; color:#000; line-height:24px;}
body, html{scroll-behavior: smooth;}


a{text-decoration:none; color:#333;}
a:hover{color:#333;}
a, .header, .logo img, .btn{-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}

h1, h2, h3{font-family: 'Roboto Condensed', sans-serif;}
h1{font-size: calc(24px + (48 - 24) * ((100vw - 300px) / (1400 - 300)));}
h2{font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));}
h3{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1400 - 300)));}
h4{font-size:18px;}


.spacer{height:36px;}
.header{width:100%; position:fixed; z-index:999; padding:0;}
.header .container{padding:15px;}
.headertop .container{padding:0;}
.headertop a{color:#2b77d2; text-transform: uppercase; font-size:14px;}
.headertop a:hover{color:#fff;}
.headertop i{font-size:16px; vertical-align: middle; margin:0 10px; color:#fff;}
.header.shrink{background:#0c2037; padding:0; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3); margin-top: -46px;}
.header .btn{font-size:20px;}
.logo img{max-width:140px;}
.shrink .logo img{max-width:100px;}
.topsocial{display: inline-block;}
.topsocial a {display:inline-block; margin:0; font-size:30px; color:#fff; vertical-align:middle;}


.bg-primary{background:#010d1b!important;}
.bg-light{background:#f5f6f7!important;}
.bg-info{background:#25aae1!important;}


.text-primary{color:#2b77d2!important;}








.btn{display: inline-flex; padding:12px 25px; font-size:14px; font-weight:400; align-items: center; border-radius:0; 
background-image: linear-gradient(0deg,transparent,transparent 50%,#8cc63f 0,#8cc63f);
background-position:0 -100%;
background-size: 100% 200%;
transition: all .25s ease-in;

}
.btn:hover{background-color: transparent;transition: all .25s ease-in-out;background-position: 0 0;color:#fff;border-color:#8cc63f;}

.btn-dark{background-color:#333; border-color:#333;}
.btn-primary{background-color: #253a7d; border-color: #253a7d;}

.btn-lg{font-size:18px;}
.btn-sm{padding:8px 15px;}
.btn:focus{box-shadow:none;}








.access ul{margin:0; padding:0; list-style:none;}
.access li{display:inline-block; margin:0 0 0 36px;}
.access li a{font-size:18px; color:#fff; display:block; height:38px; line-height:38px;}
.access li a:hover, .access li a.active{color:#fff; border-bottom:2px solid #fff;}

.banner{position:relative; font-size:24px;}
.banner:after{position: absolute; content:''; width: 100%; height: 100%; top:0; left:0; background: rgb(1,13,27);
background: linear-gradient(180deg, rgba(1,13,27,1) 0%, rgba(121,9,9,0) 76%); opacity:.8;}

.squaregrid {
    height: 100%;
    padding-bottom: 100%;
    position: relative;
}
.thumbbox {
    background: #000;
    color: #000;
    position: relative;
    line-height: normal;
}
.squaregrid img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	opacity:.7;
}

.thumbcaption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(37,170,225,0.9);
    padding: 2rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
}
.thumbcaption .listgroup{padding:0; margin:0 0 0 20px;}
.thumbbox:hover .thumbcaption {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
}

.callout__temp-title {
    color: #ffffff;
    font-size:48px;
    font-weight:400;
    font-style: normal;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    max-width: 70%;
    width: 100%;
    line-height: 1.25;
}

.thumbbox:hover .callout__temp-title {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 1s cubic-bezier(0.25,0.46,0.45,0.94);
}

.list{margin: 0;padding: 0;list-style: none;}
.list li{margin-bottom: 10px; display: flex; column-gap: 20px;}
.list li:before{font-family:'Line Awesome Free'; display:flex; content:'\f00c'; color:#333; font-size:20px; font-weight:700;}
.listgroup{line-height:30px;}

.midbanner {background: #010d1b;}
.midbanner img{opacity: .2;}
.companylogo{margin:0; padding:0; list-style:noe; font-size:0; width:100%;}
.companylogo li{display: inline-block; margin:10px 30px;}
.companylogo img{max-width:200px;}


.innerbanner{width:100%; background:url("images/innerbanner.jpg") no-repeat; height:150px;}









.footer{font-size:14px; font-weight:500; color:#696969; background:#000;}
.footer a{display:block; font-size:14px; margin:0; color:#696969; font-weight:500;}
.footer a:hover{color:#fff;}
.social{display:inline-block;}
.social a {display:inline-block; margin:0; font-size:30px; color:#8cc63f; vertical-align:middle;}
.f-logo{max-width:140px;}




.form-control{background:0!important; font-size:13px; padding:0 10px; height:50px; margin-bottom:5px; color:#fff!important;}
.form-control:focus{border-color: #2d9874; box-shadow: none; background-color:#eaf5f1; text-transform:none;}
.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}
textarea.form-control{height:120px; padding-top:10px; resize:none;}

.form-control::place-holder{text-transform:none; color:#fff;}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-transform:none;  color:#fff;}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  text-transform:none;  color:#fff;}

.imp{position: relative;}
.imp:after{
    content: "*";
    color: red;
    position: absolute;
    right: 20px;
    top: 15px;
}



@media (max-width:1400px){
	.container{max-width:1230px; }
}

@media (max-width:1199.98px){
	
}

@media (max-width:991.98px){
	.logo img {max-width:90px;}
	.shrink .logo img{max-width:90px;}
	.access li a{font-size:14px;}
	.snav{padding: 12px; width: 40px; cursor: pointer; z-index: 998!important; background:#23a6dd; border:0; border-radius:10px;}	
	.snav i{display:block; background:#fff; height:2px;}
	.snav i+i{margin-top:5px;}
	.snav:focus{outline: none;}
	.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
	-o-transform: rotate(45deg) translateX(5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
	transform: rotate(45deg) translateX(5px) translateY(5px);}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);}
	.btn-lg {padding: 10px 30px; font-size:16px;}
#nav {display:none; position:absolute; background:#23a6dd; top:0; right:0; left:0;}
.access ul {display: flex;align-items: center;justify-content: center;flex-flow: column;height: 114vh;gap:4vh;}
.access ul li {margin: 0;}
.access ul li a {font-size: 24px; color:#fff;}
.access ul li a img {display: inherit;margin:0 0 0 5px;}
.access li a:hover, .access li a.active {color: #333;}
.innerbanner{height:110px;}
.thumbcaption{transform: inherit; opacity:1;}
.callout__temp-title{display:none;}
.thumbcaption{padding:12px;}
.squaregrid, .listgroup{line-height:22px;}

	
}

@media (max-width:767.98px){
.banner {font-size: 16px;}
.banner h1{font-size:20px;}
.midbanner img {height: 200px; object-fit: cover;}
.squaregrid {min-height:330px;object-fit: cover;position: relative; padding-bottom:0;}
.teambox, .teambox h4{font-size:13px; line-height:normal;}
.companylogo li{margin:10px;}
.companylogo img{max-width:120px;}

}

@media (max-width: 575.98px) {
	.access ul {height: 100vh;}
	.listgroup {line-height: 24px;}
	.spacer{height:36px;}
	.logo img {max-width: 70px;}
	.shrink .logo img{max-width:70px;}
	.btn{font-size:12px; padding:8px 20px;}
	.header.shrink{margin-top:0;}
	.header, .header.shrink{padding:0;}
	body{font-size:13px; line-height:20px;}
	.form-control {height:40px;}
	.banner img{height:300px; object-fit: cover;}
	.banner h1{font-size:16px;}
	.banner .btn{font-size:13px;}
	.innerbanner{height:90px;}
	h4{font-size:14px;}
	.f-logo{max-width:100px;}
	.footer a{display:inline-block;}
	.companylogo img {max-width:60px;}
	.squaregrid {min-height: 290px;}
	.thumbcaption{position:relative;}
	
	

}