*, *::before, *::after { box-sizing: border-box; } html, body { font-size: 100%; } body { background: rgb(229, 229, 229) none repeat scroll 0% 0%; color: rgb(34, 34, 34); padding: 0px; margin: 0px; font-family: "Roboto"; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } @font-face { 	font-family: "OpenSans"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/opensans-regular.eot) format("embedded-opentype"), url(/uploads/402/opensans-regular.woff) format("woff"), url(/uploads/402/opensans-regular.ttf) format("truetype"), url(/uploads/402/opensans-regular.svg) format("svg"); } @font-face { 	font-family: "OpenSans-Semibold"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/opensans-semibold.eot) format("embedded-opentype"), url(/uploads/402/opensans-semibold.woff) format("woff"), url(/uploads/402/opensans-semibold.ttf) format("truetype"), url(/uploads/402/opensans-semibold.svg) format("svg"); } @font-face { 	font-family: "open_sansbold"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/opensans-bold_1-webfont.eot) format("embedded-opentype"), url(/uploads/402/opensans-bold_1-webfont.woff) format("woff"), url(/uploads/402/opensans-bold_1-webfont.ttf) format("truetype"), url(/uploads/402/opensans-bold_1-webfont.svg) format("svg"); } @font-face { 	font-family: "MyriadPro-Regular"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/myriadpro-regular.eot) format("embedded-opentype"), url(/uploads/402/myriadpro-regular.woff) format("woff"), url(/uploads/402/myriadpro-regular.ttf) format("truetype"), url(/uploads/402/myriadpro-regular.svg) format("svg"); } @font-face { 	font-family: "OpenSans-Italic"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/opensans-italic.eot) format("embedded-opentype"), url(/uploads/402/opensans-italic.woff) format("woff"), url(/uploads/402/opensans-italic.ttf) format("truetype"), url(/uploads/402/opensans-italic.svg) format("svg"); } @font-face { 	font-family: "Roboto"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/roboto-regular.eot) format("embedded-opentype"), url(/uploads/402/roboto-regular.woff) format("woff"), url(/uploads/402/roboto-regular.ttf) format("truetype"), url(/uploads/402/roboto-regular.svg) format("svg"); } @font-face { 	font-family: "Roboto-Italic"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/roboto-italic.eot) format("embedded-opentype"), url(/uploads/402/roboto-italic.woff) format("woff"), url(/uploads/402/roboto-italic.ttf) format("truetype"), url(/uploads/402/roboto-italic.svg) format("svg"); } @font-face { 	font-family: "Roboto-Bold"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/roboto-bold.eot) format("embedded-opentype"), url(/uploads/402/roboto-bold.woff) format("woff"), url(/uploads/402/roboto-bold.ttf) format("truetype"), url(/uploads/402/roboto-bold.svg) format("svg"); } a:hover { cursor: pointer; } a:focus { outline: 0px none; } img, object, embed { max-width: 100%; height: auto; } img {  } .text-right { text-align: right !important; } img { display: inline-block; vertical-align: middle; } .row { width: 100%; margin: 0px auto; max-width: 960px; } .row::after { clear: both; } .row .row { background: white none repeat scroll 0% 0%; width: 100%; margin-top: 0px; margin-bottom: 0px; max-width: none; display: table; } .row .row::after { clear: both; } .row .row.collapse::before, .row .row.collapse::after { content: " "; display: table; } .row .row.collapse::after { clear: both; } .column, .columns { position: relative; width: 100%; float: left; } .row .row .columns { display: table-cell; vertical-align: middle; float: none; } @media only screen { 	.column, .columns { position: relative; float: left; } 	/*--[class*="column"] + [class*="column"]:last-child { float: right; } }*/ .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.6667%; } .large-3 { position: relative; width: 25%; } .large-3-2 { width: 31%; position: relative; } .large-4 { position: relative; width: 33.3333%; } .large-5 { position: relative; width: 41.6667%; } .large-8 { position: relative; width: 66.6667%; } .large-8-2 { width: 65.967%; } .large-12 { position: relative; width: 100%; }  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0px; padding: 0px; direction: ltr; } a { color: rgb(0, 0, 0); text-decoration: none; line-height: inherit; } a img { border: 0px none; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: bold; font-style: normal; color: rgb(34, 34, 34); text-rendering: optimizelegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 { font-size: 2.125em; } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 1.75em; } ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0px; font-size: 1em; } dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } blockquote cite::before { content: "— "; } @media only screen and (min-width: 768px) { 	h1, h2, h3, h4, h5, h6 { line-height: 1.4; } 	h1 { font-size: 2.75em; } 	h2 { font-size: 2.3125em; } 	h3 { font-size: 1.6875em; } } button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; position: relative; text-decoration: none; text-align: center; display: inline-block; padding: 0.75em 1.5em 0.8125em; font-size: 1em; border-color: rgb(33, 133, 163); color: white; background: transparent linear-gradient(to bottom, rgb(240, 90, 90) 36%, rgb(233, 54, 54) 100%) repeat scroll 0% 0%; margin-top: 12px; } button:hover, button:focus, .button:hover, .button:focus { background-color: rgb(33, 133, 163); } button:hover, button:focus, .button:hover, .button:focus { color: white; } button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; } @media only screen { 	button, .button { box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset; transition: background-color 300ms ease-out 0s; } 	button:active, .button:active { box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) inset; } } @media only screen and (min-width: 768px) { 	button, .button { display: inline-block; } } label { font-size: 0.875em; color: rgb(77, 77, 77); cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.1875em; } .input-group.radius > :first-child, .input-group.radius > :first-child * { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group.radius > :last-child, .input-group.radius > :last-child * { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group.round > :first-child, .input-group.round > :first-child * { border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .input-group.round > :last-child, .input-group.round > :last-child * { border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 12px 0px 2px 2px; padding: 0.5em; height: 2.3125em; width: 100%; box-sizing: border-box; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { box-shadow: 0px 0px 5px rgb(153, 153, 153); border-color: rgb(153, 153, 153); } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: rgb(250, 250, 250) none repeat scroll 0% 0%; border-color: rgb(153, 153, 153); outline: 0px none; } form.custom .custom.checkbox::before { content: ""; display: block; font-size: 16px; color: white; } form.custom .custom.radio.checked::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 1000px; background: rgb(34, 34, 34) none repeat scroll 0% 0%; position: relative; } form.custom .custom.checkbox.checked::before { content: "×"; color: rgb(34, 34, 34); position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px; } form.custom .custom.dropdown .selector::after { content: ""; display: block; width: 0px; height: 0px; border-width: 5px; border-style: solid inset inset; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(170, 170, 170) transparent transparent; position: absolute; left: 0.9375em; top: 50%; margin-top: -3px; } form.custom .custom.dropdown:hover a.selector::after, form.custom .custom.dropdown.open a.selector::after { content: ""; display: block; width: 0px; height: 0px; border-width: 5px; border-style: solid inset inset; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(34, 34, 34) transparent transparent; } form.custom .custom.dropdown .disabled:hover::after { display: none; } .button-group::before, .button-group::after { content: " "; display: table; } .button-group::after { clear: both; } .button-group > :first-child { margin-left: 0px; } .button-group.radius > :first-child, .button-group.radius > :first-child > a, .button-group.radius > :first-child > button, .button-group.radius > :first-child > .button { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius > :last-child, .button-group.radius > :last-child > a, .button-group.radius > :last-child > button, .button-group.radius > :last-child > .button { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .button-group.round > :first-child, .button-group.round > :first-child > a, .button-group.round > :first-child > button, .button-group.round > :first-child > .button { border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round > :last-child, .button-group.round > :last-child > a, .button-group.round > :last-child > button, .button-group.round > :last-child > .button { border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } table tr.even, table tr.alt, table tr:nth-of-type(2n) { background: rgb(248, 248, 248) none repeat scroll 0% 0%; } .topblack { background: rgb(229, 229, 229) none repeat scroll 0% 0%; width: 100%; height: auto; min-height: 51px; position: fixed; z-index: 9999; } .topblack > .row { background: rgb(45, 45, 45) none repeat scroll 0% 0%; box-shadow: -2px 8px 20px 4px rgba(0, 0, 0, 0.44); } .pos-r { position: relative; } .logo { float: left; color: rgb(255, 255, 255); padding-left: 10px; } .logo a { color: rgb(255, 255, 255); font-family: "Roboto-Bold"; font-size: 20px; line-height: 51px; } .nav { margin-bottom: 20px; margin-left: 0px; list-style: outside none none; } .nav > li > a, .nav > li > span { display: block; } .nav-tabs::before, .nav-pills::before, .nav-tabs::after, .nav-pills::after { display: table; line-height: 0; content: ""; } .nav-tabs::after, .nav-pills::after { clear: both; } .menu-navbar { margin-left: 20px; } .menu-navbar .navbar .nav > li { line-height: 51px; border-left: 2px solid rgb(229, 229, 229); } .menu-navbar .navbar .nav > li > a, .menu-navbar .navbar .nav > li > span { font-size: 20px; font-family: "Roboto"; padding: 0px 11px; line-height: 51px; color: rgb(255, 255, 255); } .pull-left { float: left; } .navbar { overflow: visible; } .navbar-inner::before, .navbar-inner::after { display: table; line-height: 0; content: ""; } .navbar-inner::after { clear: both; } .navbar-form::before, .navbar-form::after { display: table; line-height: 0; content: ""; } .navbar-form::after { clear: both; } .navbar .nav { position: relative; left: 0px; display: block; float: left; margin: 0px 10px 0px 0px; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px; color: rgb(0, 0, 0); text-decoration: none; } .main-layout { margin: auto; padding-top: 52px; min-width: 300px; } .internal_anchor { position: absolute; margin-top: -135px; display: block; } .main-layout::before, .main-layout::after { content: " "; display: table; } .row .row .bonus-listing-date, .row .row .pageHeadingMain { font-size: 20px; font-family: "Roboto"; color: rgb(255, 255, 255); padding-left: 87px !important; line-height: 42px; background: rgb(248, 98, 119) none repeat scroll 0% 0%; } .row .row .pageHeadingMain { padding-left: 45px !important; } #content .pageHeadingMain h1 { color: rgb(255, 255, 255); font-size: 20px; margin: 0px; line-height: 42px; float: left; } .col-2 { font-size: 17px; font-family: "Roboto-Bold"; color: rgb(0, 0, 0); padding-left: 0px !important; padding-top: 6px; } .col-2 span { color: rgb(29, 36, 131); font-size: 12px; font-family: "Roboto"; line-height: 21px; } .navigation { float: left; } .clear { clear: both; } .clear-20 { clear: both; height: 20px; } .col-3 { font-family: "Roboto-Bold"; font-size: 18px; } .col-3 span.code { color: rgb(124, 124, 124); font-size: 11px; font-family: "Roboto"; line-height: 21px; } .row .row .col-4 { float: none; } .col-4.info-button { padding: 0px 3px; } .bonus-single, .casino-single, .slot-single, .tournament-single { border-top: 3px solid rgb(229, 229, 229); } .casino-single .columns, .slot-single .columns { padding: 0px 4px; } .bonus-single:hover, .BonusRow:hover, .casino-single:hover, .slot-single:hover, .tournament-single:hover { background: rgb(232, 241, 241) none repeat scroll 0% 0%; } .bonus-single:last-child, .tournament-single:last-child { border-bottom: 1px solid rgb(217, 217, 217); } .row.simple-block { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(45, 45, 45); padding: 10px 70px; margin: 15px 0px !important; } .row.simple-block h2, .row.simple-block h3 { font-weight: 600; color: rgb(28, 136, 71); } .row.simple-block ul.pros li::before, .row.simple-block ul.cons li::before { width: 100px; font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; font-family: "FontAwesome"; margin: 0px 5px 0px -15px; } .row.simple-block ul.pros li::before { color: green; content: ""; } .row.simple-block ul.cons li::before { color: red; content: ""; } #faq-section .faq-question::after { font-family: "FontAwesome"; content: ""; float: right; width: 19px; height: 19px; background-color: transparent; text-align: center; font-weight: normal; color: rgb(45, 45, 45); } #faq-section .faq-question.expanded::after { content: ""; } .review-text { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(45, 45, 45); padding: 10px 45px; } .simple-block p, .review-text p, .simple-block li, .review-text li { font-size: 12px; line-height: 16px; margin-bottom: 10px; color: rgb(45, 45, 45); } .sidebar-heading1 { padding-left: 14px; color: rgb(255, 255, 255); font-size: 20px; line-height: 42px; background: rgb(248, 98, 119) none repeat scroll 0% 0%; border-bottom: 3px solid rgb(229, 229, 229); } #sidebar .row { border-bottom: 5px solid rgb(229, 229, 229); } .software img { width: 60px; } .footer-gap { background: rgb(210, 210, 210) none repeat scroll 0% 0%; height: 52px; } .footer-top { background: rgb(143, 151, 153) none repeat scroll 0% 0%; } .footer-top-text { color: rgb(255, 255, 255); font-size: 11px; text-align: center; line-height: 18px; float: none; } .clear-10 { clear: both; height: 10px; } #content h1 { font: 24px/34px "Roboto"; } #content h2 { font: 20px/34px "Roboto"; } #content h2.section-heading, .review-text h3, .single-news h3 { color: rgb(28, 136, 71); font-family: "Roboto-Bold"; font-size: 20px; margin: 20px 0px 0px; } .review-text div div h3:first-child { margin-top: 5px; } .review-text a, .review-text h2, .black-heading a, .single-news a { color: rgb(28, 136, 71); } #content h3 { font: 16px/34px "Roboto"; } .sidebar-list ul { margin: 0px 14px; } .sidebar-list ul li { list-style: outside none none; border-bottom: 2px solid rgb(229, 229, 229); } .sidebar-list ul li:last-child { border: 0px none; } .sidebar-list ul li:hover { background: rgb(232, 241, 241) none repeat scroll 0% 0%; } .sidebar-list ul li a { font-size: 18px; height: 32px; line-height: 32px; color: rgb(15, 15, 15); } .sidebar-list ul li a:hover { text-decoration: underline; } .logo-link { display: table; } .slot-single .col-4 { text-align: center; } .slot-single .col-4 img { display: inline; } .icon-bet, .icon-bet-big { display: table-cell; vertical-align: middle; text-align: center; } .icon-bet { height: 77px; width: 77px; min-width: 77px; } .bonus-single .col-2, .slot-single .col-2, .casino-single .col-2, .tournament-single .col-2 { display: table-cell; padding-left: 10px !important; vertical-align: middle; padding-top: 0px; } .icon-bet img { width: 50px; display: inline; } #breadcrumb { min-height: 30px; } #breadcrumb ul { list-style-type: none; color: rgb(170, 170, 170); font-size: 70%; margin-bottom: 0px; } #breadcrumb ul a { color: rgb(136, 136, 136); } #breadcrumb ul a:hover { color: rgb(153, 153, 153); } #breadcrumb li { display: inline; } #breadcrumb li a::after { content: " > "; } #toggle-navigation.burgermenu { display: none; } @media only screen and (max-width: 680px) { 	#toggle-navigation.burgermenu { display: block; position: absolute; right: 10px; top: 0px; font-size: 3rem; color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; } 	.navigation { border-top: 0px none; } 	.newsletter-section { border-left: medium none; position: absolute; top: 0px; right: 68px; border-top: 0px none; } 	.newsletter-bg { top: 102px; } 	.logo { padding-right: 100px; padding-left: 10px; } 	.logo a { margin-left: 0px; } 	.menu-navbar .navbar .nav > li { border-left: medium none; } 	.navbar #navmenu { display: none; text-align: left; } 	.navbar #navmenu li a { text-align: left; } 	#navmenu li { float: none; } 	#navmenu .dropdown-menu { display: block; float: none; position: relative; box-shadow: none; text-align: left; } 	.user-navigation { border: 0px none; } 	.user-navigation .menu-navbar { border: 0px none; margin-left: 0px; } 	.topblack { position: absolute; } 	.main-layout { padding-top: 52px; } 	.internal_anchor { position: absolute; margin-top: -52px; } 	#sidebar, #content { width: 100%; } } @media only screen and (max-width: 480px) { 	.newsletter-bg { right: -50px; } 	#login-widget { width: inherit; right: 0px; } 	.row.bonus-single .casino-column, .row.tournament-single .casino-column { width: 85%; float: left; } 	.row.bonus-single .flag-column, .row.tournament-single .flag-column { width: 15%; float: right; padding-top: 0px; } 	.row.bonus-single .col-3, .row.tournament-single .col-3 { width: 50%; float: left; clear: both; padding-top: 3px; text-align: center; } 	.row.bonus-single .row .col-4, .row.tournament-single .col-4 { width: 50%; float: right; } 	.row.bonus-single .col-4.info-button { display: block; height: 40px; line-height: 120px; width: 100%; padding: 3px 0px; } 	.row.bonus-single .col-4.info-button a { line-height: 40px; height: 40px; } 	.row.bonus-single .row .col-4 a, .row.bonus-single a .col-4 { line-height: 60px; } 	.bonus-single, .tournament-single { border-top: 5px solid rgb(229, 229, 229); } 	.row.simple-block, .row.news, .row .review-text, .bonusText { padding: 15px; } 	.row.simple-block p { text-align: justify; } 	.row .row .pageHeadingMain { width: 100%; float: left; padding-left: 15px !important; } 	.pagination div:nth-child(2n+1) { width: 48%; } 	.pagination div:nth-child(2n) { width: 4%; }  }   @font-face { 	font-family: "FontAwesome"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/402/fontawesome-webfont.eot) format("embedded-opentype"), url(/uploads/402/fontawesome-webfont.woff) format("woff"), url(/uploads/402/fontawesome-webfont.ttf) format("truetype"), url(/uploads/402/fontawesome-webfont.svg) format("svg"); } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; text-rendering: auto; }  .mob-btn{   width: 29px;   height: 18px;   display: none;   flex-direction: column;   justify-content: space-between;   cursor: pointer;   position: relative; } .mob-btn span{   width: 100%;   height: 2px;   display: block;   background: #fff;   transition: all .4s ease; } .mob-btn.active span:nth-child(1){   transform: rotate(45deg);   position: absolute; } .mob-btn.active span:nth-child(2){   display: none; } .mob-btn.active span:nth-child(3){   transform: rotate(-45deg); } @media only screen and (max-width: 680px){   .mob-btn{       display: flex;       z-index: 9999;   }   .mob-btn.active{     margin-top: 10px;   }   .navbar #navmenu{     display: none;     position: absolute;     width: 100%;     height: auto;     left: 0;     top: 100%;     background: #2c2c2c;   }   .large-12.pos-r {     display: flex;     justify-content: space-between;     align-items: center; }   .navigation {     border-top: 0px none;     width: 40%;     display: flex;     justify-content: flex-end; } }