@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:opsz,wght@8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900&display=swap");

body{
	background-color :#252a30;
	color            :#ffffff;
	font-family      :"Roboto Serif", serif;
	font-weight      :400;
	}

a{
	text-decoration :none !important;
	}

	.portlet-wrapper article, #footerv2, #footer, .ruletaSEOContent > h1, .Games__container--20m, #p_p_id_16, .portlet-wrapper{
	background-color :#252a30 !important
	}

.desktop :not(.emulate-mobile) h1, .desktop :not(.emulate-mobile) h4, .desktop :not(.emulate-mobile) h5, .desktop :not(.emulate-mobile) h6{
	line-height :inherit !important;
	}

.application-root .ruletaSEOContent p, .application-root .ruletaSEOContent li{
	font-size     :1vw;
	line-height   :2.5rem;
	margin-bottom :0.3vw;
	}

.desktop ul.Slider__slider--3k3.GamesView__innerSlider--3xM{
	max-width :1300px !important;
	margin    :auto;
	}

.mws-cms-component-editor__controls{
	color :#000000 !important;
	}

.mws-cms-component-editor__option-item{
	color :#000000 !important;
	}

html.desktop .casinoPageTopBanner .codereDesktop{
	display :block;
	}

.mobile .Games__header--9W0{
	display :none !important;
	}

html.desktop .casinoPageTopBanner img, html .tablet .casinoPageTopBanner img{
	display :none;
	}

.application-root .codereBackgroundColor{
	background-color :#252a30;
	}

.FeedsTabs__container--8Xt{
	display :none !important;
	}

.desktop .codereTablet, .desktop .codereMobile,
.tablet .codereDesktop, .tablet .codereMobile,
.mobile .codereDesktop, .mobile .codereTablet{
	display :none !important;
	}

.application-root .codereGreen{
	color :#AF64DB;
	}

.application-root p{
	color :#FFFFFF;
	}

.application-root ol > li{
	color :#FFFFFF;
	}

.application-root ul > li{
	color :#FFFFFF;
	}

.image-container{
	position :relative;
	overflow :hidden;
	}

.image-container img{
	width      :100%;
	height     :auto;
	display    :block;
	transition :opacity 0.3s;
	}

.image-container:hover .overlay-svg{
	opacity :1;
	}

.overlay-svg{
	position   :absolute;
	top        :0;
	left       :0;
	top        :33%;
	left       :26%;
	opacity    :0;
	transition :opacity 0.3s;
	z-index    :1;
	max-width  :50%;
	}

.Slide__slide--11D{
	width    :100%;
	position :relative;
	/*overflow: hidden;*/
	}

.Slide__image--JRh, .Slide__wc--3qa{
	position :absolute;
	bottom   :0;
	left     :0;
	right    :0;
	top      :0;
	}

.desktop .casinoPageTopBanner{
	position :relative;
	}

/*content table*/
.content-table{
	background-color :#333;
	border-radius    :0.45rem;
	color            :#fff;
	margin           :auto;
	overflow         :auto;
	padding          :1.25rem;
	width            :100%;
	}

.content-table .subtitle{
	border-left   :3px solid #AF64DB;
	border-radius :0;
	color         :#AF64DB;
	margin-left   :1.5rem;
	padding-left  :0.75rem;
	}

.content-table a:active, .content-table a:focus, .content-table a:hover{
	color :#4b7502 !important;
	}

.container > ._tx.flexed-centered, .container > div > ._tx.flexed-centered{
	display :inline-block;
	float   :left;
	width   :48%;
	}

._tx a{
	color           :#fff;
	text-decoration :underline;
	}

.content-table i{
	background    :#333f48;
	border-radius :50px;
	display       :inline-block;
	height        :1.5vw;
	margin-right  :1vw;
	position      :relative;
	top           :0.4vw;
	width         :1.5vw;
	}

.content-table i:after, .content-table i:before{
	border-style :solid;
	content      :"";
	display      :block;
	height       :0;
	position     :absolute;
	top          :0.5vw;
	width        :0;
	}

.content-table i:before{
	border-color :transparent transparent transparent #fff;
	border-width :0.3vw 0 0.3vw 0.3vw;
	left         :0.7vw;
	}

.content-table i:after{
	border-color :transparent transparent transparent #333f48;
	border-width :0.3vw 0 0.3vw 0.3vw;
	left         :0.6vw;
	}

