@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Black.woff2') format('woff2'),
        url('AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Book.woff2') format('woff2'),
        url('AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Roman.woff2') format('woff2'),
        url('AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





body {margin:0;padding:0;background-color:#fff;box-sizing:border-box; font-family:'Avenir LT Std';}
img { max-width: 100%; }
h1, h2, h3, h4 , h5 , h6 , p , ul li ,a {padding:0;margin:0;list-style:none; }
ul , ol { padding:0;}

ul {list-style:none;margin:0;padding:0;}
img{max-width:100%;}
a{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a:hover, a:focus{text-decoration: none;}



header { width: 100%; position: absolute; top: 0; left: 0;  right: 0;z-index: 7;    padding: 33px 0;
}
.tabcontent {display: none;}

.bannerSec {background: url("../images/banner.png") no-repeat top center; width:100%; position: relative;z-index: 6;background-size:cover;display: flex; align-items: center;}

.bannerSec .text-box { margin: 0 10px;}
.logo {float:left;}
.menu-box {float:right;margin: 15px 0 0 0;}
.menu-box ul li {display:inline-block;padding-right:41px;line-height: 100%;}
.menu-box ul li:last-child{padding-right:0;}
.menu-box ul li a {font-size:18px; color:#f3f3f4;line-height: 100%;display: block;}

.banner-text {border-left: 3px solid #f3f3f4;width: 100%;display: block;padding: 0 0 0 28px;}
.banner-text p {font-size:26px; color:#f3f3f4;font-style:italic;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.banner-text h1 {font-size:50px; color:#f3f3f4;font-weight: bold;    line-height: 34px;}
.banner-text span {font-size:50px; color:#f3f3f4;font-weight: bold; display:block;}
.btn-joinnow {color:#fff; font-size:22px; padding:9px 41px 10px 50px; border:3px solid #fff;margin-top: 77px; float: left;}
.btn-joinnow    .text-center  { width:100%; margin:0 auto 0;position:absolute; top:50%; }
.down-arrow { position: absolute; bottom: 50px;  left: 0;  right: 0;  text-align: center;}
.left-box {width:50%;display: table-cell; vertical-align: middle;}
.left-box img {width:100%; }
.what-we-box {width:100%; display:block;}
.right-box {width:48%;    display: table-cell; vertical-align: middle; }
.right-box .what-text {color: #f2f2f2;font-size: 100px; font-family: lato;  font-weight: bold; display:table; width: 50%;
 line-height:68px;}
.right-box h1 { font-size: 54px;font-family: lato;font-weight: 800;line-height: 37px;}
.right-text {display:block;  margin: 0 0 0 38px;}
.text {    margin: -70px 0 0 0;}
.right-cntn p {font-size:18px; font-family:Avenir LT Std;color:#404040;font-weight:400;padding-bottom:42px;}
.right-cntn span {font-size:18px; font-family:Avenir LT Std;color:#404040;font-weight:400;}
.right-cntn { margin: 30px 0 0 0;width: 96%;line-height: 25px;}

.what-banner {  float:left;display:block;background-size:cover;position:relative;background:url("../images/what-we.png")center  no-repeat ; width:100%; min-height:412px;background-size:cover;}
.green-box { display: block; background-color: #5deac2;  position: absolute;  max-width: 426px;   top: 456px; left:0; transform: none; top: inherit;  min-height: 296px; bottom:-560px;}
.green-text {width:400px;   padding:57px 50px;}
.green-text h1 {font-size:54px; color:#010001;font-weight:bold;line-height: 45px;} 
.green-text span {display:block; padding: 0 0 40px 0;}
.green-text p {font-size:18px;color:#010001;font-weight:300;line-height: 45px;font-family:'Avenir LT Std';line-height: 24px;} 
.deal-main  {margin:0  0 51px 0;float:left;}
.deal-main ul li  {display:inline-block;margin-right:32px;}
.deal-main ul li a {font-size:22px; color:#c7c7c7;font-weight:600;}
.deal-main .active {border-bottom: 3px solid #5deac2;-webkit-box-shadow: -1px 10px 21px -52px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 10px 21px -52px rgba(0,0,0,0.75);box-shadow: -1px 10px 21px -52px rgba(0,0,0,0.75);color:#010001;}
.what-we {float:left;display:block; width:100%;}
.what-we ul li {list-style:square;line-height: 31px;}
.what-we ul { padding: 0;margin: 0;}
.what-we ul li a {color: #404040;font-size: 18px;font-family:'Avenir LT Std';}
.btn-join  {color:#010001; font-size:22px; padding:6px 50px; border:3px solid #010001; margin-top: 63px;float:left;}
.footer-img {background:url("../images/address.png")center  no-repeat; }
.form-inline input.form-control { display: inline-block;max-width: 280px; vertical-align: middle;height: 50px;font-family:'Avenir LT Std';color:#000;font-weight:500; background-color: #3ecdff;padding: 0 0 0 19px;    border: 2px solid #000; margin: 0 18px  21px 0; border-radius: 0;}
.form-inline {}
.upload-file {position:relative;}
#myfile { position: absolute; bottom: 22%; left: 50%; transform: translate(-50%, -50%);background-color:#000;}
.form-box > div {max-width: 280px;margin-right: 2%;	position:relative;}
input.form-control::-webkit-input-placeholder { /* Edge */
  color: #000;
}

input.form-control:-ms-input-placeholder { /* Internet Explorer */
  color: #000;
}

input.form-control::placeholder {color: #000;}
.footer-left {  float: left;  display: block;overflow: hidden;width: 60%;}


a.btn-joinnow:hover {color:black; background-color: #fff;}
.green-text:hover {background-color: #3ecdff;}

.banner-text p:hover {padding-left: 7px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.menu-box ul li a:hover { border-bottom: 2px solid #5deac2;padding: 0 0 5px 0;}

label { padding: 5px 15px; background-color: #000; color: #fff;font-size: 14px; font-style: italic;  font-weight: 400;}

.footer-box {background-color: #3ecdff;margin-top: 146px;}
.footer-left .contact-title {width:60%; margin-top:47px;margin-bottom:50px;}

.footer-left .contact-title h1{font-size:54px; font-family:Avenir LT Std; font-family:'Avenir LT Std';color:#000;font-weight:600;    line-height: 102px;}
.footer-left .contact-title p{font-size:16px; font-family:Avenir LT Std; font-family:'Avenir LT Std';color:#000;}
.btn-primary- {width:280px; height:50px; background-color: #000; border: 0;}
.left-form > div {margin: 0 0 20px 0;}

input[type="file"] {  display: none;}
.custom-file-upload {background-color:#000;display: inline-block; padding: 6px 12px;cursor: pointer;color:#fff;
font-size:14px;font-style:italic;font-family:'Avenir LT Std';font-weight:400;width:102px;height:31px;}
.btn-primary- { width:100%;max-width: 280px; height: 50px; background-color: #fff;  border: 0; bottom: 30%; color: #000; font-size: 22px; font-weight: 600; font-family: Avenir LT Std;   }
input.form-control:hover{-webkit-box-shadow: 10px 10px 40px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 40px -17px rgba(0,0,0,0.75);box-shadow: 10px 10px 40px -17px rgba(0,0,0,0.75); font-size: 16px;   font-weight: 600;}
.btn-primary-:hover {-webkit-box-shadow: 10px 10px 40px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 40px -17px rgba(0,0,0,0.75);    font-size:23px;
    font-weight: 600;
box-shadow: 10px 10px 40px -17px rgba(0,0,0,0.75);}
#support {color:#013c51; font-size:12px; font-family:Avenir LT Std;font-weight:500;}
.footer-img {width:40%;float:right;display:block;}
.footer-right {background:url("../images/address.png")center  no-repeat; width:509px; height:809px;}
.footer-rb {width:40%; float:right;position:relative;    left:54px;}

.btn-join:hover{color:#fff; background-color: #000;   border: 3px solid #010001;	}
a.scrollBtn{transform: scale(1);-webkit-transform: scale(1); display: inline-block;;}
a.scrollBtn:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}

.left-form {float:left;width:100%;}
.right-form {width:100%; max-width:48%; float:right;}
.form-control { display: block;  font-size: 14px;  color: #555;  background-color: inherit;  background-image: none; border: 3px solid #000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;  width: 100%; padding: 22px 8px;}
.choose_file { position: absolute;  top: 9px;  right: 0;  width: 103px;}
.parallax { background-attachment:fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
 }
.nav-tabs {border-bottom: 1px solid #ddd;  width: 100%;  float: left;margin: 206px 0 0 0;    border: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #495057; 
 border-color: none; }
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color:#fff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color:#fff; border:0;}
.nav > li > a:hover, .nav > li > a:focus {border:0; background-color:0;}

/**********media query start here----*/







@media all and (min-width:1380px) and (max-width:2500px){
.footer-box .container{width: 100%;max-width: 100%;}
.footer-right {background-size:cover; width: 100%;float:right;}
}









@media all and (min-width:768px) and (max-width:1024px){
.container{width: 100%;max-width: 100%;}


.menu-box ul li  { padding-right: 16px;}	
.bannner-box {    background-size: 100%;min-height: 434px;}

.banner-text { left: 24%;top: 131px;}
.banner-text h1 {font-size: 39px;}
.btn-joinnow {font-size: 20px;  margin-top: 25px;}
.right-box .what-text { width: 100%; ;line-height: 42px;    font-size: 66px;}
.left-box {min-height: 454px;}	
.text  { }
.right-box h1 {  line-height: 25px; font-size: 38px;}
.right-cntn p {font-size: 14px;    padding-bottom: 10px;}
.right-cntn span {font-size: 14px;}
.right-text { margin: 54px 0 0 24px;}
.what-banner {    background-size:cover;}	
.green-text h1 { font-size: 42px; line-height: 27px;}
.green-text p {font-size:16px;}
.green-text { width: 294px; padding: 64px 28px;}

.what-banner { }
.footer-left .contact-title h1 {    font-size: 42px;}	
.footer-left .contact-title { width: 100%;}
.form-inline input .form-control { max-width: 189px;width:100%;}
.footer-right {   background-size: cover;}
.btn-primary- {left: 50%;width:100%;max-width:100%;}
#myfile { bottom: 15px; left: 32%;}
.footer-box { overflow: hidden; margin-top: 44px;}
.btn-joinnow {  position: relative;    margin-top: 20px; }

.parallax {    background-attachment: scroll;}
.right-text {    margin: 54px 0 0 6px;}
.mob_btn {display:block;}
.form-inline input.form-control {max-width: 100%;width: 46%;}
.form-box > div { width:48%; margin-right: 2%;}
.footer-rb { left: 8px; object-fit: cover; height: 500px;}
.btn-join {margin-top: 25px;}
.bannerSec {background-size:cover;}
}





@media all and (min-width:768px) and (max-width:991px){
.form-inline input.form-control {max-width: 100%;width: 100%;}
.upload-file button.btn-primary- { position: static;}
#myfile { bottom: inherit; right: 30px; transform: none; left: inherit; top: 10px;}
.form-box > div {  width: 48%;}

}



@media all and (min-width:320px) and (max-width:767px)	{
.container {width:100%; max-width: 100%;}	
.mob_btn {width:35px;display:block;height:35px; position: absolute; top: 0; left: 88%;;}
.mob_btn span {width:28px; height:2px; background:#fff;float:left;    margin: 0 0 4px 0;}
.footer-left {width:100%;}
.footer-rb  {display:none;}	
.bannerSec { padding: 92px 0;  display: block; background-size: cover;}
.bannerSec .text-box {  margin: 0 5px;}
.banner-text {padding: 0 0 0 15px;}
.banner-text p {font-size: 18px;}
.banner-text span {font-size: 18px;}
.banner-text h1 {font-size: 18px; line-height: 16px;}
.btn-joinnow {font-size: 12px;padding: 2px 8px;margin-top:20px;}
.down-arrow img {width: 22px;}	
.down-arrow { bottom: 30px;}
.left-box {width:100%;       background-size: 100%;}
.right-text {    width: 100%;    margin: 54px 7px 16px 8px;}
.right-box {width: 100%; display:block;}	
.right-box .what-text {font-size: 70px; width: 82%;line-height: 41px;}
.right-cntn p {font-size: 14px; padding-bottom: 7px;}	
.right-cntn span {font-size: 15px;}
.what-banner { background-size: cover;    min-height: 200px;}
.right-box h1 {font-size: 40px;line-height: 24px;}
.green-box {display: none;}
.what-we ul li a {    font-size: 14px;}
.text { }
.what-we { width: 100%;}
.deal-main ul li a {font-size: 14px;  }
.deal-main ul li {    margin-right: 5px;}
.deal-main {margin: 30px 0 9px 0;}
.nav-tabs > li > a:hover{border-color:#fff;}
.nav > li > a:hover, .nav > li > a:focus {background-color:#fff;}


.btn-join {margin-top: 30px;}
.footer-left .contact-title h1 {font-size: 34px;}
.footer-left .contact-title {width: 100%;}
.footer-left .contact-title { margin-top: 0;margin-bottom: 34px;}
#myfile { bottom: 15px;  left: inherit; right: -15px;  margin: 0;}
.btn-primary- {top:60px; left: 0;font-size: 18px;}
.footer-box {   margin-top:28px;}
.right-cntn {width:100%;}
.right-text {    width: 92%;margin: 34px 0 16px 15px;}
.logo { width: 125px;}
.logo img { width: 100%}
header { padding: 16px 0;}
.btn-primary- {width:100%;}
.menu-box {display:block;background-color: #fff; width: 100%;   height: auto;}
.form-inline input.form-control{width:100%; }
.menu-box ul li { width: 100%; padding: 18px 0;    margin:   0;}
.menu-box ul li a {color: #000000;}
.menu-box ul {  display: none;position: absolute;  top: 45px; background: #fff; left: 0;  right: 0;  width: 100%;  padding: 39px 25px;}
.choose_file { position: absolute; top: 13px; right: -30px; width: 103px;}
label {    font-size: 9px;    padding: 5px 10px;}
.what-we ul {    padding: 0 10px;}
.parallax {    background-attachment: scroll;}
.left-form {    width: 100%;}

}