@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');





img{max-width: 100%;}





.margin-vertical-10{height:10px; width:100%}


.margin-vertical-20{height:20px; width:100%}


.margin-vertical-30{height:30px; width:100%}


.margin-vertical-40{height:40px; width:100%}


.margin-vertical-50{height:50px; width:100%}


.margin-vertical-60{height:60px; width:100%}


.margin-vertical-70{height:70px; width:100%}


.margin-vertical-80{height:80px; width:100%}


.margin-vertical-90{height:90px; width:100%}


.margin-vertical-100{height:100px; width:100%}








header .top-menu{margin-bottom: 0px;background-color: #0e1421;border-color: #0e1421; border-radius: 0;}


header .top-menu.navbar-inverse .navbar-nav > li > a{color: #fff; font-size: 16px; padding-top: 10px; padding-bottom: 10px;}


header .top-menu.navbar-inverse .navbar-nav > li > a:hover{background-color: rgba(255,255,255,0.2);}


header .navbar-brand{height: auto;}


header .navbar-nav{padding-top: 20px; padding-bottom: 20px;}


.join-link{background-color: #2662ed; border-radius: 3px; margin-right: 10px;}


.join-link:hover{background-color: #427bff !important;}


.navbar-inverse .navbar-nav>.active>.join-link{background-color: #427bff !important;}


.login-link{background-color: #fb2c42; border-radius: 3px;}


.login-link:hover{background-color: #ff5b6c !important;}


.navbar-inverse .navbar-nav>.active>.login-link{background-color: #ff5b6c !important;}


.banner{


	background:url(../images/header-map.png),url(../images/header-bg.png),linear-gradient(150deg, #0838a7 15%, #ff4363, #ffaa46 85%);


  background-repeat:no-repeat, no-repeat, no-repeat;


  background-position: center;


  background-size: inherit, cover;


}


.banner .container > .row{display: flex;align-items: center;}


.header-text-box{background-color: rgba(255,255,255,0.2); padding: 36px;}


.header-text{font-size: 52px; font-weight: 700; color: #fff; text-align: center; margin: 0;font-family: 'Poppins', sans-serif;}


.title-text{font-size: 40px; font-weight: 700; color: #4c5262; text-align: center; font-family: 'Poppins', sans-serif; background-image: url(../images/title-line.png); background-repeat: no-repeat; background-position: center bottom; margin: 60px 0 20px 0; padding-bottom: 15px;}


.sub-title{font-size: 20px; font-weight: 500; color: #4c5262; text-align: center; font-family: 'Poppins', sans-serif; margin-bottom: 20px;}


.member-point{font-size: 19px; color:#4c5262;}


.bodytext tr{}


.bodytext tr td{vertical-align: middle !important; padding: 4px 6px !important;}


.bodytext tr td img{width: 40px; height: 40px;}


.joinnow-btn{background: linear-gradient(to top, #ffb359, #fb2c42); border:0; border-radius: 50px; font-family: 'Poppins', sans-serif; padding: 10px 30px; font-size: 30px; font-weight: 700; color: #fff; text-transform: uppercase;}


.joinnow-btn:hover{background: linear-gradient(to bottom, #ffb359, #fb2c42); color: #fff;}


.spon-box {


    text-align: left;


    background: #214baa;


    padding: 10px;


    font-size: 18px;


    color: #fff;


    margin-top: 20px;


}


.spon-box p {


    margin: 0;


    color: #ffb700;


    font-size: 18px;


}


.well{background-color: #eaeff6;}


.submit-btn{background-color: #fb2c42; color: #fff;}


.submit-btn:hover{background-color: #ff5b6c; color: #fff;}


.ad-box{background-color: #eaeff6; padding: 10px; border-radius: 6px; margin-bottom: 20px; text-align: center;}


.btn-primary {


    color: #fff;


    background-color: #2662ed;


    border-color: #2662ed;


}


.btn-primary:hover {


    color: #fff;


    background-color: #427bff;


    border-color: #427bff;


}


.panel {


    margin: 20px 0;


}


.panel-primary>.panel-heading {


    background-color: #2662ed;


    border-color: #2662ed;


}


.input-group-addon img{max-width: inherit;}





footer{margin:0; padding:48px 0; width:100%; float:left;background: #0e1421;;}

footer .logoandicon{margin:0; padding:0; width:100%; float:left;}

footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}

footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}

footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}


footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}
footer ul{
  padding-left: 0;
}

footer ul.icon{ width:100%; float:left;}

footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}

footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 3rem;}

footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}

footer .quick-links h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;
	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
	  box-sizing:content-box; background:#fff;
}

footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}

footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}

footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}

footer .quick-links ul li:hover a{color:#ddd;}

footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}

footer .company{margin:0; padding-bottom: 2rem; float:left; width:100%;}

footer .company h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;
	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	  background:#fff;
}

footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}

.copyright{background:rgb(7 12 20); padding:14px 0px; float:left; width:100%;}

.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}

.copyright .copytexts{text-align:center; font-size:13px; color:#fff; font-weight:400;}



/* .ftr-bg{background-color: #0e1421; padding: 20px 0 10px 0;}


footer a {color: #ff8900;}


footer a:hover {color: #ff8900;}


footer p {color: #909090;} */








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


	header .top-menu.navbar-inverse .navbar-nav > li > a {padding: 10px; font-size: 13px;}


	.member-right{text-align: center;margin-bottom: 20px;}


	.adve-left{text-align: center;margin-bottom: 20px;}


}





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


	.navbar-toggle{margin-top: 23px; margin-bottom: 23px;}


}











@media screen and (max-width:480px){.custom-col-10{margin-top:55px !important; width:100% !important;}}