@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Light.eot');
    src: local('Graphik Light'), local('Graphik-Light'),
        url('../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Light.woff2') format('woff2'),
        url('../fonts/Graphik-Light.woff') format('woff'),
        url('../fonts/Graphik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.eot');
    src: local('Graphik Regular'), local('Graphik-Regular'),
        url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Medium.eot');
    src: local('Graphik Medium'), local('Graphik-Medium'),
        url('../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff'),
        url('../fonts/Graphik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Semibold.eot');
    src: local('Graphik Semibold'), local('Graphik-Semibold'),
        url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Semibold.woff2') format('woff2'),
        url('../fonts/Graphik-Semibold.woff') format('woff'),
        url('../fonts/Graphik-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-SemiboldItalic.eot');
    src: local('Graphik Semibold Italic'), local('Graphik-SemiboldItalic'),
        url('../fonts/Graphik-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/Graphik-SemiboldItalic.woff') format('woff'),
        url('../fonts/Graphik-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Bold.eot');
    src: local('Graphik Bold'), local('Graphik-Bold'),
        url('../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Bold.woff2') format('woff2'),
        url('../fonts/Graphik-Bold.woff') format('woff'),
        url('../fonts/Graphik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
body {
    font-family: 'Graphik', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f5f6f8;
    color: #111327;
}
a, a:hover {
	color: #8cc23c;
}
a, .menu-items .nav-link, .menu-item .dropdown-item {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
body.logged-in .navbar {
    top: 30px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}
.h1, h1 {
    color: #111327;
    font-size: 2rem;
    font-weight: 600;
}
ul {
    list-style: none;
    padding: 0;
}
.bg-gray-400 {
	background-color: #e5e9ef !important;
}
.bg-blue-100 {
    background-color: #f7f9fd !important;
}
.text-gray-700 {
    color: #a7adb9 !important;
}
.text-fs16 {
    color: #321d3d;
    font-size: 16px;
}
.text-fs13-fw500 {
    color: #321d3d;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.text-fs13-fw300 {
    font-size: 13px;
    font-weight: 300;
}
.text-fs15-fw300 {
    font-size: 15px;
    font-weight: 300;
}
.text-fs16-fw300 {
    font-size: 16px;
    font-weight: 300;
}
.text-fs18-fw300 {
    font-size: 18px;
    font-weight: 300;
}
.text-fs18-fw700 {
    font-size: 18px;
    font-weight: 700;
}
.violet-link, .violet-link:hover {
    color: #321d3d !important;
}
#page {
    padding-top: 70px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #f5f6f8;
    font-size: 13px;
    font-weight: 500;    
}
.navbar-dark .navbar-toggler {
	color: #ffffff;
	border: 1px solid #8cc23c;
    padding: .25rem;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.dropdown-menu {
    color: rgba(255,255,255,.55);
	background-color: transparent;
	border: 0;
}
.dropdown-item {
	color: #ffffff;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: rgba(255,255,255,.75);
	background-color: #e9ecef70;
}
.dropdown-item.active, .dropdown-item:active {
	color: #ffffff;
	background-color: transparent;
}
.depth_1 li a{
     border-left:1px solid  #cff2cc;
}

.menu-header-bottom-menu-container .menu-item a:hover {
    text-decoration: none;
}
.navbar-expand-xl .navbar-nav .nav-link {
	padding-right: 20px;
	padding-left: 20px;
}
.navbar-expand-xl .navbar-nav .nav-item:first-child a {
	padding-right: 16px !important;
}
.navbar-expand-xl .navbar-nav .nav-item:last-child a {
	padding-right: 0;
}
.header-box {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.hamburger-box {
	align-items: center;
	display: flex;
	justify-content: center;
	border: solid 1px #8cc23c;
	border-radius: 4px;
	height: 40px;
	width: 40px;
	background-color: transparent;
}
.main {
	margin-bottom: 30px;
}
.block {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 20px;
}
.block-style-2 {
    background-color: #e3eee4;
    border: solid 1px #8cc23c;
    border-radius: 4px;
    padding: 20px;
}
.block-style-3 {
    background-color: #e6f4f1;
    border: solid 1px #4489d9;
    border-radius: 4px;
    padding: 20px;
}
.block-style-4 {
    background-color: #ffffff;
    border: solid 1px #dee2e6;
    border-radius: 4px;
    padding: 20px;
}
.badge {
    position: absolute;
    top: 0;
    left: 35px;
    background-color: #4489d9;
    color: #ffffff;
    padding: 7px 6px 6px;
    font-size: 11px;
    font-weight: 600;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-transform: uppercase;
}
.badge-left {
    position: absolute;
    top: 0;
    left: 20px;
    background-color: #4489d9;
    color: #ffffff;
    width: 25px;
    padding: 6px 0;
    font-size: 11px;
    font-weight: 600;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
    text-transform: uppercase;
}
.w-150 {
    width: 150px !important;
}
.w-250 {
    width: 250px !important;
}
.h-75 {
    height: 75px !important;
}
.wh-60 {
    width: 60px !important;
    height: 60px !important;
}
.wh-64 {
    width: 64px !important;
    height: 64px !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fs-13 {
    font-size: 13px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.p-12 {
    padding: 12px !important;
}
.px-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.border-bottom-0-lc .border-bottom:last-child {
    border-bottom: 0 !important;
}
.custom-logo {
	max-width: 120px !important;
	height: auto;
}
.logo-text, .footer-logo-text, .navbar-brand {
    font-size: 22px;
    font-weight: 600;
    color: #f5f6f8;
    width: 200px;
 }
 .logo-text a, .footer-logo-text a, a.navbar-brand {
    font-size: 22px;
    font-weight: 600;
    color: #f5f6f8;
    text-decoration: none;
 }
.clipp-btn {
   border: 1px solid #8cc23c;
   border-radius: 4px;
   color: #000000;
   font-size: .75rem;
   font-weight: 600;
   margin: 0 auto;
   padding: 13px 17px;
   width: 78px;
   text-align: center;
   text-transform: uppercase;
   line-height: .75rem;
}
.clipp-btn-success {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.4px;
    background-color: #8cc23c;
    border-color: #8cc23c;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.clipp-btn-secondary {
    color: #111327;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.3px;
    border-color: #8cc23c;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.table-sq-bl-img img {
   border-radius: 4px;
}
.table-sq-bl-ttl {
   color: #321d3d;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
}
.table-sq-bl-bon {
   color: #321d3d;
   font-size: 20px;
   font-weight: 500;
   min-height: 60px;
}
.table-sq-bl-more-tc {
   color: #d4d4db;
   font-size: 12px;
   font-weight: 500;
}
.table-sq-bl-more a,
.table-full-bl-more a {
    color: #321d3d;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.table {
    background-color: #ffffff;
	border: 1px solid #e5e9ef;
}
.table > :not(:first-child) {
	border-top: none;
}
.table > thead {
	background-color: #e5e9ef;
}
.table > thead th {
	color: #a7adb9;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.3px;
    text-align: center;
    text-transform: uppercase;
}
.table-responsive {
	border-radius: 4px;
	overflow: hidden;
}
.table td {
    color: #321d3d;
    font-size: 16px;
}
.table-style-3 td {
    padding: 12px;
}
.table-brand-title {
    color: #321d3d;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.table-brand-bonus {
    color: #321d3d;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
}
.table-brand-more-tc {
    color: #d4d4db;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
 }
.payments-logo {
    width: 48px;
    height: 32px;
    margin: 0 4px 4px 0;
}
.main ul li a {
    color: #111327;
    font-size: 16px;
    font-weight: 500;
}
.main ul li a:hover {
   /* font-weight: 600;
    font-style: italic;*/
    text-decoration-color: #8cc23c;
    text-underline-position: under;
}

/* .main ul li:hover:after  {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%238cc23c' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  width: 16px;
  height: 16px;
  margin-left: 8px;
} */
.bg-white-op {
    background-color: #ffffff;
    opacity: 0.1;
}
.gb-ttl {
    color: #a3a3c4;
    font-size: 12px;
}
.gb-desc {
    color: #111327;
    font-size: 16px;
    font-weight: 500;
}
.border-bottom-dashed {
    border-bottom-style: dashed !important;
}
.bg-light {
    background-color: #f5f6f8 !important;
}
.bg-blue {
    background-color: #01153b !important;
}
.bs-ttl-gray {
    color: #a3a3c4;
    font-size: 12px;
}
.bs-ttl-bonus {
    color: #321d3d;
    font-size: 20px;
    font-weight: 500;
}
.bs-ttl-month {
    color: #321d3d;
    font-size: 24px;
    font-weight: 500;
}
.bs-terms-link {
    font-size: 12px;
    font-weight: 500;
}
.bs-terms-link a {
    text-decoration: underline;
}
.bs-terms-link a:hover {
    text-decoration: none;
}
.bs-ttl-h {
    color: #111327;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}
.bs-li-bold {
    color: #321d3d;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.bs-li-reg {
    color: #321d3d;
    font-size: 16px;
}
.widget-title {
    text-transform: uppercase;
}
.widget-bonus-ttl {
    color: #111327;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.widget-bonus-desc {
    color: #8cc23c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.widget-bonus div:last-child {
    border-bottom: 0 !important;
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238cc23c' class='bi bi-plus-lg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/></svg>");
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238cc23c' class='bi bi-dash' viewBox='0 0 16 16'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
	transform: rotate(-180deg);
}
.accordion-button, .accordion-button:not(.collapsed) {
	color: #321d3d;
    font-size: 18px;
    font-weight: 500;
	background-color: #ffffff;
	box-shadow: none;
}
.accordion-item {
    border-radius: .25rem;
    margin-bottom: 10px;
}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid rgba(0,0,0,.125);
}
.accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}
.accordion-body {
    color: #111327;
    font-size: 16px;
    font-weight: 300;
}
#breadcrumbs {
    font-size: 14px;
    color: #111327;
}
.review-thumb, .review-author {
    min-width: 60px;
    margin-right: 18px;
}
.review-social .social-icon {
	border-radius: 50%;
    margin-left: 15px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.review-social .linkedin {
    background-color: #0B69C7;
}
.review-social .twitter {
    background-color: #00A5DD;
}
.footer-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
}
.age-limit {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    width: 35px;
    height: 35px;
    border: 1px solid #8cc23c;
    border-radius: 4px;
    text-align: center;
}
.copyright {
	color: #607cb2;
	font-size: 12px;
}
#btnTop {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    border: 2px solid #8cc23c;
    background-color: #f5f6f8;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#btnTop:after {
	content: "\f286";
    font-family: bootstrap-icons !important;
    font-weight: 700;
    color: #000000;
}
#btnTop:hover {
    cursor: pointer;
    text-decoration: none;
}
#btnTop.show {
    opacity: 1;
    visibility: visible;
}
.table-sq-bl-more .bi-chevron-right,
.table-full-bl-more .bi-chevron-right {
    padding-bottom: 1px;
}
.table-sq-bl-more {
    padding-left: 14px;
}
.open {
    display: block;
}
@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}
@media (min-width:1200px) {
    #page {
        padding-top: 100px;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 28%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 72%;
    }
    .menu-main-menu-container {
        border-bottom: 1px solid #707070;
        margin-bottom: 5px;
    }
    .navbar-nav .nav-item:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-menu {
        color: #111327;
        background-color: #ffffff;
        border-radius: 4px;
        border-top: 3px solid #8cc23c;
        padding-top: 0;
        padding-bottom: 0;
    }
    .dropdown-menu .dropdown-item {
        color: #111327;
        font-size: 14px;       
    }
    .dropdown-menu .menu-item {
        border-bottom: 1px solid #e4e4ea;
    }
    .dropdown-menu .menu-item:last-of-type {
        border-bottom: 0;
    }
    .dropdown-item.active, .dropdown-item:active {
        color: #111327;
        background-color: #ffffff;
    }
    .dropdown-toggle::after {
        content: none;
    }
    .dropdown-menu.depth_1 {
        display: none;
        top: 0;
        left: 100%;
        border-top: 0;
        border-top-left-radius: 0;
    }
    .single-brand .table-sq {
        width: 795px;
        margin-left: auto;
        margin-right: auto;
    }
    .age-limit {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
}
@media (max-width:1200px) {
    #navbarSupportedContent {
        margin-top: 20px;
    }
    .navbar-nav .dropdown-menu {
        padding-left: 20px;
    }
    .navbar-nav .dropdown-menu a {
        font-size: 14px;
    }
    .copyright {
        text-align: center;
    }
}
@media (min-width:992px) {
    .px-lg-150 {
        padding-left: 150px;
        padding-right: 150px;
    }
}
@media (max-width:540px) {
    .bi-gift-fill {
        width: 32px;
        height: 32px;
    }
    .footer-text,
    .footer-logo-text,
    .copyright {
        text-align: center;
    }
}