@charset "utf-8";
/* CSS Document */

/*
primary color blue: #007CC1
secondary color dark blue #213752;
*/

@font-face {font-family:'Rift';
  src:url(../fonts/Rift/Rift-Light.otf);
  font-style:normal;
  font-weight:100;}

@font-face {font-family:'Rift';
  src:url(../fonts/Rift/Rift-Regular.otf);
  font-style:normal;
  font-weight:200;}

@font-face {font-family:'Rift';
  src:url(../fonts/Rift/Rift-Medium.otf);
  font-style:normal;
  font-weight:300;}

@font-face {font-family:'Rift';
  src:url(../fonts/Rift/Rift-Demi.otf);
  font-style:normal;
  font-weight:500;}

@font-face {font-family:'Rift';
  src:url(../fonts/Rift/Rift-Bold.otf);
  font-style:normal;
  font-weight:700;}


* {border-radius:0 !important;}
html {scroll-behavior: smooth;}

body {font-family: 'Montserrat', sans-serif; font-weight:500; font-size:16px; line-height:1.5rem;}

@media (max-width: 576px){
	.row {margin:0;}
}

img {max-width:100%;}

/************************************************************/
/********************* GLOBAL SOLUTIONS *********************/
/************************************************************/

h1 {
    color: #FAA22A;
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    font-family: Rift;
    font-weight: 100;
    line-height: 100%;
    margin: 40px auto;
}
h1 strong {font-weight: 500;}
h2 {font-family:'Montserrat',sans-serif; font-size:34px; font-weight:300; text-align:center; margin-bottom:25px; text-transform:uppercase;}
.landing-page h2 {font-family: rift; font-size: 36px; font-weight: 500;}
h3 {font-family:'Montserrat',sans-serif; font-size:30px; font-weight:300; text-align:center; }
h4 {font-family:'Montserrat',sans-serif; font-size:20px; font-weight:700; text-align:center; }

@media (min-width: 768px){
	h1 {font-size: 70px}
}

