html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     box-sizing: border-box;
 }

 *,
 *::before,
 *::after {
     box-sizing: inherit;
 }

 body {
     margin: 0;
     font-family:
         -apple-system,
         BlinkMacSystemFont,
         'Segoe UI',
         Roboto,
         Helvetica,
         Arial,
         sans-serif,
         'Apple Color Emoji',
         'Segoe UI Emoji',
         'Segoe UI Symbol';
     background: linear-gradient(to bottom, #c3cbce, #bfc6c9);
 }

::-webkit-scrollbar {
    width: 1em;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color: #e9461a;
}

 main {
     display: block;
 }

 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }

 .centered-title {
     color: #f8f8f8;
     text-align: center;
     margin: 0 auto 30px;
     border: none;
     position: relative;
 }

 .centered-title:after {
     position: absolute;
     content: '';
     width: 200px;
     background: #e9461a;
     height: 3px;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -o-transform: translateX(-50%);
 }

 .centered-title.black {
     color: black;
 }

 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }

 pre {
     font-family: monospace, monospace;
     font-size: 1em;
 }

 a {
     background-color: transparent;
 }

 a:hover {
     text-decoration: none;
 }

 p {
     line-height: 1.6;
 }

 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted;
 }

 b,
 strong {
     font-weight: bolder;
 }

 code,
 kbd,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }

 small {
     font-size: 80%;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sub {
     bottom: -0.25em;
 }

 sup {
     top: -0.5em;
 }

 img {
     border-style: none;
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
 }

 button,
 input {
     overflow: visible;
 }

 button,
 select {
     text-transform: none;
 }

 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }

 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }

 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }

 fieldset {
     padding: 0.35em 0.75em 0.625em;
 }

 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
 }

 progress {
     vertical-align: baseline;
 }

 textarea {
     overflow: auto;
 }

 [type="checkbox"],
 [type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }

 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }

 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
 }

 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }

 details {
     display: block;
 }

 summary {
     display: list-item;
 }

 template {
     display: none;
 }

 [hidden] {
     display: none;
 }

 .all-brands {
     background: url('../img/all-brands.png') no-repeat;
     width: 120px;
     height: 55px;
     display: inline-block;
     text-indent: -9999px;
     border-radius: 5px;
     filter: drop-shadow(2px 3px 2px black);
     -webkit-filter: drop-shadow(2px 3px 2px black);
 }

 .all-brands.icon-sts {
     background-position: 0px 0px;
 }

 .all-brands.icon-fortuna {
     background-position: 0px -63px;
 }

 .all-brands.icon-lvbet {
     background-position: 0px -126px;
 }

 .all-brands.icon-totolotek {
     background-position: 0px -189px;
 }

 .all-brands.icon-etoto {
     background-position: 0px -252px;
 }

 .all-brands.icon-royal-panda {
     background-position: 0px -315px;
 }

 .all-brands.icon-betway {
     background-position: 0px -378px;
 }

 .all-brands.icon-betclic {
     background-position: 0px -441px;
 }

 .all-brands.icon-betsson {
     background-position: 0px -504px;
 }

 .all-brands.icon-bet-at-home {
     background-position: 0px -567px;
 }

 .all-brands.icon-marathonbet {
     background-position: 0px -630px;
 }

 .all-brands.icon-superbet {
     background-position: 0px -693px;
 }

 .all-brands.icon-dafabet {
     background-position: 0px -756px;
 }

 .all-brands.icon-pzbuk {
     background-position: 0px -819px;
 } 

 .all-brands.icon-milenium {
     background-position: 0px -882px;
 }

 .all-brands.icon-forbet {
     background-position: 0px -945px;
 }

 .all-brands.icon-betfan {
     background-position: 0px -1008px;
 }

 .all-brands.icon-sportingbet {
     background-position: 0px -1073px;
 }

 .all-brands.icon-ewinner {
     background-position: 0px -1138px;
 }

 .all-brands.icon-betcris {
     background-position: -128px 0;
 }

 
