/************************ Header Line *****************************/
.main-header-container {position: -webkit-sticky; position:sticky; top:0; left:0; z-index: 70;}
.header-line		{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; background-color:#fff; position:relative;}

@media screen and (min-width: 768px) { /* desktop-view */
	/* #site-container			{padding-top:0px;} */
	/* .header-line			{ right:0;} */
}

a.logo				{width:216px; display:table;}
a.logo img			{width:100%; height:auto; display:block;}

#login-header		{height:30px; line-height:30px; margin:10px 12px 0px 0px; padding:0px 13px 0px 13px; font-size:1.2rem; font-weight:900;}
#join-header		{height:30px; line-height:30px; margin:10px 12px 0px 0px; padding:0px 13px 0px 13px; font-size:1.2rem; font-weight:900;}
#search-demi {
	/*
	display:table; width:220px; height:44px;
	margin:12px 14px 0px 0px; padding:12px 0px 0px 14px;
	border:#a6a6a6 2px solid; border-radius:22px;
	background:#fff url('/img/search.png') no-repeat right 12px center;
	color:#8a92a6; font-size:1.7rem; line-height:100%;
	cursor:pointer; box-sizing:border-box;
	*/
	display:table; width:30px; height:30px;
	margin:10px 12px 0px 0px; padding:0px;
	background:#fff url('/img/search.png') no-repeat center center;
	cursor:pointer;
}
#search-demi > span {
	display: none;
}

a.search-demi {
	text-decoration: none;
}

@media screen and (min-width: 768px) { /* desktop-view */
	.header-line			{height:50px}
	a.logo	{width:216px; height: 100%; display: flex; justify-content: center; align-items: center;} /* ??? */
	a.logo:not(.blog-logo)	{margin: 0px auto 0px 50px; align-self:flex-start;}
}

@media screen and (max-width: 767px) { /* mobile view */
	a.logo			{margin:0 auto;}
	#login-header	{display:none !important;}
	#join-header	{display:none !important;}
	#search-demi	{display:none !important;}
}

@media screen and (max-width: 767px) and (orientation: landscape) { /* mobile view landscape*/
	a.logo			{width:auto;}
	a.logo img		{height:8vw; width:auto;}
}
div.banner-legal a          {color:#FEA646;}
div.banner-legal a:hover       {color:#fff;}

.slider-pc .banner-legal {
    background-color:rgba(0,0,0,0.7);
}

.slider-pc .bg-img-holder {
    position: relative;
    padding-top: 24.583%; /* 1920 / 472 */
    background-color: #494949;
}

.slider-pc .offer button.offer-but {
    padding: 0.6vw 3.5vw 0.9vw 3.5vw !important;
    margin-left: 4.3%;
}

@media screen and (max-width: 768px) { /* mobile view */
    .slider-pc .banner-legal {
        background-color:#494949;
        font-size: 60% !important;
    }

    .slider-pc .bg-img-holder {
        position: relative;
        padding-top: 33.333%; /* 1920 / 472 */
    }
}

/************************ Slider Line *****************************/
.slider-line		{}
.slider-pc			{display:block; position:relative;}
div.banner-legal	{font-size:1.2rem; line-height:115%; color:#fff;}
div.banner-legal > img	{margin-left: 8px;max-width: 30%;}

.slider-pc .banner-legal {
    width:100%; position:absolute;
    bottom:0; left:0; right:0;
    padding:0.6%; display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing: border-box;
}

.slider-pc .banner-legal .text a {
    font-weight: 700;
}

.offer {
	position: absolute;
    top: 0;
}

.banner-legal .text {
    opacity: 1;
    transition: opacity .5s;
}

.banner-legal .text.validating {
    opacity: 0;
}

.offer img {
	cursor: pointer;
}

.offer button.offer-but {
	margin-left: 5%;
    height: auto;
    line-height: normal;
    display: initial;
    font-size: 2vw;
    padding: 0.9vw 1.7vw;
    white-space: nowrap;
}

.slider-pc .bg-img-holder {
    position: relative;
}

.slider-pc .bg-img-holder .banner-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.slider-pc .banner-bg {
    width: 100%;
}

.slider-pc .mobile-legal {   
    display: none; 
}   

@media screen and (min-width: 768px) { /* desktop view */
	.slider-pc .mobile-terms {display: none;}
}


@media screen and (max-width: 1024px) { /* mobile view */
    div.banner-legal	{font-size:1rem;}
    div.banner-legal > img	{max-width: 25%;}
}

@media screen and (max-width: 767px) { /* mobile view */
    .slider-pc .banner-legal {position: initial;padding:1.5vw 2vw 1.5vw 2vw; font-size:70%; line-height:125%;}
    .slider-pc button {display: none !important;}
    .banner-legal img {display: none !important;}
    .slider-pc .bg-container {
        position: relative;
    }

    .slider-pc .mobile-legal {   
        display: initial; 
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }   

    .slider-pc .bg-img-holder {
        position: relative;
    }

    .offer.hide-mobile img {
        display: none;
    }
}

.mobile-game-image {
    width: 100%;
}

#slider-container {
    position: relative;
}

#slider-container {
    background-color: #000000;
}

.slider-pc-override {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.banner-will-change .slider-pc {
    opacity: 0;
    transition: opacity 1s;
}

.banner-will-change.banner-has-changed .slider-pc {
    opacity: 1;
}

.slider-pc .desktop-front {
    height: calc(100VW/6.58);
    width: 100%;
}

.slider-pc .banner-bg {
    height: calc(100VW/4.07);
    width: 100%;
}

@media screen and (max-width: 767px) { /* mobile view */
    .slider-pc .desktop-front {
        height: calc(100VW/3);
    }

    .slider-pc .banner-bg {
        height: calc(100VW/3);
    }

    .slider-pc.slider-game .banner-bg {
        height: calc(100VW/2.08);
    }
}

/****** 3rd level - pannel - game page ******/
#game-page .area-wrapper {
    width: 100%;
	max-width: none;
	/*background-color: yellow;*/
}
#game-page .normal-wrapper.area-wrapper {
    width: 95%;
	/* max-width: 1310px; */
}

#game-page div.tabs-section-wrap			{display:none; overflow:hidden; padding:0;}
#game-page div.tabs-section-wrap.active		{display:block;}
#game-page div.tab-section-pannel			{display:none;}
#game-page div.tab-section-pannel.active	{display:block;}
#game-pannel								{text-align:left;}
#game-page div.game-info					{display: inline-block; margin: 0 auto; text-align: left;}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page div.tabs-section-wrap	{ padding:0;}
}

/****************** Game stuff ***************/

