@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff'),
         url('fonts/OpenSans-Regular.ttf')  format('truetype'),
  }
@font-face {
    font-family: 'Open Sans SB', sans-serif;
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
         url('fonts/OpenSans-SemiBold.woff') format('woff'),
         url('fonts/OpenSans-SemiBold.ttf')  format('truetype'),
  }
  html {width: 100%; max-width: 100%; overflow-x: hidden;}
  html, body, div, p, span,header, hgroup, footer, nav, menu, article, section, aside,h1, h2, h3, h4, h5, h6,a, img, strong, b, em, i, u,ol, ul, li, dl, dt,dd, table, caption, tbody, tfoot, thead, tr, th, td,form, fieldset,  label, legend,object, iframe, embed, audio, video, summary, details,  canvas,figure, figcaption,blockquote, q, big, small, sub, sup, pre, abbr, acronym, address, cite, code,del, dfn, ins, kbd, s, samp, strike, tt, var,output, applet, mark, time  {	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;}
  article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
  audio,canvas,progress,video {display: inline-block;}
  html { box-sizing: border-box;}
  body {line-height: 1;}
  *, *:before, *:after,input[type="checkbox"],input[type="radio"]  {  box-sizing: inherit;}
  img,pre,embed,video,iframe,object,input,select,textarea {max-width: 100%;}
  pre,textarea {overflow: auto;}
  [hidden],template {	display: none;}
  abbr[title] {border-bottom: 1px dotted;}
  b,strong {font-weight: bold;}
  em, i, .itlc {font-style: italic;}
  input {	line-height: normal;}
  section{max-width:750px;}
  button[disabled],html input[disabled] {	cursor: default;}
  button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
  :root{
    --main-font: 'Open Sans', sans-serif;
    --heading-font: 'Open Sans SB', sans-serif;
    --gray: #e2e2e2;
    --dark-gray: #656565;
    --pink: #be0068;
    --dark-pink: #8a0053;
    --purple: #532856;
    --cyan: #00cff6;
    --blue: #0087bb;
    --heading-c: #005382;
    --dark-blue: #005482;
    --table-borders: #005482;
    --header-dark-val: 0 32 50;
    --header-dark: #002032;
    --footer-bg: #002032;
    --footer-bg-val: 0, 32, 50;
    --transition: all .2s ease-in-out;
    --main-text: #020204;
    --blue-f: invert(17%) sepia(84%) saturate(2166%) hue-rotate(182deg) brightness(100%) contrast(101%);
    --light-blue-f: invert(41%) sepia(90%) saturate(4219%) hue-rotate(174deg) brightness(92%) contrast(101%);
    --purple-f: invert(16%) sepia(56%) saturate(815%) hue-rotate(250deg) brightness(95%) contrast(90%);

}
::selection{background-color: var(--cyan);}
.container, .container-lg, .container-md, .container-sm, .container-xl{width: 1200px!important; max-width: 100%;}
.row{margin: 0;}
body {
    color: var(--main-text);
    line-height: 1.8;
    font-family: var(--main-font), "Segoe UI", Arial, Helvetica, sans-serif;
    text-align: left;
    overflow-x: hidden;
    position: relative;
    background: var(--blue);
    background: -webkit-linear-gradient(150deg, var(--dark-pink) -15%, var(--blue), var(--blue));
    background: linear-gradient(150deg, var(--dark-pink) -15%, var(--blue), var(--blue));
}
body.overlay{position: fixed; max-width: 100%;}
body.overlay:after{
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgb(51 51 51 / 85%);
}    
.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: linear-gradient(to bottom, transparent 0%, #f0eeee 12%);  top: 0;
}
.bg-grad{background: linear-gradient(to right, var(--dark-blue), var(--pink));}
.grad-b-right{border-image-source: linear-gradient(to right, var(--dark-blue), var(--pink));}
.grad-b-bottom{border-image-source: linear-gradient(to bottom, var(--dark-blue), var(--pink));}
.grad-b-top{border-image-source: linear-gradient(to top, var(--dark-blue), var(--pink));}
.b-size-1{border-style: solid; border-image-slice: 1; border-width: 1px;}
.b-size-3{border-style: solid; border-image-slice: 3; border-width: 3px;}
.no-transition {
    -webkit-transition: height 0.01s;
    -moz-transition: height 0.01s;
    -ms-transition: height 0.01s;
    -o-transition: height 0.01s;
    transition: height 0.01s;
}
p{margin-bottom: .5rem;}
@media only screen and (max-width: 575px){
    p{font-size: 14px;}
}
@media only screen and (max-width: 767px){
    .home .mask{display: none;}
    .home article{background: #f0eeee;}
}
@media only screen and (min-width: 1200px){
    body:before{
        content: '';
        background: url('/imgs/stripes.svg') no-repeat center top;
        width: 100%;
        height: 100%;
        background-size: 100%;
        position: absolute;
        z-index: -1;
        display: block;
    }
    body:after{
        content: '';
        background: -webkit-linear-gradient(150deg, var(--dark-pink) -15%, var(--blue), var(--blue));
        background: linear-gradient(150deg, var(--dark-pink) -15%, var(--blue), var(--blue));
        width: 100%;
        height: 100%;
        background-size: cover;
        position: absolute;
        z-index: -2;
        display: block;
        top: 0;
        opacity: .85;
    }

}
.page article{background: linear-gradient(to bottom, rgba(240, 238, 238, .75) 0%, #f0eeee 30%);}
h1, h2{font-weight: 600; font-family: var(--main-font);}
h1{font-size: 1.65rem; margin-bottom: 1rem; color: var(--heading-c);}
h2{font-size: 1.5rem; color: var(--blue); margin: 1.5rem auto; display: block; text-align: center;}
h2.sm{font-size: 1.25rem; }
h3{font-size: 1.25rem;}
.heading.blue{color: var(--heading-c);}
.heading.purple, .purple{color: var(--purple);}

@media screen and (max-width: 767px) {
    h1{font-size: 1.15rem; }
}
ul{list-style: none;}
ul.arrows li{position: relative; padding-left: 25px;}
ul.arrows li:before{
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: var(--icon-arrow-base) no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
}
ul.arrows.blue li{color: var(--heading-c);}
ul.arrows.blue li:before{filter: var(--blue-f);}
ul.arrows.purple li{color: var(--purple);}
ul.arrows.purple li:before{filter: var(--purple-f);}
ul.arrows li.terms{color: var(--main-text); padding-left: 0;}
ul.arrows li.terms:before{display: none;}

@media screen and (max-width: 575px) {
    ul.arrows{padding-left: 1rem;}
}
a{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
article p a, ul a{ color: var(--blue); font-style: italic;}
article p a:hover, ul a:hover{ color: var(--cyan); text-decoration: underline;}
/* spacing & width  */
@media screen and (min-width: 992px) {
    .w-lg-25{width: 25%!important;}
    .w-lg-auto{width: auto!important;}
}
hr.sep{position: relative; border-top: none; margin-bottom: 2rem;}
hr.sep:before{
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, var(--cyan), var(--dark-blue), var(--purple), var(--pink), transparent);
}
/* img  */
.grad-overlay{
    position: relative;
    overflow: hidden;
    background: linear-gradient(45deg, var(--dark-blue), var(--pink));
}
.grad-overlay img{opacity: .75; object-fit: cover;}
.grad-overlay:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    -webkit-transform: rotate3d(0,0,1, 45deg);
    transform: rotate3d(0,0,1, 45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: var(--transition);
}
.flip-x img{transform: scaleX(-1);}
/* header */
.custom-triangle {
    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: translateX(-50%);
}
.custom-triangle svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
}
.custom-triangle .dark-fill {fill: var(--header-dark);}
.custom-triangle .light-fill {fill: #f8f8f8;}
.custom-triangle .mid-fill {fill: #f0eeee;}
.custom-triangle .blue-fill {fill: var(--dark-blue);}
.custom-triangle .transparent {opacity: 0;}

.home .navbar-brand{  position: absolute;  top: -5px;   left: 10px; z-index: 99999;}
.header-box{ background: #f8f8f8; margin-bottom: 2rem;}
.header-box h1{ color: var(--heading-c);}
.header-box .hb-content{ position: relative; background: #f8f8f8; font-size: .9rem; line-height: 1.4;}
.header-box .hb-content:after{ position: absolute; content: ''; background: rgb(var(--header-dark-val) / 50%); height: 2rem; width: 100%; max-width: 100%; bottom: -2rem; left: 0;}
.header-box .custom-triangle svg:nth-child(2){ transform: scale(1.2);}
.header-box .custom-triangle{top: -1px; height: 100px; }
.header-box .custom-triangle .svg-back{
    position: absolute;
    top: 10px;
    transform: scale(1.25);
}
.h-links{ position: absolute; right: 10px; top: 10px; z-index: 99; }
.h-links li {display: inline-block;}
.h-links .icon {display: inline-block;  width: 25px; height: 25px;}
.h-links .icon [class*='icon-']{display: inline-block;  width: 100%; height: 100%; background-repeat: no-repeat;}
.h-links .icon.lg{width: 125px; height: 25px; vertical-align: middle;}
@media screen and (max-width: 1199px) {
    .home .header-box .custom-triangle{left: -1px; transform: translateX(1px);}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .home .header-box .custom-triangle{top: -15px;}
}
@media screen and (max-width: 991px) {
    .home .mob-header{padding: 2rem 0; background: var(--header-dark); height: auto;}
    .header-box {z-index: 999;position: relative;}
    .home .navbar-brand {top: 2px; left: 25px; transform: none; }
    .home .header-box .navbar-toggler {position: absolute;right: 5px;z-index: 999;top: 17px;}    
    .home .header-box .custom-triangle{top: 0; }
}
/* page header / menu */
.page_header{background: var(--header-dark); z-index: 9999; position: relative;}
.page_header .navbar-brand{top: 3px;}
.page_header .nav-link{color: #fff; border-bottom: 1px dashed transparent;}
.page_header .nav-link:hover{color: var(--cyan);}
.page_header .nav-item.active .nav-link{color: var(--cyan); border-bottom: 1px dashed var(--cyan);}
/* home header / menu */
.home .navbar-dark{background: var(--header-dark);}
.header-box .nav-item.active .nav-link{color: var(--cyan); border-bottom: 1px dashed var(--cyan);} 
.header-box .nav-link{color: #fff; border-bottom: 1px dashed transparent;}
@media screen and (max-width: 991px){
    .page_header .navbar{z-index: 999;}
    .page_header .navbar-brand{z-index: 999;}
    .page_header #primary-nav.collapsing{transition: none;}
    .page_header #primary-nav, .home #primary-nav{
        position: absolute;
        left: 0;
        width: 100%;
        background: var(--dark-blue);
        -webkit-transition: height 0.01s;
        -moz-transition: height 0.01s;
        -ms-transition: height 0.01s;
        -o-transition: height 0.01s;
        transition: height 0.01s;
    }
    .page_header #primary-nav{ top: 55px; }
    .home #primary-nav{ top: 60px; z-index: 9999;}
    .page_header .navbar-dark .navbar-nav .nav-item:not(.active) .nav-link{color: #fff; border-bottom: 1px dashed rgba(240, 238, 238, .75);}
}
@media screen and (min-width: 768px){
    .page_header .navbar-brand, .page_header .h-links{top: 50%; transform: translateY(-50%); z-index: 9999;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .home #primary-nav{position: relative; top: 5px; z-index: 9999;}
}
@media screen and (min-width: 1200px){
    .home #primary-nav{position: relative; top: 20px; z-index: 9999;}
}
/* menu-more */
.menu-more-toggler .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width: 26px;
    height: 28px;
    margin: 0 auto;
}
.menu-more-toggler {
    position: fixed;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    top: 7%;    
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.menu-more-toggler .i-wrap{
    border: 2px solid white;
    border-radius: 50%;
    padding: 0.15rem 0.35rem;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15%;    

}
#menu-more{
    position: fixed;
    z-index: 100000;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(150deg, rgb(138 0 83 / 95%), rgb(0 135 187 / 95%), rgb(0 84 130));
}
#menu-more .header{border-bottom: 1px solid #fff; font: 500 1.25rem var(--heading-font);}
#menu-more .close-menu{cursor: pointer;}
#menu-more .heading{font: 500 1.25rem var(--heading-font); color: #fff;}
#menu-more .nav-link:hover{text-decoration: none; color: var(--pink);}
#menu-more .l-link [class*='logo-']{transition: var(--transition);}
#menu-more .l-link:hover [class*='logo-']{ transform: scale(.9);transition: var(--transition);}
#menu-more .icon-no{ width: 18px; height: 18px;background-repeat: no-repeat; position: relative; top: 2px;}
@media screen and (max-width: 575px) {
    #menu-more{overflow-y: scroll;}
}
@media screen and (max-width: 991px) {
    .menu-more-toggler{position: relative;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .menu-more-toggler {top: 5%;}
}

/* modals */
.single_img .modal-close{
    background: var(--menu-btn-close) no-repeat;
    display: block;
    text-indent: -999em;
    width: 25px;
    height: 25px;
}
/* Quick Nav  */
.qnav .qn-link{color: var(--heading-c); position: relative; background: #fff; border-radius: 2rem; width: 100%; display: block; text-align: left; padding-left: .5rem; font: bold italic 1rem var(--main-font); transition: var(--transition);}
.qnav .qn-link:hover{text-decoration: none; background: linear-gradient(to right, var(--dark-blue), var(--pink)); color: #fff;}
.qnav .qn-link:hover:after{background: var(--icon-arrow-circle); filter: invert(1);}
.qnav .qn-link:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 25px;
    height: 25px;
    background: var(--icon-arrow-grad) no-repeat center;
    transform: translateY(-50%);
}

.home .qnav_boxes .dark-pink{background: var(--dark-pink);}
.home .qnav_boxes .dark-blue{background: var(--dark-blue);}
.home .qnav_boxes .blue{background: var(--blue);}
.home .qnav_boxes .gray{background: var(--dark-gray);}
.home .qnav_boxes .qn-link{color: #fff; font: 400 1rem var(--main-font); flex-wrap: nowrap; flex-direction: column;overflow: hidden;}
.home .qnav_boxes .qn-link:after{
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: var(--icon-arrow-circle);
    filter: invert(1);
    opacity: 0;
    transition: var(--transition);
}
.home .qnav_boxes .qn-link .txt{ filter: brightness(1.25);}
.home .qnav_boxes .qn-link:hover{text-decoration: none;}
.home .qnav_boxes .qn-link:hover:after{opacity: .5;}

.home .qnav_boxes .btn-overlay:before{
    background: linear-gradient(to bottom, rgba(255 255 255 / 30%) 10%, transparent 61%, rgba(0,0,0, .65) );
    position: absolute;
    content: '';
    top: 0;
    left: -83px;
    width: 150%;
    height: 105%;
    filter: blur(6px);
    border-radius: 20%;
}
.home .qnav_boxes .icon-payments{background: var(--icon-payments);}
.home .qnav_boxes .icon-bonus{background: var(--icon-bonus);}
.home .qnav_boxes .icon-best{background: var(--icon-best);}
.home .qnav_boxes .icon-sports{background: var(--icon-sports);}
.home .qnav_boxes .icon-mobile{background: var(--icon-mobile);}
.home .qnav_boxes [class*='icon-']{
    display: block;
    width: 75px;
    height: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
 .qnav_boxes [class*='col-']{min-height: 125px;}
}
@media screen and (max-width: 991px) {
    #qnav_page:not(.open){display: none;}
    .qnav{
        position: absolute;
        top: 55px;
        width: 100%;
        background: var(--dark-blue);
        transition: none;
        z-index: 999;
    }
    .page .goto-toggle, .home .goto-toggle{
        position: absolute;
        right: 80px;
        background: var(--icon-arrow-base);
        border: none;
        outline: 0;
        width: 30px;
        height: 30px;
        filter: invert(1);
        transform: rotate(90deg);
    }
    .home .goto-toggle{
        z-index: 2;
        top: 17px;
    }
    .mob_qnav_top{position: fixed; top: 13%;}
    .home #qnav_page{position: fixed; left: 0; top: 64px; z-index: 9999;}
    .home.position-fixed{max-width: 100%;background: var(--purple);}
    .page .navbar-dark .navbar-toggler, .home .header-box .navbar-toggler{border: none;}
    .page .navbar-dark .navbar-toggler{right: 0; position: absolute;}
    .home .header-box .navbar-toggler{border: none;}
    .page .navbar-dark .navbar-toggler-icon, .home .header-box .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
}
   
/* LOGOS  */
.logo-bodog { background: var(--logo-bodog);}
.logo-22bet { background: var(--logo-22bet);}
.logo-betmotion { background: var(--logo-betmotion);}
.logo-betboo { background: var(--logo-betboo);}
.logo-bet365 { background: var(--logo-bet365);}
.logo-betonline { background: var(--logo-betonline);}
.logo-sapphirebet  { background: var(--logo-sapphirebet);}
.logo-sportingbet { background: var(--logo-sportingbet);}
.logo-rivalo { background: var(--logo-rivalo);}
.logo-parimatch { background: var(--logo-parimatch);}
.logo-betway { background: var(--logo-betway);}
.logo-bumbet { background: var(--logo-bumbet);}
.logo-20bet { background: var(--logo-20bet);}
.logo-rabona { background: var(--logo-rabona);}
.logo-ivibet { background: var(--logo-ivibet);}
.logo-ibet { background: var(--logo-ibet);}
.logo-esportivabet { background: var(--logo-esportivabet);}
.logo-bateubet { background: var(--logo-bateubet);}
.logo-betano { background: var(--logo-betano);}
.logo-stake { background: var(--logo-stake);}
.logo-1xbet { background: var(--logo-1xbet);}
.logo-esportes-da-sorte { background: var(--logo-esportes-da-sorte);}
.logo-onabet { background: var(--logo-onabet);}

[class*="logo-"] {
    display: block;
    text-indent: -9999px;
    text-align: left;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.size-full[class*="bg-"] {
  width: 100%;
  height: 60px;
}
.size-200 {
  width: 200px;
  height: 60px;
  max-width: 100%;
}
.outline[class*='logo-']{filter: drop-shadow(0 0 1px var(--dark-blue));}

/* ICONS  */
[class*='bg-img']:after{
    position: absolute;
    content: '';
    bottom: 10px;
    width: 250px;
    height: 250px;
    opacity: .2;
}
.bg-img-lock:after{
    background: var(--icon-lock) no-repeat;
    right: 10px;
    transform: rotate(20deg);
}
.bg-img-cert:after{
    background: var(--icon-cert) no-repeat;
    left: 10px;
    transform: rotate(-20deg);
}
.bg-img-cs-go:after{
    background: var(--icon-cs-go) no-repeat;
    right: 10px;
    transform: rotate(20deg);
    opacity: .075;
}

.icon-search{background: var(--icon-search);}
.icon-facebook{background: var(--icon-facebook);}
.icon-twitter{background: var(--icon-twitter);}
.icon-pinterest{background: var(--icon-pinterest);}
.icon-linkedin{background: var(--icon-linkedin);}
.icon-youtube{background: var(--icon-youtube);}
.icon-instagram{background: var(--icon-instagram);}
.icon-ios{background: var(--icon-ios);}
.icon-android{background: var(--icon-android);}
.icon-yes{background: var(--icon-yes);}
.icon-no{background: var(--icon-no);}
.icon-curacao{background: var(--icon-curacao);}
.icon-ukgc{background: var(--icon-ukgc);}
.icon-mga{background: var(--icon-mga);}
.icon-18plus{background: var(--icon-18plus);}
.icon-gt{background: var(--icon-gt);}
.icon-govbr{background: var(--icon-govbr);}
.icon-jogo-resp{background: var(--icon-jogo-resp);}
.icon-mef{background: var(--icon-mef);}
.icon{display: inline-block; background-repeat: no-repeat;}
/* buttons / links */
.custom-btn{ 
    box-shadow: 2px 2px 5px rgb(0 0 0 / 25%);
    border-radius: .5rem;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
}
.custom-btn:hover{ 
    box-shadow: none;
    border-left: 1px solid rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,0);
    text-decoration:none;
}
.custom-btn .icon{ 
    width: 20px;
    height: 20px;
    filter: var(--custom-btn-icons);
}
.custom-btn span{ 
    font-size: 12px;
    font-style: italic;
    color: #000;
    line-height: 1.2;
    display: inline-block;
    padding: .5rem 0 0;
}
.custom-btn.first{ position: relative;}
.custom-btn.first:after{ 
    position: absolute;
    content: '';
    border-right: 1px solid var(--gray-border);
    height: 100%;
    top: 0;
    right: -15px;
}
.bg-grad.overlay{ box-shadow: 0px 6px 7px rgb(0 0 0 / 27%); position: relative; text-transform: uppercase;}
.bg-grad.overlay:before{     
    background: linear-gradient(to right, transparent 0%, rgba(255 255 255 / 30%) 50%, transparent 100%);
    position: absolute;
    content: '';
    top: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15%;
    filter: blur(6px);
}
.btn-in{ font: 400 16px var(--main-font); text-decoration: none; color: var(--blue); width: 90%;}
a.bg-grad:hover, a.btn-in:hover{ text-decoration: none; filter: brightness(1.35);}
a.btn-in:hover{ color: var(--blue);}
.btn-overlay{ position: relative; }
.btn-overlay:before{     
    background: linear-gradient(to right, transparent 0%, rgba(255 255 255 / 30%) 50%, transparent 100%);
    position: absolute;
    content: '';
    top: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15%;
    filter: blur(6px);
}

.medal:before {position: absolute; content: ''; background: var(--icon-medal) no-repeat; top: 0; left: 5px; width: 60px; height: 65px;}
.medal .num{
    position: absolute;
    top: 34px;
    left: 29px;
    font: bold 18px var(--main-font);
    color: var(--blue);
}

/* TABLES */
.table.main {position: relative;}
.table.main:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 98%;
    background: var(--header-dark);
    top: 10px;
    left: -5px;
}
.table.main td, .table.main th {border: none; padding: .5rem .5rem 0; vertical-align: middle;}
.table.main th {color: var(--dark-blue); font: 400 15px var(--main-font); text-align: center; padding: 1rem 0 .5rem;position: relative;}
.table.main th:before {position: absolute; content: ''; background: var(--icon-medal) no-repeat; top: 0; left: 5px; width: 60px; height: 65px;}
.table.main .num{
    position: absolute;
    top: 32px;
    left: 1.75rem;
    font: bold 18px var(--main-font);
    color: var(--blue);
}
.table.main .num.lg{
    left: 1.35rem;
}
.table.main .arrows{
    font: 400 14px var(--main-font);
    line-height: 1.4;
}
.table.main .arrows li:not(:last-child){
    margin-bottom: .5rem;
}
.tb-bonus{ color: var(--dark-blue); font-size: 18px; padding-left: 8px; line-height: 1.4;}
.bonus-code {
    color: #ffffff;
    background: #0789bb;
    text-align: center;
    font-size: 12px;
    padding: 0 4px;
    position: absolute;
    top: 185px;
    right: 20%;
    left: 20%;}
.bonus-code span {font-weight: bold;}
.table [class*="icon"]{
    position: relative;
    color: #000;    
    filter: var(--blue-f);
    display: inline-block;
    width: auto;
    margin-right: 1rem;
    padding-left: 2rem;
    vertical-align: middle;
}
.table [class*="icon-"]:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}
.table .tb-pc{ display: none; transition: all .01s ease-in-out;}
.table .tb-pc.show{ display: block;}
.open-pc{
    color: var(--blue);
    font: 600 16px var(--main-font);
    position: relative;
    border: none;
    outline: 0;
}
.open-pc:hover{
    color: var(--blue);
    text-decoration: none;
}
.open-pc:before{
    position: absolute;
    content: '';
    background: var(--icon-arrow-base) no-repeat;
    filter: var(--light-blue-f);
    width: 25px;
    height: 25px;
    top: -2px;
    left: -30px;
    transform: rotate(90deg);
}
.open-pc[aria-expanded="true"]:before {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.terms{font: 400 12px var(--main-font);}
.terms.dark-pink{color: var(--dark-pink);}
.table .bg-grad{width: 90%;}
.table.common .border-bottom{border-bottom: 1px solid var(--table-borders)!important; }
.table.common .border-right{border-right: 1px solid var(--table-borders)!important; }
@media screen and (max-width: 575px) {
    .terms-wrap, .pc-trigger{text-align: center;}
}
@media screen and (max-width: 991px) {
    .table.common .border-right{border-right: 1px solid transparent!important; }

}
@media screen and (min-width: 991px) {
    .table.common .border-bottom:nth-child(5),
    .table.common .border-bottom:nth-child(6),
    .table.common .border-bottom:nth-child(7)
    {border-bottom: 1px solid transparent!important; }

}
/* TABLE SLIDER */
.main-tbs{
    border-top: 1px solid var(--header-dark);
    box-shadow: inset -2px -2px 2px #a69e9e26;
    background: linear-gradient(to bottom, #f0eeee 40%, #dedbdb 90%);
    border-bottom: 1px solid #fff;
}
.main-tbs .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.main-tbs .owl-nav .owl-next{
    position: absolute;
    right: -40px;
}
.main-tbs .owl-nav .owl-prev {
    position: absolute;
    left: -40px;
}
.main-tbs .owl-nav .owl-prev span{
    transform: rotate(180deg);
}
.main-tbs .owl-nav .owl-prev span, .main-tbs .owl-nav .owl-next span{
    background: var(--icon-arrow-circle) no-repeat center;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    display: inline-block;
    filter: invert(1);
    transition: var(--transition);
}
.main-tbs .owl-nav .owl-prev span:hover, .main-tbs .owl-nav .owl-next span:hover{
    filter: invert(.7);
}
@media screen and (max-width: 575px) {
    .owl-carousel.main-tbs, .table.main{ width: 350px; max-width: 100%; }
}
/* ratings */
.rating{
    background: var(--icon-rating) repeat-x;
    height: 20px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 4px;
}
.rating .fill{
    background: var(--icon-rating-f) repeat-x;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
/* best card */
.best_card{width: 380px; max-width: 100%;}
.best_card .heading{font: bold italic 1rem var(--main-font); color: var(--heading-c);}
.best_card .btn-in, .best_card .bg-grad, .best_card ul{width: 90%;}
.best_card ul li{line-height: 1.2; font-size: 14px;}
.best_card ul li:not(:last-child){margin-bottom: 1rem;}
@media screen and (max-width: 767px){
    .best_card{width: 350px; max-width: 100%;}
}
/* top 3 */
.best_3 .medal:before{left: 20px; width: 32px; height: 45px;}
.best_3 .medal .num{left: 2.05rem; top: 17px; font-size: 14px;}

@media screen and (max-width: 767px){
    .best_3{width: 450px; max-width: 100%; margin: 0 auto;}
    .best_3 .medal {width: 350px; max-width: 100%;}
}

/* more content */
#show_content .icon{
    width: 12px;
    height: 10px;
    margin-left: .25rem;
}
#show_content .icon.up{transform: rotate(180deg);}
#show_content span{
    font: bold .9rem 'Nunito', sans-serif;
    color: var(--show-more-c);
}
#show_content:hover span{text-decoration: underline;}
/* breadcrumbs */
.breadcrumb-item { font: 600 12px var(--main-font); display: inline-block;}
.breadcrumb-item a{ color: var(--blue); font-style: italic;}
.breadcrumb-item a:hover{ color: var(--purple); text-decoration: none;}
.breadcrumb-item+.breadcrumb-item::before { content: ">";top: 1px; position: relative;}
.brdcmb-el {
    position: relative;
    z-index: 20;
    width: 100%;
    margin: -1.75rem auto 1rem;
}
.breadcrumb{background-color: transparent;}
@media screen and (max-width: 575px){
	.brdcmb-el .breadcrumb{
		padding: 5px;
		overflow-x: scroll;
		display: block;
		white-space: nowrap;
		position: relative;
        width: 100%;
	}
	.brdcmb-el .breadcrumb::-webkit-scrollbar{
		height: .25rem;
        background: var(--gray);
        border-radius: 3px;
        opacity: .85;
	}
	.brdcmb-el .breadcrumb::-webkit-scrollbar-thumb{
        background: var(--dark-blue);
        border-radius: 3px;
        width: 50%;
	}
}
/* Review element */
.rev_el{background: rgb(var(--header-dark-val) / 40%); padding-bottom: 1.75rem;}
.rev_el .inner{background: linear-gradient(to bottom, #fcfcfc, #e1e1e1); padding: 3rem 1rem 1rem;}
.rev_el .custom-triangle{height: 80px; z-index: 1; overflow: initial;}
.rev_el .custom-triangle .light-fill{ fill: #fcfcfc;}
.rev_el .custom-triangle svg{width: 100%;}
.rev_el .logo-wrap{position: relative;
    position: absolute;
    width: 200px;
    height: 65px;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background: #f0f0f0;
    z-index: 2;
}
.rev_el .tb-bonus {font-size: 28px;}
.rev_el ul.arrows li{font-size: 14px; line-height: 1.4;}
.rev_el ul.arrows li:not(:last-child){margin-bottom: .25rem;}
.rev_el .btns-wrap{border: 1px solid var(--heading-c);}
.rev_el .bg-grad{text-transform: none;}
.rev_el .features .dark-pink{background: var(--dark-pink);}
.rev_el .features .dark-blue{background: var(--dark-blue);}
.rev_el .features .blue{background: var(--blue);}
.rev_el .features .gray{background: var(--dark-gray);}
.rev_el .features .btn-overlay{overflow: hidden;}
.rev_el .features .btn-overlay:before{
    background: linear-gradient(to bottom, rgba(255 255 255 / 30%) 10%, transparent 61%, rgba(0,0,0, .65) );
    position: absolute;
    content: '';
    top: 0;
    left: -83px;
    width: 150%;
    height: 105%;
    filter: blur(6px);
    border-radius: 20%;
}
.rev_el .features [class*='icon-']{
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 20px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.rev_el .features [class*='icon-'].none{opacity: .65;filter: invert(.75)}
.rev_el .features .icon-android, .rev_el .features .icon-ios{filter: invert(1);}
.rev_el .regs [class*='icon-']{
    display: inline-block;
    background-repeat: no-repeat;
}
.rev_el .regs .icon-curacao{width: 30px; height: 30px;}
.rev_el .regs .icon-mef{width: 74px; height: 32px;}
.rev_el .regs .icon-18plus{width: 30px; height: 30px; margin-bottom: 5px;}
.rev_el .regs{
    position: absolute;
    top: 50%;
    transform: translateY(-35%);
    right: 30px;
}
@media screen and (max-width: 767px) {
    .rev_el .heading { text-align: center;}    
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .rev_el .tb-bonus {font-size: 22px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .rev_el .custom-triangle svg{left: -1px; width: calc(100% + 1px);}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
    .css-mb .mb-display-position {width: 90%;}
}
@media screen and (max-width: 991px) {
    .rev_el .features .btn-overlay {font-size: 14px;}
}
/* Laptop & phone mockups */
.css-mb {max-width: 1000px;min-width: 50px;margin: 0 auto;}
.css-mb div {box-sizing: border-box !important; }
.css-mb .mb-display-position {width: 80%;margin: 0 auto;}
.css-mb.with-glare .mb-display:after { display: block; }
.css-mb .mb-display{position:relative;width:100%;height:0;padding-bottom:62.9442%;background:#373435;box-shadow:0 5px 10px rgb(0 0 0 / 50%);-webkit-border-top-left-radius:3.5% 5.3075%;-moz-border-radius-topleft:3.5% 5.3075%;border-top-left-radius:3.5% 5.3075%;-webkit-border-top-right-radius:3.5% 5.3075%;-moz-border-radius-toptight:3.5% 5.3075%;border-top-right-radius:3.5% 5.3075%}.css-mb .mb-display:before{content:'';display:block;position:absolute;top:3%;left:50%;width:1%;height:1.5164%;margin-left:-.5%;border-radius:50%;background:#525252}.css-mb .mb-display:after{content:'';display:none;position:absolute;right:.4%;top:.64%;width:62.5%;height:100%;background:0 0;background:-moz-linear-gradient(55deg,rgba(0,0,0,0) 61%,rgba(255,255,255,.05) 61%);background:-webkit-linear-gradient(36deg,rgba(0,0,0,0) 61%,rgba(255,255,255,.05) 61%);background:-o-linear-gradient(55deg,rgba(0,0,0,0) 61%,rgba(255,255,255,.05) 61%);background:-ms-linear-gradient(55deg,rgba(0,0,0,0) 61%,rgba(255,255,255,.05) 61%);background:linear-gradient(55deg,rgba(0,0,0,0) 61%,rgba(255,255,255,.05) 61%);-webkit-border-top-right-radius:5.3075%;-moz-border-radius-toptight:5.3075%;border-top-right-radius:5.3075%}.css-mb .mb-screen-position{position:absolute;top:8%;width:93.2%;left:3.4%;height:0;margin:0;padding-bottom:53.75%}.css-mb .mb-screen{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#4b4b4d}.css-mb .mb-screen img{max-width:100%;height:auto}.css-mb .mb-screen iframe{width:100%;height:100%;border:0}.css-mb .mb-body{position:relative;width:100%;height:0;padding-bottom:2.3%;background:#e6e7e8; background: linear-gradient(to bottom, #EAEAEA, #DBDBDB, #F2F2F2, rgb(173 169 150 / 15%));background: -webkit-linear-gradient(to bottom, #EAEAEA, #DBDBDB, #F2F2F2, rgb(173 169 150 / 15%));}.css-mb .mb-body:before{content:'';display:block;position:absolute;top:0;left:50%;width:14.0740%;height:0;padding-bottom:1.4814%;margin-left:-7.037%;background:#a9abae;-webkit-border-bottom-left-radius:7.0370% 50%;-moz-border-radius-bottomleft:7.0370% 50%;border-bottom-left-radius:7.0370% 50%;-webkit-border-bottom-right-radius:7.0370% 50%;-moz-border-radius-bottomtight:7.0370% 50%;border-bottom-right-radius:7.0370% 50%; box-shadow: inset 0 0 3px 0px rgb(0 0 0 / 20%);}.css-mb .mb-bottom-cover{width:100%;height:0;padding-bottom:.7407%;background:#a3a2a0;;box-shadow:0 0 9px 2px rgb(0 0 0 / 75%);-webkit-border-bottom-left-radius:12% 600%;-moz-border-radius-bottomleft:12% 600%;border-bottom-left-radius:12% 600%;-webkit-border-bottom-right-radius:12% 600%;-moz-border-radius-bottomtight:12% 600%;border-bottom-right-radius:12% 600%}  /* phone */
  .css-iphone { /* max-width: 90px; min-width: 35px; */ margin: 0 auto;} 
  .css-iphone div { box-sizing: border-box !important;}
  .css-iphone .iphone-body {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 198%;
    background: #373435;
    box-shadow: -2px 2px 10px rgb(0 0 0 / 75%);
    -webkit-border-radius: 16% / 8.0808%;
       -moz-border-radius: 16% / 8.0808%;
            border-radius: 16% / 8.0808%;
  }
  .css-iphone.with-glare .iphone-body:after { display: block; }
  .css-iphone .iphone-screen img,
  .css-iphone .iphone-screen iframe {
    width: auto;
    height: 146px;
    border: 0;
    object-fit: cover;
  }
 .css-iphone .iphone-screen iframe {width: 100%;}
 .iphone-container{
     position: absolute;
    top: 40%;
    left: 10%;
    transform: translate(0, 5%);
    width: 14.5%;
}
/* phpne buttons */
.css-iphone .iphone-body:before{content:'';position:absolute;top:.8%;right:1.584%;bottom:.8%;left:1.584%;background:#080808;-webkit-border-radius:15%/7.5757%;-moz-border-radius:15%/7.5757%;border-radius:15%/7.5757%}.css-iphone .iphone-body:after{display:none;content:'';position:absolute;top:.8%;right:1.584%;bottom:.8%;left:1.584%;background:0 0;background:-moz-linear-gradient(55deg,rgba(0,0,0,0) 66%,rgba(255,255,255,.05) 66%);background:-webkit-linear-gradient(36deg,rgba(0,0,0,0) 66%,rgba(255,255,255,.05) 66%);background:-o-linear-gradient(55deg,rgba(0,0,0,0) 66%,rgba(255,255,255,.05) 66%);background:-ms-linear-gradient(55deg,rgba(0,0,0,0) 66%,rgba(255,255,255,.05) 66%);background:linear-gradient(55deg,rgba(0,0,0,0) 66%,rgba(255,255,255,.05) 66%);-webkit-border-top-right-radius:15% 7.5757%;-moz-border-radius-topright:15% 7.5757%;border-top-right-radius:15% 7.5757%}.css-iphone .iphone-buttons-right{position:absolute;top:21.4646%;right:-.6%;width:1.3%;height:6.8181%;background:#242424;-webkit-border-top-right-radius:50% 5.2446%;-moz-border-radius-toptight:50% 5.2446%;border-top-right-radius:50% 5.2446%;-webkit-border-bottom-right-radius:50% 5.2446%;-moz-border-radius-bottomright:50% 5.2446%;border-bottom-right-radius:50% 5.2446%}.css-iphone .iphone-buttons-left{position:absolute;top:13.4646%;left:-.6%;width:1.3%;height:3.8181%;background:#242424;-webkit-border-top-left-radius:50% 5.2446%;-moz-border-radius-topleft:50% 5.2446%;border-top-left-radius:50% 5.2446%;-webkit-border-bottom-left-radius:50% 5.2446%;-moz-border-radius-bottomleft:50% 5.2446%;border-bottom-left-radius:50% 5.2446%}.css-iphone .iphone-buttons-left:before{content:'';position:absolute;top:390.925%;right:0;height:180%;width:100%;background:#242424;-webkit-border-top-left-radius:50% 2.9136%;-moz-border-radius-topleft:50% 2.9136%;border-top-left-radius:50% 2.9136%;-webkit-border-bottom-left-radius:50% 2.9136%;-moz-border-radius-bottomleft:50% 2.9136%;border-bottom-left-radius:50% 2.9136%}.css-iphone .iphone-buttons-left:after{content:'';position:absolute;top:180.925%;right:0;height:150%;width:100%;background:#242424;-webkit-border-top-left-radius:50% 2.9136%;-moz-border-radius-topleft:50% 2.9136%;border-top-left-radius:50% 2.9136%;-webkit-border-bottom-left-radius:50% 2.9136%;-moz-border-radius-bottomleft:50% 2.9136%;border-bottom-left-radius:50% 2.9136%}.css-iphone .iphone-home-button{content:'';position:absolute;top:103.7819%;left:50%;width:17.541%;height:9.71%;margin-left:-7.6705%;background:#242424;-webkit-border-radius:50%/50%;-moz-border-radius:50%/50%;border-radius:50%}.css-iphone .iphone-home-button:after{content:'';position:absolute;top:6.7819%;left:16%;width:85%;height:85%;margin-left:-8.6705%;background:#080808;-webkit-border-radius:50%/50%;-moz-border-radius:50%/50%;border-radius:50%}.css-iphone .iphone-screen-position{position:absolute;top:9.3434%;width:86.5%;left:6.75%;height:0;margin:0;padding-bottom:153.7778%}.css-iphone .iphone-screen-position:before{content:'';position:absolute;top:-7.5%;left:28.4161%;width:4.7803%;height:2.4637%;border-radius:50%;background:#222}.css-iphone .iphone-screen-position:after{content:'';position:absolute;top:-6.7819%;left:50%;width:20.541%;height:1.2276%;margin-left:-9.6705%;background:#333;-webkit-border-radius:7%/50%;-moz-border-radius:7%/50%;border-radius:7%/50%}.css-iphone .iphone-screen{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#444}  
  
/* FOOTER */
footer{
    position: relative;
    background: var(--blue);
    background: -webkit-linear-gradient(150deg, var(--dark-pink) -15%, var(--blue), var(--blue));
    background: linear-gradient(150deg, var(--dark-pink) -15%, var(--blue), var(--blue));
}
footer:before{
    content: '';
    background: url('/imgs/stripes.svg') no-repeat center top;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    display: block;
}
footer .f-info{
    background: rgba(var(--footer-bg-val), .4);
    margin-top: 3rem;
    padding: 1.25rem;
}
footer .copyright{
    background: var(--footer-bg);
    margin: 0 auto;
    width: 100%;
    position: relative;
    color: rgba(255,255,255,.4);
    font-size: 13px;
}
.f-btn{
    background: rgba(var(--footer-bg-val), .4);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.f-btn:hover{ color: rgba(var(--footer-bg-val), 1); background: rgba(255,255,255,.4); text-decoration: none;}
footer .disc{ color: #fff; font-size: 14px;}
.f-menu a{ color: var(--cyan); text-decoration: none;}
.f-menu a:hover{ color: #fff; text-decoration: none;}
footer .soc-links li, footer .f-links li {display: inline-block;}
footer .soc-links [class*="icon-"], footer .f-links [class*="icon-"] {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
footer .soc-links .icon { display: inline-block;  width: 30px;  height: 30px;}
footer .f-links .icon.lg{width: 125px; vertical-align: middle;}
footer .f-links .icon { display: inline-block;    width: 30px;    height: 30px;}
footer .f-links .icon.govbr{ width: 70px; height: 30px;}
footer .f-links a {transition: var(--transition);}
footer .f-links a:hover {opacity: .75;}

/* back to top */
.back_top {
    display: none;
    background: -webkit-linear-gradient(150deg, var(--pink), var(--dark-pink), var(--blue), var(--dark-blue));
    background: linear-gradient(150deg, var(--pink), var(--dark-pink), var(--blue), var(--dark-blue));
    border-radius: .5rem;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    cursor: pointer;
    opacity: .75;
    position: relative;
}
.back_top:after {
    background: var(--icon-arrow-base) no-repeat center;
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    transform: rotate(-90deg);
    top: 7px;
    left: 7px;
    filter: invert(1);
}
.back_top:hover { opacity: 1;}
.back_top.position-fixed{ 
    display: inline-block;
    right: 10px;
    bottom: 10px;
    z-index: 10;
}
/* about us blockquote */
.about-us blockquote {
    width: 100%;
    padding: 35px 50px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 28px;
  }
.about-us blockquote.bg-grad p{color: #fff;}
.about-us blockquote p { margin: 0;font: italic 1.15em var(--main-font);}
.about-us blockquote p::before {
    top: 0;
    left: 16px;
    color: #fff;
    content: "“";
    font-size: 3em;
    position: absolute;
    text-shadow: -3px 0 #c2c2c2;
}
.about-us blockquote p::after {
    right: 16px;
    color: #fff;
    content: "”";
    bottom: -32px;
    font-size: 3em;
    position: absolute;
    text-shadow: 3px 0 #c2c2c2;
}
@media screen and (max-width: 575px) {
    .about-us blockquote {padding: 35px 15px;}
}
@media screen and (min-width: 768px) {
    .about-us blockquote {padding-right: 0;width: calc(100% + 50px); width: 768px; max-width: 100%;}
    .about-us blockquote p {font-size: 1.25em; line-height: 1.4;}
    .about-us blockquote p::after { bottom: -35px;}
}
/* faq accordion */
#accordion{	margin: 20px auto;}
#accordion a { text-decoration: none;}
#accordion a:focus { outline: 0;}
#accordion .panel{border:0px none;	box-shadow:none;}
#accordion .panel-heading{padding:0;background: #fff;}
#accordion .panel-title a{
    display: block;
    position: relative;
    background:transparent;
    color:#333;
    font-size:14px;
    font-weight: bold;
    text-transform:uppercase;
    margin-bottom:15px;
    padding:15px 50px 15px 20px;
    transition:all 0.10s linear 0s;
}
#accordion .panel-title a.collapsed{ color:#808080; margin: 0;}
#accordion .panel-title a.collapsed i{ color:#8fb77b;}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content:"";
    position: absolute;
    bottom:-15px;
    left:36px;
}
#accordion .panel-title a.collapsed:before{ content:""; border: 0px none;}
#accordion .panel-title a.collapsed:hover{ color:#333;}
#accordion .panel-title a:after{
    content: "";
    width: 15px;
    height: 15px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    right: 25px;
    background: var(--icon-arrow-grad) no-repeat;
    transform: translateY(-50%) rotate(90deg);
    transition: all .2s ease-in-out;
}
#accordion .panel-title a.open{
    color: var(--link-c);
}
#accordion .panel-title a.open:after{
    transform: translateY(-50%) rotate(270deg);
}
#accordion .panel-body{color: #000; font: 300 14px 'Montserrat', sans-serif; line-height: 1.6; padding: 0 1rem;}
@media screen and (max-width: 575px){
    #accordion .panel-title a {font-size: 13px;}
}
@media screen and (max-width: 767px){
	#accordion .panel-title a {padding: 15px 30px 15px 10px;}
}
/* end faq accordion */
@media (hover: none) {
    .page-template .banner_title,
    .ac-home .banner_title,
    .test .title span,
    #goto .box-link span,
    #ac_lvls .box-link span{font-family: var(--main-font); font-style: italic;}

}
/* contact form ================== */
#contact {
	display: block;
	margin: 40px auto;
	padding: 10px;
	background-color: #FFF;
}
#contact form{
	overflow: hidden;
}
#contact h1 {
	margin: 10px 0 10px;
	font-size: 24px;
}
#contact hr {
	color: inherit;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
    border-style: solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, var(--dark-blue), var(--pink));
}
#contact label {
    float: left;
    height: 26px;
    line-height: 35px;
    width: 30%;
    font-size: 13px;
}
#contact input,
textarea,
select {
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
}
#contact input:focus,
textarea:focus,
select:focus {
	border: 1px solid #999;
	background-color: #fff;
	color: var(--main-text);
}
#contact input.submit {
	cursor: pointer;
	background: var(--blue);
	border: none;
	color: #fff;
	text-align: center;
	margin: 1rem auto;
    display: block;
    outline: 0;
    border-radius: .25rem;
    font-weight: bold;
    padding: .5rem;
    transition: var(--transition);
}
#contact input.submit:hover {
    background: var(--pink);
    transition: var(--transition);

}
#contact input[type="submit"][disabled] {
	background: var(--purple);
}
#contact fieldset {
	padding: 20px;
}
#contact legend {
	padding: 7px 10px;
	font-weight: bold;
	font-size: 14px;
	color: var(--dark-blue);
	margin-bottom: 20px;
}
#contact span.required {
	font-size: 13px;
	color: var(--pink);
}
#message {
	margin: 10px 0;
	padding: 0;
}
#verify {width: 50px !important;}
.error_message {
	display: block;
    line-height: 22px;
    background: #FBE3E4;
    padding: 5px 5px 5px 30px;
    color: #8a1f11;
    border: 1px solid #FBC2C4;
    border-radius: 4px;
}
.success_message {
    background: linear-gradient(rgb(143 183 123 / .5), rgb(143 183 123 / .5));
    padding: 5px 5px 5px 30px;
    color: #5d8349;
    font-weight: 700;
    border-radius: 4px;
}
.loader {padding: 0 10px;}
#contact #success_page h1 {
	padding-left: 22px;
}
.form-group { overflow: hidden;}
@media only screen and (max-width:767px){
    #contact{width: 100%;}
    #contact label,
	#contact input,
	#contact legend,
	#contact textarea,
	#contact select {
        width: 100%;
        display: block!important;
	}
	#contact input.submit {
		margin: 10px auto;
        text-align: center;
        min-width: 150px;
        width: auto;
        float: none;
	}
    .captcha-wrapper{
        width: 304px;
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }
    
}
@media only screen and (min-width:768px){
    #contact label { width: 15%;}
    #contact input, textarea, select { width: 82%;}
    .captcha-wrapper{
        width: 304px;
        margin: 1rem auto 0;
    }
    #contact input.submit { width: 20%;}    
}
@media only screen and (min-width:768px) and (max-width:1199px){
    #contact{width: 95%;}
}
@media only screen and (min-width:1200px){
    #contact{width: 70%;}
}
/*================== */
body > article > div.row.w-100.mb-4.justify-content-center > div.col-sm-7.order-1.order-sm-2.pc-trigger.mb-2.mb-sm-0 > button {
    display: none;
}