.company-120[class*="bg-"]{width: 120px;height: 55px;}
.company-70[class*="bg-"]{width: 70px;height: 35px; margin: 5px auto;}
 [class*="company-"][class*="bg-"]{
	margin: 0 auto;
	padding: 5px;
	border-radius: 5px;
    display: block;
    
    filter: drop-shadow(2px 3px 2px black);
    -webkit-filter: drop-shadow(2px 3px 2px black);
}
.bg-fortuna{background: #FFDB01;}
.bg-lvbet{background: #080808;}
.bg-etoto{background-color: rgb(0, 26, 91);}
.bg-betclic{background: #d2161e;}
.bg-sts,
.bg-ewinner{background: #fff;}
.bg-superbet{background: #ea060a;}
.bg-pzbuk{background: rgba(190, 48, 48, 1);}
.bg-milenium{background: #da1f26;}
.bg-forbet{background: #0c151e;}
.bg-betfan{background: #004c41;}
.bg-betcris {background: rgb(40, 92, 153);}
.bg-totolotek{background: #000;}

.logo-fortuna{background: var(--logo-fortuna);}
.logo-lvbet{background: var(--logo-lvbet);}
.logo-etoto{background: var(--logo-etoto);}
.logo-betclic{background: var(--logo-betclic);}
.logo-sts{background: var(--logo-sts);}
.logo-totolotek{background: var(--logo-totolotek);}
.logo-superbet{background: var(--logo-superbet);}
.logo-pzbuk{background: var(--logo-pzbuk);}
.logo-milenium{background: var(--logo-milenium);}
.logo-forbet{background: var(--logo-forbet);}
.logo-betfan{background: var(--logo-betfan);}
.logo-ewinner{background: var(--logo-ewinner);}
.logo-betcris{background: var(--logo-betcris);}

 [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%;
}
/*
 .icon {
     display: inline-block;
     background-repeat: no-repeat;
     background-image: url(/assets/img/sport-icons.svg);
     width: 35px;
     height: 45px;
 }
*/

 .icon-bike {
     background-position: 0 5px;
 }

 .icon-weights {
     background-position: -51px 5px;
 }

 .icon-golf {
     background-position: -102px 5px;
 }

 .icon-hockey {
     background-position: -153px 5px;
 }

 .icon-skating {
     background-position: -204px 5px;
 }

 .icon-horses {
     background-position: -255px 5px;
 }

 .icon-soccer {
     background-position: -306px 5px;
 }

 .icon-volleyball {
     background-position: -357px 5px;
 }

 .icon-archery {
     background-position: -408px 5px;
 }

 .icon-baseball {
     background-position: -459px 5px;
 }

 .icon-basketball {
     background-position: -510px 5px;
 }

 .icon-table-tennis {
     background-position: -561px 5px;
 }

 .icon-bowling {
     background-position: -612px 5px;
 }

 .icon-boxing {
     background-position: -657px 5px;
 }

 .icon-karate {
     background-position: -714px 5px;
 }

 .icon-racing {
     background-position: -765px 5px;
 }

 .icon-tennis {
     background-position: 0 -46px;
 }

 .icon-rugby {
     background-position: -51px -46px;
 }

 .icon-badminton {
     background-position: -102px -46px;
 }

 .icon-darts {
     background-position: -153px -46px;
 }

 .payment {
     display: inline-block;
     background: url(/assets/img/payment.png) no-repeat;
     text-indent: -9999px;
 }

 .payment.bitcoin {
     background-position: -2px -4px;
     width: 53px;
     height: 13px;
 }

 .payment.maestro {
     background-position: -3px -19px;
     width: 30px;
     height: 20px;
 }

 .payment.skrill {
     background-position: -4px -43px;
     width: 56px;
     height: 21px;
 }

 .payment.visa {
     background-position: -4px -71px;
     width: 53px;
     height: 18px;
 }

 .payment.paypal {
     background-position: -5px -96px;
     width: 75px;
     height: 21px;
 }

 .payment.western-union {
     background-position: -6px -123px;
     width: 96px;
     height: 21px;
 }

 .payment.eco {
     background-position: -3px -152px;
     width: 46px;
     height: 21px;
 }

 .payment.postepay {
     background-position: -7px -184px;
     width: 97px;
     height: 21px;
 }

 .payment.ideal {
     background-position: -8px -214px;
     width: 22px;
     height: 21px;
 }

 .payment.giropay {
     background-position: -6px -245px;
     width: 47px;
     height: 21px;
 }

 .payment.sofort {
     background-position: -4px -274px;
     width: 65px;
     height: 20px;
 }

 .payment.paysafecard {
     background-position: -3px -304px;
     width: 96px;
     height: 18px;
 }

 .payment.neteller {
     background-position: -4px -334px;
     width: 112px;
     height: 20px;
 }

 .payment.entropay {
     background-position: -4px -364px;
     width: 114px;
     height: 21px;
 }

 .payment.onshop {
     background-position: -7px -391px;
     width: 32px;
     height: 22px;
 }

 .payment.pingit {
     background-position: -11px -420px;
     width: 40px;
     height: 21px;
 }

 .payment.moneygram {
     background-position: -5px -443px;
     width: 85px;
     height: 22px;
 }

 .payment.moneybookers {
     background-position: -3px -508px;
     width: 35px;
     height: 21px;
 }

 .payment.mastercard {
     background-position: -49px -508px;
     width: 31px;
     height: 20px;
 }

 .payment.trustly {
     background-position: -2px -538px;
     width: 87px;
     height: 21px;
 }

 .payment.diners {
     background-position: -46px -575px;
     width: 24px;
     height: 24px;
 }

 .payment.eurocard {
     background-position: 0px -575px;
     width: 44px;
     height: 24px;
 }

 .payment.astropay {
     background-position: -6px -607px;
     width: 86px;
     height: 25px;
 }

 .payment.epro {
     background-position: -6px -646px;
     width: 74px;
     height: 30px;
 }

 .payment.euteller {
     background-position: -6px -691px;
     width: 95px;
     height: 24px;
 }

 .payment.ewire {
     background-position: -6px -730px;
     width: 82px;
     height: 27px;
 }

 .payment.idebit {
     background-position: -6px -768px;
     width: 64px;
     height: 27px;
 }

 .payment.interaconline {
     background-position: -7px -808px;
     width: 29px;
     height: 30px;
 }

 .payment.iwallet {
     background-position: -6px -852px;
     width: 85px;
     height: 26px;
 }

 .payment.muchbetter {
     background-position: -7px -891px;
     width: 95px;
     height: 21px;
 }

 .payment.przelewy {
     background-position: -7px -924px;
     width: 73px;
     height: 26px;
 }

 .payment.blik {
     background-position: -7px -965px;
     width: 55px;
     height: 26px;
 }

 .payment.dotpay {
     background-position: -7px -1008px;
     width: 84px;
     height: 26px;
 }

 .payment.tpay {
     background-position: -8px -1045px;
     width: 74px;
     height: 23px;
 }

 .payment.paymenticon {
     background-position: -6px -1082px;
     width: 110px;
     height: 17px;
 }

 .payment.payu {
     background-position: -6px -1112px;
     width: 54px;
     height: 27px;
 }

 .payments-icon {
     background: url(/assets/img/payments-icon.png) no-repeat;
     width: 45px;
     height: 45px;
     display: inline-block;
 }

 .payments-icon.bitcoin {
     background-position: 0px 0px;
 }

 .payments-icon.neteller {
     background-position: 0px -55px;
 }

 .payments-icon.skrill {
     background-position: 0px -110px;
 }

 .payments-icon.paysafecard {
     background-position: 0px -165px;
 }

 .payments-icon.paypal {
     background-position: 0px -220px;
 }

 .general {
     display: inline-block;
     background: url(/assets/img/general.png) no-repeat;
     text-indent: -9999px;
 }

 .general.big-arrow {
     background-position: -8px -8px;
     width: 63px;
     height: 53px;
 }

 .general.ribbon-angle {
     background-position: -90px -13px;
     width: 32px;
     height: 44px;
 }

 .general.avatar-yes.mariusz {
     background-position: -8px -80px;
     width: 120px;
     height: 120px;
 }

 .general.avatar-no.mariusz {
     background-position: -8px -220px;
     width: 110px;
     height: 110px;
 }

 .general.avatar-yes.bartek {
     background-position: -8px -632px;
     width: 120px;
     height: 120px;
 }

 .general.avatar-yes.klaudia {
     background-position: -8px -768px;
     width: 120px;
     height: 120px;
 }

 .general.first-place {
     background-position: 0 -361px;
     width: 146px;
     height: 111px;
 }

 .general.faq {
     background-position: -20px -495px;
     width: 36px;
     height: 26px;
 }

 .general.gift {
     background-position: -76px -493px;
     width: 28px;
     height: 29px;
 }

 .general.small-arrow {
     background-position: 5px -541px;
     width: 75px;
     height: 9px;
 }

 .general.ribbon-yes {
     background-position: -8px -563px;
     width: 181px;
     height: 47px;
     margin: -10px auto 15px;
     display: block;
     position: inherit;
 }

 .regs {
     background: url('/assets/img/regs.png') no-repeat;
     display: inline-block;
     text-indent: -9999px;
 }

 .regs.kaspersky {
     background-position: 0px 0px;
     width: 91px;
     height: 23px;
 }

 .regs.mga {
     background-position: 0px -33px;
     width: 55px;
     height: 20px;
 }

 .regs.thawte {
     background-position: 0px -66px;
     width: 90px;
     height: 23px;
 }

 .regs.tst {
     background-position: 0px -99px;
     width: 48px;
     height: 23px;
 }

 .regs.gamblingcommission {
     background-position: 0px -132px;
     width: 44px;
     height: 31px;
 }

.regs.ukgc {
     background-position: 0px -1036px;
     width: 121px;
     height: 77px;
 }

 .regs.cassava {
     background-position: 0px -173px;
     width: 49px;
     height: 23px;
 }

 .regs.curacao {
     background-position: 0px -206px;
     width: 69px;
     height: 23px;
 }

 .regs.curacao2 {
     background-position: 0px -239px;
     width: 31px;
     height: 23px;
 }

 .regs.digicert {
     background-position: 0px -272px;
     width: 91px;
     height: 23px;
 }

 .regs.ecogra {
     background-position: 0px -305px;
     width: 78px;
     height: 23px;
 }

 .regs.egba {
     background-position: 0px -338px;
     width: 55px;
     height: 23px;
 }

 .regs.essa {
     background-position: 0px -371px;
     width: 59px;
     height: 23px;
 }

 .regs.gaminglabs {
     background-position: 0px -404px;
     width: 66px;
     height: 23px;
 }

 .regs.gbga {
     background-position: 0px -437px;
     width: 59px;
     height: 23px;
 }

 .regs.gibraltar {
     background-position: 0px -470px;
     width: 68px;
     height: 23px;
 }

 .regs.ibas {
     background-position: 0px -503px;
     width: 51px;
     height: 23px;
 }

 .regs.itechlabs {
     background-position: 0px -536px;
     width: 23px;
     height: 23px;
 }

 .regs.itechlabs2 {
     background-position: 0px -569px;
     width: 39px;
     height: 23px;
 }

.regs.dgoj {
    background-position: 0px -1009px;
    width: 94px;
    height: 14px;
}

 .regs.bga {
     background: var(--regulator-bga) center no-repeat;
     filter: invert(1);
     background-size: contain;
     width: 120px;
     height: 50px;
     margin-right: 20px;
 }

 .regs.gt {
     background: var(--regulator-gt) center no-repeat;
     background-size: contain;
     width: 120px;
     height: 50px;
 }

 .regs.min-fin-pol-sm {
     background-position: 0px -700px;
     width: 58px;
     height: 41px;
 }

 .regs.min-fin-pol {
     background-position: 0px -749px;
     width: 94px;
     height: 90px;
 }

 .regs.sga {
     background-position: -46px -844px;
     width: 48px;
     height: 39px;
 }

 .regs.gggg {
     background-position: 0px -844px;
     width: 35px;
     height: 35px;
 }

 .regs.dswv {
     background-position: 0px -889px;
     width: 56px;
     height: 16px;
 }

 .regs.easg {
     background-position: 0px -955px;
     width: 43px;
     height: 43px;
 }

 .regs.ovwg {
     background-position: 0px -915px;
     width: 72px;
     height: 32px;
 }

.regs.pl{
    background: var(--regulator-poland) center no-repeat;
    background-size: contain;
    width: 40px;
    height: 50px;
}

 .regulation.inline li {
     display: inline-block;
     margin-top: 2px;
     margin-bottom: 2px;
 }

/*
 .championships {
     background: url('/assets/img/championships.png') no-repeat;
     display: inline-block;
     text-indent: -9999px;
     width: 50px;
     height: 50px;
 }

 .championships.atp {
     background-position: 0px 0px;
 }

 .championships.grand-slam {
     background-position: 0px -60px;
 }

 .championships.wta {
     background-position: 0px -120px;
 }

 .championships.nba {
     background-position: 0px -180px;
 }

 .championships.euroleague-basket {
     background-position: 0px -240px;
 }

 .championships.serieA-basket {
     background-position: 0px -300px;
 }

 .championships.giro {
     background-position: 0px -360px;
 }

 .championships.tour {
     background-position: 0px -420px;
 }

 .championships.vuelta {
     background-position: 0px -480px;
 }

 .championships.supercar {
     background-position: 0px -540px;
 }

 .championships.f1 {
     background-position: 0px -600px;
 }

 .championships.motogp {
     background-position: 0px -660px;
 }
*/

 .pb-30 {
     padding-bottom: 30px !important;
 }

 .left,
 .right,
 .center {
     display: block;
     margin: 0 auto 10px;
     text-align: center;
 }

 .img-bordered {
     box-shadow: 0px 0px 0px 6px #e8ecef;
     -webkit-box-shadow: 0px 0px 0px 6px #e8ecef;
     -o-box-shadow: 0px 0px 0px 6px #e8ecef;
     border-radius: 3px;
     filter: drop-shadow(2px 3px 2px black);
    -webskit-filter: drop-shadow(2px 3px 2px black);
 }

.img-sh-dr {
    filter: drop-shadow(2px 3px 2px black);
    -webskit-filter: drop-shadow(2px 3px 2px black);
    border-radius: 3px;
}

 .img-cards .title {
     position: absolute;
     padding: 10px;
     text-align: center;
     background: rgba(37, 43, 41, 0.6);
     color: #f5f5f5;
     font: 600 18px 'Muli', sans-serif;
     letter-spacing: 1px;
     margin-top: 0px !important;
 }

 .btn-rounded {
     padding: 6px;
     border-radius: 5px;
     max-width: 95%;
     word-break: break-word;
     display: block;
     white-space: normal;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 .btn-blue {
     background: #15949e;
     color: #fff;
     font: 900 16px 'Muli', sans-serif;
 }

 .btn-orange {
     background: #e9461a;
     text-transform: uppercase;
     font: 900 15px 'Muli', sans-serif;
     color: #fff;
 }

 .btn-orange:hover,
 .btn-orange:focus,
 .btn-orange.focus {
     background: #ff6133;
     color: #fff;
     outline: 0;
 }

 .btn-yellow {
     background: #ffbc08;
     color: #252b29;
     text-transform: uppercase;
     font: 900 15px 'Muli', sans-serif;
 }

 .btn-yellow:hover {
     background: #ffd800;
     text-decoration: none;
 }

 a.inner {
     color: #15949e;
     text-decoration: underline;
     font: 400 italic 16px 'Muli', sans-serif;
     text-transform: capitalize;
     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;
 }

 a.inner:hover {
     color: #ff6133;
     text-decoration: none;
 }

 a.txt-link {
     color: #ff6133;
     text-decoration: none;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     display: inline-block;
     position: relative;
 }

 a.txt-link:after {
     content: '';
     display: block;
     width: 0;
     height: 1px;
     background: #e9461a;
     transition: width .3s;
     -webkit-transition: width .3s;
     -o-transition: width .3s;
     position: absolute;
     bottom: 3px;
 }

 a.txt-link:hover,
 a.txt-link:focus {
     color: #e9461a;
     outline: 0;
 }

 a.txt-link:hover:after {
     width: 100%;
 }

 ol.num-list .brand-favs {
     background-color: #fff;
     border-radius: 5px;
     text-align: center;
     padding: 5px;
     box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
     -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
 }

 ol.num-list {
     list-style-type: none;
     margin: 30px 0 30px 5em;
     padding: 0;
     counter-reset: li-counter;
     font-size: 15px;
 }

 ol.num-list > li {
     position: relative;
     margin-bottom: 20px;
     padding: 1em;
     background-color: #e8ecef;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 ol.num-list > li:before {
     position: absolute;
     top: 0;
     left: -2.2em;
     padding-right: 5px;
     width: 65px;
     line-height: 1;
     font: 900 33px 'Muli', sans-serif;
     text-align: right;
     color: #fff;
     z-index: 1;
     overflow: hidden;
     content: counter(li-counter);
     background: #15949e;
     height: 100%;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     counter-increment: li-counter;
 }

 ol.num-list > li:after {
     position: absolute;
     top: 16px;
     left: -5.5em;
     line-height: 1;
     font: 900 15px 'Muli', sans-serif;
     color: #fff;
     z-index: 1;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
 }

 ol.num-list.types > li:after {
     content: 'TYPE';
 }

 ol.num-list.facts > li:after {
     content: 'FAKT';
 }

 ol.num-list.steps > li:after {
     content: 'KROK';
 }

 ol.num-list.tips > li:after {
     content: 'RADA';
 }

 ol.num-list.stages > li:after {
     content: 'ETAP';
 }

 ol.num-list.resp > li:after {
     position: absolute;
     top: 25px;
     left: -4.8em;
     line-height: 1;
     font: 900 18px 'Muli', sans-serif;
     color: #fff;
     z-index: 1;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
 }

ol.num-list.resp.small > li:after {
    top: 16px;
    left: -5.6em;
    font: 900 15px 'Muli', sans-serif;
}

 ol.num-list.resp > li h3 {
     margin-top: 0.5em;
 }

 ol.num-list.resp.cs-go > li {
    background-image: url(/assets/img/cs-go-logo-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
 }

 /*----------- BREADCRUMBS -----------*/
 ol.breadcrumbs{
    list-style-type: none;
    margin: 111px 0 0 0;
    padding: 10px;
    background: #e8ecef;
}

ol.breadcrumbs.no-qnav{
    margin: 61px 0 0 0;;
}

ol.breadcrumbs > li{
    display: inline-block;
    position: relative;
    margin-right: 9px;
    padding-right: 5px;
    font-size: 13px;
}

ol.breadcrumbs > li:not(:last-child) > a{
    color: #ff6133;
}

ol.breadcrumbs > li:not(:last-child) > a:hover{
    color:#15949e;
}

ol.breadcrumbs > li:not(:last-child) > a::after{
    position: absolute;
    content: '\f101';
    font: 900 10px 'Font Awesome 5 Free';
    color: #585858;
    top: 5px;
    left: 100%;
}

section.wrapped.breadcrumb-sec + section.content{
    padding-top: 10px;
}

section.wrapped.breadcrumb-sec + section.content > h1{
    padding-top: 0;
}

section.wrapped.breadcrumb-sec + section.full-bg{
    margin-top: 0px;
}

@media only screen and (max-width: 1100px) {
    .vertical {overflow: auto; background-color: #e8ecef;}
    .vertical .breadcrumbs {width: max-content;}
}
@media only screen and (max-width: 500px) {
    .vertical  ol.breadcrumbs > li {display: inline-block;}
    .vertical ol.breadcrumbs > li:not(:last-child) > a::after {display: inline; margin: 0 5px; transform: none;position: unset;}
}

 /*----------- BREADCRUMBS - END -----------*/

 ul.dot-list {
     list-style-type: none;
     padding-left: 40px;
 }

 ul.dot-list li {
     font: 400 15px 'Muli', sans-serif;
     color: #000;
     line-height: 1.6;
 }

 ul.dot-list li::before {
     content: "\f1e3";
     font: 900 15px 'Font Awesome 5 Free';
     margin-right: 5px;
     color: #15949e;
 }

 ul.dot-list.inline {
     text-align: center;
 }

 ul.dot-list.inline li {
     display: inline-block;
     margin-left: 5px;
     margin-right: 5px;
 }

 .column-list{columns: 5;}

 /* USER RATING SLIDERS */
 .range-slider {
     display: inline-block;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
 }

 .range-slider > input {
     opacity: 0;
     width: 100%;
     position: relative;
     z-index: 5;
     -webkit-appearance: none;
     margin-bottom: 35px;
 }

 .range-slider > input::-webkit-slider-thumb {
     -webkit-appearance: none;
     z-index: 100;
     position: relative;
     width: 50px;
     height: 30px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
 }

 .range-slider > span.slider-container {
     min-height: 110px;
     display: inline-block;
     position: absolute;
     top: 15px;
     left: -8px;
     right: 46px;
     z-index: 3;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .range-slider > span.slider-container > span.bar {
     background-color: #babdbf;
     display: inline-block;
     position: absolute;
     z-index: 1;
     top: 12px;
     left: 10px;
     right: -42px;
     height: 6px;
     overflow: hidden;
 }

 .range-slider > span.slider-container > span.bar > span {
     background: #ff6133;
     float: left;
     height: 11px;
     width: 0%;
 }

 .range-slider > span.slider-container > span.bar-btn {
     display: inline-block;
     position: absolute;
     width: 42px;
     height: 25px;
     padding-top: 2px;
     font-weight: bold;
     text-align: center;
     background: #fff;
     top: 0px;
     -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
     z-index: 3;
     cursor: pointer;
 }

 .common-box.slider-rating {
     padding: 10px 0 0;
     margin-bottom: 30px;
 }

 .common-box.slider-rating .box-body {
     padding: 20px 10px;
 }

 .common-box.slider-rating .box-body p {
     text-align: center;
     font: 600 15px 'Muli', sans-serif;
     color: #000;
     margin: 0;
 }

 .common-box.slider-rating .box-body .sub-title {
     color: #252b29;
     font: 900 15px 'Muli', sans-serif;
     text-transform: uppercase;
     text-align: right;
 }

 .common-box.slider-rating .single-chart {
     width: 80px;
 }

 .common-box.slider-rating .btn-blue:focus {
     outline: 0;
 }

 .common-box.slider-rating .btn-blue:hover {
     background: #33bdb8;
 }

 .common-box.slider-rating .btn-blue {
     margin-top: 15px;
 }

 .common-box.slider-rating #userRating .col-sm-12 {
     overflow: hidden;
 }

 #ratingModal .modal-body {
     padding: 35px;
 }

 #ratingModal .modal-body p {
     font: 600 18px 'Muli', sans-serif;
     text-align: center;
 }

 #ratingModal .modal-body i {
     font-size: 50px;
     color: #15949e;
     text-align: center;
 }

 #ratingSent {
     background: #15949e;
     color: #fff;
     font: 900 16px 'Muli', sans-serif;
     border-radius: 5px;
     padding: 10px;
     max-width: 100%;
     word-break: break-word;
     display: block;
     white-space: normal;
     text-align: center;
     margin-top: 10px;
 }

 /* END USER RATING SLIDERS */

 /* FILTER */
 .step-number {
     font: bold 18px 'Muli', sans-serif;
     text-transform: uppercase;
     color: #989898;
     text-align: center;
     position: relative;
     bottom: 5px;
 }

 .filter-title {
     background: #252b29;
     margin: 30px auto 0;
     color: #fff;
     width: 1066px;
     max-width: 100%;
     text-align: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     padding: 5px 0px;
     font: 600 15px 'Muli', sans-serif;
 }

 #filter-carousel {
     width: 1066px;
     max-width: 100%;
     margin: 0 auto;
 }

 #filter-carousel .carousel-inner {
     min-height: 350px;
     background: #e8ecef;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 #filter-carousel .carousel-inner > .item {
     -webkit-transition: -webkit-transform .4s ease-out;
     -o-transition: -o-transform .4s ease-out;
     transition: transform .4s ease-out;
     margin: 20px auto;
 }

 #filter-carousel .payments:before,
 #filter-carousel .bonus:before,
 #filter-carousel .mobile:before,
 #filter-carousel .cash-out:before,
 #filter-carousel .live-betting:before {
     position: absolute;
     transform: scale(0.8);
     content: '';
     left: 55px;
     top: -11px;
     width: 190px;
     height: 150px;
 }

 #filter-carousel .carousel-inner .box {
     display: inline-block;
     background: #fff;
     padding: 15px 13px;
     font: 300 17px 'Muli', sans-serif;
     color: #000;
     border-radius: 3px;
     position: relative;
 }

 #filter-carousel .btn-orange {
     position: relative;
     top: -130px;
     left: 0;
     transform: translate(-25%, -52px) rotate(-90deg);
     -webkit-transform: translate(-25%, -52px) rotate(-90deg);
     -o-transform: translate(-25%, -52px) rotate(-90deg);
     opacity: .7;
 }

 #filter-carousel .btn-orange:hover {
     opacity: 1;
 }

 #filter-carousel .carousel-control {
     background: #ff6133;
     padding: 5px 10px 10px;
     top: 53%;
     height: 40px;
     width: 50px;
     border-radius: 5px;
 }

 #filter-carousel .carousel-control.left {
     float: none;
     left: 88%;
 }

 #filter-carousel .carousel-control.right {
     right: 10px;
 }

 #filter-carousel .choice {
     font: 600 16px 'Muli', sans-serif;
     color: #575757;
     text-transform: capitalize;
     margin-bottom: 15px;
 }

 #filters .box.bordered {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;

 }

 #filters .box.bordered:before {
     position: absolute;
     content: '';
     background: #15949e;
     width: 20px;
     height: 100%;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     left: 0;
     top: 0;
 }

 [type='checkbox']:checked,
 [type='checkbox']:not(:checked) {
     position: relative;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
     color: #666;
     margin-right: 15px;
     margin-top: 0;
     top: -2px;
 }

 [type='checkbox']:checked:before,
 [type='checkbox']:not(:checked):before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 18px;
     height: 18px;
     border: 1px solid #4a4d4f;
     background: #fff;
     border-radius: 2px;
 }

 [type='checkbox']:checked:after,
 [type='checkbox']:not(:checked):after {
     content: '';
     width: 12px;
     height: 12px;
     background: #00a69c;
     position: absolute;
     top: 3px;
     left: 3px;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
 }

 [type='checkbox']:not(:checked):after {
     opacity: 0;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
 }

 [type='checkbox']:checked:after {
     opacity: 1;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 [type='checkbox']:disabled:checked:before,
 [type='checkbox']:disabled:not(:checked):before {
     border-color: #ccc;
     background-color: #eee;
 }

 [type='checkbox']:disabled:checked:after {
     background: #aaa;
 }

 #filterModal .modal-content,
 #ratingModal .modal-content {
     border-radius: 10px;
     width: 500px;
     max-width: 100%;
     margin: 0 auto;
 }

 #filterModal .modal-body,
 #ratingModal .modal-body {
     overflow: hidden;
     background: #e8ecef;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;

 }

 #filterModal .bonus {
     font-size: 24px;
     line-height: 28px;
 }

 #filterModal .modal-header,
 #ratingModal .modal-header {
     padding: 15px;
     background: #252b29;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     color: #fff;
 }

 #filterModal .modal-header p {
     color: #fff;
     margin: 0;
     display: inline-block;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 #filterModal .modal-header .close {
     color: #f5f5f5;
 }

 .sections {
     display: block;
     text-align: center;
 }

 .sections ul {
     list-style: none;
     padding: 0;
 }

 .grid-products.none i {
     font-size: 35px;
 }

 .grid-products.none .no-bonus {
     margin-bottom: 15px;
 }

 .grid-products {
     border-bottom: 2px #ff6133 solid;
     font-weight: bolder;
     text-align: center;
     padding: 5px 0 10px;
     vertical-align: middle;
     margin-bottom: 10px;
 }

 .grid-products .col-sm-4:not(:last-child) {
     margin-bottom: 10px;
 }

 .grid-products .btn-orange {
     width: 180px;
 }

 ul {
     list-style-type: none;
     padding: 0;
 }

 .tc-apply {
     margin-top: 10px;
     font: 400 italic 13px 'Muli', sans-serif;
     color: #000;
 }

 .ribbon .tc-apply {
     color: #f8f8f8;
 }

 .tc-apply-right {
     text-align: right;
     margin-bottom: 30px;

 }

 .tc-apply-center {
     text-align: center;
     margin-bottom: 30px;
 }