/** standard params **/
div.param-card				{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; padding:15px 20px 20px 20px;}
div.param-card.image		{padding:0; overflow: hidden; position: relative;}
div.param-card.image .game-img-rect img	{height: 100%; max-width: unset;}
div.param-card.image .img-ph-warpper {
	overflow: hidden;
    border-radius: 2px;
    display: flex;
	justify-content: center;
}
@media screen and (max-width: 767px) { /* mobile view */	
	div.param-cards-group > div.param-card.image img {
		height: auto;
		width: 100%;
	}
}
div.param-card.capitalized	{text-transform: capitalize;}
div.param-card-head > div	{text-align:center; padding:0; margin:0px 0px 25px 0px; display:flex; flex-wrap:wrap; justify-content:flex-end; flex-direction:column; box-sizing:border-box;}
div.param-card-head			{display:table; margin:auto;}
div.param-card-head img		{display:table-cell; vertical-align:middle;}
div.param-card-head div		{display:table-cell; vertical-align:middle; padding-left:10px; color:#005E7D; font-size:2rem; line-height:115%; font-weight:bold;}
div.param-card-body			{display:flex; flex-direction:column; flex-grow:1; justify-content:center; text-align:center; word-break: break-all;}
div.param-row strong		{color:#0099CC; font-size:2.6rem; line-height:115%; font-weight:900; font-family:"Maven Pro", arial, helvetica, sans-serif;}

.param-card div.score-param-row		{height:100%; display:flex; justify-content:space-between;}
.param-card div.raitings			{width:60%; display:flex; flex-direction:column; justify-content:center; text-align:center;}
.site-container-nb-NO .param-card div.raitings,
.site-container-de .param-card div.raitings,
.site-container-fi .param-card div.raitings {width:50%;}
.param-card div.score-raitings		{display:flex; justify-content:space-between; margin:7px 0px 7px 0px;}
.param-card div.overall				{width:32%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.site-container-de .param-card div.overall,
.site-container-nb-NO .param-card div.overall,
.site-container-fi .param-card div.overall {width:42%;}
.param-card .score-raitings div		{width:44%; display:flex; flex-direction:column; justify-content:center;}
.param-card .score-raitings img		{width:100%; height:auto; display:block;}
.param-card .raitings span			{color:#005E7D; font-size:2rem; line-height:115%; font-weight:bold;}
.param-card div.overall div			{color:#005E7D; font-size:3rem; line-height:115%; font-weight:bold;}
.param-card div.overall div span	{display:none;}
.param-card div.overall strong		{color:#0099CC; font-size:3.6rem; line-height:115%; font-weight:900; font-family:"Maven Pro", arial, helvetica, sans-serif;}

.param-card .score-1 img {
	background: -moz-linear-gradient(left, #afb736 19%, transparent 0);
	background: -webkit-linear-gradient(left, #afb736 19%, transparent 0);
	background: linear-gradient(to right, #afb736 19%, transparent 0);
}
.param-card .score-2 img {
	background: -moz-linear-gradient(left, #afb736 40%, transparent 0);
	background: -webkit-linear-gradient(left, #afb736 40%, transparent 0);
	background: linear-gradient(to right, #afb736 40%, transparent 0);
}
.param-card .score-3 img {
	background: -moz-linear-gradient(left, #afb736 60%, transparent 0);
	background: -webkit-linear-gradient(left, #afb736 60%, transparent 0);
	background: linear-gradient(to right, #afb736 60%, transparent 0);
}
.param-card .score-4 img {
	background: -moz-linear-gradient(left, #afb736 80%, transparent 0);
	background: -webkit-linear-gradient(left, #afb736 80%, transparent 0);
	background: linear-gradient(to right, #afb736 80%, transparent 0);
}
.param-card .score-5 img {
	background: #afb736;
}

div.param-cards-group > div			{background-color:#e7e7e7; border-radius:2px;}

div.param-cards-group .game-img {
	position:relative;
	height:auto;
	display:block;
}

div.param-cards-group .game-img .game-up {
	width: 100%; height: 100%;
    display: flex;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    text-align: center;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

div.param-cards-group .game-img:hover .game-up {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

/** icons pannel **/
div.icon-panel			{position:absolute; bottom:0;}
.icon-panel #tags {
	display: inline-flex;
    position: absolute;
	bottom: 0; left: 0;
    z-index: 2;
	margin:0; padding:0;
}
.icon-panel li.tag {
	position: relative;
	padding: 3px 4px 4px 21px;
	margin: 0;
	border-radius: 0 2px 0 0;
	line-height: 100%;
	white-space: nowrap;
	text-transform: uppercase;
	list-style-type:none;
}

.icon-panel li.tag:first-child {
    padding-left: 9px;
}

.icon-panel li.tag:after {
	content: "";
	display: block;
	width: 16px; height: 100%;
	position: absolute;
	z-index:-1;
	bottom: 0; left: 100%;
	border-radius: 0 2px 0 0;
	-webkit-transform: skew(30deg,0deg);
	-moz-transform: skew(30deg,0deg);
	-ms-transform: skew(30deg,0deg);
	transform: skew(30deg,0deg);
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
}

.icon-panel li.tag.jackpot			{background-color:#fea646; color:#000; z-index:9;}
.icon-panel li.tag.new				{background-color:#005e7d; color:#fff; z-index:8;}
.icon-panel li.tag.popular			{background-color:#0099cc; color:#fff; z-index:7;}
.icon-panel li.tag.live_dealer		{background-color:#000; color:#fff; z-index:6;}

.icon-panel li.tag.jackpot:after		{background-color:#fea646;}
.icon-panel li.tag.new:after			{background-color:#005e7d;}
.icon-panel li.tag.popular:after		{background-color:#0099cc;}
.icon-panel li.tag.live_dealer:after	{background-color:#000;}

.icon-panel li.tag span {
    position: relative;
	z-index: 10;
	font-size: 1.4rem;
	line-height: 115%;
}

/** bets range **/
div.mm-range			{display:flex; flex-wrap:wrap; justify-content:space-between;}
div.min-max strong		{margin-bottom:2px;}
div.mm-arrow			{width: 100%; height:1px; background-color:#005E7D; margin-top:8px; position:relative;;}
div.mm-arrow:before {
    content:""; display:block;
    width: 5px; height: 9px;
    position: absolute;
    bottom: -4px; left: 0;
    background :url('/img/GamePage/minmax-left.gif');
    z-index: 9;
}
div.mm-arrow:after {
    content:""; display:block;
    width: 5px; height: 9px;
    position: absolute;
    bottom: -4px; right: 0;
    background :url('/img/GamePage/minmax-right.gif');
    z-index: 9;
}
div.min-max span		{padding-top:10px;  color:#005E7D; font-size:1.6rem; line-height:110%;}

/* popup yes img */
/* @media screen and (max-width: 799px) { 
	#game-page div.game-info		{max-width:590px;}
	div.param-card-body		{padding: 6vw 0 6vw 0;}
	div.mm-range			{padding:0 8%;}
			
	#game-popup .param-cards-group > div.param-card.image		{display:block !important; grid-column-start:1; grid-column-end:3; margin-bottom:0 !important; border-radius:2px 2px 0px 0px;}
	#game-popup div.param-card.image .img-ph-warpper			{border-radius:2px 2px 0px 0px;}
	#game-popup div.param-card.image .game-img-rect img			{width:100% !important;}
} */

@media screen and (max-width: 799px) and (min-width: 768px) {
	#game-popup .param-cards-group div.param-row strong		{font-size: 5.7vw;}
}

@media screen and (max-width: 767px) {
	#game-page div.game-info		{max-width:500px;}
	div.param-card-body				{padding: 6vw 0 0 0;}
	.min-max div.param-card-body	{width:100%; max-width:90%; margin-left:auto; margin-right:auto;}
	#game-popup .param-cards-group > div.param-card.image	{margin-bottom:0 !important;}
	#game-popup div.param-card.image .img-ph-warpper {border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
	#game-popup param-card.score 		{border-top-left-radius:0px; border-top-right-radius:0px;}
	.param-card div.score-param-row		{flex-direction:column;}
	.param-card div.raitings			{width:100%; flex-direction:row; justify-content:space-between; flex-wrap:wrap; margin-bottom:2.5vw;}
	.site-container-nb-NO .param-card div.raitings,
	.site-container-de .param-card div.raitings,
	.site-container-fi .param-card div.raitings {width:100%;}
	.param-card div.score-raitings		{width:44%; margin:0.7vw 0px 0.7vw 0px;}
	.param-card div.overall				{width:100%; flex-direction:row; justify-content:center;}
	.site-container-de .param-card div.overall,
	.site-container-nb-NO .param-card div.overall,
	.site-container-fi .param-card div.overall {width:100%;}
	div.param-row strong				{font-size: 5.7vw;}
	.param-card div.overall strong		{font-size: 5.7vw;}
	.param-card div.overall div			{font-size: 5.7vw;}
	.param-card div.overall div span	{display:inline-block; margin-right:2vw;}
}

@media screen and (max-width: 600px) { /* mobile responsive */
	div.param-row strong			{font-size:6.5vw;}
	.param-card div.overall strong	{font-size:6.5vw;}
	div.param-card-head div			{font-size:5vw; font-weight:bold;}
	.param-card .raitings span		{font-size:4vw; font-weight:bold;}
	.param-card div.overall div		{font-size:6.5vw; font-weight:bold;}
	div.param-card-head img			{width:8vw;}
	div.min-max span				{font-size:2.7vw; font-weight:bold;}
}
@media screen and (max-width: 400px) { /* mobile responsive */
	.param-card div.score-raitings	{width:100%;}
	div.param-row strong			{font-size:9vw;}
	.param-card div.overall strong	{font-size: 9vw;}
	.param-card div.overall div		{font-size: 9vw;}
	.site-container-de div.overall div,
	.site-container-nb-NO div.overall div,
	.site-container-fi div.overall div {font-size: 7vw;}
	div.min-max span				{font-size:3.2vw; font-weight:bold;}
	.param-card .raitings span		{font-size: 5vw;}
}

/************************** structure **************************/
div.param-cards-group {
	margin-bottom: 20px;
}

.param-cards-group > div.param-card  {
	margin-bottom: 10px;
}

.param-cards-group > div.param-card.score  {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
}

.param-cards-group > div.param-card.image  {
	grid-column-start: 1;
	grid-column-end: 3;
}

@media screen and (min-width: 768px) {
	.param-cards-group {
		display:inline-grid; 
		grid-gap:20px;
		grid-template-columns: repeat(2, 240px);		
		grid-auto-rows: 240px;
	}

	.param-cards-group > div.param-card  {
		margin-bottom: unset;
	}
}

/***** type 1 default *****/
.default-wrapper		{max-width:1280px;text-align: center;}
.casino-wrapper		{max-width:1280px;text-align: center;}
.scratch_cards-wrapper		{max-width:1280px;text-align: center;}

@media screen and (min-width: 880px) {
	.param-cards-group {
		grid-template-columns: repeat(3, 240px);
	}
}

@media screen and (min-width: 1362px) {
	.param-cards-group  {
		grid-template-columns: repeat(4, 240px);
	}
}

@media screen and (min-width: 1600px) {
	.param-cards-group.default  {
		grid-template-columns: repeat(5, 240px);
	}
}


/** carousel ?? **/
#game-carousel				{width:100%; background-color:#0099CC; text-align:center; padding:30px 0 30px 0;}
#game-page .images-title	{width:95%; max-width:1310px; margin: 0 auto 20px auto;display: none;}
#game-carousel h2			{color:#fff; font-size:3.6rem; line-height:115%; font-weight:900; display:inline;}
#game-carousel #images		{width:unset; max-width:1310px; white-space: nowrap; margin: 0 auto; overflow: hidden;}
#game-carousel #images.gallery		{display: flex; flex-direction: row; justify-content: space-between;}
#game-carousel #images img			{max-width: 30%; height:auto; display:inline-block; vertical-align: bottom;}

@media screen and (max-width: 767px) { /* mobile view */
	#game-carousel				{padding:3.5vw 0 4.5vw 0; overflow-x: auto;}
	#game-carousel #images		{max-width:unset;}
	#game-carousel #images.gallery		{display: inline;}
	#game-page .images-title	{margin-bottom:2.6vw;}
	#game-carousel h2			{font-size:145%;}
	#game-carousel #images img	{max-width: 80%; margin: 0 3%;}
}

/** game text **/
#game-text						{padding:50px 0 30px 0;}
#game-text div.game-banner		{margin-bottom:50px;}
#game-text #game-banner-1		{padding-top:25px;}
#game-text img.desktop-only		{display:block;}
#game-text img.mobile-only		{display:none;}
#game-text .section-block		{margin-bottom:20px;}
#game-text .section-block h2	{margin-bottom:20px;}
#game-text .section-block h3	{margin-bottom:15px; font-size:150%; text-transform:uppercase;}
#game-text .col-2-flex > * p:last-child	{margin-bottom:0;}
#game-text .col-3-flex > * p:last-child	{margin-bottom:0;}
.game-content-wrapper .images-section {
	margin-left: -2.5%;
    margin-right: -2.5%;
	background-color: #0099CC;
	max-width: unset;
}
.game-content-wrapper sectiontitle {
	display: none;
}

.game-content-wrapper .images-section img {
	max-width: 360px;
	width: 30%;
	display: inline-block;
}

.game-content-wrapper .images-section gameimage {
	display: block;
    text-align: center;
    padding: 15px 2.5%;
}

.game-content-wrapper .game-seo {
	max-width: 1310px;
    margin: 30px auto;
}

#game-popup .game-content-wrapper .game-seo {
    margin: 30px 4%;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-text						{padding:6.5vw 0 4vw 0;}
	#game-text div.game-banner		{margin:0 -4.3% 6.5vw -4.3%;}
	#game-text #game-banner-1		{padding-top:2vw;}
	#game-text img.desktop-only		{display:none;}
	#game-text img.mobile-only		{display:block;}
	#game-text .section-block		{margin-bottom:3.5vw;}
	#game-text .section-block h2	{margin-bottom:3.2vw;}
	#game-text .section-block h3	{margin-bottom:3vw; font-size:100%;}
}

.recommended {
    padding-top: 1em;
}

.recommended h2 {
    text-align: center;
}

.recommended .categories {
    /*justify-content: space-evenly !important;*/
    justify-content: center !important;
    flex-wrap: unset !important;
}
#hp-special .games-carousel .carousel-items {
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

#hp-special .games-carousel .carousel-item-container {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0px 5px;
    vertical-align: top;
}

@media screen and (min-width: 1601px) { /* 9 items */
    #hp-special .games-carousel .carousel-item-container    {width:11.111111%}
}
@media screen and (max-width: 1600px) { /* 8 items */
    #hp-special .games-carousel .carousel-item-container    {width:12.5%;}
}
@media screen and (max-width: 1400px) { /* 7 items */
    #hp-special .games-carousel .carousel-item-container    {width:14.285714%;}
}
@media screen and (max-width: 1200px) { /* 6 items */
    #hp-special .games-carousel .carousel-item-container    {width:16.666666%;}
}
@media screen and (max-width: 1000px) { /* 5 items */
    #hp-special .games-carousel .carousel-item-container    {width:20%;}
}

#hp-special .games-carousel .carousel-item-container li {
    width: 100%;
}

#hp-special .games-carousel .carousel-item-container .img-wrap img {
    /*  width: 16vw; */  width: 100%;
}

#hp-special button.carousel__back-button, #hp-special button.carousel__next-button {
}

@media screen and (min-width: 1600px) {
    #hp-special .games-carousel .carousel-item-container .img-wrap img {
        width: 11vw;
    }

    #hp-special button.carousel__back-button, #hp-special button.carousel__next-button {
    }
}


#hp-special .games-carousel .see-all-container {
    position: absolute;
    top: 0px;
}

@media screen and (max-width: 767px) { /* mobile view */
    #hp-special .games-carousel .carousel-items {
        overflow: auto;
    }
    #hp-special .games-carousel .carousel-item-container {
        width: 38% !important;
        padding: 0px 0.9vw;
    }
}

.carousel-container .carousel-mobile,
.carousel-container .carousel-desktop-small {
    display: none;
}
@media screen and (max-width: 1200px) {
    .carousel-container .carousel-desktop {
        display: none;
    }
    .carousel-container .carousel-desktop-small {
          display: block;
    }
}
@media screen and (max-width: 767px) {
    .carousel-container .carousel-desktop-small {
        display: none;
    }
    .carousel-container .carousel-mobile {
          display: block;
    }
}

#hp-special .games-carousel .carousel-container ul li {
    margin: 0;
}

/** space for mobile **/
.games-slider-item-first, .games-slider-item-last	{display:none !important;}

@media screen and (max-width: 767px) { /* mobile view */
	.games-slider-item-first, .games-slider-item-last	{height:40px!important; display:block !important; width:3.17vw !important;}
}
.simple-carousel-container {
    color: white;
    padding: 30px 0px;
    text-align: center;
    background-color: #005e7d;
    margin: 0px -20px 0px -20px;
}

.simple-carousel-container h2 {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: white;
}

.list-item-el {
    list-style: none;
    cursor: pointer;
}

.list-item-el a.pic-wrap {
    display: table;
    margin-bottom: 10px;
}
.list-item-el a.txt-wrap {
    font-size: 2rem;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.carousel-items-box {
    display: inline-grid;
    grid-auto-flow: column;
    color: white;
    margin-left: 0;
    transition: all .8s ease-in-out;
    grid-column-gap: 2vw;
}

.carousel-items-box img {
    width: 26vw;
    max-width: 500px;
}

.carousel-items-box.position-1 {
    margin-left: 4px;
}

.carousel-items-box.position-2 {
    margin-left: -84vw;
}

.carousel-items-box.position-3 {
    margin-left: -168vw;
}

.carousel-items-box.position-4 {
    margin-left: -252vw;
}

.carousel-items-box.position-5 {
    margin-left: -336vw;
}

.carousel-items-box.position-6 {
    margin-left: -400vw;
}

.simple-carousel-container > .carousel-wrap > div { overflow-x: hidden;}

.simple-carousel-container .page-seperator  {margin-bottom:-32px;}
.game-providers .page-seperator             {display:none;}

div.carousel-wrap {
    position: relative; padding: 0px 0px 0px 30px;
}

.simple-carousel-container .carusel-arrow {
    display: block;
    height: calc(100% - 36px) !important;
    padding: 0 10px !important;
    background: rgba(0, 94, 125, 0.6) !important;
    position: absolute;
    top: 0;
    z-index: 2;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color: #fff;
    font-size: 40px !important;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.simple-carousel-container .carusel-arrow-left {
    left: 0px;
    border-radius: 2px 0px 0px 2px;
}

.simple-carousel-container .carusel-arrow-right {
    right: 0px;
    border-radius: 0px 2px 2px 0px;
}

.simple-carousel-container .carusel-arrow-left:hover {
    opacity: 1;
}

.simple-carousel-container .carusel-arrow-right:hover {
    opacity: 1;
}

.simple-carousel-container .carusel-arrow.disable {
    opacity: 0.2;
}

.game-series .carusel-arrow              {display: none;}

@media screen and (max-width: 767px) { /* mobile view */
    .simple-carousel-container > .carousel-wrap > div { overflow-x: auto;}
    .simple-carousel-container  {padding:6vw 0px; margin:0px -3.17vw 0px -3.17vw;}
    .simple-carousel-container h2   {font-size:4.7vw; margin-bottom:5vw; text-transform:capitalize;}
    div.carousel-wrap           {padding:0px;}
    .simple-carousel-container .page-seperator    {margin:5vw 0px -7vw 0px !important;}
    .simple-carousel-container > div > div { overflow-x: auto;}
    .simple-carousel-container .carusel-arrow,
    .simple-carousel-container .fa {
        display: none;
    }
    .simple-carousel-container .carousel-items-box img     {width:70vw; max-width:500px;}
    .simple-carousel-container .carousel-items-box         {grid-column-gap:4vw; padding-left:4vw; padding-right:4vw;}
    .simple-carousel-container .list-item-el a.pic-wrap    {margin-bottom:1.5vw;}
    .simple-carousel-container .list-item-el a.txt-wrap    {font-size:4vw; line-height:115%; font-weight:500;}
}
.about-us-block > div {
    display: inline-grid; 
    grid-column-gap: 4%;
}

.about-us-block > .about {    
    grid-template-columns: auto 30%;
    margin-bottom: 4%;
}

.about-us-block > .about .about-txt {    
    grid-column: 1;
    grid-row: 1;
}

.about-us-block > .about .about-img {    
    grid-column: 2;
    grid-row: 1;
}

.about-us-block > .about > div {   
    align-self: center;
}

.about-us-block > .mission-license {    
    grid-template-columns: 30% auto;
}

@media screen and (max-width: 767px) {
	.about-us-block > div {
        display: block;
    }

    .about-us-block > .about img {   
       margin: 0 auto 8% auto;
       max-width: 70%;
    }
}
.promotions-block {
    display: inline-grid; 
    grid-column-gap: 4%;
    grid-template-columns: 30% auto;	
}

.content-line div.promotions-seperator {
    margin-top: 0;
}

.promotions-block .img-promotion {
    grid-column: 1;
    grid-row: 1/3;
}

.promotions-block h2 {
    grid-column: 2;
}

.promotions-block .txt-wrap {
    display: flex; 
    flex-flow: column;
}

.promotions-block .txt-wrap button {
    margin: 0;
}

.promotions-block .txt-wrap .txt-promotion {
    flex-grow: 1;	
}

.promotions-block .terms {
    grid-column: 1/-1;
    margin-top: 2%;
}

@media screen and (max-width: 768px) {
	.promotions-block {
        display: block;
    }    

    .promotions-block .txt-wrap button {
        margin: 0 auto;
    }    

    .promotions-block .img-promotion {
        margin-bottom: 2%;
    }

    .content-line div.promotions-seperator {
        margin-left: -4%;
        margin-right: -4%;
    }
}

/** promotions **/
div.terms.desktop {
	display: block !important;
}

div.terms.mobile {
	display: none !important;
}

div.terms p {
	font-size: 70%;
	margin-bottom: 8px;
}

div.terms a {
	color: #005E7D;
}

@media screen and (max-width: 767px) { /* mobile view */
	div.terms.desktop {
		display: none !important;
	}
	
	div.terms.mobile {
		padding-top: 20px;
		display: block !important;
	}
}
.site-container-empty .content{
    text-align: center;
    padding: 10%;
}
.site-container-empty .contentText{
    margin-bottom: 50px;
}
.site-container-empty img{
    display: inline;
}
.popup-overlay {
	z-index: 9999 !important;
  }

 .popup-overlay .popup-content {
	background: transparent !important;
	padding: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	height: 100%;
  }

  .popup-overlay .popup-content .content {
	position: fixed;
    top: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    left: 0;
    transition: .25s ease;
    z-index: 999;
    background-color: rgba(0,0,0,0.6);
  }

  .popup-overlay .popup-content .modal {
	display: block;
	height: 100%;
  }
.voucher-registration {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.voucher-registration > div {
  width: 580px;
  z-index: 9998;
  padding: 0;
  max-height: 80vh;
  overflow: auto;
  border: solid 1px #01b4bb;
  min-height: 600px;
  background: #fff;
}

.title-msg {
  margin-bottom: 8px;
  text-align: center;
}

.title-msg h4 {
  color: #00b3b5;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 0px !important;
}

.voucher-btn {
  margin: 0 auto !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  margin-top: 12px !important;
}

.voucher-window {
  min-height: 300px !important;
  width: 520px;
}

.voucher-container {
  padding: 8px 0px !important;
}


.voucher-body {
  text-align: center;
  padding: 24px;
}

.voucher-form {
  margin-bottom: 12px !important;
  padding-left: 12px !important;
  border-radius: 20px !important;
}

.voucher-form:focus {
  color: #495057 !important;
  background-color: #fff !important;
  border-color: #80bdff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.voucher-body a {
  cursor: pointer;
}

.status-msg {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .voucher-registration > div {
    max-height: 100vh !important;
    height: 100% !important;
  }
}

.voucher-body.hidden {
  display: none;
}

.voucher-loader {
  display: none;
  padding: 20px;
  width: 100%;
  overflow: hidden;
}

.loader {
  border: 24px solid #f3f3f3;
  border-radius: 50%;
  border-top: 24px solid #1ba6e1;
  border-bottom: 24px solid #1ba6e1;
  width: 140px;
  height: 140px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  opacity: 0.4;
}

.voucher-loader.active {
  display: block;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.post-registration {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.post-registration .post-register-container {
	width: 450px;
	z-index: 9998;
	padding: 0;
	max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 2px #005E7D;
    border-radius: 2px;
    background: #E2DFDF;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.post-registration .window-outside {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.post-registration .window-inside {
    font-size: larger;
    text-align: center;
    padding: 0 10%;
}

.post-registration .congrats-title {
    font-weight: 900;
    font-size: 185%;
    margin-bottom: 24px;
    line-height: 117%;
    color: #005E7D;
    font-family: arial;
}

.post-registration .congrats-sub-text {
    font-size: 140%;
    color: #005E7D;
    font-family: arial;
    font-weight: 700;
}

.post-registration .image {
    position: relative;
    margin: 30px auto;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.post-registration .window-inside button {
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .post-registration .post-register-container {
        max-height: 100vh;
    }

    .post-registration .post-register-container {
        border-radius: 0px;
    }
}
#frmRegistration,
#frmLogin,
#frmResetPaddword {
	width: 100%;
	height: 100%;
	border: none 0px transparent;
}

@media screen and (max-width:767px) {
	#frmRegistration,
	#frmLogin,
	#frmResetPaddword {
		border-radius: 0px;
		max-height: 100%;
		max-width: none;
		height: 100vh;
		border: transparent none 0;
	}
}

.account-feed{
	max-width: 580px;
	z-index: 9998;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	border: solid 2px #005E7D;
	min-height: 600px;
	margin: auto;
	background: white;
	max-height: 100vh;
}

.popup-header {
	position: sticky;
	top: 0;
}

.popup-body {
	padding: 12px 16px;
	font-size: 85%;
}

.popup-body h2{
	font-size: 140%;
	margin-bottom: 0.4em;
}

.background-logo {
	background-color: #ffffff;
	position: relative;
}

.acc-comp .logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 198px;
	padding: 16px 0px 10px 0px;
	border-style: none;
}

.form-head {
	color: #ffffff;
	background-color: #005E7D;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-head span {
	color: #ffffff;
	margin: auto;
}

.form-head .close {
	height: 40px;
}

.form-head .head-1 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	margin: 8px;
}

.form-head .head-2 {
    line-height: 10px;
}

.close {
	float: right;
    font-size: 1.5rem;
    font-weight: 700;
	line-height: 1;
    text-shadow: 0 1px 0 #fff;
	width: 40px;
    height: 40px;
    text-indent: 999px;
    overflow: hidden;
    right: 0px !important;
    opacity: 1;
    top: 9px;
    margin-right: 5px !important;
    position: absolute;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABhQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVjccKgAAAAh0Uk5Te/vDFQD/09cT4iDqAAAAdElEQVR4nGNgVHaBAiMBBtEwEwjbOTWQQTU0GcIxCw1iMAuFSDmnhiYzgAiIRJgJgwtECizGAKEgQgwQGiLCAFEBUcsA1hteCjaFAWIqxHwQx8U8NLTYBRsHRRmyAShGI1uK4hxkh6J4AcVzKN5GCRDkoAIAmE5Raxt54fEAAAAASUVORK5CYII=') no-repeat center;
	cursor: pointer;
}


@media screen and (min-width:768px) {
	.account-feed {
		margin-top: 10vh;
		max-height: 80vh;
	}
}

@media screen and (max-width:768px) {
	.account-feed {
		height: 100vh;
	}
}

.account-feed .popup-body .loader-container {
	margin-top: 26%;
}
/*********** Faq **********/
/****** faq tabs ******/
#faq .faq-tabs-wrap				{width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
#faq .faq-tabs-container		{width:30%; margin:0; background-color:#0099cb; padding:23px 22px 15px 22px; margin:0; box-sizing:border-box;}
#faq ul.faq-tabs				{width:100%; margin:0; padding:0;}
#faq ul.faq-tabs li				{margin:0 0 12px 0; font-size:2.4rem; line-height:120%; font-family:arial, helvetica, sans-serif; list-style:none;}
#faq ul.faq-tabs li a			{display:block; color:#fff; font-weight:900; text-decoration:none;}
#faq ul.faq-tabs li a:hover		{color:#000; text-decoration:none;}
#faq ul.faq-tabs li.active a	{color:#000;}

@media screen and (max-width: 990px) { 
	#faq ul.faq-tabs li		{font-size:2rem;}
}

@media screen and (max-width: 767px) { /* mobile view */
	#faq .faq-tabs-wrap			{flex-direction:column; margin-top:-1px;}
	#faq .faq-tabs-container	{width:100%; padding:4.8vw 0 2vw 0;}
	#faq ul.faq-tabs li			{margin:0 0 2.4vw 0; font-size:5.5vw; line-height:120%; padding:0 4% 0 4%;}
	#faq ul.faq-tabs			{padding:0;}
}

/****** pannel ******/
#faq div.tabs-section-wrap					{width:70%; overflow:hidden; background-color:#e2dfdf; border:#0099CC 1px solid; border-radius: 0px 2px;}
#faq div.faq-section-pannel					{display:none; padding:23px 10px 90px 10px;}
#faq div.faq-section-pannel.active			{display:block;}
#faq div.faq-section-pannel h2				{font-size:2.4rem; line-height:120%; color:#000; border-bottom:#808080 1px solid; padding:0 0 24px 0; margin:0;}
#faq div.faq-section-pannel ul				{margin:0; padding:0;}
#faq .faq-section-pannel ul li				{margin:0px -30px 0px -30px; padding:0px 30px 0px 30px; list-style:none;}
#faq .faq-section-pannel ul li h3			{padding:10px 0px 10px 0px; margin:0; color:#000; border-bottom:#808080 1px solid; font-size:2rem; line-height:135%; font-weight:700; cursor:pointer;}
#faq .faq-section-pannel ul li h3:after {
	content:"\F107";
	font-family:"FontAwesome";
	float:right;
	font-size:30px; line-height:23px;
	color:#000; text-align:right;
}
#faq .faq-section-pannel ul li .faq-answer {
	max-height:0; overflow:hidden;
	-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
}

#faq .faq-section-pannel ul li {
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

#faq .faq-section-pannel ul li.active		{background-color:#fff; border-bottom:#808080 1px solid;}
#faq .faq-section-pannel ul li.active h3	{border-bottom:0;}
#faq .faq-section-pannel ul li.active .faq-answer {
	max-height:2000px;
	-webkit-transition: max-height 1.5s ease;
	-moz-transition: max-height 1.5s ease;
	-o-transition: max-height 1.5s ease;
	-ms-transition: max-height 1.5s ease;
	transition: max-height 1.5s ease;
	margin-bottom: 8px;
}
#faq .faq-section-pannel ul li.active h3:after	{content:"\F106"; line-height:21px;}


@media screen and (max-width: 767px) { /* mobile view */
	#faq div.tabs-section-wrap				{width:100%; padding: 0 4%; background-color:#EDEBEB; border:0;}
	#faq div.faq-section-pannel				{padding:4.2vw 0 7.2vw 0;}
	#faq div.faq-section-pannel h2			{font-size:5.5vw; line-height:120%; border-width:0.26vw; padding:0 4% 4vw 4%;}
	#faq .faq-section-pannel ul li			{margin:0 -4% 0 -4%; padding:0 4% 0 4%;}
	#faq .faq-section-pannel ul li h3		{padding:2.6vw 6vw 3.5vw 0px; border-bottom-width:0.26vw; font-size:4.7vw; line-height:135%;}
	#faq .faq-section-pannel ul li h3:after	{margin-right:-6vw; font-size:5.3vw; line-height:5.7vw;}
	#faq .faq-section-pannel ul li.active h3:after		{font-size:5.5vw; line-height:5.7vw;}
	#faq .tab-section-pannel ul li:last-child h3		{border-bottom:0;}
	#faq .faq-section-pannel ul li.active .faq-answer	{margin-bottom:3.4vw;}
}
/******* logos carousel ******/
#logos-carousel		{margin:0px -20px 20px -20px; background-color:#E2DFDF; padding:15px 0 15px 0;height: 87px; overflow: hidden;}

.payments-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.payments-slider {
    display: flex;
    align-items: center;
    width: 200%;
    -webkit-animation: slideLeft 36s infinite linear;
    animation: slideLeft 36s infinite linear;
}

.payments-slider > img,
.payments-slider > picture,
.payments-slider > a {
    margin:0 2vw;
}

.payments-slider > a > img, .payments-slider img {
    max-width: unset !important;
}

@-webkit-keyframes slideLeft {
    0% {
        margin-left: 0vw;
    }
    50% {
        margin-left: -33vw;
    }
    99% {
        margin-left: 0vw;
    }
}
@keyframes slideLeft {
    0% {
        margin-left: 0vw;
    }
    50% {
        margin-left: -33vw;
    }
    99% {
        margin-left: 0vw;
    }
}

@media screen and (max-width: 767px) { /* mobile view */
    .payments-slider img {
        max-height: 27px;
    }
    #logos-carousel		{margin:0 -3.17vw 10px -3.17vw; padding:15px 0 15px 0;height: 57px;}
    .payments-slider > img,
    .payments-slider > picture,
    .payments-slider > a {
        margin:0 4vw;
    }
}



/************ Search Results Container ************/
#search-results-container	{padding:0px 20px 10px 20px; position:relative; box-sizing:border-box; background-color: #EDEBEB; border-radius:0px 0px 2px 2px;}
#search-results-container.searching	    {overflow-y: scroll; height: 100%;}
#search-cover				{background-color:rgba(255,255,255,0.9); position:absolute; top:0; left:0; z-index:5; width:100%; height:100vh;}
.searching #search-cover	{display:none;}

/**** Search Msg ****/
#search-msg			{max-width:90%; padding-top:20px; color:#E92B5B; font-size:3rem; line-height:125%; text-align:center; font-family:arial, helvetica, sans-serif;}
#search-msg p		{margin:0 0 20px 0px;}

@keyframes glow-text {
	from {
		color:#ff3251;
	} to {
		color:#0099cb;
	}
}
@-webkit-keyframes glow-text {
	from {
		color:#ff3251;
	} to {
		color:#0099cb;
  }
}

#no-search-msg {
	position:absolute; z-index:10;
	font-size:6.5rem; line-height:145%;
	font-weight:900; text-align:center;
	-webkit-animation: glow-text 5s ease-in-out infinite alternate;
	-moz-animation: glow-text 5s ease-in-out infinite alternate;
    animation: glow-text 5s ease-in-out infinite alternate; 
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0px;
    top: 0px;
}

.searching #no-search-msg	{display:none;}
#no-search-msg strong		{display:block; font-size:6rem; line-height:115%; font-weight:900; margin-bottom:8px;}
#no-search-msg span			{display:block; font-size:4rem; line-height:115%; font-weight:500;}

/**** Search Results ****/
#search-results ul						{display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0px -5px 0px -5px; padding:0px;}
#search-results ul li					{margin:0px 5px 15px 5px;}
#search-results ul li div.img-wrap		{filter:blur(6px); -webkit-filter:blur(6px);}
.searching #search-results ul li div.img-wrap	{filter:none; -webkit-filter:none;}
#search-results ul li span.highlight	{display:inline-block; color:#ff3250; font-weight:600; text-decoration:underline;}
#search-results ul li .game-link button	{display:none;}

@media screen and (min-width: 768px) { /* desktop view' */
    #search-results ul li a {
        height: 19px;
        overflow: hidden;
        line-height: 19px;
        padding: 0 5px;
        position: absolute;
        bottom: 0; left: 0;  right: 0;
        z-index: 99;
        background-color: rgba(0, 94, 125, 0.8);
        color: #fff;
    }
    #search-results ul li a:hover {
        color: #fff;
        background-color: transparent;
    }
}
#search-results .game-up button  {
    background: transparent !important;
}
#search-results .game-up button span {
    display: table;
    background: #e92b5b;
    padding: 8px 12px 9px 12px;
    line-height: 115%;
}

@media screen and (min-width: 1601px) { /* 9 items */
    #search-results ul li    {width: calc(11.111111% - 10px);}
}
@media screen and (max-width: 1600px) { /* 8 items */
    #search-results ul li    {width: calc(12.5% - 10px);}
}
@media screen and (max-width: 1400px) { /* 7 items */
    #search-results ul li    {width: calc(14.285714% - 10px);}
}
@media screen and (max-width: 1200px) { /* 6 items */
    #search-results ul li    {width: calc(16.666666% - 10px);}
}
@media screen and (max-width: 1000px) { /* 5 items */
    #search-results ul li    {width: calc(20% - 10px);}
}

.highlighted {
	color: #3cb2e4;
	font-weight: bold
}

/**** mobile view All Search Results ****/

@media screen and (max-width: 767px) { /* mobile view */
    #search-results-container {
        padding: 0 3.3vw 0 3.3vw;
    }
    #search-msg {
        margin: 0px auto;
        padding-top: 3.7vw;
        font-size: 5vw;
        line-height: 125%;
        text-align: center;
    }
    #search-msg p {
        margin: 0 0 12px 0;
        text-align: center;
    }
    #no-search-msg strong {
        font-size: 8.5vw;
        line-height: 115%;
    }    
    #no-search-msg span {
        font-size: 7.5vw;
        line-height: 115%;
    }
    #search-results {
        padding: 0;
    }
    #search-results ul {
        margin: 0;
    }
    #search-results ul li {
        width: 100%;
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        margin: 0px 0px 8px 0px;
        background-color: #005E7D;
    }
    #search-results ul li span.game-link {
        text-align: left;
        font-size: 3.5vw;
        line-height: 125%;
        padding: 0 3.17vw 0 3.17vw;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #search-results ul li span.game-link button {
        font-size: 75%;
        height: auto;
        padding: 5px 10px;
        width: auto;
    }
    #search-results ul li .game-link button	{display:block;}
    #search-results ul li .img-wrap .game-up {
        display: none;
    }
    #search-results ul li span.game-link a {
        color: #fff;
        padding: 0 0 8px 0;
        text-align: left;
        line-height: 135%;
    }
    #search-results .game-up {
        display: flex;
        width: auto;
        justify-content: flex-end;
        flex-direction: column;
        left: 42%;
        bottom: 0;
        margin-left: 3.17vw;
        background-color: transparent;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    #search-results .game-up button {
        max-width: 50%;
        height: 5.6vw;
        padding: 0 2.8vw 0 2.8vw;
        margin: 0 auto 1.8vw 0;
        font-size: 2.7vw;
        line-height: 100%;
    }
}
/* purgecss start ignore */
/************************ Search Popup *****************************/
#search-popup {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #eee;
	text-align: left;
	box-sizing: border-box;
	height:100vh;
}