.page-content {background-size:100%; background-position:center top; background-color:#ffffff; background-repeat:no-repeat;}

.page-content a {color:#ffffff; border-bottom:1px dotted rgba(255,255,255,.75);}
.page-content a:hover {color:#ffffff; border-bottom:1px solid #ffffff; text-decoration:none;}

/* navigation */
#navbar {
  width: 100%;
  transition: background-color 0.3s;
	padding:7px 0 6px;
}
body.countryPage #navbar {	background-color: rgba(0,0,0,1);}

#navbar.show {background-color: rgba(0,0,0,.9);}

#navbar .container {position:relative;}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {color:#00091a;}
.nav-item > ul {list-style:none; padding-left:15px;}
.nav-item > ul > li.nav-item > a.nav-link {text-transform:none;}
.navbar-nav ul li {list-style:none;}

.navbar-toggler {border:0; padding:0; position:absolute; top:15px; right:15px; outline:none;}
button:focus {outline:none;}

.navbar-dark .navbar-toggler {padding:8px 10px 9px 10px; background-color:#79716F; color:#ffffff; z-index:302;}

.navbar-toggler .btn-line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px); }
.navbar-toggler .btn-line:nth-child(2) {opacity: 0;}
.navbar-toggler .btn-line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

.navbar-toggler .btn-line,
.navbar-toggler.collapsed .btn-line {
    width: 25px;
    border-bottom: 2px solid #ffffff;
    margin: 5px 0;
		transform: rotate(180deg);
		transition: all 0.5s ease-out;
		opacity:1;
}
.navbar-toggler.collapsed .btn-line {margin: 4px 0;}

.navbar-collapse {position: absolute;
    right: 0;
    background: #79716F;
    top: -7px;
    margin: 0;
    padding: 0;
		z-index:300;
}

.navbar-toggler:hover {background-color:#79716F;}
.navbar-toggler:hover .btn-line {border-color:#00091a;}

.navbar-nav {margin:70px auto 20px;}
.navbar-dark .navbar-nav .nav-link {padding:5px 30px; color:#ffffff; opacity:1; text-transform:uppercase;}
.navbar-dark .navbar-nav .nav-link:hover {color:#00091a; opacity:1;}

.navbar .btn.btn-primary {position: absolute; top: 15px; right: 71px; border:0 !important; opacity:1; width:auto; padding:8px 17px;}
.navbar .btn.btn-primary:hover {background-color:#FAA22A;}
.navbar .btn.btn-primary.dle_buy_btn {right: 240px;}

.logo {padding-top:3rem;}
.logo a, .logo a:hover {border:0;}

/* buttons */
.btn {font-family:'Montserrat',sans-serif; border-radius:0; padding:10px 25px; text-transform:uppercase; font-size:16px; font-weight:700; border-width:2px; outline:0; box-shadow:none !important; width:auto;}
.btn.focus, .btn:focus {box-shadow:none;}

.btn.btn-primary,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active  {background-color:#0086CB; border:2px solid #0086CB; color:#ffffff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	    padding: 8px 34px;}

.btn.btn-primary:hover {background-color:#FAA22A; border:2px solid #FAA22A;}
.btn.btn-large,
.btn.btn-large:active,
.btn.btn-large:focus {padding:27px 109px !important;}

/* experience cards */
.row .card {border:0; background-color:transparent;}

.card .card-experience {padding:0; border:0; background-color:#f3f3f3; margin-bottom:20px;}
.card .card-experience-premium {background-color:#feecd4;}
.card .card-experience-premiumplus {background-color:#cce7f5;}

.card-experience .card-header {background-color:#79716F; background-image:url('../img/card-experience-bg.png'); border:0; background-repeat:repeat-y; color:#ffffff; font-weight:500; text-align:right; text-transform:uppercase; font-size:22px; padding:5px 10px; height:32px; line-height:100%;}
.card-experience-premium .card-header {background-color:#FAA22A;}
.card-experience-premiumplus .card-header {background-color:#0086CB;}

.card-experience .card-footer {background-color:#a19b9a; text-align:center; border:0;}
.card-experience-premium .card-footer {background-color:#FAA22A;}
.card-experience-premiumplus .card-footer {background-color:#0086CB;}

.card-experience .card-footer a {color:#ffffff; text-decoration:none; border:0; font-weight:500;}

.card-experience .card-footer a:hover {color:#f3f3f3;}
.card-experience-premium .card-footer a:hover {color:#feecd4;}
.card-experience-premiumplus .card-footer a:hover {color:#cce7f5;}

.card-bonus {box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1); background:#ffffff; text-align:center; margin:25px 0;}
.card-bonus p {padding:10px;}

.card .card-experience h3 {text-align:left; text-transform:uppercase; font-weight:500; font-size:38px; color:#79716F; line-height:1.2em; margin-bottom:20px;}
.card .card-experience-premium h3 {color:#FAA22A;}
.card .card-experience-premiumplus h3 {color:#0086CB;}

.card .card-experience h3 small {line-height: 1em; font-size:75%; display:block; margin: 10px auto;}
.card .card-experience h3 strong  {font-weight:600; font-size:85%;}
.card .card-experience h3 big {float: left;
    font-size: 95px;
    display: inline-block;
    line-height: 0.7em;
    margin: 0 auto;
    margin-right: 10px;}

.card .card-experience h4 small {font-size:65%; color:#79716F; font-style:italic; display:block; margin:5px auto;}

@media (min-width: 1200px){
	.card .card-experience h3 small {font-size:80%;}
	.card .card-experience h3 strong  {font-size:100%;}
}

/* carousel */

.carousel-caption {background-color: #FAA22A; width:100%; bottom:0; left:0;}
.carousel-caption h4 {margin-bottom:10px;}
.carousel-caption h4 small {display:block;}

.carousel-caption h4 > a,
.carousel-caption h4 > a:hover {border:0;}

.carousel-indicators {margin-bottom:10px;}
.carousel-indicators li {width:8px; height:8px; border:1px solid transparent; border-radius:50% !important;}

@media (min-width: 992px){
.carousel-caption {
    width: 33%;
    height: 100%;
    margin: 0;
    padding: 30px;
    text-align: left;
    left: 0;
    bottom: 0;
    max-width: 300px;
}

.carousel-item img {
	width: calc(100% - 300px) !important;
	    right: 0;
	    position: relative;
	    left: 300px;}

.carousel-indicators {left: 0;
    width: 33%;
    margin: 30px;
    max-width: 300px;
	justify-content:left;
}

.carousel-caption h4 {text-align:left; text-transform:uppercase; font-weight:500; font-size:36px; color:#ffffff; line-height:1.2em; margin-bottom:20px;}
.carousel-caption h4 small {line-height: 1em; display:block; margin: 10px auto; font-size:75%;}
.carousel-caption h4 strong  {font-weight:600;}
.carousel-caption h4 big {float: left;
		    font-size: 95px;
		    display: inline-block;
		    line-height: 0.7em;
		    margin: 0 auto;
		    margin-right: 10px;}
}

/* form */
.page-content input.form-control,
.page-content select.form-control,
.page-content textarea {border:1px solid #0086CB;}

.page-content input.form-control:focus,
.page-content select.form-control:focus {box-shadow:none; border:1px solid #FAA22A;}

.page-content form {margin-bottom:50px;}
form .error {color:#C62A2A;}


/* card-dle-with-img */
.card-dle-with-img {margin:30px auto;}
.card-dle {margin:0 auto 30px;}
.card-text-blue {background-color:#E5F3FA;}
.card-text-yellow {background-color:#FFF6EA;}
.card-dle-with-img .card-body {padding:20px 30px;}
.card-dle-with-img h2,
.card-dle h2 {text-align:left; margin-bottom:10px;}
.card-dle-with-img img {object-fit: cover; height: 100%;}
.card-dle-with-img a,
.card-dle a {color:#FAA22A; font-weight:700;}
.card-dle-with-img a:hover,
.card-dle a:hover {color:#0086CB;}

.card-dle .card-text-blue {height:100%;}

.card-blue-with-shadow {background-color:#E5F3FA; box-shadow: 0px 4px 30px -5px rgba(0, 0, 0, 0.15); margin:50px auto;}
.card-blue-with-shadow h2 {text-align:center; margin:50px auto;}

@media (min-width: 992px){
	.card-dle-with-img .card-body {padding:40px 50px;}
}