@import url('https://fonts.googleapis.com/css2?family=Overlock:wght@400;700;900&family=Poiret+One&display=swap');

@font-face {
    font-family: 'thinoo';
    src: url('../fonts/thinoo/bold.woff2') format('woff2'),
        url('../fonts/thinoo/bold.woff') format('woff'),
        url('../fonts/Poppins-Thin.ttf.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'thinoo';
    src: url('../fonts/thinoo/thin.woff2') format('woff2'),
        url('../fonts/thinoo/thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



body{ margin:0; padding:0; color:#5E6D80; overflow-x:hidden; overflow-y:scroll;  transition: all 0.3s ease-in-out 0s;   font-family: 'Overlock', cursive;     font-weight: 100;}
html, body {min-height: 100%;}
#wrap { min-height: 100%;}
button:focus{ outline:none; border:0px none;}
.btn{ transition: all 0.3s ease-in-out 0s; }
a{ color:#1BBAFF;}
a:focus{ outline:none; border:0px none;}
a.btn:focus{ outline:none; border:1px solid #d99795;}
a:hover{ text-decoration:none; color:#1BBAFF;}
.btn:active,
.btn:focus,
.btn.active,
.btn-outline-primary{  background-image: none;  -webkit-box-shadow: none;  box-shadow: none;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow:none !important;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display:block}
.mob-logo{ display:none; }
.splace-screen{ width:100%; position:fixed; text-align:center; height:100%;  z-index:180; background-color:#fff; transition: all 1.2s ease-in-out 0s; background-image:url(../images/bg.jpg);
 background-position: center center; background-repeat:no-repeat; background-size:cover;}
.splace-logo{ float:left;  text-align:center; transition: all 2.9s ease-in-out 0s; opacity:0;  width:100%;  height: 100%; display: flex; align-items: center; -webkit-transition-delay:0.7s; -moz-transition-delay:1.7s; -ms-transition-delay:1.7s; -o-transition-delay:0.9s; transition-delay:1; }  
.opecity{ opacity:1;}
.opecity-none{ opacity:0; visibility:hidden;}
.navbar-expand-lg{ background-color:#fff;}
#hide-time{ display:block;  transition: all 1.0s ease-in-out 0s; }
.black-bg{ float:left; width:100%;}
.black-bg .owl-dots,.black-bg .owl-nav{ display:none;}
.black-bg .item{ height:100vh;}
.container-wrapp{ position: absolute;  width: 100%; heigh: 100%; text-align: center; top: 0;  left: 0;  margin: 0 auto;}
.container-wrapp p { font-size: 20px;}
.container-wrapp a {  display: inline-block;  position: relative; text-align: center; color: #FF5252; text-decoration: none; font-size: 20px; overflow: hidden; top: 5px;}
.container-wrapp a:after { content: ''; position: absolute;  background: #FF5252;  height: 2px;  width: 0%;  -webkit-transform: translateX(-50%);    transform: translateX(-50%);  left: 50%;  bottom: 0;  -webkit-transition: .35s ease;  transition: .35s ease;}
.container-wrapp a:hover:after, .container-wrapp a:focus:after, .container-wrapp a:active:after {  width: 100%;}
.button_container {  position: fixed;  top: 20px; right: 20px;  height: 27px;  width: 35px; cursor: pointer;  z-index: 165;  -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;}
.button_container:hover { opacity: .7;}
.button_container.active .top { -webkit-transform: translateY(11px) translateX(0) rotate(45deg);  transform: translateY(11px) translateX(0) rotate(45deg);  background: #FFF;}
.button_container.active .middle { opacity: 0;  background: #FFF;}
.button_container.active .bottom {  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);  transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF;}
.button_container span { background: #FF5252;  border: none; height: 5px;  width: 100%;  position: absolute;  top: 0;  left: 0;  -webkit-transition: all .35s ease;  transition: all .35s ease;  cursor: pointer;}
.button_container span:nth-of-type(2) {  top: 11px;}
.button_container span:nth-of-type(3) {  top: 22px;}
.overlay {  position: fixed; overflow: hidden; transition: max-height .25s ease-in-out; background-color: rgba(7,28,53,.95);   top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 0;  visibility: hidden;  -webkit-transition: opacity .35s, visibility .35s, height .35s;  transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; height:100%;}
.overlay.open {  opacity: .9; visibility: visible;  height: 100%; z-index:159;}
.overlay.open li { -webkit-animation: fadeInRight .5s ease forwards;  animation: fadeInRight .5s ease forwards;  -webkit-animation-delay: .35s;  animation-delay: .35s; }
.overlay.open li:nth-of-type(2) { -webkit-animation-delay: .4s;   animation-delay: .4s;}
.overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .45s;  animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {  -webkit-animation-delay: .50s;  animation-delay: .50s;}

.overlay.open li:nth-of-type(5) {  -webkit-animation-delay: .55s;  animation-delay: .55s;}
.overlay.open li:nth-of-type(6) {  -webkit-animation-delay: .60s;  animation-delay: .60s;}
.overlay.open li:nth-of-type(7) {  -webkit-animation-delay: .65s;  animation-delay: .65s;}
.overlay.open li:nth-of-type(8) {  -webkit-animation-delay: .70s;  animation-delay: .70s;}


.overlay nav {position: relative; height: 100%;  top: 50%;  -webkit-transform: translateY(-50%); transform: translateY(-50%);  font-size:23px;  font-weight: bold;  text-align: center;}
.overlay ul {  list-style: none; padding: 0;  margin: 0 auto;   position: relative; overflow: hidden; }
.overlay ul li {  display: block;  position: relative;  opacity: 0; margin-bottom:8px;}
.overlay ul li a { width:auto; position: relative;  color: #FFF;  text-decoration: none;  overflow: hidden;}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%}
.overlay ul li a:after { content: '';  position: absolute;  bottom: -10px;  left: 50%;  width: 0%; -webkit-transform: translateX(-50%);    transform: translateX(-50%);  height: 3px;  background: #E0A712;  -webkit-transition: .35s;  transition: .35s;}
.blob.red { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
   box-shadow: 0 0 0 0 rgba(0, 88, 212, 1);  animation: pulse-red 2s infinite;}
.blob {  background: black;   border-radius: 50%;   box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);   margin: 0px;   height: 40px;   width: 40px;   transform: scale(1.0);   animation: pulse-black 2s infinite; border:solid 4px #000;}
header{ position:fixed; top:0; z-index:158; padding:10px 20px; width:100%;}
.hide{ display:none;}
.overlay ul li a:hover{ color:#E0A712;}
.close-menu{ width:35px; height:35px; margin-right:15px; display:none;}
.close-menu img{ width:35px;}
.show-menu{ display:block;}
.logo2{ display:none;}
.logo1-hide{ display:none;}
.logo2-show{ display:block;  position:absolute; left:20px; top:10px;}
.overlay-menu{ float:left; width:100%;}
.inner{ display: flex; align-items: center; height: 100%; overflow: auto;}
.social{ display:inline-block;}
.social a{ float:left; margin:0px 8px;}
.social a:hover{ color:#FFC303;}
.social a:after{ position:inherit;}
.logo-inner{  display:inline-block; width:400px;}
.logo-inner img{ width:100%;}
#hide-time { display: none;}
.splace-screen{ width:100%; position:fixed; height:100%;  z-index:165; background-color:#fff; transition: all 1.9s ease-in-out 0s; background:url(../images/smoke.gif) no-repeat center center; background-size:cover; }
.blink{ width:10px; height:10px; background-color:#FF2626; float:left; border-radius:100%; position:relative; right: -17px;
bottom: -15px; border:solid 2px #B20000;}
.section-title { text-align: center; color: #007b5e; margin-bottom: 50px;  text-transform: uppercase;}
#team .card { background: #ffffff; border:solid 1px #e5e5e5; border-radius:8px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08); position:relative;}
/*.mainflip {  -webkit-transition:0.3s;    -webkit-transform-style: preserve-3d;    -ms-transition: 0.3s;    -moz-transition: 0.3s;    -moz-transform: perspective(1000px);    -moz-transform-style: preserve-3d;    -ms-transform-style: preserve-3d; transition: 1s;   transform-style: preserve-3d;  position: relative;}*/

.backside .card{  background-color:#0058D4 !important;}
.frontside .card,
.backside .card {min-height: 320px; margin-bottom:30px;  transition: all 0.3s ease-in-out 0s;} 
.backside .card a { font-size: 18px;    color: #F3BD11 !important;}
.backside .card a:hover{ color:#fff !important;}
.backside .card a::after{ position:relative;}
.frontside .card .card-title,
.backside .card .card-title {  color: #007b5e !important;}
.team-pic{ width:150px; height:150px;  overflow: hidden;  border-radius:100%; margin-top:0px; display:inline-block;  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); } 
#team .card:hover{  border-color:#0058D4;}
.team-pic img{ width:100%; height:150px; object-fit: cover;}
.maillink{ font-size:15px !important; float:left; font-weight:400;  width:100%; text-align:center; color:#708BAA !important;}
.maillink:hover{ color:#041D55 !important;}
.team-name{ float:left; width:100%; font-size:26px; color:#071C35; font-weight:bold; margin-top:10px; margin-bottom:2px; }
.team-position{ width:100%; border-radius:0px 0px 8px 8px; bottom:0; left:0; color:#708BAA; background-color:#fff;  font-size:15px; padding:2px 0 7px 0; font-weight:500; font-style: italic; position:relative;}
.team-position::before{ content: ""; background:url(../images/border-shape.png) no-repeat center center; width:30px; height:2px;  float:left; bottom:0; left:0; right:0; position:absolute; margin:0 auto;}
.mail-link::after{ position:relative;}
.backside .team-name{ color:#001E5C; font-size:14px; font-weight:800; text-align:left; text-transform:uppercase;}
.backside .card-text{ float:left; width:100%; font-size:12px; line-height:19px;  text-align:left;  margin-top:10px; color:#fff;}
.list-inline{ text-align:left; margin-bottom:0;}
.logo img{ width:150px;}
footer h4{ font-size:18px; color:#666666;  font-weight:700; margin-bottom:15px; text-align:left;}
footer p{ margin:0; padding:0; text-align:left;}
footer ul{ margin:0; padding:0; width:100%; float:left; text-align:left;}
footer li{ margin:0 0 10px 0; padding:0; list-style-type:none; float:left; width:100%;}
.copy{ width:100%; text-align:right; color:#5E6D80; margin-top: 6px; font-size:14px;}
.social-link{ display:inline-block; float:none;}
.social-link a:hover,.social-link a:focus,.social-link a:active{ color:#041D55;}
.how-it-work-marquee{ width:100%; float:left; height:500px; overflow:hidden; position:relative;}
.how-it-work-marquee img{ width:100%;}
.how-it-marquee-inner{ position:absolute; width:100%; right:8%; top:0; height:100%; display: flex; align-items: center; direction: rtl;}
.how-it-marquee-inner-card{ float:right; display:inline-block; border-radius:8px; width:700px;  padding:15px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001747+0,041d55+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(0,23,71,0.8) 0%, rgba(4,29,85,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,23,71,0.8) 0%,rgba(4,29,85,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,23,71,0.8) 0%,rgba(4,29,85,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc001747', endColorstr='#cc041d55',GradientType=0 ); /* IE6-9 */}
.how-it-marquee-inner-card h2{ color:#fff; font-weight:800;}
.how-it-marquee-inner-card p{ color:#94A3B6; margin:0; direction: initial;}
.how-it-card-wrapp{ margin-top:35px; width:100%; float:left;}
.how-it-card-wrapp .card{ text-align:center; border:0px none;}
.how-it-card-wrapp .avt-card-left-in{ display:inline-block; float:none;}
.how-it-card-wrapp .card-title{ float:left; margin-top:20px; width:100%; font-size:20px; margin-bottom:5px; }
.how-it-card-wrapp p{ font-size:17px;}
.app-info{ float:left; width:100%; background-color:#F3F3F3; padding:45px 0 0 0; margin-top:30px; min-height:600px; position:relative;}
.app-left{ float:left; width:100%; margin-top:10px; margin-bottom:35px;}
.app-right{ float:left; width:100%; position:absolute;  bottom:0px; height:auto;}
.app-info-card{ float:left; width:100%; margin-top:15px;}
.we-are h4{ font-size:26px; font-weight:700; color:#041D55;}
.app-info-card p{ font-size:17px; line-height:23px;}
.app-right img{ width:100%; float:right;}
.we-are ul{ float:left; width:100%;}
.we-are li{ float:left; width:100% !important; list-style-type:none; text-align:left !important; border:0px none !important;}
p{ font-size:18px;}
.video-banner{  height:100vh; width:100%;  background-image:url(../images/poster.jpg); background-size:cover; background-repeat:no-repeat;}
.home-bottom{ position:absolute; bottom:40px; font-weight:400; font-size:19px; left:0; padding:0px 30px;  color:#fff; text-align:center;}
.home-bottom h5{ color:#fff; margin-bottom:0; font-size:24px;}
.sign-form-bg{ float:left; width:100%; background-color:#ECEBE9; padding:40px 0; text-align:center}
.sign-form-bg h3{color:#7F7F7F;}
.sign-form-bg .form-control{  height:45px !important;}
.sign-form-bg .custom-select{ height:45px !important; border-color: #ced4da;}
.sign-form-bg .form-group{ text-align:left; margin-bottom:25px;}
.age-t{ text-align:left; margin-top:10px;}
.thankyou-card{ float:left; width:100%; margin-top:180px; position:relative;}
.thk-left-right{ position:absolute; width:45%; right:0; top:0; text-align:center; display: flex;
align-items: center;
height: 100%;}
.thk-left{ width:68%;}
.thk-left img{ width:100%;}
.thk-left-right-in{ float:left; width:100%; text-align:center;}
.scoll-link{ position:absolute; right:15px; bottom:15px; z-index:2; background-color:#e0a800; border-radius:4px; width:35px; height:35px; text-align:center; line-height: 27px; color:#fff;}
.scoll-link:hover{ background-color:#e0a800; color:#041D55;}
@-webkit-keyframes blinker {
	
  from {opacity: 1.0;}
  to {opacity: 0.2;}
}

.blink{ text-decoration: blink;
-webkit-animation-name: blinker;	-webkit-animation-duration: 0.8s;	-webkit-animation-iteration-count:infinite;	-webkit-animation-timing-function:ease-in-out;	-webkit-animation-direction: alternate;}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    
    70% {
        transform: scale(1.0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


/*Contactus*/
.contact-card{ float:left; width:100%;  margin-top:0px; text-align:left; margin-top:100px; padding:40px 0; background-color:#072057;}
.contact-card h2{ color:#fff;}
.bg-light{  background-color:#EFF7FD !important; min-height:100vh; padding-top:80px; }
.contact-inner{ width:100%;  position:relative; margin:25px auto; border-radius:16px; overflow:hidden;  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); background-color:#fff;}
.contact-wrapper-left{ float:left; width: 100%; padding:30px 30px 30px 30px;}
.contact-wrapper-left h6{ color:#242C33; font-size:28px; font-style:normal; margin:0 0px 30px 0; padding:0; font-weight:700;}
.contact-wrapper-right h6{ color:#fff; font-size:20px; font-style:normal; margin:0 0px 30px 0; padding:0; font-weight:700;}
.contact-wrapper-left h6 img{ float:right;}
.contact-wrapper-right ul{ float:left; width:100%; margin:0px; padding:0px;}
.contact-wrapper-right li{ float:left; width:100%; list-style-type:none; color:#fff; margin:0 0px 40px 0; padding:0;}
.contact-wrapper-right li a{ color:#fff; margin-top:9px; float:left;}
.contact-wrapper-right li a:hover,.contact-wrapper-right li a:focus,.contact-wrapper-right li a:active{ color:#EFBA0E;}
.contact-wrapper-right{ width:100%; float:right; display: flex; background-color:#000; align-items: center;  color:#fff; position:absolute;  z-index:1; bottom:0; overflow:hidden; height:100%;}
 .icon{ float:left; width:30px; }
.text{ float:right; width: calc(100% - 45px); font-size:14px; font-weight:400; padding-left:10px;     display: flex; align-items: center;  height: 30px;}
.text a{ font-size:14px;}
.contact-wrapper-left label{ width:100%; font-weight:bold; font-size:18px; color:#041D55;}
.form-control,.custom-select{ font-size:17px; font-weight:400; color:#000;}
.contact-wrapper-right a::after{ position:relative;}
.btn-primary{ background-color:#041D55; border:0px none; color:#fff; font-weight:600; text-transform:uppercase; padding:11px 25px;  font-size:14px; text-align:center;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0058d4+0,003bdd+100 */
background: rgb(0,88,212); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,88,212,1) 0%, rgba(0,59,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,88,212,1) 0%,rgba(0,59,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,88,212,1) 0%,rgba(0,59,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0058d4', endColorstr='#003bdd',GradientType=1 ); /* IE6-9 */
color:#fff;}
header.shrink{ background-color:#FFFFFC; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);}
.inner-card{ width:100%; float:left; margin-top:100px; text-align:left; padding:40px 20px;}
h2{ font-size:35px; font-weight:400; margin-bottom:15px; color:#141B32;}
h4{ font-size:22px; font-weight:bold; color:#141B32;padding-top:10px;}
.tc p{ margin:0 0 0px 0; padding:0; font-size:17px; color:#53677F; font-weight:400; line-height:22px;text-align:justify;}
.tc-text ul{ margin:0; padding:0; width:100%; float:left;}
.tc-text li{ float:left; width:100%; margin:0 0 15px 0; padding:0 0 0 18px; list-style-type:none; color:#53677F; font-size:17px;  background:url(../images/sub-menu-bg.png) no-repeat left 7px;}
#team{ padding:0; margin-top:60px; }
.partneres ul{ float:left; margin:0 0 35px 0; padding:0; width:100%;}
.partneres li{ width:25%; float:left; border-bottom:solid 1px #EEEEEE;  text-align:center; list-style-type:none;}
.partneres li:nth-of-type(4) { border-right:0px none;}
.partneres li:last-child{ border-right:0px none;}
.client-logo{ text-align:center;  display: flex; align-items: center; width:100%;}
.client-logo-inner{ float:left; width:100%; text-align:center;}
.heading{ float:left; text-transform:uppercase; font-family: 'Poiret One', cursive; color:#11263E; width:300px; text-align:right;  position:relative; z-index:1;}
.heading h2{ font-size:50px; text-align:left;  position:relative; z-index:2; border-right:solid 1px #ccc; padding-right:20px;}
/*.heading:after { content: "";  width: 100%;  height: 50px;  z-index:0; background:url(../images/heading-bg.png) no-repeat left center; top: -10px;
left: -25px;  position: absolute; display: inline-block;}*/
.content-right{ float:left;  width: calc(100% - 300px); padding-left:25px; color:#5E6D80;  font-size: 19px; line-height: 25px; font-weight: 300;} 
.our-mission{ float:left; width:100%;  margin-top:40px;}
.misssion-card{ float:left; border:solid 1px #ddd; border-radius:10px; padding:20px; width:100%; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);}
.misssion-card h3{  text-transform:uppercase; font-family: 'Poiret One', cursive; color:#0058D4; font-size:35px;}
.without-bg .heading{ width:100%; text-align:center;}
.our-team{ margin-top:80px;}
.without-bg .heading::after{ background-image:none;}
.without-bg h2{  border-right:0; padding:0; text-align:center;} 
.team-card{ float:left; width:100%;  margin-top:30px; position:relative;}
.team-card-inner{ position:relative; width:100%;  left:0; top:0%; height:100%; padding:20px; text-align:left;}
.bg-blue{ background-color:#041D55;}
.bg-green{ background-color:#A1A1A1;}
.team-m-pic{ width:100%; float:left; height:370px; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
.team-m-pic img{ height:100%; width:100%; object-fit: cover;}
.team-card-inner h4{ color:#fff; font-size:24px;}
.post{ float:left; font-size:14px; font-family: 'Poiret One', cursive; color:#fff; margin-bottom:20px;}
.team-card-inner p{ margin:0; padding:0; font-size:14px; color:#fff; font-weight:300;}
.team-right .team-card-inner{ left:auto; right:0%;}
footer{ width:100%; text-align:center; float:left; color:#5E6D80; font-size:12px; padding:15px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af030c+0,ce1821+100 */
background: #eee; border-top:solid 1px #ddd;
 position:relative; z-index:2;}
.logo{ width:150px !important;}
.logo img{ width:100%;}
.logo2{ width:150px !important;}
.our-team .col-6{ padding-left:10px !important; padding-right:10px !important;}
.social-link{ text-align:left; float:left;}
.social-link a{ font-size:20px; color:#5E6D80; margin-right:10px;}
.global-text{ color:#0058D4; font-size:16px; margin-bottom:10px; float:left; width:100%; text-transform:uppercase;}
.content-right h3{ font-size:22px;  color: #041D55; margin-bottom:10px; font-weight:600;}

.com-tabs{ width:auto; margin-bottom:45px !important;}
.com-tabs li{ width:auto; border:0px none;}
.com-tabs li .nav-link{ font-size:20px; border-radius:0; border-bottom:solid 3px #fff; color:#5E6D80;}
.com-tabs .nav-link.active{ border-color:#0058D4 !important; background-color:transparent; color:#0058D4;}
.avt-card{ margin-top:35px; float:left; width:100%;}
.avt-card-right{width:100%; float:left; margin-top:35px;}
.avt-card ul{ margin:25px 0 0 0; padding:0; width:100%; float:left;}
.avt-card li{ float:left; width:100%; border-bottom:0px none; margin:0 0 50px 0; padding:0;}
.avt-card-left-in{ width:60px; float:left;}
.avt-card-left-in img{ width:100%;}
.avt-card-right-in{ float:left; padding-left:0px; width: 100%; text-align:left;}
.avt-card-right-in h5{  color:#141B32; font-size:22px; font-weight:600;} 
.contact-wrapper-right img{ width:100%; height:100%; object-fit: cover;}
.social-media{ display:inline-block; width:auto; float:none;}
.social-media a{ width:33px; display:inline-block; margin:40px 2px 0 2px;}
.social-media a:hover img{ opacity:0.9;}
.app-left h2{ font-weight:600; }
.team-card-wrapp{ width:100%; float:left; margin-top:15px;}
.team-card-wrapp .content-right{ float:left; width:100%; text-align:center; margin-bottom: 25px;}
.board-wrapp{ float:left; width:100%; margin-top:30px; position:relative; }
.board-wrapp .card{ border:0px none; border-radius:0; margin-bottom:40px !important;}
.board-wrapp .team-pic{ width:100%; border-radius:0; box-shadow:none; height:230px; }
.board-wrapp .team-pic img{ height:230px; object-fit: contain;}
.board-wrapp p{ margin-top:10px; font-size:17px; color:#4D5C6F; text-align:left;}
.board-wrapp .owl-dots{ display:none;}
.board-wrapp .owl-prev{ width:35px; height:35px; background:url(../images/arrow.png) no-repeat left top !important; text-indent:-5000px;}
.board-wrapp .owl-next{ width:35px; height:35px; background:url(../images/arrow.png) no-repeat right top !important; text-indent:-5000px;}
.board-wrapp .owl-theme .owl-nav{ position:absolute; top:-55px; right:0; margin-top:0;}
.we-are{ float:left; width:100%; margin-top:40px;}
.we-are-left{ float:left; width:100%; background-color:#EEEEF0; padding:60px; height: 100%;}
.we-are-right{ float:left; width:100%; background-color:#041D55; padding:60px;}
.we-are-card{ float:left; width:100%;}
.we-are-left ul{ float:left; width:100%; margin:0; padding:0;}
.we-are li{ float:left; width:100%; list-style-type:none; margin:0 0 7px 0;}
.we-are-right h4{ color:#fff;}
.we-are-right li{ color:#7E8DA0 !important;}
.container-wrapp2 nav{ position:fixed; right:0; z-index:2; top:15%; width:40px;}
.container-wrapp2 nav .deactive1{ display:block;}
.container-wrapp2 nav .active1{ display:none;}
.container-wrapp2 nav .nav-link{ padding:0; border:0px none;}
.container-wrapp2 .nav-item { clear:both; margin-bottom:5px;}
.container-wrapp2 .nav-tabs{ border-bottom:0px none;}
.container-wrapp2 .nav-tabs .nav-link.active{ background-color:transparent; border:0px none;}
.container-wrapp2 .nav-link.active .deactive1{ display:none;}
.container-wrapp2 .nav-link.active .active1{ display:block;}
.about-left{ width:100%; float:left; margin-bottom:35px;}
.about-left img{ width:100%;}
.about-right{  width:100%; float:left; }
.list-view{ float:left; width:100%; margin:0; padding:0;}
.list-view li{ float:left; width:100%; margin:0 0 13px 0; padding:0 0 0 30px; border-bottom:0px none; text-align:left; color:#141B32; font-weight:600; background:url(../images/list.svg) no-repeat left 3px;}
.bs{ width:100%; padding:0px 5%;}
.story{ margin-top:40px; float:left; text-align:center; width:100%;}
.story h6{ font-weight:600; font-size:30px; color:#141B32 !important;}
.story p{ font-size:19px; font-weight:bold;}
.story span{ color:#141B32 !important; font-size:19px;}
.story-info2{ float:left; width:100%; margin-top:25px; border:solid 1px #fff; text-align:center !important;}
.overly-pic{ position:absolute; left:0; top:0; width:100%; height:100%;  display: flex; align-items: center; }
.tag-line{ color:#fff; text-transform:uppercase; font-size:65px;  padding:10px 20px;  float:left; width:100%; text-align:center;  font-family: 'Poiret One', cursive; font-weight:300;}
.photographer { float:left;  text-align:center; font-size:21px; color:#fff;  font-family: 'Poiret One', cursive; font-weight:300; position: absolute; right: 15px; bottom: 15px;}
.ab-team .team-pic{ height:450px !important; overflow:hidden;}
.ab-team .team-pic img{ height:100% !important; object-fit: cover;}
.video-marquee{ margin-top: 0; width:100%; background-repeat: no-repeat;
-webkit-background-size: cover; background-size: cover; background-position: center; position: relative; z-index: 99; }
.video-marquee #video { width:100% !important;}
.tab-line-inner{ background-color: rgba(7,28,53,.6);  width:100%;}
.fillWidth{  width:100% !important;}
.container-wrapp .owl-carousel .owl-item img{ display: block; width: 100%; height: 100%;}
.new-contact{ float:left; height:100vh; width:100%;  background-size:cover;     position: relative;
 z-index: 3;}
.new-contact-in{ float:left; padding:20px; margin-top: 115px; color:#041D55; font-size:22px;}
.new-contact-in a{ color:#041D55; text-decoration:underline;}
.home-wr{ float:left; width:100%;}
.home-marquee{ float:left; width:100%; height:100vh; position:relative; background:url(../images/home-pic1.jpg) no-repeat center; background-size:cover; }
.home-marquee2{ float:left; width:100%; height:100vh; position:relative; background:url(../images/home-signup-pic2.jpg) no-repeat left bottom;  background-size:cover; }
.home-marquee-inner{ float:left; width:100%; position:absolute; top:0; right:0;  height:100%; padding:120px 120px 0 0;}
.home-form{ float:right; width:380px; color:#fff; font-size:20px;}
.home-form .form-control{ height:45px;}
textarea.form-control{ height:auto !important;}
.btn-warning{ width:auto; background-color:#FFC000; padding:8px 20px; margin-top:15px; font-weight:500; border-radius:9px;  color:#fff; border:solid 1px #fff; position: relative;
z-index: 5;}
.home-marquee-inner form{ margin-top:30px; text-align:center;}
.home-wr h4{ margin:35px 0; padding:0; width:100%; text-align:center; color:#7F7F7F; font-size:21px; font-weight:500; line-height:32px;}
.home-left{ width:100%; text-align:center;  background-color:#ECEBE9;height:100%; display: flex; align-items: center;}
.home-left:after{ content: ''; background:url(../images/shadow.png) no-repeat right top; width:125px; position:relative; right:-80px; height:100%;  top:0; }
.home-left-inner{  width:450px; display:inline-block; text-align:left;}
.home-left-inner h2{ color:#7F7F7F; margin:80px 0 25px 0; font-size:28px;}
.home-left-inner p{ margin:0; padding:0; color:#7F7F7F; font-size:20px; line-height:32px;}
.home-left-inner p strong{ font-weight:600;}
.home-right-inner{ width:100%; float:left; text-align:center; padding:50px 0;}
.home-right-inner img{ width:auto; max-width:100%;}
.ma-in{ float:left; width:100%; position:relative;}
.ma-in2 .home-left:before{ content: ''; background:url(../images/shadow2.png) no-repeat left top; width:125px; position:relative; left:-80px; height:100%;  top:0; }
.ma-in2 .home-left:after{ background-image:none;}
.ma-in2 .home-left{ margin-left:40px;}
@media screen and ( max-width:1400px){
	.home-right-inner{ padding:50px 70px;}
	.home-right-inner img{ width:100%;}
}

@media screen and ( max-width:1300px){
.owl-carousel .owl-item img {  display: block;  width: 100%; height: 100%; object-fit: cover;}
.bs{ padding:0 15px;}
.ab-team .team-pic {  height: 300px !important;}
.home-marquee-inner{ padding-right:30px; padding-left:30px;}
}
	
@media screen and ( max-width:1100px){	
.contact-inner{ width:100%;}
.container {max-width: 100%;}
#team{ padding:0 15px;}
.home-right-inner{ padding:50px;}
.home-left-inner{ width:100%; padding-left:15px; padding-right:15px;}
.home-left-inner p{ width:100%; float:left; }
.home-left{ display:block;}

}

@media screen and ( max-width:992px){	
.container {  min-width: 100%; max-width:100%;}
.inner-card{ padding-left:0; padding-right:0;}
.team-card-inner{ width:100%; left:0; top:0; height:100%;}
.inner-card{ padding:40px 0;}
.our-team .col-6 {  padding-left: 15px !important;padding-right: 15px !important;}
.heading::after{ left:0;}
.app-left{ margin-top:0;}
.app-right{ padding-right:0;}
.how-it-marquee-inner-card{ width:100%; border-radius:0; bottom:0;}
.how-it-marquee-inner{ right:0; bottom:0; top:auto; display:block; height:auto;}
.how-it-work-marquee{ height:auto;}
.how-it-marquee-inner-card h2{ font-size:30px; margin-bottom:5px;}
.app-right{ position:relative; bottom:0 !important;}
}

@media screen and ( max-width:820px){	
.team-m-pic{ height:400px;}
.team-card-inner h4{ font-size:22px;}
.post{ margin-bottom:15px;}
.heading{ width:100%;}
.heading h2{ padding-right:0; border-right:0px none;}
.content-right{ width:100%; padding-left:0;}
.how-it-work-marquee{ height:auto;}

}

@media screen and ( max-width:767px){	
.logo{ width:200px;}
.logo img{ width:100%;}
.button_container{ top:10px;}
header{ padding:10px 15px;}
.avt-card-right{ margin-top:5px;}
.avt-card li{ margin-bottom:20px;}
.how-it-card-wrapp .card-body{ padding:0;}
h2{ font-size:28px;}
.social-link{ display:inline-block; float:none;}
.copy{ text-align:center; width:100%;}
.app-info{ padding-top:30px;}
.fillWidth{ height:100%; width:100%; background-color: rgba(7,28,53,.7);}
.contact-wrapper-right{ display:none;}
.home-left{ position:relative; height:auto; padding:30px 0;}
.home-left-inner h2{ margin:0px 0 25px 0;}
.home-marquee-inner{ padding-top:80px;}
.home-marquee,.home-marquee2{ min-height:600px;}

}

@media screen and ( max-width:675px){	
.contact-wrapper-left{ width:100%; padding:20px;}
.contact-wrapper-right{ position:relative; width:100%; padding-bottom:0; padding:20px;}
.contact-wrapper-right li:last-child{ margin-bottom:0;}
.heading h2{ font-size:40px;}
.misssion-card h3{ font-size:30px;}
.we-are-left{ padding:20px 35px;}
.we-are-right{ padding:20px 35px;}
.logo{ width:100px !important;}
.how-it-marquee-inner{ position:relative;}
.contact-card{ margin-top:74px;}
.how-it-marquee-inner-card h2{ font-size:24px;}
.tag-line{ font-size:35px;}
.photographer{ font-size:20px;}
.ab-team .team-pic {  height: 270px !important;}
.thk-left{ width:100%;}
.thk-left img{ opacity:0.4;}
.thk-left-right{ width:100%;}
.thk-left-right-in { font-weight: 600;}
.home-bottom{ font-size: 16px; left: 0; padding: 0px 15px; line-height: 19px;}
.home-marquee-inner{ padding-top:80px;}
.home-marquee,.home-marquee2{ min-height:600px;}

}

@media screen and ( max-width:575px){	
.team-m-pic img { object-fit: contain;}
.team-m-pic{ background-color:#eee;}
.board-wrapp .card{ margin-bottom:20px !important;}
.home-wr h4{ font-size: 20px; line-height: 28px;}
.inner-card{ margin-top:60px;}
.home-form{ line-height:24px;}

}

@media screen and ( max-width:575px){	

.dash{ margin-left:0px !important;}
#app-store{margin-left:15px !important;}

}


@media screen and ( max-width:500px){	
.logo-inner{  display:inline-block; width:80%;}
.avt-card-left-in{ width:45px;}
.avt-card-right-in{ width:100%;}
.home-form{ width:100%;}
.home-marquee-inner{ padding-left:15px; padding-right:15px;}
}


@media screen and ( max-width:390px){	
.team-m-pic img { object-fit: cover;}
}