.tc-offers-footer{
    margin-top: 0px;
    font-size: 12px;
}

 .mb-0 {
     margin-bottom: 0;
 }

 /* END FILTER */
 .grid-box {
     position: relative;
     transition: all 0.3s ease-in-out;
     transform: scale(0.9);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;

 }

 .grid-box:not(.top):hover {
     border: 2px solid #ff6133;
     border-radius: 5px;
 }

 .grid-box:not(.top):hover {
     border: 2px solid #ff6133;
     border-radius: 5px;
 }

 .grid-box:not(.top):hover .box-title {
     background: #ff6133;
     border-radius: 0;
 }

 .grid-box:not(.top):hover .btn-blue {
     background: #ff6133;
     color: #fff;
 }

 .grid-box:not(.top) .box-title {
     background: #252b29;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     font: 600 16px 'Muli', sans-serif;
     color: #fff;
     text-align: center;
     padding: 7px 0;
     text-transform: uppercase;
 }

 .grid-box .box-body {
     background: #e8ecef;
     text-align: center;
     overflow: hidden;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }

 .grid-box .box-body .bonus p {
     color: #000;
     font: 600 'Muli', sans-serif;
     margin: 0;
     line-height: 1.5;
 }

 .grid-box .box-body .bonus p:nth-child(1) {
     padding-top: 20px;
     font-size: 18px;
 }

 .grid-box .box-body .bonus p:nth-child(2) {
     font-size: 24px;
 }

 .grid-box .single-chart {
     padding-top: 10px;
 }

 .grid-box .box-btn {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     text-align: center;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     padding: 15px 0;
     margin-bottom: -1px;
 }

 .grid-box .box-btn a {
     font: 600 15px 'Muli', sans-serif;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .grid-box:nth-child(1) .box-btn {
     background: #e9461a;
 }

 .grid-box:nth-child(1) .box-btn:hover {
     background: #ff6133;
 }

 .grid-box .box-btn {
     background: #15949e;
 }

 .grid-box .box-btn:hover {
     background: #33bdb8;
 }

 .grid-box:not(.top) .box-body {
     padding: 15px 0;
 }

 .grid-box .box-body .details {
     color: #000;
     font: 300 italic 15px 'Muli', sans-serif;
     padding: 0 10px 20px;
     margin: 20px 0 0;
 }

 .three-boxes .grid-box .box-body .details {
     border-bottom: 1px solid #989898;
     padding-bottom: 20px;
     margin: 20px 15px 0;
 }

 .grid-box:not(.top) .box-body .details li {
     padding: 15px 0;
     border-bottom: 2px solid #fff;
 }

 .grid-box .box-body .details li span,
 table.main .checks li span,
 .best .checks li span {
     position: relative;
     padding-left: 15px;
     display: inline-block;
 }

.three-boxes .grid-box .box-body .details li span{
     display: inline;
}

 div.bonus > p > span.main-bonus {
    font: 600 23px 'Muli', sans-serif;
    color: #080808;
    text-shadow: 1px 1px 2px #777;
}


 table.main .checks.stars li span{
     position: relative;
     padding-left: 20px;
     display: inline-block;
 }

 .grid-box .box-body .details li span:before,
 table.main .checks li span:before,
 .best .checks li span:before,
 .common-box .features li:before {
     position: absolute;
     content: "\f00c";
     font: 900 12px 'Font Awesome 5 Free';
     color: #15949e;
     left: 0;
     top: 4px;
 }

table.main.bonuses .checks li span:before{
     position: absolute;
     content: "\f005";
     font: 900 14px 'Font Awesome 5 Free';
     color: #ffbc08;
     left: 0;
     top: 4px;
}

table.main.pments{margin: 20px 0;}

 .grid-box .btn-blue {
     text-transform: uppercase;
     width: 90%;
 }

 .grid-box.top {
     border-radius: 5px;
 }

 .grid-box.top .circular-chart100.element {
     max-width: 75px;
     width: 70px;
 }

 .grid-box.top .box-body {
     padding: 15px;
 }

 .grid-box.top .box-body .banking {
     background: #fff;
     margin: 20px 0;
     padding: 10px 15px;
     border-radius: 5px;
     position: relative;
     font: 600 15px 'Muli', sans-serif;
     color: #000;
 }

 .grid-box.top .box-body .banking li:not(:last-child) {
     margin-bottom: 10px;
 }

 .grid-box.top .box-body .banking li {
     margin-right: 10px;
 }

 .grid-box.top .box-body .banking:after {
     position: absolute;
     content: "";
     border-bottom: 1px solid #989898;
     bottom: -20px;
     width: 100%;
     height: 0;
     left: 0;
 }

 .grid-box.top:nth-child(1) {
     border: 2px solid #e9461a;
 }

 .grid-box .banking li:not(:first-of-type) {
     display: inline-block;
 }

 .common-box.approved [class*="col-"] {
     padding: 0;
 }

 .common-box.approved .all-brands {
     text-align: center;
     display: block;
     margin: 0 auto;
 }

 .common-box.approved .ribbon-sm {
     margin: -10px auto;
     position: relative;
     text-align: center;
 }

 .common-box.approved .ribbon-sm .txt {
     color: #fff;
     text-transform: uppercase;
     font: 600 15px 'Muli', sans-serif;
     position: relative;
     top: -50px;
 }

 .common-box.approved .box-body {
     z-index: 1;
     position: relative;
 }

 .common-box.approved .features {
     background: #f4f6f7;
     padding: 10px;
     border-radius: 5px;
     font: 600 15px 'Muli', sans-serif;
     display: none;
 }

 .common-box.approved .bonus p {
     text-align: center;
     font: 600 20px 'Muli', sans-serif;
 }

 .common-box.approved,
 .common-box.not-approved,
 .ribbon.not-approved .col-sm-2:nth-child(1) {
     margin: 30px auto 0;
 }

 .common-box.not-approved p,
 .common-box.not-approved .all-brands {
     text-align: center;
     margin: 0 auto;
     display: block;
 }

 .common-box.not-approved .col-sm-2:nth-child(2),
 .common-box .general.big-arrow,
 .ribbon.not-approved .col-sm-2:nth-child(2),
 .ribbon.not-approved .general.big-arrow {
     display: none;
 }

 .common-box.not-approved .txt {
     background: #f4f6f7;
     border-radius: 5px;
     padding: 10px 5px;
 }

 .common-box.not-approved p.sign,
 .ribbon .txt p.sign {
     font: 900 italic 25px 'Muli', sans-serif;
     color: #e9461a;
     text-transform: uppercase;
 }

 .ribbon.not-approved .review-box.bubble {
     padding: 15px 0;
 }

 .ribbon.not-approved p.sign,
 .ribbon .txt p.sign {
     font: 900 italic 25px 'Muli', sans-serif;
     color: #e9461a;
     text-transform: uppercase;
 }

 .ribbon .txt p.sign {
     margin-top: 10px;
 }

 .common-box.details-card {
     width: 300px;
     max-width: 95%;
 }

 .common-box.details-card.left,
 .common-box.details-card.right {
     float: none;
     margin: 0 auto 30px;
 }

 p.procons-mg + div.common-box.details-card {
     margin-top: 30px !important;
 }

 .common-box .box-body {
     padding: 15px;
     background: #e8ecef;
     overflow: hidden;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 .common-box .features {
     padding-left: 15px;
 }

 .common-box .features li {
     font: 300 15px 'Muli', sans-serif;
     color: #000;
     position: relative;
     padding-left: 15px;
     line-height: 1.5;
     text-align: left;
 }

 .common-box .features li.none:before {
     position: absolute;
     content: "\f00d";
     font: 900 12px 'Font Awesome 5 Free';
     color: #e9461a;
     left: 0;
     top: 4px;
 }

 .common-box .brand-details {
     border-top: 1px solid #c4c7c9;
     padding: 15px 0 0;
     margin: 10px 0 0;
 }

 .common-box .brand-details p {
     margin: 0;
     font: 400 15px 'Muli', sans-serif;
     text-align: center;
 }

 .common-box .brand-details .btn {
     width: 90%;

 }

 .common-box .brand-details p,
 .common-box .brand-details .btn {
     position: relative;
     top: 50%;
     transform: translateY(25%);
     -webkit-transform: translateY(25%);
     -o-transform: translateY(25%);
 }

 .common-box .brand-details p:nth-child(1) {
     font-weight: 600;
 }

 .common-box.profile {
     width: 300px;
     font: 300 italic 15px 'Muli', sans-serif;
 }

@media screen and (min-width: 640px){
     .common-box.profile {
         width: 310px;
    }
}

 .common-box.profile .box-body {
     padding: 15px 15px 5px;
 }

 .common-box.profile.left,
 .common-box.profile.right {
     margin: 0 auto 15px;
     float: none;
 }

 .common-box.profile .details li span {
     font: 600 15px 'Muli', sans-serif;
 }

 .common-box.profile li.bordered:not(:last-child) {
     border-bottom: 2px solid #fff;
     padding: 10px 0;
 }

 .common-box.profile li.bordered:last-child {
     padding-top: 10px;
 }

 .common-box.links {
     width: 100%;
     max-width: 100%;
     margin: 20px auto;
 }

 .common-box.links .box-body {
     padding: 0;
 }

 .common-box.links .box-body [class*='col-'] {
     padding: 20px;
     text-align: center;
 }

 .common-box.links p {
     text-align: center;
     line-height: 1.2;
     margin-top: 10px;
 }

 .common-box.links p span {
     padding-left: 83px;
 }

 .common-box.links a,
 .common-box.links-sm li a {
     color: #15949e;
     font-style: italic;
     font-weight: bold;
     text-decoration: underline;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     position: relative;
     padding: 8px 0 8px 43px;
 }

 .common-box.links a:before,
 .common-box.links-sm li a:before {
     position: absolute;
     font: 900 20px "Font Awesome 5 Free";
     content: "\f0c1";
     padding: 5px 0 0 2px;
     border-radius: 5px;
     top: 0px;
     left: 0;
     width: 35px;
     height: 35px;
     color: #fff;
     background: #15949e;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;

 }

 .common-box.links a:hover,
 .common-box.links-sm li a:hover,
 .common-box.links-sm li:hover a {
     color: #e9461a;
 }

 .common-box.links a:hover:before,
 .common-box.links-sm li a:hover:before,
 .common-box.links-sm li:hover a:before {
     background: #e9461a;
 }

 .common-box.links-sm {
     width: 400px;
     max-width: 100%;
 }

 .common-box.links-sm .box-body {
     padding: 15px 0 0;
 }

 .common-box.links-sm .box-body p {
     margin: 0 15px 10px;
 }

 .common-box.links-sm li {
     padding: 5px 0;
 }

 .common-box.links-sm li:nth-child(odd) {
     background: #f4f6f7;
 }

 .common-box.links-sm li a {
     margin: 0 15px;
     font-size: 15px;
     font-weight: 600;
 }

 .common-box.links-sm p {
     text-align: justify;
 }

 .common-box.links-sm span {
     padding-left: 57px;
 }

 .review-box {
     background: #fff;
     border-radius: 5px;
     font: 300 15px 'Muli', sans-serif;
     color: #000;
 }

 p.intro {
     color: #fff;
     font: 900 italic 16px 'Muli', sans-serif;
     margin: 10px 0;
 }

 span.author {
     color: #e9461a;
     font: 900 italic 18px 'Muli', sans-serif;
     margin: 10px 0;
 }

 p.approved {
     color: #7ac843;
     font: 900 italic 14px 'Muli', sans-serif;
     margin: 11px 0 10px;
 }

.common-box.details-card p.not-ver {
    color: #e9461a;
    font: 900 italic 21px 'Muli', sans-serif;
    margin: 5px 0 10px;
}

p.not-approved {
    color: #e9461a;
    font: 900 italic 11px 'Muli', sans-serif;
    margin: 11px 0 10px;
}

 .review-box {
     background: #fff;
     border-radius: 5px;
     font: 300 15px 'Muli', sans-serif;
     color: #000;
 }

 .review-box a.inner {
     font: 300 italic 14px 'Muli', sans-serif;
     color: #15949e;
     text-decoration: underline;
 }

 .review-box a.inner:hover {
     color: #ff6133;
 }

 .review-box .box-body {
     height: 120px;
     padding: 10px;
 }

 .review-box p.rating {
     color: #252b29;
     font: 400 12px 'Muli', sans-serif;
     margin-top: 5px;
 }

 .review-box .info {
     padding: 5px 15px;
 }

 .review-box .info li {
     padding: 7px 0;
     font-style: italic;
     text-align: left;
 }

 .review-box .info li:not(:last-child) {
     border-bottom: 2px solid #d1d1d1;
 }

 .review-box .info li span {
     font-weight: 600;
     font-style: normal;
     margin-right: 10px;
 }

 .review-box .box-title {
     background: #15949e;
 }

 .review-box .single-chart,
 .sub-box .single-chart {
     width: 100%;
 }

 .review-box .circular-chart100.element {
     max-width: 75px;
 }

 .review-box.bonus p {
     color: #252b29;
     font: 600 16px 'Muli', sans-serif;
     margin-top: 5px;
 }

.review-box.bonus p.not-approved{
    font: 900 24px 'Muli', sans-serif;
    color: #e9461a;
}

 .review-box.bonus .btn-orange {
     font: 900 14px 'Muli', sans-serif;
 }

 .review-box.bonus .btn-orange.not-approved {
     font: 900 13px 'Muli', sans-serif;
 }

 .review-box.bonus .btn-orange.not-approved:hover {
     cursor: default;
 }

 .rev-points {
     margin-bottom: 10px;
 }

 .sub-box {
     background: #fff;
     border-radius: 5px;
     padding: 10px;
     max-width: 100%;
     overflow: hidden;
     margin: 20px 13px;
 }

 .sub-ratings {
     padding: 0;
 }

 .ribbon .sub-ratings p {
     font: 600 13px 'Muli', sans-serif;
     color: #252b29;
 }

 .three-boxes {
     width: 85%;
     margin: 30px auto 0;
 }

 .compare-title,
 .compare-box {
     width: 680px;
     max-width: 95%;
 }

 .compare-title.large,
 .compare-box.large {
     width: unset;
 }

/*
 .compare-title,
 .review-box .box-title {
     margin: 30px auto 0;

 }
*/

 .compare-title {
     margin: 30px auto 0;

 }


 .compare-title,
 .common-box .title,
 .review-box .box-title {
     text-align: center;
     color: #fff;
     text-transform: uppercase;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     padding: 5px 0;
     font: 600 15px 'Muli', sans-serif;
 }

 .compare-title,
 .common-box .title {
     background: #252b29;
 }

 .compare-box {
     background: #e8ecef;
     padding: 20px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 .comparison-small {
     max-width: 100%;
 }

 .comparison-small .compare-title,
 .comparison-small .compare-box {
     margin: 0px auto;
 }

 .compare-box .versus {
     font: 200 26px 'Muli', sans-serif;
     color: #000;
     text-align: center;
     position: relative;
     top: 10px;
 }

 .compare-box .all-brands {
     margin: 0 auto 15px;
     text-align: center;
     display: block;
 }

 .compare-box .row.feature:last-of-type {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 .compare-box .row.feature:nth-child(1) {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     margin-top: 10px;
 }

 .compare-box .row.feature {
     padding: 10px 0;
     text-align: center;
     font: 300 14px 'Muli', sans-serif;
     color: #000;
 }

 .compare-box .row.feature [class^='col-'] {
     padding: 0;
 }

 .compare-box .brands-vs {
     font-weight: bold;
     padding: 0;
     margin: 0;
     letter-spacing: 1px;
 }

 .compare-box .row.feature .no,
 .compare-box .row.feature .yes {
     position: relative;
 }

 .compare-box .row.feature .no:before,
 .compare-box .row.feature .yes:before {
     position: absolute;
     top: -2px;
     left: 10px;
     font: 900 18px 'Font Awesome 5 Free';
 }

 .compare-box .row.feature .no:before {
     color: #e94619;
     content: '\f00d';
 }

 .compare-box .row.feature .yes:before {
     color: #15949e;
     content: '\f00c';

 }

 .compare-box .row.feature:nth-child(even) {
     background: #f3f6f7;
 }

 .compare-box .row.feature:nth-child(odd) {
     background: #edf1f3;
 }

 .compare-box .offers-title {
     font: 400 20px 'Muli', sans-serif;
     text-transform: uppercase;
     text-align: center;
     padding: 15px 0;
 }

 .compare-box .offer {
     background: #fff;
     border-radius: 5px;
     text-align: center;
     font: bolder 15px 'Muli', sans-serif;
     color: #000;
     padding: 7px;
     margin: 0 auto 10px;
 }

 .compare-box a.inner {
     text-align: center;
     display: block;
     font-weight: 600;
 }

.compare-box .features{
    margin-bottom: 10px;
}

 header {
     width: 1245px;
     margin: 0 auto;
     max-width: 100%;
 }

 .navbar {
     margin: 0;
     border-radius: 0;
 }

 .navbar-inverse {
     background-color: #252b29;
     border: none;
     padding-top: 11px; /*5px*/
 }

 .navbar.navbar-inverse.navbar-fixed-top {
     width: 1245px;
     max-width: 100%;
     right: auto;
     left: auto;
 }

 .navbar-inverse .navbar-nav > li > a {
     color: #e5e5e5;
     font: 900 15px 'Muli', sans-serif; /*14px*/
     text-transform: uppercase;
     display: inline-block;
 }

 .navbar-inverse .navbar-nav > li.open,
 .navbar-inverse .navbar-nav > li.open > a,
 .navbar-inverse .navbar-nav > li.open > a:hover,
 .navbar-inverse .navbar-nav > li.open > a:focus,
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li:hover,
 .navbar-inverse .navbar-nav > li.active:hover,
 .navbar-inverse .navbar-nav > li.active:hover a:not(.btn-orange):not(.inner):not(.company-120):not(.company-70),
 .navbar-inverse .navbar-nav > li.active > a,
 .navbar-inverse .navbar-nav > li.active{
     color: #253b4a;
     background-color: #e8ecef;
/*     font: 900 15px 'Muli', sans-serif;*/
     font-style: italic;
     border-radius: 5px;
 }

.navbar-inverse .navbar-nav > li.active > span > .caret{
    color: #253b4a;
    background-color: #e8ecef;
    font: 900 italic 15px 'Muli', sans-serif;
}

.navbar-inverse .navbar-nav > li.open > span > .caret{
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

 .navbar-inverse .navbar-nav > li:hover > a,
 .navbar-inverse .navbar-nav > li:hover > span > .caret {
     color: #253b4a;
     font: 900 italic 15px 'Muli', sans-serif;
 }

 .navbar-nav > li > .dropdown-menu {
     margin-top: -2px;
 } 

.navbar-nav > li > .dropdown-menu.offer-card {
     margin-top: 4px;
 }

.logo {
    background: url(/assets/img/logo-black-bg.svg) center no-repeat;
    background-size: contain;
    text-indent: -9999px;
    display: inline-block;
    width: 176px;
    height: 48px;
    position: relative;
    top: -5px;
}

 .mega-dropdown {
     position: static !important;
 }

 .mega-dropdown-menu {
     padding: 20px 10px;
     width: 510px;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
     -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
     -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
     background: #e8ecef;
     border: none;
     top: 46px;

 }

 .mega-dropdown-menu > li > ul {
     padding: 0;
     margin: 0;
 }

 .mega-dropdown-menu > li > ul > li {
     list-style: none;
 }

 .mega-dropdown-menu > li > ul > li > a {
     display: block;
     color: #222;
     padding: 3px 5px;
 }

 .mega-dropdown-menu > li ul > li > a:hover,
 .mega-dropdown-menu > li ul > li > a:focus {
     text-decoration: none;
 }

 .mega-dropdown-menu .dropdown-header {
     font-size: 18px;
     padding: 5px 60px 5px 5px;
     line-height: 30px;
 }

 .rec-three {
     border-right: 1px solid #cbcbcb;
 }

 .rec-three a.inner, .rec-three span.inner {
     padding: 0;
     margin: 0;
     text-align: center;
     font-size: 14px;
     line-height: 12px;
     display: block;
 }

 .rec-three .all-brands {
     transform: scale(0.7);
     -webkit-transform: scale(0.7);
     -o-transform: scale(0.7);
 }

 .nav .offer-box {
     background: #fff;
     border: 2px solid #688ab0;
     border-radius: 5px;
     overflow: hidden;
     padding: 10px 0;
     margin-left: 15px;
     margin-top: 15px;
 }

 .nav .offer-box .bonus {
     text-align: center;
     margin: 10px auto 0;
     line-height: 24px;
     font: bold 20px 'Muli', sans-serif;
     color: #15949e;
 }

 .nav .offer-box .bonus span {
     text-align: center;
     font: 400 15px 'Muli', sans-serif;
     color: #15949e;
 }

 .nav .offer-box .general {
     display: block;
     margin: 0 auto;
 }

 .nav .offer-box .all-brands {
     display: block;
     margin: 10px auto;
 }

 .nav .offer-box a,
 .offer-box .btn {
     display: block;
     margin: 0px auto;
     text-align: center;
 }

 .nav .offer-box .title {
     color: #575757;
     font: 600 20px 'Muli', sans-serif;
     text-align: center;
     text-transform: uppercase;
 }

 .nav .offer-box .general.avatar-yes {
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
     -o-transform: scale(0.8);
 }

 .nav .offer-box .all-brands {
     transform: scale(0.9);
     -webkit-transform: scale(0.9);
     -o-transform: scale(0.9);
 }

p.trms-nav{
    font-weight: 600!important;
    font-size: 11px!important;
    text-align: center!important;
    margin: 2px 0px 0px 0px!important;
}

 .nav .dropdown.simple .dropdown-menu {
     background: #e8ecef;
     padding: 0 10px;
 }

 .nav .dropdown.simple li:not(:last-child) {
     border-bottom: 1px solid #b5bec3;
 }

 .nav .dropdown.simple li a {
     color: #253b4a;
     font: 500 14px 'Muli', sans-serif;
     padding: 10px 20px;
     position: relative;
     transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
 }
/*
 .nav .dropdown.simple li:hover a {
     font-weight: 900;
 }
*/

 .nav .dropdown.simple li:hover a,
 .nav .dropdown.simple li.active a {font-weight: 900;}
 .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:focus, .dropdown-menu > li.active > a:hover {
      background-color: #f5f5f5;
 }

 .nav .dropdown.simple li a:before,
 .nav .dropdown.simple li.active a:before {
     position: absolute;
     font: 900 14px 'Font Awesome 5 Free';
     color: transparent;
     top: 12px;
     left: 8px;
     content: '\f105';
     transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;

 }

 .nav .dropdown.simple li:hover a:before,
 .nav .dropdown.simple li.active a:before {
     color: #253b4a;
 }

 .list li:nth-child(1) {
     font: 900 italic 16px 'Muli', sans-serif;
 }

 .list li a {
     color: rgba(0, 0, 0, .5);
     font: 600 15px 'Muli', sans-serif;
     text-transform: capitalize;
     position: relative;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 .list li a:hover,
 .list li a:visited,
 .list li a:focus,
 .list li a.visited {
     /*font: 600 14px 'Muli', sans-serif;*/
     background: none;
     outline: 0;
     color: #253b4a;
 }

 .list li a:before {
     content: '\f107';
     color: #253b4a;
     font: 900 14px 'Font Awesome 5 Free';
     position: absolute;
     left: 0;
     top: 13px;
 }

 section {
     width: 1245px;
     margin: 0 auto;
     max-width: 100%;
 }

 section a{color: #E9461A}
 section a:hover{color: #E9461A; text-decoration: underline;}

 section.content.first {
     padding-top: 100px;
 }

 section.content,
 section.element,
 section.sports {
     background: #fff;
 }

 section.content,
 section.element {
     padding: 30px 15px 1px;
 }

 section.sports {
     padding: 30px 10px 1px;
 }

 section:last-of-type {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding-bottom: 30px!important;
 }

 section.content p {
     font: 400 15px 'Muli', sans-serif;
     color: #000;
     line-height: 1.6;
 }

 h1 {
     font: 600 25px 'Muli', sans-serif;
     color: #000;
     border-bottom: 3px solid #e9461a;
     text-transform: uppercase;
     padding-top: 30px;
 }

 section.content h2:not(.ribbon-heading) {
     font: 600 20px 'Muli', sans-serif;
     color: #000;
     position: relative;
     text-transform: uppercase;
     margin: 20px 0;
 }

 section.content h3 {
     font: 600 20px 'Muli', sans-serif;
     color: #000;
     margin-bottom: 20px;
 }

 section.content h2:not(.ribbon-heading):after,
 .ribbon .title:after,
 section .title-heading:after,
 .more-sports .title:after {
     content: "";
     position: absolute;
     text-transform: uppercase;
     background: #e9461a;
     width: 110px;
     height: 3px;
     bottom: -5px;
 }

 section .title-heading {
     color: #000;
     text-align: center;
 }

 section.content h2:not(.ribbon-heading):after {
     left: 0;
 }

 section.sports .col-xs-6,
 .more-sports .col-xs-6 {
     padding-bottom: 10px;
 }

 section.gallery {
     background: white;
     padding: 30px 0 0px;
 }

 .gallery .ribbon,
 .wrapped .ribbon {
     padding: 30px;
 }

 .gallery .modal-content iframe {
     margin: 0 auto;
     display: block;
 }

 .gallery .modal-header {
     border: none;
 }

 .gallery .modal-content {
     box-shadow: none;
     background-color: transparent;
     border: none;
 }

 .gallery .modal-dialog {
     width: 100%;
     margin: 0 auto;
     padding: 0;
 }

 .gallery .modal-body {
     padding: 0;
 }

 .gallery .img-thumbnail {
     background-color: #e8ecef;
     border: 1px solid #e8ecef;
     border-radius: 10px;
     position: relative;
     z-index: 10;
 }

 .thumbs-row {
     margin-top: 15px;
 }

 .gallery .thumbs:not(:last-child) {
     margin-bottom: 15px;
 }

 .gallery .thumbs:hover .img-thumbnail,
 .gallery .video-thumb:hover .img-thumbnail {
     opacity: 0.5;
 }

 .gallery .thumbs:hover a:after {
     content: '\f00e';
     font-size: 35px;
     padding: 50px 0;
 }

 .gallery .video-thumb:before {
     content: '\f04b';
     font-size: 70px;
     opacity: 0;
 }

 .gallery .video-thumb:hover:before {
     opacity: 1;
 }

 .gallery .thumbs:hover a:after,
 .gallery .video-thumb:before {
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #e8ecef;
     position: absolute;
     z-index: 20;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 .gallery .carousel {
     padding-top: 50px;
 }

 .gallery .carousel-inner {
     max-height: 560px;
 }

 .gallery .carousel-control.left,
 .gallery .carousel-control.right {
     background-image: none;
     top: 50%;
     font-size: 50px;
 }


 .ribbon .title:after,
 section .title-heading:after,
 .more-sports .title:after {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -o-transform: translateX(-50%);
 }

 .ribbon-heading {
     background: #15949e;
     color: #fff;
     text-align: center;
     font: 600 25px 'Muli', sans-serif;
     text-transform: uppercase;
     padding: 5px;
     border-radius: 5px;
     width: 100%;
     margin: 0 auto;
     position: relative;
 }

 .table-preheader {
     margin-top: 20px;
 }

 .table-preheader .date-blue,
 .table-preheader .date-black {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     font: 300 italic 13px 'Muli', sans-serif;
     color: #fff;
     padding: 5px 10px 18px;
     position: relative;
     text-align: center;
     top: 15px;
     z-index: 1;
     left: 15px;
 }

 .table-preheader .date-blue {
     background: #15949e;
 }

 .table-preheader .date-black {
     background: #252b29;
 }

 .table-preheader .features {
     text-align: right;
     position: relative;
     top: 12px;
     z-index: 1;
     right: 10px;
 }

 .table-preheader .features li {
     margin-right: 5px
 }

 .table-preheader .features li:first-of-type {
     margin-right: 10px
 }

 .table-preheader .features li:last-of-type {
     margin-right: 0;
 }

 .table-preheader .features li {
     display: inline-block;
     font: 600 italic 13px 'Muli', sans-serif;
     color: #000;
 }

 .table-preheader .features li i {
     display: inline-block;
     font-size: 11px;
     color: #15949e;
 }

 table.main.sports th:nth-child(4),
 table.main.sports th:nth-child(5),
 table.main.sports td:nth-child(4),
 table.main.sports td:nth-child(5) {
     display: none;
 }

 table.main.sports i {
     font-size: 36px;
 }

 table.main.sports i.fa-times-circle {
     color: #b30909;
 }

 table.main.sports i.fa-check-circle {
     color: #0f830b;
 }

 table.main.sports thead th {
     padding: 2px 0;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-weight: 900;
 }

 table.main.sports .btn {
     margin: 0 auto 5px;
 }

 table.main {
     width: 100%;
     position: relative;
     z-index: 3;
 }

 #more-btn.closed span.opened,
 #more-btn.opened span.closed {
     display: none;
 }

 #more-btn.opened span.opened,
 #more-btn.closed span.closed {
     display: block;
     min-width: 120px;
 }

 table.main thead tr {
     color: #fff;
 }

 table.main thead tr.black {
     background: #252b29;
 }

 table.main thead tr.blue {
     background: #15949e;
     text-shadow: 0.5px 0.5px 2px black;
 }

 table.main tbody tr:nth-child(n+6) {
     display: none;
 }

 table.main tbody tr.faded {
     display: none;
 }

 table.main thead th {
     text-align: center;
     padding: 10px 0;
     font: 600 16px 'Muli', sans-serif;
 }

 table.main thead th:nth-child(1) {
     position: relative;
 }

 table.main thead th.blue:nth-child(1):before,
 table.main thead th.black:nth-child(1):before {
     content: "";
     position: absolute;
     left: -9px;
     border-right: solid 14px transparent;
     border-left: solid 14px transparent;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     top: -3px;
     z-index: 2;
 }

 table.main thead th.blue:nth-child(1):before {
     border-bottom: solid 14px #15949e;
 }

 table.main thead th.black:nth-child(1):before {
     border-bottom: solid 14px #252b29;
 }

 table.main thead th:last-child {
     border-top-right-radius: 5px;
 }

 table.main tbody tr {
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 table.main tbody tr:last-child td:nth-child(1) {
     border-bottom-left-radius: 5px;
 }

 table.main tbody tr:last-child td:last-child {
     border-bottom-right-radius: 5px;
 }

 table.main tbody tr:nth-child(odd):hover,
 table.main tbody tr:nth-child(even):hover {
     background: #cee0eb;
 }

 table.main tbody tr:nth-child(odd) {
     background: #f4f6f7;
 }

 table.main tbody tr:nth-child(even) {
     background: #e8ecef;
 }

 table.main tbody td {
     padding: 10px 0;
     margin: 0 auto;
 }

 table.main tbody td:not(.details) {
     text-align: center;
 }

 table.main tbody .text {
     font-size: 26px;
     font-weight: 600;
     color: #15949e;
     text-align: center;
 }

 table.main a.inner {
     font-size: 14px;
     font-weight: 600;
 }

 table.main a.inner:hover {
     text-decoration: underline;
 }

 table.main .bonus,
 .best .bonus,
 .best .payout {
     font: 600 16px 'Muli', sans-serif;
 }

 table.main .bonus {
     font: 900 17px 'Muli', sans-serif;
 }

 table.main .checks,
 table.main .payout,
 .best .checks {
     color: #000;
     font: 300 15px 'Muli', sans-serif;
 }

 table.main .checks.stars,
 table.main .payout.reqdep{
    font: 600 16px 'Muli', sans-serif;
}

 table.main td.details {
     width: 25%;
 }

 table.main.sports.payments td.details.hasfee {
     width: 15%;
 }

table.main .bonus .main-bonus,
.best .bonus span,
.common-box.details-card > .box-body > .brand-details .offer > p > .main-bonus,
.common-box.approved > .box-body .bonus > p > .main-bonus,
div.bonus > p > span.main-bonus{
     font: 900 26px 'Muli', sans-serif;
     color: rgba(21, 148, 158, 0.8);
    text-shadow: none;
 }

.compare-box .offer > .main-bonus{
     font: 900 20px 'Muli', sans-serif;
     color: rgba(21, 148, 158, 0.8);
    text-shadow: none;
 }


.rev-points > .review-box.bonus > .box-body > p > .main-bonus
{
     font: 900 27px 'Muli', sans-serif;
     color: #e9461a;
}

table.main.sports td.details.hasfee{
    text-align: center;
}

table.main.sports td.details.hasfee span.yes::before{
    color: #40a108;
    content: '\f058';
}

table.main.sports td.details.hasfee span.no::before{
    color: #e94619;
    content: '\f057';
}

table.main.sports td.details.hasfee span.yes::before,
table.main.sports td.details.hasfee span.no::before{
    font: 500 30px 'Font Awesome 5 Free';
}

table.main.sports td.dep-with{
    color: rgba(21, 148, 158, 0.8);
    font: 700 18px 'Muli', sans-serif;
}

table.main.sports td.payment-time{
    font: 600 18px 'Muli', sans-serif;
}

/**************ESPORTS TABLE**************/

table.main.e-sports .bonus{
    padding: 20px;
        white-space: nowrap;
}

table.main.e-sports .btn{
    max-width: 80%;
    margin: 5px auto;
}

.leagues{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
}

.leagues li{
    flex-grow: 1;
    align-items: center;
    text-align: center;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin: 12px;
}

/*CSGO*/

.csgo.esl-pro{
    background: url(/assets/img/esports-leagues/csgo/esl-pro.svg) center no-repeat; 
    background-size: contain;
}

.csgo.eleague{
    background: url(/assets/img/esports-leagues/csgo/eleague.svg) center no-repeat; 
    background-size: contain;
}

.csgo.esl-one{
    background: url(/assets/img/esports-leagues/csgo/esl-one.svg) center no-repeat; 
    background-size: contain;
}

.csgo.blast-pro{
    background: url(/assets/img/esports-leagues/csgo/blast-pro.svg) center no-repeat; 
    background-size: contain;
}

.csgo.dreamhack-masters{
    background: url(/assets/img/esports-leagues/csgo/dreamhack-masters.svg) center no-repeat; 
    background-size: contain;
}

.csgo.epicenter{
    background: url(/assets/img/esports-leagues/csgo/epicenter.svg) center no-repeat; 
    background-size: contain;
}

.csgo.ecs{
    background: url(/assets/img/esports-leagues/csgo/ecs.svg) center no-repeat; 
    background-size: contain;
}

.csgo.esea{
    background: url(/assets/img/esports-leagues/csgo/esea.svg) center no-repeat; 
    background-size: contain;
}

.csgo.hellcase-cup{
    background: url(/assets/img/esports-leagues/csgo/hellcase-cup.svg) center no-repeat; 
    background-size: contain;
}

.csgo.loot-bet{
    background: url(/assets/img/esports-leagues/csgo/loot-bet.svg) center no-repeat; 
    background-size: contain;
}

/*LOL*/

.lol.european-masters-series{
    background: url(/assets/img/esports-leagues/lol/european-masters-series.svg) center no-repeat; 
    background-size: contain;
}

.lol.lck{
    background: url(/assets/img/esports-leagues/lol/lck.svg) center no-repeat; 
    background-size: contain;
}

.lol.lcs{
    background: url(/assets/img/esports-leagues/lol/lcs.svg) center no-repeat; 
    background-size: contain;
}

.lol.lec{
    background: url(/assets/img/esports-leagues/lol/lec.svg) center no-repeat; 
    background-size: contain;
}

.lol.ljl{
    background: url(/assets/img/esports-leagues/lol/ljl.svg) center no-repeat; 
    background-size: contain;
}

.lol.lpl{
    background: url(/assets/img/esports-leagues/lol/lpl.svg) center no-repeat; 
    background-size: contain;
}

.lol.mid-season-invitational{
    background: url(/assets/img/esports-leagues/lol/mid-season-invitational.svg) center no-repeat; 
    background-size: contain;
}

.lol.prime-league{
    background: url(/assets/img/esports-leagues/lol/prime-league.svg) center no-repeat; 
    background-size: contain;
}

.lol.tcl{
    background: url(/assets/img/esports-leagues/lol/tcl.svg) center no-repeat; 
    background-size: contain;
}

.lol.ultraliga{
    background: url(/assets/img/esports-leagues/lol/ultraliga.svg) center no-repeat; 
    background-size: contain;
}

.lol.world-championship{
    background: url(/assets/img/esports-leagues/lol/world-championship.svg) center no-repeat; 
    background-size: contain;
}

.lol.cblol{
    background: url(/assets/img/esports-leagues/lol/cblol.svg) center no-repeat; 
    background-size: contain;
}

.td-title{
    font: 900 17px 'Muli', sans-serif;
}

@media screen and (min-width: 768px){
    table.main.e-sports tbody td:nth-of-type(1),
    table.main.e-sports tbody td:nth-of-type(2){
        width: 15%;
    }

    table.main.e-sports tbody td:nth-of-type(3){
        width: 45%;
    }

    table.main.e-sports tbody td:nth-of-type(4){
        width: 25%;
    }
    
    .td-title{
        display: none;
    }

}

@media screen and (max-width: 767px){
    .table-preheader.e-sports{
        width: 96%;
        margin: 0 auto;
    }
    
    .table-preheader.e-sports > div.date-black{
        left: 0;
        width: 100%;
    }
    
    table.main.e-sports thead{
        display: none;
    }
    
    table.main.e-sports tr,
    table.main.e-sports td{
        display: block;
        width: auto;
    }
    
    table.main.e-sports tr{
        margin: 0px auto;
        max-width: 96%;
        margin-bottom: 1.5rem;
        border: 3px solid #15949e;
        border-radius: 4px;
    }
    
    table.main.e-sports td:nth-of-type(1){
        background: #15949e;
    }
    
    table.main.e-sports td{
        border-bottom: 3px solid #15949e;
    }
    
    table.main.e-sports td:nth-last-of-type(1){
        border-bottom: none;
    }
    
    table.main.e-sports .btn{
        width: 50%;
    }
    
}

@media screen and (max-width: 375px){
    .leagues li{
        margin: 7px;
    }
}

/**************END ESPORTS TABLE**************/

/* tooltip ================== */
/*
ul.leagues > li:hover {
    position: relative;
}

ul.leagues > li[league-title]:hover:after {
     content: attr(league-title);
     padding: 4px 8px;
     position: absolute;
     left: 0;
     top: 100%;
     white-space: nowrap;
     z-index: 20;
     background:red;
}
*/
/* ================== */

 .more-sports {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     width: 1245px;
     margin: -10px auto 0;
     max-width: 100%;
 }
 div.not-ver-box {
     border-radius: 5px;
     margin: 30px auto;
     padding: 15px;
 }
 .not-ver-box p.note{color: #fff;}

 @media screen and (min-width: 768px){
    div.not-ver-box {width: 50%;}
 }
 @media screen and (min-width: 1024px){
    
    .not-ver-box a.btn.btn-yellow{width: 40%;}
 }

 .sports-container {
     margin: 0 auto;
 }

 .ribbon,
 .more-sports,
 .not-ver-box {
     padding: 10px 10px 30px;
     font-size: 28px;
     line-height: 32px;
     font-weight: bold;
     text-align: center;
     color: #fff;
     background: url(/assets/img/bg-pattern.png) repeat-x, #252b29;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
     zoom: 1;
 }

 .ribbon {
     width: 100%;
     border-radius: 5px;
 }

 .ribbon .tc-apply-center {
     margin-bottom: 0;
 }

 .ribbon .title,
 section .title-heading,
 .more-sports .title {
     font: 800 20px 'Muli', sans-serif;
     text-transform: uppercase;
     position: relative;
     margin: 30px 0;
 }

 .ribbon .title {
     color: #fff;
 }

 .gallery .ribbon p,
 .sports .ribbon p,
 .more-sports p,
 .not-ver-box p {
     font: 300 15px 'Muli', sans-serif;
     color: #fff;
 }

 .ribbon [class^="col-"] > a:hover,
 .more-sports [class^="col-"] > a:hover {
     text-decoration: none;
 }

 .ribbon .box,
 .more-sports .box {
     background: #fff;
     border-radius: 5px;
     padding: 15px;
     max-width: 140px;
     margin: 0 auto;
 }

 .ribbon .box .icon-bg,
 .more-sports .box .icon-bg {
     background: #15949e;
     border-radius: 3px;
     width: 45px;
     height: 45px;
     margin: 0 auto;
     box-shadow: 2px 2px 1px #858585;
     -webkit-box-shadow: 2px 2px 1px #858585;
     -o-box-shadow: 2px 2px 1px #858585;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 .ribbon .box:hover .icon-bg,
 .more-sports .box:hover .icon-bg {
     background: #e9461a;
     box-shadow: 6px 6px 1px #858585;
     -webkit-box-shadow: 6px 6px 1px #858585;
     -o-box-shadow: 6px 6px 1px #858585;
 }

 .ribbon .box span,
 .more-sports .box span {
     color: #000;
     font: 600 14px 'Muli', sans-serif;
     text-align: center;
     text-transform: capitalize;
 }

 .best {
     background: #e8ecef;
     padding: 15px;
     border-radius: 5px;
     max-width: 100%;
     position: relative;
     margin-top: 40px;
 }

 .best a.btn,
 .best a.btn:hover {
     color: #252b29;
 }

 .best .bonus p,
 .best .bonus .btn {
     text-align: center;
     margin: 5px auto;
 }

 div.best > div:nth-child(1) a.inner {
     text-align: center;
     margin: 9px auto;
     display: block;
     font-size: 14px;
     font-weight: 600;
 }

div.best > div:nth-child(1){
    text-align: center;
}

 .best .payout {
     padding: 0 10px;
     line-height: 1.2;
     text-align: center;
 }

 .best .rating p,
 table.main .rating p {
     margin: 0 auto;
     text-align: center;
     font-size: 12px;
 }

 .grid-box p.rating {
     margin: 0 auto;
     text-align: center;
     font-size: 11px;
 }

 .steps {
     margin: 30px 0 5px;
 }

 .simple-grid.first {
     margin: 30px 0 0;
 }

 .simple-grid:not(.first) {
     margin: 5px 0;
 }

 .steps [class^="col-"],
 .simple-grid [class^="col-"] {
     background: #e8ecef;
     margin-bottom: 20px;
     padding: 15px;
     border-radius: 5px;
 }

 .steps [class^="col-"]:hover,
 .simple-grid [class^="col-"]:hover {
     box-shadow: inset 0 0 5px rgba(68, 74, 73, 0.6);
     -webkit-box-shadow: inset 0 0 5px rgba(68, 74, 73, 0.6);
     -o-box-shadow: inset 0 0 5px rgba(68, 74, 73, 0.6);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;

 }

 .steps i,
 .simple-grid i {
     font-size: 35px;
     background: #fff;
     padding: 12px;
     color: #15949e;
     border-radius: 5px;
     width: 60px;
     height: 60px;
     text-align: center;
 }

 .steps .col-sm-6 {
     width: 100%;
 }

 .steps .title,
 .simple-grid .title {
     color: #000;
     text-transform: uppercase;
     margin-bottom: 15px;
 }

 .simple-grid .title {
     font: 600 16px 'Muli', sans-serif;
 }

 .steps .title {
     font: 600 20px 'Muli', sans-serif;
 }

 /*.simple-grid .left*/
 .steps .left {
     float: left;
     margin: 0 10px 10px 0 !important;
 }

 .simple-grid:not(.first):not(.img-cards) {
     margin: 5px 0;
 }

 #faqAccordion .panel-default {
     border: none;
     margin-bottom: 20px;
 }

 #faqAccordion .panel-default > .panel-heading {
     color: #fff;
     background-color: #252b29;
     border: none;
     font: 800 20px 'Muli', sans-serif;
     font-style: italic;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     position: relative;
 }

 #faqAccordion .panel-default > .panel-heading:after {
     content: '';
     position: absolute;
     background: url('/assets/img/general.png') no-repeat;
     background-position: -20px -495px;
     width: 36px;
     height: 26px;
     right: 10px;
     top: 7px;
 }

 #faqAccordion .panel-default > .panel-heading:hover,
 #faqAccordion .panel-default > .panel-heading[aria-expanded="true"] {
     background-color: #15949e;
 }

 #faqAccordion .panel-default .panel-body {
     border: none;
     background: #e8ecef;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding: 15px 15px 6px!important;
 }

#faqAccordion .panel-default .panel-body > p > span{
    padding: 0.4em .6em .4em;
    font-size: 80%;
    background-color: #15949e;
}

 footer {
     width: 100%;
     background: #252b29;
     border-top: 10px solid #e9461a;
     margin-top: 40px;
     overflow: hidden;

 }

 section.footer {
     background: #252b29;
     padding: 20px 10px;
 }

 footer .avatar-yes {
     transform: scale(0.9);
     -webkit-transform: scale(0.9);
     -o-transform: scale(0.9);
     top: -5px;
     position: relative;
     left: -5px;
 }

 footer .bubble-box {
     position: relative;
     background: #e3eff4;
     border-radius: 5px;
     font: 400 15px 'Muli', sans-serif;
     padding: 10px;
     margin-right: 20px;
 }

 footer .bubble-box:before {
     content: "";
     position: absolute;
     top: 50%;
     left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #e3eff4;
     -webkit-transform: translate(0%, -50%) rotate(45deg);
     -o-transform: translate(0%, -50%) rotate(45deg);
     transform: translate(0%, -50%) rotate(45deg);
 }

 footer .bubble-box:after {
     content: '';
     position: absolute;
     background: #90999b;
     width: 2px;
     right: -20px;
     top: 0px;
     height: calc(100%);
 }

 footer .bubble-box p {
     color: #4a4d4f;
     text-align: left;
     line-height: 1.3;
     margin-bottom: 5px;
     font: 600 14px 'Muli', sans-serif;
 }

 footer .bubble-box i:not(.fa-myspace),
 footer .bubble-box span.myspace,
 footer .bubble-box i:not(.fa-giphy),
 footer .bubble-box span.giphy{
     font-size: 20px;
     background: linear-gradient(to bottom, #e86846 50%, #e9461a 50%);
     color: #fff;
     padding: 5px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     margin-right: 5px;
     width: 35px;
     height: 30px;
     text-align: center;
 } 

footer .bubble-box span.myspace,
footer .bubble-box span.giphy{
    display: inline-block;
        vertical-align: top;
 }

footer .bubble-box i.fa-myspace{
	background-image: url('/assets/img/svg/myspace.svg');
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 0;
}
footer .bubble-box i.fa-giphy{
	background-image: url('/assets/img/svg/giphy.svg');
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 0;
}

 footer .bubble-box a:hover i:not(.fa-myspace),
 footer .bubble-box a:hover i:not(.fa-giphy),
 footer .bubble-box a:hover span {
     box-shadow: 2px 2px 0px 1px #8cbdd5;
     -webkit-box-shadow: 2px 2px 0px 1px #8cbdd5;
     -o-box-shadow: 2px 2px 0px 1px #8cbdd5;
 }

 footer .links-title {
     color: #e3eff4;
     text-transform: uppercase;
     font: 800 15px 'Muli', sans-serif;
 }

footer .bubble-box .social-media{
    text-align: center;
}

 footer .links {
     margin-top: 10px;
 }

 footer .links a {
     color: #848d8e;
     font: 400 15px 'Muli', sans-serif;
     position: relative;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
 }

 footer .links a:before {
     color: transparent;
     font: 900 15px 'Font Awesome 5 Free';
     position: absolute;
     content: '\f105';
     left: -10px;
     top: 2px;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
 }

 footer .links a:hover {
     margin-left: 15px;
     color: #e3eff4;
     text-decoration: none;
 }

 footer .links a:hover:before {
     color: #e3eff4;
 }

 footer p {
     color: #e3eff4;
     margin: 0;
     text-align: center;
 }

 footer p.copyright {
     padding: 20px 0 0;
     font: 400 13px 'Muli', sans-serif;
     border-top: 1px solid #e3eff4;
 }

 footer .txt {
     padding: 20px 0 0;
     font: 300 italic 15px 'Muli', sans-serif;
 }

 footer .txt p {
     padding: 15px 0;
     line-height: 1.6;
     border-top: 1px solid #e3eff4;
 }

 .no-gutters {
     margin-right: 0;
     margin-left: 0;
 }

 .no-gutters.col,
 .no-gutters[class*="col-"] {
     padding-right: 0 !important;
     padding-left: 0 !important;
 }

 footer .offer-box {
     border: 1px solid #e3eff4;
     overflow: hidden;
     padding: 0 10px;
     border-radius: 5px;
     width: 410px;
     max-width: 100%;
     position: relative;
 }

 footer .offer-box:before {
     content: '';
     position: absolute;
     background: #e3eff4;
     width: 1px;
     left: calc(100% - (42% + 19px));
     top: 0px;
     height: calc(100%);
 }

 .triangle {
     position: relative;
     width: 0;
     border-bottom: solid 15px #e3eff4;
     border-right: solid 14px transparent;
     border-left: solid 14px transparent;
     right: -89%;
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     top: -45px;
 }

 .triangle .empty {
     right: -13px;
     position: absolute;
     top: 3px;
     width: 0;
     border-bottom: solid 13px #252b29;
     border-right: solid 13px transparent;
     border-left: solid 13px transparent;
 }

.trms-f{
    font-weight: 600!important;
    font-size: 11px!important;
    margin-top: 5px!important;
}

footer .offer-box > div:nth-of-type(1){
    margin: 10px 0px;
}

 footer .offer-box span {
     color: #fff;
     text-align: center;
     font: 400 14px 'Muli', sans-serif;
     display: block;
     margin: 10px 0;
 }

 footer .offer-box p, footer .offer-box span.main-bonus {
     color: #fff;
     text-align: center;
     font: 900 18px 'Muli', sans-serif;
     margin-bottom: 5px;
 }

 footer .offer-box a.inner {
     color: #e5e5e5;
     text-transform: capitalize;
     text-decoration: none;
     font: 400 italic 14px 'Muli', sans-serif;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     margin-top: 10px;
     display: block;
 }

 footer .offer-box a.inner:hover {
     text-decoration: underline;
 }

 .single-chart {
     justify-content: space-around;
     display: inline-block;
     vertical-align: middle;
 }

 table.main .single-chart {
     width: 100%;
 }

 footer .single-chart {
     width: 27%;
     position: relative;
     top: 10px;
     left: 10px;
 }

 .best .single-chart {
     width: 100%;
     margin: 0 auto;
 }

 footer .circular-chart100,
 .sub-box .circular-chart100 {
     max-width: 50px;
 }

 footer .copyright p {
     padding: 20px 0 0;
     font: 400 13px 'Muli', sans-serif;
 }

footer .copyright {
    border-top: 1px solid #e3eff4;
}

footer .copyright .regs {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

footer .restrictions {
    font: 900 italic 16px 'Muli', sans-serif;
    color: #ccc;
    position: relative;
    top: 12px;
    border: 2px solid #e9461a;
    border-radius: 50%;
    padding: 6px 3px;
    margin-left: 20px;
}
@media only screen and (max-width: 575px){
    #footer .triangle, .single-chart{display: none;}
}

.lang-dd {display: inline-block; top: 15px; margin-left: 15px;}
.lang-dd .caret {border-top: 4px solid #e8ecef; margin-bottom: 5px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.dropdown-menu.lang {top: auto; bottom: 100%; left: -100%; background: #e8ecef; transform: translateX(-68%); -webkit-transform: translateX(-68%); -moz-transform: translateX(-68%);}
@media only screen and (min-width: 640px){
.dropdown-menu.lang {
    left: -100%;
}
}
@media only screen and (max-width: 461px){
.dropdown-menu.lang {
    left: 50%;
    max-width: 300px;
}
}
.lang-dd .dropdown-menu.lang.lg {
    height: 20em!important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.dropdown-menu.lang li a span:nth-child(2) {position: relative; top: -2px; left: 5px; text-transform: capitalize; color: rgba(37, 59, 74, .5); font: 900 14px 'Muli', sans-serif;}
.flags {width: 21px; height: 21px; display: inline-block; position: relative; top: 4px; margin-right: 5px; background-repeat: no-repeat;}
.flags.pl{background: var(--flag-poland)}
.flags.es-mx{background: var(--flag-mexico);}
.flags.es-cl{background: var(--flag-chile);}
.flags.ja{background: var(--flag-japan);}
.flags.ms{background: var(--flag-malaysia);}
.flags.de-at{background: var(--flag-austria);}
.flags.it{background: var(--flag-italy);}
.flags.vi-vn{background: var(--flag-vietnam);}
.flags.pt-br{background: var(--flag-brazil);}
.flags.hu-hu{background: var(--flag-hungary);}
.flags.no{background: var(--flag-norway);}
.flags.zh{background: var(--flag-china);}
.flags.bg{background: var(--flag-bulgaria);}
.flags.en-gb{background: var(--flag-united-kingdom);}
.flags.de{background: var(--flag-germany);}


 .circular-chart100.element {
     max-width: 65px;
 }

 .circular-chart100 {
     display: block;
     margin: 0px auto;
 }

 .circle-bg100 {
     fill: none;
     stroke: #676b6a;
     stroke-width: 1px;
 }

 .circle100 {
     fill: none;
     stroke-width: 2px;
     stroke-linecap: butt;
 }

 .circle100.start {
     animation: progress100 2s ease-out forwards;
     -webkit-animation: progress100 2s ease-out forwards;
     -o-animation: progress100 2s ease-out forwards;
     -ms-animation: progress100 2s ease-out forwards;
 }

 @keyframes progress100 {
     0% {
         stroke-dasharray: 0 100;
     }
 }

 .circle-bg10 {
     fill: none;
     stroke: #eee;
     stroke-width: 0.1;
 }

 .circular-chart10 {
     display: block;
     margin: 10px auto;
     max-width: 80%;
     max-height: 120px;
 }

 .circle10 {
     fill: none;
     stroke-width: .15;
     stroke-linecap: butt;
     animation: progress10 1s ease-out forwards;
 }

 @keyframes progress10 {
     0% {
         stroke-dasharray: 0 10;
     }
 }

 .circular-chart100.orange .circle {
     stroke: #e9461a;
 }

 .circular-chart100.orange .circle100 {
     stroke: #e9461a;
 }

 .circular-chart10.orange .circle10 {
     stroke: #e9461a;
 }

 .percentage100 {
     text-anchor: middle;
     font: 900 italic 9px 'Muli', sans-serif;
 }

 .percentage100.light {
     fill: #fff;
 }

 .percentage100.dark {
     fill: rgba(37, 43, 41, 0.8);
 }

 .percentage10 {
     fill: #fff;
     font-family: 'Lato', sans-serif;
     font-size: .1em;
     text-anchor: middle;
 }

 .to-top {
     background: rgb(68, 74, 73);
     color: #fff;
     position: fixed;
     font: 900 16px 'Muli', sans-serif;
     padding: 19.5px 4px 5px;
     z-index: 1020;
     width: 40px;
     height: 40px;
     border-radius: 3px;
     text-transform: uppercase;
     right: 10px;
     bottom: 65px;
 }

 .to-top:hover {
     /*background: #15949e;*/
     background-image: linear-gradient(to bottom, #000, #15949e);
     cursor: pointer;
 }

 .to-top:active {
     background: #15949e;
 }

 .to-top:before {
     color: #fff;
     position: absolute;
     content: "\f106";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 28px;
     top: -4px;
     left: 11px;
 }

 .current-offers.btn-group {
     vertical-align: middle;
     display: inline-block;
     z-index: 1020;
 }

 .offers-btn {
     top: 5px;
     right: 65px;
     background: url(/assets/img/gift-box.svg) center no-repeat;
     background-size: contain;
     width: 31px;
     height: 31px;
     padding: 5px 10px;
     text-indent: -9999px;
     border-radius: 3px;
     outline: 0;
     border: 0;
     opacity: 1;

/*
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
*/

 }

.current-offers #offers{
    margin-top: 5px;
}

 .dropdown-menu .best-offers {
     padding: 0 5px;
 }

 .dropdown-menu .best-offers .all-brands {
     transform: scale(0.5);
     -webkit-transform: scale(0.5);
     -o-transform: scale(0.5);
     padding: 0;
     left: -10px;
     top: -5px;
     position: relative;
 }

 .dropdown-menu .best-offers p, .dropdown-menu .best-offers span.main-bonus {
     margin: 0 auto;
     text-align: center;
     display: block;
     font-weight: 600;
     left: 50%;
     transform: translateX(-63%);
     position: relative;

 }

 .dropdown-menu .best-offers a.btn {
     font-size: 12px;
     padding: 3px 10px;
     position: relative;
     left: -10px;
 }

 .dropdown-menu .best-offers [class*='col-xs'] {
     padding: 0;
 }

 /* CONTACT FORM */
 .full-bg {
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/assets/img/football-bg.jpg') no-repeat bottom center;
     margin-top: 50px;
     padding: 100px 20px;
     background-size: cover;
     background-attachment: fixed;
 }

 .mail-form {
     box-shadow: 0 1px 3px #252b29;
     -webkit-box-shadow: 0 1px 3px #252b29;
     -o-box-shadow: 0 1px 3px #252b29;
     padding: 30px;
     border-radius: 3px;
     background: rgba(194, 201, 204, 0.5);
     border: 1px solid #15949e;
     margin-bottom: 50px;
 }

 .mail-form .form-group:focus {
     margin-bottom: 15px;
     outline: 0;
     border: 1px solid #15949e;
     border-radius: 5px;
 }

 .mail-form p {
     color: #f8f8f8;
     font-size: 18px;
 }

 .mail-form .btn {
     /*width: 60%;*/
     width: fit-content;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     font-size: 18px;
     letter-spacing: 1px;
     margin: 0 auto;
 }

 .mail-form .btn-blue:hover {
     background: #33bdb8;
 }

 .mail-form .g-recaptcha {
     margin: 10px auto;
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
     -o-transform: scale(0.8);
     transform-origin: center center;
     -webkit-transform-origin: center center;
     width: 304px;
 }

 .avatar-img {
     background: #15949e;
     border-radius: 5px;
 }

 /* SITEMAP */
 .map {
     box-shadow: 0 1px 3px #252b29;
     -webkit-box-shadow: 0 1px 3px #252b29;
     -o-box-shadow: 0 1px 3px #252b29;
     padding: 30px;
     border-radius: 3px;
     background: rgba(194, 201, 204, 0.5);
     border: 1px solid #15949e;
     margin-bottom: 100px;
 }

 .tabs-left {
     border-bottom: none;
     padding-top: 2px;
     border-right: 2px solid rgba(0, 0, 0, .175);
 }

 .tabs-left > li {
     float: none;
     margin-bottom: 2px;
     margin-right: -1px;
 }

 .tabs-left > li.active > a,
 .tabs-left > li.active > a:hover,
 .tabs-left > li.active > a:focus,
 .tabs-left > li > a {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
     font: 900 16px 'Muli', sans-serif;
     letter-spacing: 1px;
     border: none;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;

 }

 .tabs-left > li.active > a,
 .tabs-left > li.active > a:hover,
 .tabs-left > li.active > a:focus,
 .nav-tabs > li > a:hover {
     background: #33bdb8;
     color: #fff;
 }

 .tabs-left > li > a {
     border-radius: 4px 0 0 4px;
     margin-right: 0;
     display: block;
     background: #117077;
     color: #999;
 }

 .map-links li {
     display: inline-block;
 }

 .map-links a {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
     font: 900 16px 'Muli', sans-serif;
     letter-spacing: 1px;
     border: none;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     padding: 10px 12px;
     border-radius: 0px 4px 4px 0;
     margin-right: 0;
     display: block;
     background: rgba(0, 0, 0, 0.3);
     color: #f5f5f5;
     margin-top: 2px;
     text-transform: capitalize;
 }

 .map-links a:hover {
     background: #f5f5f5;
     color: rgba(0, 0, 0, 0.5);
 }

 .map-links a.no-capitalize {
     text-transform: none;
 }

 /* 404 */
 @-webkit-keyframes move {
     100% {
         background-position: 92% 0;
     }
 }

 @keyframes move {
     100% {
         background-position: 92% 0;
     }
 }

 .map .center p {
     font: 900 16px 'Muli', sans-serif;
     color: rgba(0, 0, 0, .5);
     letter-spacing: 1px;
     text-align: center;
 }

 .map .center {
     text-align: center;
 }

 .map .center .btn {
     margin-top: 20px;
 }

 .ball {
     vertical-align: middle;
     display: inline-block;
     width: 100px;
     height: 100px;
     position: relative;
     perspective: 800px;
     -webkit-perspective: 800px;
     bottom: 55px;
 }

 .ball div {
     background: url("/assets/img/ball-patt.png") 0 0 no-repeat;
     background-size: auto 100%;
     box-shadow: -10px -30px 40px -20px inset, 10px 10px 10px white inset, 0 8px 10px -10px, 0 1px 1px 0px #CCC inset;
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: relative;
     border-radius: 100%;
     animation: 2s move infinite linear;
 }

 .ball::before {
     content: "";
     height: 25px;
     width: 40px;
     position: absolute;
     left: 30px;
     bottom: -8px;
     background: #555;
     border-radius: 100%;
     box-shadow: 0 0 50px 20px #000;
     -webkit-box-shadow: 0 0 50px 20px #000;
     -o-box-shadow: 0 0 50px 20px #000;
     transform: rotateX(80deg);
 }

 .four {
     display: inline-block;
     font: 900 160px 'Muli', sans-serif;
     margin: 0 20px;
 }

 .row.filter{
     margin: 0;
 }

h3.fortuna::before,
h3.bet-at-home::before{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px;
    filter: drop-shadow(2px 3px 2px black);
    -webkit-filter: drop-shadow(2px 3px 2px black);
}

h3.fortuna::before{
    content: '';
    background: url('/assets/img/fortuna-favicon.png') no-repeat;
    background-size: cover;
}

h3.bet-at-home::before{
    content: '';
    background: url('/assets/img/bet-at-home-favicon.png') no-repeat;
    background-size: cover;
}

#offers .dropdown-backdrop {
    display: none!important;
}

 /*--------------TABS--------------*/

.nav.nav-pills.dictionary{
    text-align: center;
    background-color: black;
    font-weight: bold;
    font-size: 18px;
        border-radius: 5px 5px 0 0
}

.nav-pills.dictionary > li{
    display: inline-flex;
    float: none;
}

.nav.nav-pills.dictionary > li > a{
    color: #fff;
    padding: 8px 15px;
}

.nav.nav-pills.dictionary > li:nth-of-type(1) > a{
    padding: 8px;
}

.nav-pills.dictionary > li.active > a, 
.nav-pills.dictionary > li.active > a:hover, 
.nav-pills.dictionary > li.active > a:focus,
.nav-pills.dictionary > li > a:hover,
.nav-pills.dictionary > li > a:focus{
    background-color: #15949e;
}

#dictionary-content{
    background-color: #e8ecef;
    padding: 20px 20px 10px;
    border-radius: 0 0 5px 5px;
}

#dictionary-content > div > p > span{
    color: #15949e;
    font-weight: bold;
    font-style: italic;
    background: #fff;
    padding: 2px 5px;
    border-radius: 3px;
}

 /*--------------POPUP--------------*/

.modal.top-brands .modal-dialog{ max-width: 800px;}
.top-brands .modal-header{position: relative; border: none;}
.top-brands .modal-content{background-color: transparent; border: none; top: 30px; -webkit-box-shadow: unset; box-shadow: unset;}
.top-brands .modal-header .close{
    position: absolute; 
    right: 25px; 
    top: 0; 
    color: #e9461a; 
    text-shadow: none; 
    opacity: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.top-brands .modal-header .close:focus,
.top-brands .modal-header .close:hover{outline: 0;}
.top-brands .rec-rating.top-rev-v {
	transform: scale(.65);
	-webkit-transform: scale(.65);
	margin: 0;
	left: -6px;
    position: absolute;
}
.top-brands .row.brand,
.top-brands .row.brands-heading{
    border-radius: 10px;
    padding: 10px 0;
    border: 1px solid #7d9097;
}
.top-brands .row.brand {background: #fff;}
.top-brands .row.brand:not(:last-child) {margin-bottom: 10px;}
.top-brands .rank {
    position: absolute;
    top: -24px;
    left: -14px;
    background: #4eaeb5;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    font-style: italic;
    font-weight: bold;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-brands .rank.first { background: #e9461a; color: #fff;}
.top-brands .row.brand .action{padding: 15px;}
.top-brands .row.brand .action .shine-btn{text-align: center;}
.top-brands .row.brand .action .go-o{ 
    padding: 0.25rem 1.5rem;
    display: table;
    margin: 0 auto;
    background: #FB8122;
    color: #fff;
}

.top-brands .row.brand .action .go-o:hover{ 
    background: #E9B662;
    color: #fff;
}

.top-brands .border-r {	height: 65px;}
.top-brands .border-r:not(.action) {border-right: 1px solid #7d9097;}
.top-brands .row.brands-heading,
.top-brands .modal-footer {	background: url('/assets/img/popups/popup-football-bg.jpg') -140px 64% no-repeat;}
.top-brands.casino .row.brands-heading,
.top-brands.casino .modal-footer {background: url('/assets/img/popups/popup-casino-bg.jpg') 0 85% no-repeat;background-size: cover;}
.top-brands .row.brands-heading {
    overflow: hidden;
    padding: 8px 0 12px;
    margin: -5px 3px -5px;
    position: relative;
    z-index: -1;
}

.top-brands .row.brands-heading:after,
.top-brands .modal-footer:after {background: linear-gradient(to right, transparent, #252B29 75%);}
.top-brands .row.brands-heading:after,
.top-brands .modal-footer:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 20px 0;
    margin: 0 3px -10px;
    z-index: 1;
}

.top-brands .modal-footer {
	background-position: 0 100%;
    background-size: cover;
    overflow: hidden;
    margin: 0 18px;
    z-index: -1;
    border: none;
    border-radius: 10px;
    position: relative;
    top: -48px;
}

.top-brands .modal-footer .row{
	top: 12px;
	position: relative;
    z-index: 2;
}

.top-brands .modal-footer .terms{
	text-align: right;
    margin: 1rem 1rem .4rem;
    font-size: 12px;
    color: #fff;
}

.top-brands .row.brands-heading .title{
	color: #fff;
	font: normal 2rem 'Muli', sans-serif;
    line-height: 1.2;
	text-align: right;
	z-index: 2;
}

.top-brands .row.brand:nth-child(2){border: 2px solid #e9461a;}

.top-brands .brand p {
	font: italic 1rem 'Nunito', sans-serif;
	color: #b2bbbf;
	padding: 0;
}

.top-brands .brand .all-brands{vertical-align: sub;}

.top-brands .brand p.bold {font-weight: bold; margin: 0; margin: 3px 0 -5px; font-size: 1.8rem; text-align: center;}
.top-brands .brand .bon-on{font-size: 1.75rem; color: rgba(21, 148, 158, 0.8); font-weight: bold; text-align: center;}
.top-brands.casino .brand .bon-on{font-size: 1.5rem;}
.top-brands .brand .text-center p{ padding: .75rem 0 .25rem;}
.top-brands .brand > div:nth-of-type(4) p{padding-top: .3rem;}
.top-brands .brand .text-center p,
.top-brands .brand .text-center div{ text-align: center; margin: 0;}
.top-brands .brand .text-center .bon-on.itlc{    
	font-size: 2rem;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap;
}

.top-brands .brand .text-center .itlc{    
	font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
}

.top-brands .brand .terms{    
	text-align: left;
    margin: .5rem 0 -.5rem;
    font: italic .55rem 'Montserrat', sans-serif;
    color: #7d9097;
}

.top-brands .brand .terms.sp{margin-bottom: 0;}

.modal.top-brands p.special-terms {margin: 10px 5px 0;}

@media screen and (max-width: 576px){
    .top-brands .row.brands-heading .title { font: normal 1.7rem 'Nunito', sans-serif; }
    .top-brands .row.brands-heading:after, .top-brands .modal-footer:after {background: linear-gradient(to right, transparent, #252B29 45%); }
    .column-list{columns: 1!important;}
}

@media screen and (max-width: 859px){
	.modal.top-brands .modal-dialog{max-width: 90%;}
}

@media screen and (max-width: 767px){
	.modal.top-brands .modal-dialog{margin: 1rem auto 0;}

	.top-brands .modal-header .close{
		width: 20px;
		height: 20px;
		font-size: 25px;
	}

	.top-brands .row.brands-heading{    
		background-position: -55px 64%;
		background-size: cover;
	}

	.top-brands .row.brands-heading .title{text-align: center;}
	.top-brands .brand .bon-on {font-size: 2.2rem; margin-top: .5rem;}
	.top-brands .row.brand .action .go-o { padding: 0.25rem 1.5rem;}
	.top-brands .row.brand .action {padding: 0 15px;	}
	.top-brands .brand .border-r{border: none; height: auto;}
	.top-brands .brand .border-r:not(.action){margin: 10px auto;}
	.top-brands .brand [class*='col-'] > * {text-align: center;}
	.top-brands .rec-rating.top-rev-v { margin: 0 auto; left: unset;}
    
	.top-brands .row.brand .border-b{ 
		border-bottom: 1px solid #7d9097;
    	margin: 5px 40px;
	}

	.top-brands .row.brand{ padding: 10px 0 3px;}
    .top-brands .row.brand:not(:last-child) {margin-bottom: 15px;}
}

@media screen and (min-width: 768px){
    .modal.top-brands .modal-dialog {
        width: auto;
    }

    .modal.top-brands .single-chart{
        width: 38%!important;
    }
}

.modal.top-brands .single-chart{
    width: 47%;
    margin: 0 auto;
}

@media screen and (min-width: 425px) and (max-width:768px) {
    .modal.top-brands .btn-orange {
        width: 25rem;
    }
}

 /*--------------END POPUP--------------*/

 /*--------------RESPONSIVE--------------*/


@media only screen and (max-width: 379px){
h3.fortuna::before,
h3.bet-at-home::before{
    width: 25px;
    height: 25px;
    margin-right: 6px;
    }
}

 @media screen and (max-width: 390px) {
     .best .payout {
         padding-left: 29px;
         font-size: 14px;
     }
 }
 @media screen and (max-width: 499px) {
     #faqAccordion .panel-default > .panel-heading > .panel-title{
        font-size: 14px;
        font-weight: 600;
     }
     
     #faqAccordion .panel-default > .panel-collapse > .panel-body > p{
        font-size: 14px;
     }
}

 @media only screen and (min-width:350px) and (max-width: 499px) {
     .row.sports {
         width: 310px;
         margin: 0 auto;
     }
 }

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

     .common-box.approved .bonus p,
     .common-box.approved a.btn {
         font: 600 14px 'Muli', sans-serif;
     }
     
     .best .payout{
         display: none;
     }
     
     .best .col-xs-4:nth-child(1), .best .rating {
    width: 49.33333%;
     }
     
     table.main .bonus .main-bonus, .best .bonus span{
         font-size: 13px;
     }
     
     .compare-box {
        padding: 20px 0px;
     }
     
      .btn-orange {
        font-size: 13px;
     }
     
      .btn-yellow {
        font-size: 13px;
     }
     
     .compare-box.large a.inner{
         font-size: 14px;
     }

     table.main [class*="company-"][class*="bg-"]{margin: 0 10px;}
     
 }

.faq > dt{
    font-weight: bold;
    padding: 15px;
    font-size: 19px;
    background: #15949e;
    color: #fff;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
}

.faq > dd{
    margin-left: 0;
    background: #eaf2f3;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.faq .arrow{
    background: url('/assets/img/svg/down-arrow.svg') center no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-left: 10px;
    position: absolute;
    right: 15px;
    filter: invert(92%) sepia(46%) saturate(4615%) hue-rotate(185deg) brightness(118%) contrast(104%);
    -webkit-filter: invert(92%) sepia(46%) saturate(4615%) hue-rotate(185deg) brightness(118%) contrast(104%);
    -moz-filter: invert(92%) sepia(46%) saturate(4615%) hue-rotate(185deg) brightness(118%) contrast(104%);
}

@media screen and (max-width: 375px){
    .faq > dt,
    .faq > dd{
        font-size: 15px;
    }
    
    .faq > dt{
        padding: 10px;
    }
    
    .faq .arrow{
        width: 23px;
        height: 23px;
    }
}

@media screen and (max-width: 499px) and (min-width: 376px){
    .faq > dt{
        font-size: 17px;
    }
    
    .faq .arrow{
        width: 28px;
        height: 28px;
    }
}

 @media only screen and (max-width:450px) {
     .compare-box .feature .col-xs-10 {
         width: 76.333333%;
     }

     .rev-points.col-xs-6 {
         width: 100%;
     }

     .compare-box .col-xs-5,
     .compare-box .col-xs-2 {
         padding: 0;
     }
     
     .footer .col-xs-2 {
        width: 50%;
        margin: 0 20%;
     }
     
     .footer .col-xs-6.col-xs-push-0.col-sm-4 {
        margin: 10px 0 0 29%;
     }
 }

 @media only screen and (max-width:500px) {
     section.sports .col-xs-6:nth-child(odd) {
         padding-right: 5px;
     }

     section.sports .col-xs-6:nth-child(even) {
         padding-left: 5px;
     }

     .compare-box .btn-orange {
         font-size: 14px;
         padding: 3px;
     }

     .compare-box .col-xs-6 {
         padding: 0 5px 0 0;
     }

     .compare-box .btn-rounded {
         word-break: normal;
         max-width: 100%;
     }

     .compare-box a.inner {
         width: 75%;
         margin: 0 auto;
     }
     
     .logo {
         transform: scale(0.8);
         -webkit-transform: scale(0.8);
         -moz-transform: scale(0.8);
         -o-transform: scale(0.8);
         left: -20px;
         top: -5px;
    }
     

     
     #filter-carousel {
        width: 1066px;
        max-width: 100%;
        margin: 0 auto;
    }
     
     .ribbon-heading{
         font-size: 20px;
     }
     
     h1 {
        font: 600 19px 'Muli', sans-serif;
     }
     
     h2 {
         font-size: 18px!important;
     }
     h3 {
         font-size: 17px!important;
     }
     
     .circular-chart100.element {
        max-width: 45px;
     }

    ol.breadcrumbs {
        padding-top: 0;
    }

    ol.breadcrumbs > li{
        /* font-size: 12px; */
        display: block;
        margin-right: 0;
        padding-right: 0;
        text-align: center;
        padding-top: 10px;
    }

    ol.breadcrumbs > li:not(:last-child) > a::after{
        top: 27px;
        left: 50%;
        transform: rotate(90deg);
        display: block;
    }
 }

 @media screen and (max-width: 559px){
    ol.breadcrumbs > li{
        font-size: 12px;
    }
 }

 @media only screen and (min-width:480px) and (max-width:639px) {
     footer .col-xs-2.col-xs-push-1 {
         left: 16.66666667%;
     }
 }
 @media only screen and (min-width:576px) and (max-width:767px) {
    .column-list{columns: 2;}
 }

 @media only screen and (min-width:640px) and (max-width:767px) {
     footer .col-xs-2.col-xs-push-1 {
         left: 0;
     }
 }

 @media only screen and (max-width:639px) {
     table.main.sports .all-brands {
         transform: scale(0.8);
         -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
     }
     
     table.main.sports.payments td.dep-with {
         font-size: 16px;
     }

     #filter-carousel .carousel-control {
         top: 70%;
     }

     .common-box.links:not(.mobile) .box-body .col-xs-12:nth-child(even) {
         background: #f4f6f7;
     }

     .review-box.bonus .btn-orange {
         width: 215px;
     }

     .common-box.not-approved .all-brands {
         margin-bottom: 15px;
     }

     .common-box.details-card [class*='col-xs'] {
         width: 100%;
         float: none;
     }

     .common-box.details-card .general,
     .common-box.details-card .all-brands {
         display: block;
         margin: 0 auto 10px;
     }

     .common-box.details-card .features {
         display: table;
         margin: 0 auto 10px;
     }

     .footer .avatar-yes {
         margin: 0 auto;
         display: block;
     }

     .footer .bubble-box:before {
         border-width: 0px;
     }

     .footer .bubble-box {
         margin-bottom: 10px;
     }

     .footer .offer-box {
         padding: 0 5px;
         margin: 0 auto;
     }

     .footer .col-xs-9,
     .footer .col-xs-4,
     .footer .bubble-box.col-xs-7 {
         width: 380px;
         float: none;
         max-width: 100%;
         margin: 0 auto;
     }

     .footer .bubble-box.col-xs-7 {
         margin-bottom: 15px;
     }

     footer .bubble-box:after {
         background: none;
     }

     .footer .col-xs-2 {
         width: 49%;
         margin-right: 1%;
     }

     .footer .col-xs-6:nth-child(1) {
         width: 49%;
     }

     .footer .col-xs-6.col-xs-pull-2 {
         width: 100%;
         right: 0;
     }

     .footer .col-xs-6.col-xs-pull-2 .all-brands {
         transform: scale(0.8);
         -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
         left: -10px;
         position: relative;
     }

     footer .single-chart {
         width: 24%;
         position: relative;
         top: 15px;
         left: 0;
     }

     .triangle {
         top: -50px;
         right: -89%;
     }

     .footer .offer-box a.inner,
     .footer .btn-orange {
         font-size: 12px;
     }

     .ball {
         width: 50px;
         height: 50px;
         bottom: 19px;
     }

     .ball::before {
         height: 25px;
         width: 20px;
         left: 15px;
         bottom: -10px;
     }

     .four {
         font-size: 60px;
         margin: 0 15px;
     }

     .map .center p {
         font-size: 14px;
     }
     
     table.main .all-brands, .compare-box .all-brands {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
     }
     
     .compare-box .offer {
        padding: 12px;
        margin: 5px auto 0px;
        height: 44px;
     }

 }

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

     .navbar-fixed-top .navbar-collapse,
     .navbar-fixed-bottom .navbar-collapse {
         max-height: unset;
     }

     .navbar-inverse .navbar-collapse,
     .navbar-inverse .navbar-form {
         background: #e8ecef;
         border: 0;
         height: 100vh;
     }

     .navbar-nav {
         background: #e8ecef;
         border: 0;
         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
         margin: 0 -15px;
         height: 100%;
     }

     .nav.navbar-nav li {
         border-bottom: 1px solid #b1bac0;
     }

     .nav.navbar-nav li:not(:last-child) {
         border-bottom: 1px solid #b1bac0;
     }

     .nav.navbar-nav li.rec-three,
     .nav.navbar-nav li.rec-three ul li {
         border: none;
     }

     .navbar-inverse .navbar-nav > li > a {
         color: #253b4a;
     }
     
     .navbar-inverse .navbar-nav > li.active,
     .navbar-inverse .navbar-nav > li.active > a,
     .navbar-inverse .navbar-nav > li.active > span,
     .navbar-inverse .navbar-nav > li.active > span > .caret,
     .navbar-inverse .navbar-nav > li.active.open,
     .navbar-inverse .navbar-nav > li.active.open > a,
     .navbar-inverse .navbar-nav > li.active.open > span,
     .navbar-inverse .navbar-nav > li.active.open > span > .caret{
         background-color: #f5f5f5!important;
     }

     .navbar-nav .open .dropdown-menu.offer-card {
         position: static;
         float: none;
         width: 380px;
         max-width: 100%;
         margin: 0 auto;
         background-color: transparent;
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
     }
     
     .offer-card > li:nth-of-type(2){
         display: inline-flex;
     }

     .navbar-toggle {
         margin-top: 6px;
         float: left;
         right: 0px;
         position: absolute;
         top: 5px;
     }

     .navbar-toggle.nbta-to-x-right .icon-bar {
         transition: all 0.5s;
         -webkit-transition: all 0.5s;
         -moz-transition: all 0.5s;
         -o-transition: all 0.5s;
         transform-origin: center;
     }

     .navbar-toggle .icon-bar {
         display: block;
         height: 3px;
         transform: translateZ(0);
         backface-visibility: hidden;
         perspective: 1000px;
         -webkit-perspective: 1000px;
     }

     .navbar-toggle .icon-bar:nth-child(3) {
         margin: 6px 0;
     }

     .navbar-toggle.opened {
         margin-top: 4px;
     }

     .navbar-toggle.nbta-to-x-right.opened .icon-bar:nth-child(2) {
         transform: translate(0, 12px) rotate(-45deg);
     }


     .navbar-toggle.nbta-to-x-right.opened .icon-bar:nth-child(3) {
         transition: all 0.2s;
         opacity: 0;
     }

     .navbar-toggle.nbta-to-x-right.opened .icon-bar:nth-child(4) {
         transform: translate(0, -6px) rotate(45deg);
     }
     
     .click-area{
        display: inline-block;
        float: right;
        padding: 14px;
     }

     .rec-three {
         border-right: 0;
         margin-bottom: 15px;
     }

     .nav .offer-box {
         margin-left: 0;
     }

     .nav .offer-box .col-xs-9 {
         padding-right: 0;
     }
 
     .current-offers {
         right: 65px;
         position: fixed;
         top: 7px;
     }

     .current-offers .btn-group .common-box .title {
         color: #252b29;
         background: none;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
     }

     .current-offers .dropdown-menu {
         border-top-left-radius: 0px;
         border-top-right-radius: 0px;
         width: 1102px;
         padding: 0;
         background: #e8ecef;
         top: 61px;
         right: 0;
         left: auto;
         max-width: 100%;
         border: 0;
         height: 100vh;
         position: fixed;
         margin-top: 0px;
     }

     .dropdown-menu .best-offers {
         width: 320px;
         margin: 5px auto;
     }

     .dropdown-menu .best-offers .all-brands {
         transform: scale(0.8);
         -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
         left: 20px;
         top: 0;
     }

     .navbar-inverse .navbar-toggle,
     .navbar-inverse .navbar-toggle:hover,
     .navbar-inverse .navbar-toggle:focus {
         background: none;
         border: none;
     }

     .navbar-inverse .navbar-toggle .icon-bar {
         background-color: #74ca9f;
         /*#666a69;*/
         width: 30px;
     }

     .navbar-toggle.opened .icon-bar {
         background-color: #ff6133;
     }

     .topics-btn.opened {
         opacity: 1;
     }

     .topics-btn {
         top: 9px;
         right: 100px;
         padding: 5px 10px;
         font-size: 28px;
         position: fixed;
         border-radius: 3px;
         outline: 0;
         border: 0;
         transition: all 0.3s ease-in-out;
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         background: none;
         color: #74ca9f;
         /*color: #666b69;*/
     }


     #topics .list {
         min-width: unset;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         width: 100%;
         top: 61px;
         background: #e8ecef;
         border: none;
         padding: 0 15px;
         height: 100vh;
         overflow-y: scroll;
         z-index: 10000;
         position: absolute;
         display: none;
     }

     #topics .list.open {
         min-width: unset;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         display: table;
         width: 100%;
         top: 53px;
         background: #e8ecef;
         border: none;
         padding: 0 15px;
         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         -o-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         height: 250px;
         overflow-y: scroll;
     }

     .list li:nth-child(1) {
         text-align: center;
/*         border-top: 2px solid #c7ced3;*/
         padding: 10px;
     }

     .list li:not(:last-child) {
         border-bottom: 2px solid #c7ced3;
     }

     section.content.first {
         padding-top: 70px;
     }

     ol.breadcrumbs{
        margin-top: 61px;
    }

 }

 @media only screen and (max-width: 767px) {
     .img-cards {
         width: 360px;
         margin: 0 auto 20px !important;
         max-width: 100%;
     }

     .img-cards .img-box {
         margin-bottom: 15px;
         position: relative;
     }

     .img-cards .title {
         bottom: -15px;
         left: 50%;
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         width: 100%;
         color: #f5f5f5;
         font: 600 18px 'Muli', sans-serif;
     }
     
     #filter-carousel .carousel-inner .box {
         width: 50%;
         margin: 0 auto 10px;
     }
     
     .table-preheader > div.date-blue,
     .table-preheader > div.date-black{
         width: 90.666667%;
     }
     
    #filter-carousel .carousel-control.left {
         left: 15px;
     }
     
     .nav.nav-pills.dictionary{
         font-size: 16px;
     }
 }

 @media only screen and (min-width:480px) {

     table.main.sports th:nth-child(4),
     table.main.sports td:nth-child(4) {
         display: table-cell;
     }
 }

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

     ol.num-list.resp > li:before,
     ol.num-list.resp.tips > li:after {
         display: none;
     }

     ol.num-list.resp {
         margin: 30px 14px;
     }

     ol.num-list.resp > li {
         border-radius: 5px;
     }
 }

 @media only screen and (min-width:500px) {

     section.content,
     section.element {
         padding: 30px 30px 1px;
     }

     section.sports .col-xs-6 {
         width: 33%;
         padding: 10px;
     }

     .row.sports {
         width: 90%;
         margin: 0 auto;
     }

     .left:not(.comparison-small):not(img) {
         float: left;
         margin: 5px 20px 10px 0;
     }

     .right:not(img) {
         float: right;
         margin: 5px 0 10px 20px;
     }

     .common-box.details-card {
         width: 500px;
     }
     
     .left:not(.comparison-small):not(img) {
        float: left;
        margin: 5px 20px 10px 0;
     }
     
     right:not(img) {
        float: right;
        margin: 5px 0 10px 20px;
     }

 }

 @media only screen and (min-width:500px) and (max-width: 767px) {
     .sports-container {
         width: 65%;
     }
 }

 @media (min-width: 576px) {
     .carousel-item img {
         height: 350px;
     }
 }

 @media only screen and (min-width:640px) {
     img.left {
         float: left;
         margin: 5px 20px 10px 0;
     }

     img.right {
         float: right;
         margin: 5px 0 10px 20px;
     }

     table.main.sports th:nth-child(5),
     table.main.sports td:nth-child(5) {
         display: table-cell;
     }

     #filter-carousel .carousel-control {
         top: 65%;
     }

     .steps [class^="col-"]:nth-of-type(1),
     .steps [class^="col-"]:nth-of-type(3),
     .steps [class^="col-"]:nth-of-type(5) {
         margin-right: 2%;
     }

     .steps .col-sm-6 {
         width: 49%;
         float: left;
     }

     .gallery .thumbs {
         margin-bottom: 0;
     }

     .gallery .thumbs.col-sm-4 {
         width: 33.33333333%;
         float: left;
     }

     .common-box.profile.left {
         float: left;
         margin: 0 20px 20px 0;
     }

     .common-box.profile.right {
         float: right;
         margin: 0 0 20px 20px;
     }

     .common-box.not-approved .all-brands,
     .common-box .general.big-arrow,
     .ribbon .general.big-arrow {
         position: relative;
         top: 25%;
         transform: translateY(40%);
         -webkit-transform: translateY(40%);
         -o-transform: translateY(40%);
     }

     .ribbon.not-approved .col-sm-2,
     .ribbon.not-approved .col-sm-9 {
         float: left;
     }

     footer .avatar-yes {
         float: right;
     }

     footer .offer-box {
         width: 410px;
         max-width: unset;
     }


 }

 @media only screen and (min-width:640px) and (max-width:767px) {
     .common-box.links .box-body .col-xs-12 {
         width: 50%;
     }

     .rev-points.col-xs-6,
     .rev-points.col-xs-12 {
         width: 33%;
     }

     .sub-ratings.col-xs-6 {
         width: 25%;
     }

     .common-box.not-approved .col-sm-2 {
         width: 20%;
         float: left;
         padding: 0;
     }

     .common-box.not-approved .col-sm-8 {
         width: 75%;
         float: right;
         padding: 0;
     }

     .ribbon.not-approved .col-sm-9 {
         width: 73%;
         margin-left: 20px;
     }

     .footer .col-xs-6.col-xs-push-0.col-sm-4.col-sm-push-1.col-md-3.col-md-push-0.col-lg-2 {
         left: 27px;
     }
 }

 @media only screen and (min-width:768px) {

     table.main.sports .btn-rounded {
         max-width: 70%;
     }

     .to-top {
         right: 50px;
     }

     .left.comparison-small {
         float: left;
         margin: 5px 20px 10px 0;
     }

     .comparison-small {
         width: 400px;
     }

     .step-number {
         bottom: -15px;
     }

     .simple-grid .col-sm-6 {
         width: 49%;
     }

     .simple-grid .col-sm-6:nth-child(1) {
         margin-right: 2%;
     }

     .simple-grid .col-sm-4 {
         width: 33%;
     }

     .simple-grid .col-sm-4:not(.last) {
         margin-right: 0.44444444%;
     }
     #filter-carousel .carousel-inner .box:not(:last-child) {
         margin-right: 20px;
     }

     #filter-carousel .btn-orange {
         top: -50px;
     }

     #filter-carousel .carousel-control.left {
         left: 84%;
     }

     #filter-carousel .carousel-control {
         top: 56%;
     }

     #filter-carousel .carousel-inner {
         min-height: 170px;
     }

     section.sports .col-sm-4 {
         width: 24.333333%;
     }

     #gallery img {
         height: 25vw;
     }

     .review-box.bubble {
         position: relative;
     }

     .not-approved .review-box.bubble:before {
         top: 35%;
     }

     .review-box.bubble:before {
         content: "";
         position: absolute;
         top: 70%;
         left: -8px;
         border-width: 8px;
         border-style: solid;
         border-color: #fff;
         -webkit-transform: translate(0%, -50%) rotate(45deg);
         -o-transform: translate(0%, -50%) rotate(45deg);
         transform: translate(0%, -50%) rotate(45deg);
     }

     .common-box.approved .features {
         display: block;
         margin-right: 25px;
     }

     .common-box.not-approved .col-sm-2:nth-child(2),
     .common-box.common-box.not-approved .general.general.big-arrow,
     .ribbon.not-approved .col-sm-2:nth-child(2),
     .ribbon.not-approved .general.big-arrow {
         display: block;
     }

     .mail-form .btn {
         margin: 30px auto;
         width: 80%;
     }

 }

 @media only screen and (min-width: 1103px) {
     .navbar-nav .dropdown:hover .dropdown-menu {
         display: block;
     }

     table.main.sports .btn-rounded {
         max-width: 70%;
     }

     .logo {
         background: url('/assets/img/logo-icon.svg') center no-repeat;
         text-indent: -9999px;
         display: inline-block;
         background-size: contain;
         width: 47px;
         height: 47px;
         position: relative;
         top: -4px;
     }

     .nav > li > a {
         padding: 10px 5px 10px 10px;
     }
     
     .nav:not(.dictionary) > li:not(.dropdown) > a{
         padding: 10px!important;
     }

     .current-offers .dropdown-menu {
         padding: 0;
         min-width: 180px;
         border-top-left-radius: 10px;
         border-top-right-radius: 10px;
         height: 250px;
         width: 190px;
         z-index: 1050;
         bottom: 55px;
         left: -45px;
     }

     .topics {
         background: #fff;
     }

     .topics-btn {
         display: none;
     }

     header.fixed {
         position: fixed;
         top: 0;
         margin: 0 auto;
         z-index: 9999;
     }

     .topics.fixed {
         box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
         -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
         transition: all 0.3s ease-in-out;
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
     }

     .wrapper {
         position: relative;
         margin: 0 auto;
         overflow: hidden;
         padding: 5px;
         height: 50px;
         top: 0;
     }

     .list {
         position: absolute;
         left: 0px;
         top: 0px;
         min-width: 3000px;
         margin-left: 12px;
         margin-top: 0px;
         border-bottom: 2px solid #bbbbbb;
     }

     .list li {
         display: table-cell;
         position: relative;
         text-align: center;
         vertical-align: middle;
         padding-right: 30px;
     }

     .scroller {
         text-align: center;
         cursor: pointer;
         display: none;
         padding: 7px;
         padding-top: 11px;
         white-space: no-wrap;
         vertical-align: middle;
         background-color: #fff;
         top: 0;
         position: relative;
     }

     .current-offers {
         position: fixed;
         right: 5px;
         bottom: 65px;
         z-index: 9999;
     }
     
     .current-offers #offers{
        width: 40px;
        height: 40px;
        background: linear-gradient(#444a49, #444a49);
        border-radius: 3px;
     }
     
     .current-offers #offers:hover{
         background: linear-gradient(#000, #e9461a);
     }
     
     .current-offers #offers.arrow{
         background: linear-gradient(#e9461a, #e9461a);
     }

     .current-offers #offers.arrow:before {
         content: "";
         position: absolute;
         top: 0;
         right: 10px;
         border-width: 5px;
         border-style: solid;
         border-color: #e8461a;
         -webkit-transform: translate(-50%, -50%) rotate(45deg);
         -o-transform: translate(-50%, -50%) rotate(45deg);
         transform: translate(-50%, -50%) rotate(45deg);
     }
     
     .offers-btn {
         background: url('/assets/img/gift-box.svg') center no-repeat;
         background-size: contain;
         top: unset;
         margin: 4px;
         padding: 0px;
         -webkit-box-shadow: none!important;
         box-shadow: none!important;
         filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(332deg) brightness(114%) contrast(100%);
    }

     .scroller-right {
         float: right;
     }

     .scroller-left {
         float: left;
     }

     .nav.navbar-nav .dropdown-menu {
         z-index: 9999;
         position: absolute;
     }

     .navbar-nav {
         height: 50px;
     }

     .mail-form .btn {
         margin: 30px auto;
         width: 80%;
     }
     
     h1.lp {
        padding-top: 70px;
     }
     
    .navbar-inverse .navbar-nav > li > a {
         font: 900 13px 'Muli', sans-serif;
     }
    .navbar-inverse .navbar-nav > li.active > span > .caret{
        font: 900 italic 13px 'Muli', sans-serif;
     }
     .navbar-inverse .navbar-nav > li:hover > a,
     .navbar-inverse .navbar-nav > li:hover > span > .caret {
         font: 900 italic 13px 'Muli', sans-serif;
     }
     .nav .dropdown.simple li a {
         font: 500 13px 'Muli', sans-serif;
     }
     
     .list li a {
        font: 600 14px 'Muli', sans-serif;
    }

 }

 @media only screen and (min-width: 1103px) and (max-width: 1199px) {

     li.resp-fix > div {
         margin: 0px 21px !important;
     }

     li.resp-fix > a {
         margin: 5px 0px 13px 0px !important;
     }

     li.no-br-r {
         border-right: none;
     }
 }