#search-popup > div {
	max-height:100vh;
}

.search-open #search-popup {
	display: block;
}
#search-popup > div.searching {
	overflow-y: scroll;
}

/**** search box in popup ****/
#search {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	display: flex;
	background-color: #eee;
	border-bottom: #948aa3 2px solid;
	padding: 12px 20px 17px 20px;
	z-index: 100;
}
#search form {
	display: flex;
	width: 100%;
	position: relative;
}
#search label {
	display: none;
}
#search input.search-input {
	width: 100%;
	height: 58px;
	border: #0099CC 2px solid;
	border-radius: 2px;
	font-size: 2.2rem;
	line-height: 49px;
	padding: 0px 80px 0px 20px;
	text-align: left;
	color: #000000;
}
#search button.search-but {
	width: 65px;
	height: 54px;
	position: absolute;
	right: 2px;
	top: 2px;
	flex-direction: column;
	color: #005E7D;
	padding: 0 0 7px 0;
	font-size: 60px;
	border-radius: 500px;
	z-index: 2;
}
@media all and (-ms-high-contrast: none) {
	/* IE11 */
	#search button.search-but {
		padding: 6px 0 0 0;
	}
}
#search button.search-but:hover {
	color: #000024;
}
.searching #search button.search-but {
	display: none;
}
#search button.clear-search {
	width: 34px;
	height: 34px;
	position: absolute;
	right: 15px;
	top: 12px;
	background: #C4C4C4;
	color: #fff;
	padding: 0;
	font-size: 35px;
	line-height: 1em;
	border-radius: 500px;
	z-index: 3;
}
@media all and (-ms-high-contrast: none) {
	/* IE11 */
	#search button.clear-search {
		padding: 3px 0 0 0;
	}
}
.searching #search button.clear-search {
	display: flex;
}
#search span.clear-search-content {
	display: table;
	position: absolute;
	right: 13px;
	font-size: 30px;
	padding-bottom: 2px;
	-webkit-transition: right 0.3s;
	-moz-transition: right 0.3s;
	-o-transition: right 0.3s;
	-ms-transition: right 0.3s;
	transition: right 0.3s;
}
#search span.clear-search-content.active {
	right: 60px;
}
#search span.search-items {
	display: none;
	font-size: 15px;
	color: #a1a5a8;
	line-height: 58px;
}
.searching #search span.search-items {
	display: table;
}