.accordion-header{
	width :100%;
	}

.accordion-header > button{
	background-color :#252a30;
	color            :#AF64DB;
	font-size        :1.7rem;
	}

.accordion-item{
	background-color :#252a30 !important;
	border-color     :#252a30 !important;
	}

.accordion-item > border{
	background-color :#252a30 !important;
	border-color     :#252a30 !important;
	}

.accordion-button:not(.collapsed){
	background-color :#252a30 !important;
	color            :#AF64DB !important;
	}

.accordion-button:focus{
	border-color :#252a30 !important;
	}

.accordion-body{
	background-color :#252a30;
	color            :#ffffff;
	}

.accordion-button::after{
	flex-shrink       :0;
	width             :1.25rem;
	height            :1.25rem;
	margin-left       :auto;
	content           :"";
	background-image  :url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23AF64DB'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
	background-repeat :no-repeat;
	background-size   :1.25rem;
	transition        :transform .2s ease-in-out;
	}

.floating{
	position        :absolute;
	top             :50%;
	left            :50%;
	transform       :translate(-50%, -50%);
	display         :flex;
	flex-direction  :column;
	justify-content :center;
	align-items     :center;
	}

.ruletaSEOContent > h1{
	font-size       :2.2vw;
	color           :#AF64DB;
	margin          :0;
	padding         :0;
	font-weight     :500;
	display         :flex;
	margin-bottom   :1vw;
	justify-content :center;
	text-align      :center;
	}

.application-root h2{
	margin      :0;
	padding     :0 0 15px 0;
	font-weight :normal;
	font-size   :1.3vw;
	}

@media screen and (max-width :767px){
	.p_p_id_13, .p_p_id_10, .p_p_id_9{
		margin :0 20px 0 20px;
		}

	.application-root h2{
		padding       :0;
		margin-bottom :0;
		}

	.floating a{
		font-size   :1rem;
		font-weight :600;
		line-height :1;
		margin-top  :1.15rem;
		padding     :0.55rem 1.65rem;
		}

	#codereMobileBannerText > span{
		font-size   :10.2vw !important;
		line-height :1;
		font-family :Codere;
		color       :#fff;
		}

	#codereMobileBannerText > a{
		font-size :4.5vw !important;
		padding   :2vw 4vw;
		min-width :8em !important;
		}

	#layout-column_column-1 a{
		text-decoration :none;

		}

	#layout-column_column-1 .ruletaSEOContent > h1{
		text-align       :center;
		line-height      :1.5;
		font-size        :2rem !important;
		background-color :#252a30 !important;
		}

	.ruletaSEOContent > h1{
		display         :flex;
		justify-content :center;
		align-items     :center;
		text-align      :center;
		margin-top      :1rem;
		/* font-size: 2vw; */
		}

	#layout-column_column-1 .ruletaSEOContent > h2{

		font-size        :calc(1.325rem + .9vw) !important;
		font-weight      :normal;
		margin-bottom    :0 !important;
		background-color :#252a30 !important;
		}

	.header{
		text-align :left;
		font-size  :1.55rem;
		}

	.main-header{
		display         :flex;
		justify-content :space-between;
		}

	.main-header__common--desktop .btn_action_sign-up, .main-header__common--mobile .btn_action_sign-up{
		padding       :1.8vw 3vw;
		border-radius :20px;

		}

	.blackjackSEOContent{
		display :none;
		}

	.codereSeoArticle{
		font-family :inherit;
		font-size   :1rem;
		font-weight :300;
		}

	/*mobile */

	}
	button.btn.fn-login-btn.btn_type_popup-login.circular-effect {
		background: #AF64DB;
		border-radius: 30px;
		color: #fff;
	}
	
	.LoginPopup__loginWc--WgI article {
		background: none !important;
	}
	
	.application-root .LoginPopup__loginWc--WgI p {
		color: inherit;
	}
	
	.LoginPopup__loginWc--WgI a.btn.btn_type_info {
		background-color: #3498db;
		border-radius: 30px;
		color: #fff;
	}
	a.BalanceBreakdownPopup__depositButton--3Jt {
		color: #fff;
	}
	
	.portlet__content_type_mobile-cashier .form_name_cashier-deposit .form__actions .btn, .portlet__content_type_mobile-cashier .form_name_cashier-withdraw .form__actions .btn {
		border-radius: 30px;
		font-size: 1.5rem;
	}