@import url('https://fonts.googleapis.com/css2?family=Roboto:100,200,300,400,500,600,700,800&display=swap');
body {background-color: transparent; color: #25003e; font-family: 'Roboto', Helvetica, sans-serif;}
.myerror {color: #ff2d0b; font-size: 12px; line-height:27px;}

header {padding: 10px 0; height: 50px; border-bottom: 1px solid #ccc;}
header a {color: #25003e; font-weight: bold; display: inline-block; margin-right: 10px;}

/* NAVBAR STYLES */
.navbar {margin: 0; height: auto; border-bottom-color: transparent !important; background: #fce295; padding: 8px 20px;}
.navbar .navbar-brand {color: #25003e;font-size: 30px;font-weight: bold; text-decoration: none;}
.navbar .navbar-brand img {padding: 4px; margin-right: 20px;}
.navbar .navbar-brand:focus, .navbar-dark .navbar-brand:hover {color: #25003e; outline: none;}
.navbar .navbar-nav {margin-top: 5px; margin-right: 0; margin-left: auto;}
.navbar .navbar-nav .nav-link {color: #25003e; padding: 2px 20px; text-transform: uppercase; text-align: center; font-size: 15px; font-weight: 700; line-height: 36px; margin: 5px 0 10px; letter-spacing: 0.5px;}
.navbar .navbar-nav .nav-link:hover {color: #f1481f;}
.navbar .navbar-nav .btn {transition:0.4s all; border-radius: 25px; line-height: 30px; padding: 0 7px !important; margin-right: 10px; min-width: 110px; margin-top: 10px; box-shadow: none;background: linear-gradient(to right, #fd8a4c, #635eef); color: #fff;}
.navbar .navbar-nav .btn-login {background: #c01f2e; color: #fff;}
.navbar .navbar-nav .btn:hover {background: linear-gradient(to right, #635eef, #fd8a4c); color: #fff;}
.navbar .navbar-nav .btn-login:hover {color: #fff; background-color: #ff639f;}
.navbar .navbar-nav .nav-link:focus {outline: none;}
.navbar .navbar-toggler {color: #fff; border-color: none; outline: none}
.navbar .navbar-toggler:focus {box-shadow: none;}
.navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(192,31,46)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
@media (max-width: 992px){
.navbar .navbar-nav .nav-link {line-height: 26px; padding: 2px 10px; font-size: 14px; margin: 5px 0 0;}
.navbar .navbar-nav .btn {margin-right:7px; min-width: 80px; padding: 0 11px !important;}}
@media (max-width: 768px){
.navbar .navbar-nav .nav-link {line-height: 26px; font-size: 14px; margin: 5px 0 0;}
.navbar .navbar-nav .btn {max-width: 230px; margin: 5px auto;}}

/***************************/
/********** GLOBAL *********/
/***************************/
.font-colored {margin:0;padding:0;font-size:22px;text-transform:uppercase;color:#f1481f;font-weight:600;}
.font-ex-bold {font-size:70px;line-height:96px;text-transform:uppercase;color:#25003e;font-weight:700;}
.font-bold {font-size:70px;line-height:86px;text-transform:uppercase;color:#25003e;font-weight:600;}
.font-ex-regular {font-size: 28px; line-height: 38px; margin-bottom: 30px; color: #25003e; font-weight: 600;}
.font-regular {font-size: 18px; line-height: 28px; margin-bottom: 30px; color: #25003e; font-weight: 500;}
.global-btn {background: linear-gradient(to right, #fd8a4c, #635eef);transition:0.4s background;color:#fff;border-radius:25px;text-decoration:none;padding:15px 35px; font-weight: bold;}
.global-btn:hover {background: linear-gradient(to right, #635eef, #fd8a4c);text-decoration: none;color: #fff;}
@media(max-width: 768px){
.font-colored {font-size:20px;}
.font-ex-bold {font-size: 35px;line-height: 45px;}
.font-ex-regular {font-size: 25px;line-height: 34px;}}

/***************************/
/******** HOME INDEX *******/
/***************************/
/*  pagetop */
.page_top{padding:120px 0 150px; background-color:#fce295; background-image: url(../img/header-bg.png); background-position: right;}
.page_top .thim {width: 40px; height: 40px; -webkit-animation: bounce 2s infinite ease-in-out;margin: 30px  0 0 60px;}
.page_top .thim i {color: #635eef; padding: 20px 10px; border-radius: 20px; border: 3px solid #795ad7; font-size: 20px;}
@-webkit-keyframes bounce {0%, 20%, 60%, 100% {-ms-transform: translateY(0);} 0%, 20%, 60%, 100% {-o-transform: translateY(0);} 0%, 20%, 60%, 100% {-moz-transform: translateY(0);} 0%, 20%, 60%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);} 80% {-webkit-transform: translateY(-10px);}}
@media(max-width:992px){
.page_top{padding:100px 0}
.page_top .thim {bottom: 60px;}}
@media(max-width:768px){
.page_top {text-align:center; padding:40px 0 120px;}
.page_top .thim {margin: 60px auto 20px;}}

/* count */
.count {background: #fce295; text-align: center; padding: 60px 0;}
.count img {margin-bottom: 30px;}
.count h4 {font-size: 30px; font-weight: bold;}
.count p {font-size: 19px;text-transform: uppercase;color: #f1481f;font-weight: 500;}
@media (max-width:992px) {
.count img {width: 80%; margin: 0 auto 10px;}
.count h4 {font-size: 25px;}
.count p {font-size: 17px;}}
@media (max-width:768px) {
.count img {width: 50%; margin: 0 auto 10px;}
.count h4 {font-size: 20px;}
.count p {font-size: 17px; margin-bottom: 20px;}}


/* who */
.who {background: #fff; background-image: url(../img/about-right-bg.png); background-size: contain; background-position: right; background-repeat: no-repeat; }
.who .who-left{background: #fff; padding: 60px 0 0;}
.who .who-left p {font-size: 18px; line-height: 33px;}
@media (max-width:768px) {
.who {background-image: none;}}

/* boost */
.boost {background: #fff; text-align: center; padding: 120px 0;}
.boost .font-regular {width: 60%; margin: 0 auto 25px;}
.boost img {display: block; margin: 10px auto 20px; width: 120px;}
.boost h4 {font-size: 18px; font-weight: 600; text-transform: uppercase;}
@media (max-width:768px) {
.boost {padding: 80px 0;}
.boost img {display: block; margin-bottom: 25px; width: 80px;}
.boost .font-regular {width: 100%; margin-bottom: 20px;}
.boost h4 {font-size: 16px; font-weight: 400;}}

/* features */
.features {background-image: url(../img/invest-bg.png); background-size: cover; background-position: center; text-align: center; padding: 120px 0;}
.features .font-regular {width: 60%; margin: 0 auto 40px;}
@media (max-width:768px) {
.features {padding: 80px 0;}
.features .font-regular {width: 100%;}}

/* destinations */
.destinations {background:#fff; text-align: center; padding: 80px 0;}
.destinations .font-regular {width: 60%; margin: 0 auto;}
.destinations img {margin: 10px auto 30px; display: block;}
.destinations h4 {font-size: 20px; font-weight: bold;text-transform: uppercase;}
@media (max-width:768px) {
.destinations {padding: 80px 0;}
.destinations img {width: 40%; margin-bottom: 10px;}	
.destinations .font-regular {width: 100%; }
.destinations h4 {font-size: 16px; font-weight: 400;}}

/* investment */
.investment {background-image: url(../img/investment-pricing-arrows.png); background-size: cover; background-position: center;  text-align: center; padding: 80px 0;}
.investment .font-regular {width: 60%; margin: 0 auto;}
.investment h4.accept {font-size: 20px; font-weight: bold; margin: 30px 0; text-transform: uppercase;}
.investment .invest {border-radius: 12px; margin: 30px 0 40px; background: linear-gradient(#c1b6ff, #816dff); padding: 30px;}
.investment .invest h4 {font-size: 24px; margin-bottom: 20px; font-weight: bold; text-transform: uppercase;}
.investment .invest img {margin: 10px auto 30px; display: block; width: 120px;border-radius: 50%;}
.investment .invest h5 {font-size: 50px; margin: 30px 0 10px; font-weight: bold; text-transform: uppercase; color: #25003e;}
.investment .invest > span {font-size: 20px;}
.investment .invest p {margin: 10px 0 30px;}
@media (max-width:768px) {
.investment {padding: 80px 0;}
.investment img {width: 40%; margin-bottom: 10px;}	
.investment .font-regular {width: 100%;}}

/***************************/
/********* FOOTER **********/
/***************************/
.main_foot {background:url(../img/footer-bg.png); background-size: cover;background-position: center;}
.top_foot {padding: 60px 0; text-align: left;}
.top_foot .foot {margin-bottom: 30px;}
.top_foot h3 {margin-bottom:20px;color: #fff; font-size:20px; display: inline-block; border-bottom:1px solid #fff; padding-bottom:15px; line-height:26px; font-weight: 800;}
.top_foot li {color: #fff; list-style: none; line-height: 22px; font-weight: 500; font-size: 14px; margin-bottom: 5px;}
.top_foot li a {color: #fff;}
.top_foot li a i, .top_foot li i {margin-right: 5px; font-size: 12px;}

@media (max-width: 992px){
.top_foot {padding: 40px 0;}
.top_foot h3 {font-size: 18px;}}
@media (max-width: 768px){
.top_foot .half {width: 50%; float: left}}
/* myfoot */
.myfoot {padding: 20px 20px 10px;}
.myfoot p {font-size: 14px; display: block; color: #fff; font-weight: 500;}
.myfoot a {color: #fff; display: inline-block; margin: 0 5px 10px; text-transform: uppercase; font-weight: 500;}
.right {float: right;}
.myfoot a:hover, .myfoot a:focus {text-decoration: none; outline: none; color: #f1481f}
@media (max-width: 768px){
.myfoot {text-align: center;}
.right {float: none;}}
/* takemeup */
.takemeup {color:#f1481f; border-radius: 50%; width: 45px; height:45px;position:fixed;bottom:0;left:50%;right:30%; text-decoration: none; transform: translate(-50%,-50%); font-size: 22px; z-index: 999;}
.takemeup i {text-align: center; color: #f1481f; display: block; margin-top: 10px;}
.takemeup:hover {text-decoration: none;}

/***************************/
/********* GLOBAL **********/
/***************************/
.main_page {padding: 100px 0; background-color: #fff;}
.main_page p {font-size: 19px;margin-bottom:20px;line-height: 28px; color: #3f3c57; font-weight: 400;}
.main_page p a {color: #25003e; font-weight: bold;}
.main_page form {padding: 20px; background-color: #fff;border: 1px solid #ccc;box-shadow: 0 3px 3px rgba(0,0,0,0.3)}
.main_page form h4 {margin-top: 10px; font-size: 20px; font-weight: bold;}
.main_page form label {margin-top: 10px; font-size: 16px; font-weight: bold;}
.main_page form .btn {border-color: none; cursor: pointer;}
.main_page form .checkbox {margin-bottom: 30px;}
.main_page form .form-control {padding: 10px 15px; border-color:#aaa;}
.main_page .main-bg {background-size:contain;background-repeat: no-repeat; height:450px; background-position: center;}

/* rules */
.rules {padding: 80px 0 0; max-width: 768px; margin: 0 auto;}

/* main_affiliate */
.main_affiliate {background-image:url(../img/affiliate-bg.png);background-size:cover;background-position:right;margin-bottom:50px;padding:0;}
.main_affiliate .shadow {background-color:rgba(255,255,255,0.7);padding:150px 0;}
.main_affiliate p {width:70%;}
.main_affiliate .locate {margin: 20px 0 30px; display: flex;}
.main_affiliate .locate .myleft {width: 25%; float: left;}
.main_affiliate .locate .myleft i {font-size: 50px; margin: 0; height: auto;}
.main_affiliate .locate .myright {width: 70%; float: left;}
.main_affiliate .locate .myright h5 {color: #f1481f; font-size: 47px; margin-bottom: 0;}
.main_affiliate .locate .myright p {font-size: 17px; line-height: 27px;}
@media (max-width: 768px){
.main_affiliate p {width: 100%}}

/* contact */
.main_contact {background-color: #fce295}
.main_contact .contact-bg {background-image: url(../img/contact-bg.png);}

/* main_signup */
.main_signup {background-color: #fce295}
.main_signup .signup-bg {background-image: url(../img/signup.png);}

/* login */
.main_login {background-color: #fce295}
.main_login .login-bg {background-image: url(../img/calculator-bg-left.png);}

/* forgot */
.main_forgot {background-color: #fce295}
.main_forgot .forgot-bg {background-image: url(../img/forget.png);}