@media only screen and (max-width: 991px) {
    .common-box .approved > .box-body > div:nth-of-type(3){
        display: flex;
        align-items: center;
    }

}

 @media only screen and (min-width:802px) {
     .table-preheader .features li:nth-child(1) {
         margin-right: 25px;
     }

     .table-preheader .features li {
         margin-right: 15px;
     }

 }

@media only screen and (max-width: 991px) and (min-width: 640px){
    .compare-box .offer {
        padding: 15px;
        height: 55px;
    }
}

 @media only screen and (min-width:768px) and (max-width:991px) {
     .table-preheader .date-black span {
         display: inline-block;
     }
     .sub-box {
         margin: 20px;
         max-width: 95%;
     }

     .common-box:not(.details-card, .profile) .box-body {
         padding: 15px 0;
     }

     .common-box.not-approved .col-sm-2:nth-child(1) {
         width: 22%;
     }

     .common-box.not-approved .col-sm-2:nth-child(2) {
         width: 10%;
     }

     .common-box.not-approved .col-sm-8 {
         width: 60%;
     }

     .ribbon.not-approved .col-sm-9 {
         width: 70%;
         margin-left: 20px
     }

     .img-cards .img-box {
         display: inline-block;
         width: 30%;
     }

     .img-cards p {
         display: inline-block;
         width: 65%;
         margin: 0 0 0 20px;
         vertical-align: top;
     }

     .img-cards img {
         box-shadow: 0px 4px 3px -3px rgba(37, 43, 41, 0.6);
     }

     .img-cards .title {
         top: 50%;
         left: 15px;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         width: 28.8%;
         color: #f5f5f5;
         font: 600 18px 'Muli', sans-serif;
     }

    .column-list{columns: 3;}

 }

 @media only screen and (min-width: 1008px) {
     h2.mg-fix {
         margin-top: 55px !important;
     }
 }
 @media only screen and (min-width:1103px) and (max-width:1450px) {
     #offers .dropdown-menu {
         left: -150px;
         z-index: 9999;
     }
 }

 @media only screen and (min-width:992px) {
     .sports-container {
         width: 65%;
     }

     .common-box.slider-rating .btn-blue {
         margin-top: 0px;
     }

     .common-box.slider-rating .single-chart {
         float: right;
     }

     .common-box.slider-rating .box-body .sub-title {
         border-left: 1px solid #cdd0d3;
     }

     #filter-carousel .mobile:before {
         background: url('../img/perfect-match-mobile.png') no-repeat;
         filter: drop-shadow(2px 3px 2px black);
         -webkit-filter: drop-shadow(2px 3px 2px black);
     }

     #filter-carousel .bonus:before {
         background: url('../img/perfect-match-bonus.png') no-repeat;
         filter: drop-shadow(2px 3px 2px black);
         -webkit-filter: drop-shadow(2px 3px 2px black);
     }

     #filter-carousel .payments:before {
         background: url('../img/perfect-match-payment.png') no-repeat;
         filter: drop-shadow(2px 3px 2px black);
         -webkit-filter: drop-shadow(2px 3px 2px black);
     }

     #filter-carousel .cash-out:before {
         background: url('../img/perfect-match-cash-out.png') no-repeat;
         filter: drop-shadow(2px 3px 2px black);
         -webkit-filter: drop-shadow(2px 3px 2px black);
     }

     #filter-carousel .live-betting:before {
         background: url('../img/perfect-match-live-betting.png') no-repeat;
         filter: drop-shadow(2px 3px 2px black);
         -webkit-filter: drop-shadow(2px 3px 2px black);
     }

     #filter-carousel .carousel-control.left {
         left: 86%;
     }

     section.sports .col-md-3 {
         width: 20%;
     }

     .row.sports {
         width: 80%;
     }

     .steps .col-md-4 {
         width: 32%;
     }

     .steps [class^="col-"]:nth-of-type(2),
     .steps [class^="col-"]:nth-of-type(4) {
         margin-right: 2%;
     }

     .steps [class^="col-"]:nth-of-type(3) {
         margin-right: 0;
     }

     .grid-box.top:nth-child(1) {
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         left: 50%;
     }

     .grid-box.top:nth-child(2) {
         left: 0;
         transform: translateX(-100%) scale(0.9);
         -webkit-transform: translateX(-100%) scale(0.9);
         -o-transform: translateX(-100%) scale(0.9);

     }

     .common-box.details-card.left {
         float: left;
         margin: 0 10px 10px 0;
     }

     .common-box.details-card.right {
         float: right;
         margin: 0 0 10px 10px;
     }

     .review-box.bubble .all-brands {
         position: relative;
         top: 25%;
         transform: translateY(40%);
         -webkit-transform: translateY(40%);
         -o-transform: translateY(40%);
     }

     .common-box.details-card.mt-fix {
         margin-top: 12px;
     }

     .img-cards .img-box {
         position: relative;
         width: 350px;
         max-width: 100%;
     }

     .img-cards img {
         margin-bottom: 15px;
         box-shadow: 0px 4px 3px -3px rgba(37, 43, 41, 0.6);
     }

     .img-cards .col-md-4:not(:last-child) {
         margin-right: 15px;
     }

     .img-cards .title {
         bottom: -15px;
         left: 50%;
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         width: 100%;
         color: #f5f5f5;
         font: 600 18px 'Muli', sans-serif;
     }
     
    .best ul.checks{
         margin: 12px;
         line-height: 1.5;
     }
     
    div.best > div:nth-child(1){
        padding-top: 12px;
     }

     .common-box.approved .box-body{
         display: flex;
         align-items: center;
     }
     
     .common-box.approved > .box-body .features{
         margin-top: auto;
         margin-bottom: auto;
     }
     
     .general.ribbon-yes{
         margin-bottom: 0px;
     }
 }

 @media only screen and (min-width:992px) and (max-width:1059px) {
     .img-cards .col-md-4 {
         width: 32.1% !important;
     }
 }

 @media only screen and (min-width:1060px) {
     .img-cards .col-md-4 {
         width: 32.333333% !important;
     }
 }

 @media only screen and (min-width:1024px) {
     section.sports {
         padding: 30px 0 0;
     }

     .ribbon-heading {
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         border-bottom-right-radius: 0px;
         border-bottom-left-radius: 0px;
         width: calc(100% - 30px);
     }

     .ribbon-heading:before,
     .ribbon-heading:after {
         background: url('/assets/img/general.png') no-repeat -90px -14px;
         position: absolute;
         content: '';
         width: 43px;
         height: 43px;
         top: 8px;
     }

     .ribbon-heading:before {
         left: -15px;
     }

     .ribbon-heading:after {
         right: -15px;
         filter: FlipH;
         -ms-filter: "FlipH";
         -moz-transform: scaleX(-1);
         -o-transform: scaleX(-1);
         -webkit-transform: scaleX(-1);
         transform: scaleX(-1);
     }

     .best {
         margin-left: 170px;
         max-width: 90%;
         margin-top: 40px;
     }

     .best:before {
         content: "";
         position: absolute;
         width: 150px;
         height: 125px;
         background: url("/assets/img/general.png") no-repeat 0 -361px;
         width: 146px;
         height: 111px;
         left: -170px;
         top: 0;
         filter: drop-shadow(2px 3px 2px black);
         -webkit-filter: drop-shadow(2px 3px 2px black);
     }
/*
     .best .col-sm-3:nth-child(1),
     .best .col-md-4.no-gutters.hidden-xs.hidden-sm.col-md-4 {
         padding-top: 14px;
     }
*/  
     
     .best .payout {
         padding: 14px 10px 0 0px;
     }
 }


 @media only screen and (max-width: 1023px) and (min-width: 768px) {
     .best .col-sm-3:not(:first-child) {
         border-left: 1px solid #15949e;
     }

     .best .payout {
         padding: 12px 0px 0 0px;
         text-align: center;
     }

     .best .col-sm-3:not(:first-child) {
         border-left: 1px solid #15949e;
     }

     .best .col-sm-3:not(:first-child) {
         border-left: 1px solid #15949e;
     }

     .best .col-sm-3:nth-child(1) {
         margin: 0 auto;
         text-align: center;
     }
 }

 @media only screen and (min-width: 768px) {
     .best .payout p {
         line-height: 1.6;
     }
 }

 @media only screen and (min-width: 992px) and (max-width:1199px) {
     .common-box.links .col-md-4.lighter {
         background: #f4f6f7;
     }

     .sub-box {
         margin: 20px 19px 0;
         max-width: 95%;
     }

     .footer .offer-box {
         margin-top: 35px;

     }

     .mail-form.col-sm-10 {
         width: 66.333333%;
     }

     .mail-form.col-sm-push-1 {
         left: 16.333333%;
     }
 }

 @media only screen and (min-width:1200px) {
     section.sports .col-lg-2 {
         width: 16.66666667%;
     }

     .row.sports {
         width: 85%;
     }

     .thumbs-row {
         margin-top: 0px;
     }

     .common-box.links .col-md-4.lighter {
         background: none;
     }

     .common-box.links .col-lg-3.light-bg {
         background: #f4f6f7;
     }

     .sub-box {
         margin: 10px 0 0 15px;
         width: 95%;
     }

     .hvr-zoom {
         position: relative;
         height: 445px;
         z-index: 1
     }

     .hvr-zoom .tc-apply {
         position: absolute;
         bottom: -10px;
         right: 15px;
         z-index: -1;
     }

     .hrv-zoom .grid-box:not(.top) {
         position: absolute;
     }

     .hvr-zoom .grid-box:not(:first-of-type) {
         left: calc((100% - 1245px) /2 + 10px)
     }

     .grid-box:not(.top):hover {
         transform: scale(1);
         -webkit-transform: scale(1);
         -o-transform: scale(1);
     }

     .grid-box:not(.top):hover .box-title {
         transition: all 0.3s ease-in-out;
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
     }
     
    .navbar-nav .dropdown:hover .dropdown-menu.offer-card {
         display: flex;
        align-items: center;
     }

     
 }

 @media only screen and (min-width:1300px) {
     .ribbon {
         position: relative;
         margin: 0 -20px;
         width: unset;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         border-bottom-left-radius: 0px;
         border-bottom-right-radius: 0px;
     }

     .ribbon:before,
     .ribbon:after {
         content: "";
         position: absolute;
         z-index: -1;
         top: 100%;
         left: 0;
         border-width: 0 20px 20px 0;
         border-style: solid;
         border-color: transparent #000;
     }

     .ribbon:after {
         left: auto;
         right: 0;
         border-width: 0 0 20px 20px;
     }
 }

 @media only screen and (min-width:1450px) {
     .to-top {
         right: calc(((100% - 1245px)/2) - 45px);
     }

     .current-offers {
         right: calc(((100% - 1245px)/2) - 90px);
     }
 }