@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

.navbar-default {
    background-color: #FFF;
}
.navbar {
	background:transparent;  color:#fff!important; top:0px; font-size:14px;  width:100%; margin:auto;  font-weight: 400 !important;text-transform:uppercase; border-bottom:none !important;
}

@media(min-width:767px) {
    .navbar {
        padding: 25px 6px; 
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
	
    .top-nav-collapse {
        padding: 0;
    }
}

header .navbar { margin-bottom:0px; border:0px;  }
header .navbar-nav > li > a {color:#fff!important; font-size:15px; font-weight:400; border-radius:4px;  padding:10px 15px;  text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
header .navbar-nav > li:hover a { color:#33F !important; }
header .navbar-nav > li > a:hover { color:#33F !important;  }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  color:#33F!important;}

header .navbar-nav li a .caret { margin-top:-3px; }
header .navbar-nav > li > a { position:relative; font-weight:500;  color:#fff!important;}
/*header .navbar-nav > li > a:after{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;position:absolute;bottom:5px;left:50%;display:block;overflow:hidden;margin-left:0px;width:0px;height:0px;background:#ffcb05;content:'-';text-indent:-999em;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
header .navbar-nav > li > a:hover:after,
header .navbar-nav > li > a:hover:after,
header .navbar-nav > li:hover > a:after{bottom:5px;height:2px;width:50px;margin-left:-20px;margin-top:-2px;}*/

@media only screen and (min-width: 768px) {
.navbar-default .navbar-nav > li:hover{background-color:#fff; color:#3396EC !important;}
header .navbar-nav li:hover ul { display:block; }
header .navbar-nav li ul { border-top:0px; background-color:transparent !important;  }
header .navbar-nav > li:hover ul li a { font-size:16px; color:#fff !important; text-transform:uppercase;}
header .navbar-nav li .dropdown-menu { padding:0px; }
header .navbar-nav li ul li a { padding:5px 8px; display:block; background-color:#fff; color:#2C3035 !important; text-transform:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
header .navbar-nav li ul li { background-color:#fff; color:#2C3035 !important;}
header .navbar-nav li ul li:last-child { border:none; }
header .navbar-nav li ul li a:hover { background-color:#33F !important; color:#fff !important;  }
/*header .navbar-nav li ul li:last-child a {  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }
header .navbar-nav li ul li:last-child a:hover { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color:#333333;  }
header .navbar-nav li ul li:last-child {  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color:transparent;  }*/
/*header .navbar-nav li:last-child ul{left:-20px;}*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#33F;  color:#fff!important;}
	
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #33F; padding:10px 35px;
    color: #fff!important;
}

#main-slider {
  position: relative;
  margin-top:0px;
}
@media(max-width:767px) {
#main-slider {
  margin-top:0px;
}




}
#main-slider .carousel h2 {
  font-size: 60px;
  line-height:72px;
  color:#fff;
  text-transform:uppercase;
  margin-top:25%;
  font-weight:700;
  padding-left:0;
}
#main-slider .carousel p {
  font-size: 24px;
  line-height:24px;
  color:#FFF;
  text-transform:uppercase;
  font-weight:400;
  padding-left:0;
}
#main-slider .carousel .btn {
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 600px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 35px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
  outline: 0;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #ffcb05;
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}




@media(max-width:767px) {
#main-slider {margin-top:50px;}

header .navbar { position:absolute;  z-index:9999999; }
.nav.navbar-nav { background-color:#142c5b; margin-top:0px; }
header .navbar-nav li ul { border-top:1px solid #fff !important;  }
header .navbar-nav > li, header .navbar-nav > li > ul > li  { border-bottom:1px solid #fff;  }
header .navbar-nav > li > ul > li:last-child { border:none; }
header .navbar-nav > li:last-child { border-bottom:none;  }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom:none; background-color:#ffcb05; color:#fff !important; }
header .navbar-nav > li > a { padding:10px 10px; color:#fff !important; border-bottom:0px;  }
header .navbar-nav li ul li a { padding:10px 20px !important; color:#fff !important; border-bottom:0px;  }
header .navbar-nav li:hover a { color:#fff !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#d2171f; }
header .navbar-nav > li > a:hover, header .navbar-nav > li > ul > li > a { color:#fff !important; text-transform:none; }
.navbar {float:none !important; margin: auto !important; min-height: inherit; width: 100%;  }
header .navbar-nav > li.active a { background-color:#33F !important; border-radius:0; color:#fff; }
header .navbar-nav li a .caret { margin-top:7px; float:right; margin-left:0px;  border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0);
 border-top: 8px dashed; }
.right_mob { float:right; width:100%;  }
.mob_menu_btns { margin-top:15px; }


}


@media(max-width:480px) {
.navbar {top:0px; height:90px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {font-weight:300; font-size:14px;}
header .navbar-nav > li > a {font-weight:300; font-size:14px;}
.grn_cont .img_left {margin-bottom:15px;}
.outbound .img_left {margin-bottom:15px;}
#main-slider {margin-top:40px; height:300px; overflow:hidden;}
#main-slider p {font-size:13px;}

#main-slider .carousel h2 { text-align:center; font-size:24px; font-weight:900; margin-top:35%;}
#main-slider .carousel p { text-align:center;}
#main-slider .carousel .btn {
	background:#f20009; padding:8px 13px!important; font-size:14px!important; border:none!important;
  color: #fff; font-weight:400 !important;
  border-radius: 3px !important;
  margin: 5px auto !important;
}
.payment { width:100%; background:#10609e; padding:20px 25px; color:#FFFFFF; font-size:16px; text-align:center;}


.blu-heading {padding:25px 15px;}
.blu-heading h1 { font-size:24px; line-height:25px;}
.blu-heading p {font-size:16px; line-height:28px;}
.tab_conts_sec h2 {font-size:24px; margin:15px 0px 0px 0px;}
.tab_conts_sec h3 {font-size:18px; line-height:22px;}
.tab_conts_sec p {font-size:15px; line-height:22px;}
.who-we-are { padding:15px 10px;}
.who-we-are h1 { font-size:24px;}
.who-we-are h2 { font-size:18px;}



.contact-banner { height:200px; padding: 75px 0px 10px 0px;}
.contact-banner h2  { font-size:18px; font-weight:600;}
.contact-banner p { font-size:14px;}

.banner-company { height:200px; padding: 75px 0px 10px 0px;}
.banner-company  h2  { font-size:18px; font-weight:600;}
.banner-company p { font-size:14px;}



.blu-heading h4 { font-size:22px; line-height:30px;}
.trial-bg h1 { font-size:25px;}

#main-slider .carousel h2 {
  font-size: 38px;
  line-height:38px;
  color:#6ba5a4;
 text-transform:uppercase;
  font-weight:600;
  padding-left:0;
 
}

#main-slider .carousel h3 {
  font-size: 60px; 
  line-height:40px;
  color:#ffffff;
 text-transform:uppercase;
  font-weight:300;
  padding-left:0;
 
}
#main-slider .carousel p {
  font-size: 16px;
  line-height:20px;
  color:#fff;
  text-transform:uppercase;
  
  font-weight:400;
  padding:7px 0px;
  padding-left:0;
}



.slide1{ width:100%; height:100%; }
.slide2{ width:100%; height:100%; }
.slide3{ width:100%; height:100%; }
.slide4{ width:100%; height:100%; }
.slide5{ width:100%; height:100%; }
.slide6{ width:100%; height:100%; }


}


#main-slider .carousel h1 {
  font-size: 60px;
  line-height:60px;
  color:#f6a32a;
 text-transform:uppercase;
  font-weight:600;
  padding-left:0;
 
}

.bnr-txt { margin:25px 0px 10px 0px;}

#main-slider .carousel h1 span{
  font-size: 60px;
  line-height:60px;
  color:#fff;
 text-transform:uppercase;
  font-weight:600;
  padding-left:0;
 
}

#main-slider .carousel h2 {
	
	width:65%;
  font-size: 45px;
  line-height:50px;
  color:#fff;
 text-transform:uppercase;
  font-weight:600;
}

#main-slider .carousel h3 {
  font-size: 45px; 
  line-height:45px;
  color:#ffffff;
  font-weight:700;
  margin-top:12%;
  padding-left:0;
 
}
#main-slider .carousel p {
  font-size: 18px;
  line-height:24px;
  color:#fff;
  text-transform:none;
  font-weight:500;
  padding:15px 0px;
  padding-left:0;
}
#main-slider .carousel .btn {
	background:#f20009; padding:12px 25px!important; font-size:16px!important; border:none!important;
  color: #fff; font-weight:500;
  border-radius: 4px;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: #fff; color:#212121;
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 650px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  color: #fff;
  display: inline-block; margin-left:5px; margin-right:5px;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 0px;
  z-index: 5;
  outline: 0;
  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background:#fecb00; border:1px #fecb00 solid;
  border-radius: 0px;
  color:#fff;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both!important;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both!important;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both!important;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both!important;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}




@media(max-width:767px) {

.navbar-brand img {margin:0px 0px;}
.section-title h1{
	font-size:32px;
	text-transform:uppercase;
	font-weight:700;
	
}
#main-slider {
 margin-top:0%; height:500px;
}
#main-slider .carousel h2 {
 margin-top:13%;
}
}



@media(max-width:480px) {

.navbar {padding: 10px 0px;}

.navbar-inverse .navbar-toggle{margin-top: 15px; }

#main-slider {
 margin-top:0%; height:300px; overflow:hidden; 
}

#main-slider .carousel h2 {
 margin-top:35%; font-size:18px; font-weight:100;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 60%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  color: #fff;
  display: inline-block; margin-left:5px; margin-right:5px;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 0px;
  z-index: 5;
  outline: 0;
  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background:transparent; border:1px #FFFFFF solid;
  border-radius: 0px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}

.read_more_btn{ background:transparent; border:2px #fff solid; color:#fff !important; font-size:16px; font-weight:600; text-decoration:none !important; padding:8px 50px; text-transform:uppercase; display:inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin:10px auto !important; }

.read_more_btn:hover { text-decoration:none;  background-color:#fff; color:#333 !important;}
.section-title h1{
	font-size:28px;
	text-transform:uppercase;
	font-weight:600;
	
}
.navbar-brand{height: 50px;}
.navbar-toggle{margin-top: -20px;}
}


@media(max-width:767px) {
	#main-slider .carousel h2 {
	  font-size: 42px;
	  line-height:36px;
	  color:#FFF;
	  text-transform:none;
	  margin-top:30%;
	  font-weight:400;
	  padding-left:0;
	}
	
	#main-slider .carousel .btn {
	background:#f20009; padding:8px 13px!important; font-size:14px!important; border:none!important;
  color: #fff; font-weight:400 !important;
  border-radius: 3px !important;
  margin: 5px auto !important;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 60%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  background:none!important;
  color: #fff;
  display: inline-block; margin-left:5px; margin-right:5px;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 0px;
  z-index: 5;
  outline: 0;
  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background:transparent; /*border:1px #transparent solid;*/ border:none!important;
  border-radius: 0px;
}
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right:30px;
    display:none;
}
.contact-info a{
color: #fff;

}
.contact-info a:hover{ color:#1285f0; text-decoration:none;}
 
.clearfix { clear:both; }

@media(max-width:990px) {
#main-slider .carousel h3{font-size: 25px;line-height: 30px;}
#main-slider .carousel h2{font-size: 28px;}
.bnr-txt{margin:10px 0px;}
.slide1{height: auto!important;padding-bottom: 30px;}
}

@media (max-width: 767px) {
#main-slider .carousel h2{ margin-top:120px; font-size: 18px; font-weight:600; line-height: 24px; width:100%; }
#main-slider .carousel p {font-size:14px; line-height:16px;}
.quick_contact_form .txt_box { width:100%; margin-bottom:10px; }
}