#search button.search-back {
	height: 58px;
	display: table;
	margin: 0px 28px 0px 0px;
	white-space: nowrap;
	color: #005E7D;
	line-height: 100%;
	font-weight: 500;
	background-color: transparent;
	padding: 0;
	border: 0;
}
#search button.search-back span {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: 3rem;
	line-height: 59px;
	color: #005E7D;
}
#search button.search-back .fa {
	height: 100%;
	vertical-align: middle;
	font-size: 3.8rem;
	line-height: 56px;
	margin-right: 12px;
	-webkit-transition: margin 0.3s;
	-moz-transition: margin 0.3s;
	-o-transition: margin 0.3s;
	-ms-transition: margin 0.3s;
	transition: margin 0.3s;
	font-weight: 900;
}
@media all and (-ms-high-contrast: none) {
	/* IE11 */
	#search button.search-back .fa {
		margin-top: -6px;
	}
}

#search button.search-back:hover .fa {
	margin-right: 6px;
	margin-left: 6px;
}

/**** mobile view Search Box ****/
@media screen and (max-width: 767px) {
	/* mobile view */
	#search {
		border-bottom-width: 0.52vw;
		padding: 2.64vw;
	}
	#search input.search-input {
		height: 10.66vw;
		border-width: 0.52vw;
		font-size: 4.5vw;
		line-height: 10vw;
		padding-left: 10px;
	}
	#search button.search-but {
		width: 9.62vw;
		height: 9.62vw;
		right: 0.52vw;
		top: 0.52vw;
		padding: 0 0 1.4vw 0;
		font-size: 11vw;
	}
	@supports (-moz-appearance: none) {
		/* firefox */
		#search button.search-but {
			font-size: 9.62vw;
			top: 0.7vw;
		}
	}
	#search button.search-back {
		height: 10.66vw;
		margin: 0px 5vw 0px 0px;
	}
	#search button.search-back span {
		display: none;
	}
	#search button.search-back .fa {
		font-size: 11vw;
		line-height: 10.5vw;
		margin-right: 0;
	}
	#search button.search-back:hover .fa {
		margin-right: -6px;
		margin-left: 6px;
	}
	#search span.clear-search-content.active {
		right: 10.4vw;
	}
	#search button.clear-search {
		width: 6.4vw;
		height: 6.4vw;
		right: 2.6vw;
		top: 2.13vw;
		font-size: 6.7vw;
	}
	@supports (-moz-appearance: none) {
		/* firefox */
		#search button.clear-search {
			font-size: 5vw;
			line-height: 100%;
			padding-bottom: 0.6vw;
		}
	}
	#search span.search-items {
		font-size: 2.6vw;
		line-height: 10.4vw;
	}
}

#no-search-msg {
	font-family: arial, helvetica, sans-serif;
}
/* purgecss end ignore */
.maintenance {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.maintenance .maintenance-container {
	z-index: 9998;
	padding: 0;
	max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 2px #005E7D;
    border-radius: 2px;
    background: #E2DFDF;
    height: 100%;
    position: relative;
}

.maintenance .window-outside {
    align-items: center;
}

.maintenance .window-inside {
    font-size: larger;
    text-align: center;
}

@media screen and (max-width:768px) {
    .maintenance .maintenance-container {
        max-height: 100vh;
    }

    .maintenance .maintenance-container .close {
        position: fixed;
    }

    .maintenance .window-outside {
        max-height: 100vh;
    }
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.affiliates, .affiliates button {
    width: 100%;
}

.affiliates-check-icon img {
    margin: 0 auto;
    padding-bottom: 24px;
}

@media screen and (min-width: 768px) {
    .col-2-flex>.affiliates-area-large {
        width: 55%;
    }
    .col-2-flex>.affiliates-area-small {
        width: 40%;
    }
}

@media screen and (min-width: 1200px) {
    .col-2-flex>.affiliates-area-large {
        width: 75%;
    }
    .col-2-flex>.affiliates-area-small {
        width: 25%;
    }
}
/************ Footer Logos *****************/
#footer-logos			{width:100%; max-width:34%; padding:0; text-align:center; font-size:0px;}
#footer-logos ul		{margin: 0; padding: 0;}
#footer-logos li		{display:inline-block; vertical-align:top; margin:10px 10px 0px 10px; list-style:none;}
#footer-logos a			{display:table;}
#footer-logos a img		{display:block;}

/************ Footer Texsts *****************/
div.footer-top-text			    {margin-bottom:10px; font-size:12px; line-height:15px;}
#footer-links div.footer-bottom-text		    {margin-bottom:10px; font-size:75%; line-height:145%;text-align: left;}
div.footer-bottom-text a		{color: #fff}

@media screen and (max-width: 767px) { /* mobile view */
    #footer-links div.footer-bottom-text {margin-bottom:0px;}
}
/************************ Footer *****************************/

/************ Footer Main *****************/
#footer-main		{}
#footer-links		{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px;}
#footer-logos		{margin-bottom:30px;}

@media screen and (max-width: 990px) {
	#footer-main			{flex-direction:column;}
	#footer-links > div		{width:44%;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#footer-logos	{margin-bottom:10vw;margin-top:1vw;}
	#footer-links > div		{width:auto;}
}

/**** Footer Links ****/
#footer-links > div				{margin-bottom:30px;}
#footer-links strong			{display:block; color:#fff; margin:0px 0px 25px 0px; padding:0; font-weight:900; font-size:2.4rem; line-height:115%; font-family:arial, helvetica, sans-serif;}
#footer-links .footer-item ul				{margin:0; padding:0;}
#footer-links .footer-item ul li				{display:block; margin:0px 0px 11px 0px; font-size:2.3rem; line-height:115%; list-style:none;}
#footer-links .footer-item ul li a			{color:#fff; text-decoration:underline; text-decoration-color: #ddd;}
#footer-links .footer-item ul li a:hover		{color:#fff; text-decoration:none;}
#footer-links .footer-item ul li a.current	{color:#fff; text-decoration:none;}
#footer-links .footer-item		{overflow: auto;}


@media screen and (max-width: 1340px) and (min-width: 768px) {
	#footer-links				{flex-direction: column;}
	#footer-links > div			{width:100%;}
	#footer-links .footer-item ul			{display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#footer-links .footer-item ul li			{white-space: nowrap;}
	#footer-links .footer-item li:after	{content:"|"; display:inline-block; margin:0px 20px 0px 20px; color:#fff; font-size:2.4rem; line-height:100%;}
	#footer-links .footer-item li:last-child:after	{display: none;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#footer-links				{flex-direction: column;}
	#footer-links > div			{width:100%; margin-bottom:5vw;}
	#footer-links strong		{font-size:6.3vw; line-height:115%; margin:0px 0px 3vw 0px; font-weight:bold;}
	#footer-links .footer-item ul			{display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#footer-links .footer-item ul li			{font-size:100%; line-height:115%; margin:0px 0px 3vw 0px; white-space: nowrap;}
	#footer-links .footer-item li:after	{content:"|"; display:inline-block; margin:0px 5.2vw 0px 5.2vw; color:#fff; font-size:4vw; line-height:100%;}
	#footer-links .footer-item li:last-child:after	{display: none;}
	#footer-links ul li a		{font-size:4.2vw; line-height:115%; margin:0px 0px 3vw 0px;}
}

/**** Footer Logos ****/
#footer-logos ul		{width:100%; margin:0; padding:0; text-align:center; font-size:0px;}
#footer-logos li		{display:inline-block!important; vertical-align:top; margin:0px 10px 14px 10px; list-style:none;}
#footer-logos a			{display:table;}
#footer-logos a img		{display:block;opacity: 0.8;}

@media screen and (max-width: 1340px) {
    #footer-logos           {max-width: unset;}
}

@media screen and (max-width: 767px) { /* mobile view */
    div.footer-bottom-text          {text-align:center; font-size:85%; line-height:130%; margin:-3vw 0 3vw 0;}
    div.footer-bottom-text.first    {display: none;}
    #footer-logos li		{max-width: 50%; margin:0px 10px 0 10px; }
}

/************ Footer Fixed bottom Line *****************/
#footer-fixed-container {position: fixed; bottom: 0; width: 100%; z-index: 70; }
#footer-fixed {
	width:100%; height:16.9vw;
	position:relative; bottom:0; left:0; right:0;
	border-top:#fff 2px solid; z-index:70;
	box-sizing:border-box;
	background: -moz-linear-gradient(top,  #0ea1d4 0%, #006382 100%);
	background: -webkit-linear-gradient(top,  #0ea1d4 0%,#006382 100%);
	background: linear-gradient(to bottom,  #0ea1d4 0%,#006382 100%);
}	
#footer-fixed ul		{height:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:0;}
#footer-fixed ul li		{margin:0px; list-style:none;}

#footer-menu-but		{width:24%; border-right:#fff 0.52vw solid;}
#footer-search-but		{width:24%; border-right:#fff 0.52vw solid;}
#footer-promo-but		{width:26%; border-right:#fff 0.52vw solid;}
#footer-play-but		{width:26%;}

#footer-fixed ul li button,
#footer-fixed ul li a			{background-color:transparent; font-size:3.3vw; line-height:100%; color:#fff; font-weight:normal; display:flex; flex-direction:column; justify-content:flex-start; width:100%; height:100%; padding:1.3vw 0px 0px 0px; text-transform:uppercase; border-radius:0; text-align:center; text-decoration:none;}
.footer-fixed-container-pt-BR #footer-fixed ul li a {font-size:2.9vw;}
#footer-fixed ul #footer-play-but a	{
	background: -moz-linear-gradient(top,  #ed3664 0%, #ab3a56 100%);
	background: -webkit-linear-gradient(top,  #ed3664 0%,#ab3a56 100%);
	background: linear-gradient(to bottom,  #ed3664 0%,#ab3a56 100%);
}
#footer-fixed ul li button img,
#footer-fixed ul li a img		{display:block; width:7.6vw; height:auto; margin:0 auto 0.5vw auto;}
footer-play-but img				{position:relative; left:0.8vw;}

@media screen and (min-width: 768px) { /* desktop-view */
	#footer-fixed	{display:none;}
}

@media screen and (max-width: 767px) and (orientation: landscape) { /* mobile view landscape*/
	#footer-fixed				{height:auto; padding:0;}
	#footer-fixed ul			{}
	#footer-fixed ul li			{width:auto !important; flex-grow:1;}
	#footer-fixed ul li button,
	#footer-fixed ul li a		{width:auto; flex-direction:row; justify-content:center; padding:1vw 1vw 1vw 1vw; font-size:3.3vw; line-height:100%;}
	#footer-fixed ul li button img,
	#footer-fixed ul li a img	{width:auto; height:50px; margin:0;}
	#footer-fixed ul li button > *,
	#footer-fixed ul li a > *	{align-self:center; padding-right:1vw; padding-left:1vw;}
}

/************ Copyrights Line *****************/
.copyrights-line		{background-color:#005E7D; color:#fff; padding:15px 0px 15px 0px; font-size:12px; line-height:115%; text-align:center;}
.copyrights-wrapper		{max-width:none !important;}

@media screen and (max-width: 767px) { /* mobile view */
	.copyrights-line	{font-size:85%; line-height:115%; padding:3vw 0px 3vw 0px;}
}

/**** Footer Texsts ****/
div.footer-text					{margin-bottom:30px; font-size:1.4rem; line-height:155%;}
div.footer-text-mobile-top		{margin-bottom:3.6vw; font-size:85%; line-height:145%; display:none;}
div.footer-text-mobile-bottom	{margin-bottom:3.6vw; font-size:85%; line-height:145%; display:none;}

@media screen and (max-width: 767px) { /* mobile view */
	div.footer-text						{display:none; text-align:center;}
	div.footer-text-mobile-top			{display:block; font-size:85%; text-align:center;}
	div.footer-text-mobile-top p		{line-height:130%;}
	div.footer-text-mobile-bottom		{display:block; font-size:85%; line-height:130%; text-align:center;}
	div.footer-text-mobile-bottom p		{line-height:130%;}
}

/************ Footer Line *****************/
.footer-line		{background-color:#808080; color:#fff; padding:25px 0px 25px 0px;}
.footer-wrapper		{max-width:none !important;}

@media screen and (max-width: 767px) { /* mobile view */
	.footer-line	{padding-bottom:3vw;}
}

/************ Payments Line *****************/
.payments-line			{background-color:#005E7D; padding:25px 0 20px 0; font-family: arial, helvetica, sans-serif;}
div.payments-title		{margin-bottom:18px; text-align:center; color:#fff; font-size:2.3rem; line-height:115%; font-weight:900;}
#payment ul				{display:flex; justify-content:center; margin:0; padding:0; align-items: center;}
#payment ul li			{margin:0px 10px 10px 10px; list-style:none;}
#payment ul li img		{display:block; max-width:100%; width:auto;filter: grayscale(1) brightness(2);} /* all images height must be 80px*/

@media screen and (max-width: 767px) { /* mobile view */
	.payments-line			{padding:4vw 0 0 0;}	
	div.payments-title		{font-size:4.8vw; line-height:115%;}
	#payment ul				{flex-wrap:wrap; margin-top: 6vw;}
	#payment ul li			{margin:0px 1.8vw 6vw 1.8vw; max-width: 35%;}
	#payment ul li img		{max-height: 7vw; width:auto;} /* all images height must be 80px*/
}

/* the container */
header.blog-header {
	background-color: #eeeeee;
	position: sticky;
	position: -webkit-sticky;
	top:0;
	/* top: 28px; */
	/* height: 65px; */
	width: 100%;
	z-index: 999;
}

header.blog-header .area-wrapper {
	height: 65px;
}

.blog-header .blog-header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

/* brand image and category links */
.blog-header-container .categories-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 75%;
}

.blog-header-container .categories-container img {
	width: 100%;
	height: auto;
	display: block;
}

.categories-container a.blog-category-link {
	color: #005E7D;
	text-decoration: none;
	transition: all 0.30s ease;
	white-space: nowrap;
	font-weight: 700;
}

.categories-container a.blog-category-link:not(.active):hover {
	color: #E92B5B;
	transform: scale(1.125);
	font-weight: 900;
}

.categories-container a.blog-category-link.active {
	color: #E92B5B;
	font-weight: 900;
	border-bottom: solid 1px #E92B5B;
}

/* login, register btns, search btn etc */
.blog-header-container .btns-container {
	display: flex;
	align-items: center;
}

.blog-header-container .btns-container button {
	font-size:2rem;
	font-weight:900;
}

.blog-header-container .btns-container button:not(:last-child) {
	margin-right: 16px;
}


#blog-login-header		{height:30px; line-height:30px; padding:0px 13px 0px 13px; font-size:1.2rem; font-weight:900;}
#blog-join-header		{height:30px; line-height:30px; padding:0px 13px 0px 13px; font-size:1.2rem; font-weight:900;}

/* mobile view */
@media screen and (max-width: 767px) {
	header.blog-header {
		position: initial;
		z-index: initial;
		height: auto;
		margin-top: 28px;
	}

	header.blog-header #rgbeam-header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 70;
	}
	
	header.blog-header .area-wrapper {
		height: auto;
	}

	.blog-header-container {
		width: 100vw;
		margin-left: -4vw;
	}

	.blog-header-container .categories-container {
		width: 100%;
		justify-content: center;
	}

	.blog-header-container .btns-container, .categories-container a.blog-category-link {
		display: none;
	}
}

.blog-logo {
	position: relative !important;
	margin: 0px !important;
	top: 0px !important;
	left: 0px !important;
	margin-left: 0px !important;
}
.post-headers {
    display: flex;
    justify-content: space-between;
}

.post-headers .tags-group .tags {
    font-weight: bold;
    font-size: 12px;
    color: #0099CC;
    opacity: 0.8;
}

.post-headers .blog-post-date {
    font-size: 12px;
    color: #808080;
    opacity: 0.8;
}

/* skeleton */
.post-headers.ph-skeleton .tags-group {
    width: 45%;
}

.post-headers.ph-skeleton .blog-post-date {
    width: 17%;
    min-width: 80px;
}

/* mobile view */
@media screen and (max-width: 767px) {
    .post-headers.ph-skeleton .tags-group {
        width: 50%;
    }
    
    .post-headers.ph-skeleton .blog-post-date {
        width: 20%;
    }
}
.post-preview-block {
    display: flex;
    flex-direction: column;
}

.post-preview-block img, .post-preview-block .skeleton-img {
    width: 100%;
    margin-bottom: 16px;
}

.post-preview-block .preview-body {
    flex-grow: 1;
}

.post-preview-block .title {
    font-style: normal;
    font-weight: 900;
    font-size: 125%;
    color: #005E7D;
    margin-bottom: 8px;
    line-height: 120%;
    font-family: arial;
}

.post-preview-block .post-headers {
    margin-bottom: 8px;
}

.post-preview-block .preview-block-btns {
    display: flex;
    justify-content: center;
}

.post-preview-block a {
    text-decoration: none !important;
}

.post-preview-block .preview-body .preview-summary {
    font-size: 14px;
}

/* desktop view
@media screen and (min-width: 768px) {
    .post-preview-block .preview-body {
        height: 250px;
        overflow: hidden;
        margin-bottom: 1em;
    }
} */
@keyframes skeleton-animation {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}

.skeleton {
    background-color: #cacaca;
    background-image: linear-gradient( 90deg, #cacaca, #d5d5d5, #cacaca);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    width: 100%;
    animation: skeleton-animation 2.5s ease-in-out infinite;
}
.post-content .title {
    font-style: normal;
    font-weight: 900;
    font-size: 225%;
    line-height: 117%;
    color: #005E7D;
    font-family: arial;
}

.post-content .post-image {
    display: flex;
    width: 100%;
    justify-content: center;
}

.post-content .post-image img, .post-content .post-image .skeleton {
    width: 100%;
    /* max-width: 620px; */
    margin: 24px 0px;
    /* border: solid 1px #777777; */
}

/* mobile view */
@media screen and (max-width: 767px) {
    .post-content .post-image .skeleton {
        min-height: 32vw;
    }
}

.post-content .figcaption           {margin-top: 10px;}
.post-content .par-spacing          {margin-top: 30px;}
.post-content .table-header-row     {line-height: 30px; background-color: #d9ead3;}
.post-content .table-row            {line-height: 30px; font-size: 15px;}
.post-content button                {margin: 0 auto !important;}
/* general layout */
.post-page-container {
    display: flex;
    justify-content: space-between;
}

.content-container {
    width: 65%;
}

.side-bar {
    width: 30%;
}

.side-bar h3 {
    font-family: arial;
    margin-bottom: -10px;
}

/* similar posts section */
.similar-posts .similar-head {
    margin-bottom: 28px;
}

.similar-posts h1 {
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #005E7D;
    font-family: arial;
}

.similar-posts.mobile-only {
    display: none;
}

/* mobile view */
@media screen and (max-width: 767px) {
    .similar-posts.mobile-only {
        display: block;
        padding-bottom: 16px;
    }

    .similar-posts:not(.mobile-only) {
        display: none;
    }
}

/* sidebar with more posts section */
.side-bar .sidebar-promo {
    width: 100%;
    margin-bottom: 40px;
}

.side-bar .sidebar-promo a, .side-bar .sidebar-promo img {
    width: 100%;
}

.sidebar-post {
    width: 100%;
}

.sidebar-post a {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.sidebar-post:not(:last-child) {
   margin-bottom: 32px;
}

.sidebar-post img, .sidebar-post .skeleton.sbr-sk-img {
    width: 42%;
}

.sidebar-post a {
    text-decoration: none;
}

.sidebar-post .sidebar-post-title {
    width: 50%;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
    color: #005E7D;
    font-family: arial;
}

hr {
    height: 2px !important;
    background-color: #0099CC !important;
    border-style: none !important;
    margin: 20px 0px !important;
}

/* desktop only */
@media screen and (min-width: 768px) {
    /* .sidebar-post a {
        transition: all 0.30s ease;
    }
    .sidebar-post a:hover{
        text-decoration: underline !important;
        text-decoration-color: black !important;
    } */
    hr.desktop-only {
        display: block;
    }
    hr.mobile-only {
        display: none;
    }
}

/* mobile view */
@media screen and (max-width: 767px) {
    .post-page-container {
        display: block;
        margin-bottom: 28px;
    }
    .content-container {
        width: 100%;
    }
    .side-bar {
        width: 100%
    }
    hr.desktop-only {
        display: none;
    }
    hr.mobile-only {
        display: block;
    }
    hr.full {
        width: 100vw !important;
        margin: 30px 0px 30px -4vw !important;
    }
}
/* desktop view */
@media screen and (min-width: 768px) {
    .preview-blocks-group {
        display: flex;
    }

    .preview-blocks-group.cols-4 .post-preview-block {
        width: 22%;
    }

    .preview-blocks-group.cols-4 .post-preview-block:not(:last-child) {
        margin-right: 4%;
    }

    .preview-blocks-group.cols-3 .post-preview-block {
        width: 30%;
    }

    .preview-blocks-group.cols-3 .post-preview-block:not(:last-child) {
        margin-right: 5%;
    }
    
    .preview-blocks-group.cols-2 .post-preview-block {
        max-width: 47%;
    }

    .preview-blocks-group.cols-2 .post-preview-block:not(:last-child) {
        margin-right: 6%;
    }

    /* spacing between the entire rows */
    .prv-blocks-rows .preview-blocks-group:not(:last-child) {
        margin-bottom: 50px;
    }
}

/* mobile view */
@media screen and (max-width: 767px) {
    .prv-blocks-rows .preview-blocks-group:not(:last-child), .preview-blocks-group .post-preview-block:not(:last-child) {
        margin-bottom: 50px;
    }
}


.site-container-blog {
    background-color: #ffffff !important;
}

/* desktop view */
@media screen and (min-width: 768px) {
    #site-container.site-container.site-container-blog {
        /* padding-top: calc(28px + 65px) !important; */
    }

    #top-nav.blog-nav #menu-X {
        display: none;
    }
}

.blog-primary-container {
    display: flex;
    justify-content: center;
    background-color: #0099CC;
    padding: 16px 0px;
    font-size: 3.0rem;
    font-family: arial;
}

.blog-primary-container span, .blog-primary-container a {
    display: flex;
    color: #fff;
    line-height: 100%;
    font-weight: 900;
    text-decoration: none;
}

.blog-primary-container svg {
    margin-left: 16px;
}

.blog-category-container {
    padding-bottom: 36px;
}

/* .blog-category-container .posts-section {
    margin-bottom: 60px;
} */

.blog-category-container h1 {
    color: #0099CC;
    text-align: center;
    font-size: 225%;
}

.blog-category-container .pagination-controls {
    display: flex;
    justify-content: space-between;
    max-width: 280px;
    margin: 0 auto;
    padding-top: 60px;
}

.blog.pb-3 {
    padding-bottom: 30px;
}

.blog.mb-3 {
    margin-bottom: 30px;
}

/* mobile view */
@media screen and (max-width: 767px) {
    #site-container.site-container.site-container-blog {
        /* padding-top: 28px !important; */
    }

    #top-nav.blog-nav #icons-nav li a {
        padding: 3.3vw 7vw 3.4vw 7.6vw;
    }    

    .blog-primary-container {
        padding: 10px 0px;
        font-size: 2.0rem;
    }
    
    .blog-primary-container svg {
        margin-left: 12px;
    }

    .blog-category-container {
        padding-bottom: 8.0vw;
    }
    
    .blog.pb-3 {
        padding-bottom: 22px;
    }
    
    .blog.mb-3 {
        margin-bottom: 22px;
    }

    .blog-category-container .pagination-controls {
        padding-top: 48px;
    }
}

.site-container-blog .area-wrapper {
    max-width: 1154px;
}

/* search button is removed so need bigger play buttons */
.footer-fixed-container-blog #footer-menu-but, .footer-fixed-container-blog #footer-play-but {
    width:50%;
}

.site-container-blog h1 {
    background-color: unset !important;
    padding: 0 !important;
    text-transform: unset !important;
    margin: 0em 0em 0.5em 0em !important;
}
.pagination-controls .blog-category-page-link {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    color: #0099CC;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.pagination-controls .blog-category-page-link.active, .pagination-controls .blog-category-page-link:not(.bpgn-arrow):hover {
    background-color: #0099CC;
    border-radius: 50%;
    color: #ffffff;
}

/* .pagination-controls .blog-category-page-link.bpgn-arrow:hover {
    background-color: ##FF3250;
    border-radius: 50%;
    color: ##ffffff;
} */

.pagination-controls .blog-category-page-link.bpgn-arrow {
    font-size: 24px;
    color: #FF3250;
}

.pagination-controls .blog-category-page-link.bpgn-arrow.disabled {
    /* color: #000000; */
    /* opacity: 0; */
}

.pagination-controls .blog-category-page-link.disabled span {
    display: none;
}

.pagination-controls .page-links-numeric {
    display: flex;
    font-family: arial;
}

.pagination-controls .blog-category-page-link.numeric {
    margin: 0px 4px;
}

.pagination-controls svg.reverse path {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}
/* promoted post */
.blog-category-container .promoted-post {
    display: flex;
    justify-content: space-between;
    margin-bottom: 54px;
}

.blog-category-container .promoted-post .prmpost-body {
    width: 42%
}

.blog-category-container .promoted-post .prmpost-img {
    width: 50%;
}

.promoted-post .prmpost-img img {
    width: 100%;
    height: 100%;
}

.promoted-post .prmpost-body a {
    text-decoration: none !important;
}

.promoted-post .prmpost-body .title {
    font-style: normal;
    font-weight: 900;
    font-size: 225%;
    color: #005E7D;
    margin-bottom: 30px;
    line-height: 117%;
    font-family: arial;
}

.promoted-post .prmpost-body .blog-btn-container {
    margin-bottom: 16px;
}

.blog-category-container .welcome-msg {
    margin-bottom: 36px;
}

/* desktop view */
@media screen and (min-width: 768px) {
    .promoted-post .prmpost-body img {
        display: none;
    }

    .promoted-post .prmpost-body .mbl-skeleton-img {
        display: none;
    }
}

/* mobile view */
@media screen and (max-width: 767px) {
    .blog-category-container .promoted-post {
        display: block;
    }

    .blog-category-container .promoted-post .prmpost-body {
        display: flex;
        flex-direction: column;
        width: 100%
    }
    
    .blog-category-container .promoted-post .prmpost-img {
        display: none;
    }

    .promoted-post .prmpost-body .title {
        order: 1;
        margin-bottom: 8px;
    }

    .promoted-post .prmpost-body img {
        display: block;
        order: 2;
        width: 100vw;
        max-width: 100vw;
        margin-left: -4vw;
        margin-bottom: 12px;
    }

    .promoted-post .prmpost-body .post-headers {
        order: 3;
        margin-bottom: 16px;
    }

    .promoted-post .prmpost-body .preview-summary {
        order: 4;
    }

    .promoted-post .prmpost-body .blog-btn-container {
        order: 5;
        display: flex;
        justify-content: center;
    }

    .promoted-post .prmpost-body .mbl-skeleton-img {
        order: 2;
        display: block;
        margin-bottom: 16px;
    }

    .blog-category-container .welcome-msg {
        margin-bottom: 24px;
        width: 100vw;
        margin-left: -4vw;
        font-size: 4.7vw;
    }
}

button.blog-load-more {
    margin: 0 auto;
}
/* blog seo block */
.seo-blog-posts h2 {
	color: #005E7D;
	text-align: center;
	font-family: arial;
	font-weight: 900;
}

.seo-blog-posts {
    /*background-color: #E2DFDF;*/
}