/* COMPONENT: ACQ Full BG CSS */
#page>.page-wraper.darker-gray-bg {
    background-image: none;
}

#fullContent .page-wraper.darker-gray-bg {
	background-repeat: no-repeat;
	background-size: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/* COMPONENT: ACQ Full BG - Offer */

/* ------- CAM-69067 ------- */
@media only screen and (min-width: 1025px){
    body #fullContent .page-wraper .offer-text-container span.mobile{display:none;}
    body #fullContent .page-wraper .offer-text-container span.pc{display:block;}
    body #fullContent .main-bg-full-width .acq-offer .offer-text-container a:not(.button) {font-size: 1rem;}
}
@media only screen and (max-width: 1025px){
    body #fullContent .page-wraper .offer-text-container span.mobile{display:block;}
    body #fullContent .page-wraper .offer-text-container span.pc{display:none;}
}
body #fullContent .main-bg-full-width .acq-offer .offer-text-container .main-button .button {
    margin-bottom: 15px;
}
/* ------- CAM-69067 ------- */
#fullContent .offer-text-container .big-1 {
	font-size: 2em
}
#fullContent .offer-text-container .big-2 {
	font-size: 3em
}
#fullContent .offer-text-container .big-3 {
	font-size: 4em
}
#fullContent .offer-text-container .big-4 {
	font-size: 5em
}
#fullContent .offer-text-container .big-5 {
	font-size: 6em
}
#fullContent .offer-text-container .big-6 {
	font-size: 7em
}
#fullContent .offer-text-container .big-7 {
	font-size: 8em
}
#fullContent .offer-text-container .big-8 {
	font-size: 9em
}
#fullContent .acq-offer .offer-text-container {
	padding-right: 25px;
	margin-bottom: 3%;
}

html[lang="sv"] #fullContent .acq-offer .offer-text-container {
    margin-top: 25%;
}

#fullContent .acq-offer .offer-text-container>span {
	display: block;
	text-shadow: 5px 5px 5px #000;
	font-weight: 700;
	line-height: 1.2em;
}
#fullContent .acq-offer .offer-text-container>.big-8 {
	line-height: 1em;
	margin-bottom: 1%;
}

@media screen and (max-width: 640px) {
	#fullContent .acq-offer .offer-text-container {
		text-align: center;
		padding: 0;
	}

        html[lang="sv"] #fullContent .acq-offer .offer-text-container {
            margin-top: 0;
        }

	#fullContent .acq-offer {
		padding-bottom: 100%;
                background-size: 100%;
                background-position: center bottom;
                margin-bottom: 15px;
                background-repeat: no-repeat;
	}

         #fullContent .main-bg-full-width .acq-offer{
               background-position: top center;
         }

        #fullContent .acq-tnc {
               padding-left: 15px;
               padding-right: 15px;
        }
}
@media screen and (min-width: 641px) {
	#fullContent .acq-offer .small-12.medium-6.columns:after {
		content: '';
		width: 0px;
		height: 300px;
		display: inline-block;
		vertical-align: middle;
		background: #fff;
	}
	#fullContent .acq-offer .offer-text-container {
		display: inline-block;
		vertical-align: middle;
		width: 98%;
		width: calc(100% - 9px);
	}
	#fullContent .acq-offer {
		background-size: cover;
		background-position: 0px 46%;
		height: 0;
		padding-bottom: 43%;
	}
}
@media screen and (min-width: 768px) {
	#fullContent .acq-offer .small-12.medium-6.columns:after {
		min-height: 340px;
	}
}
@media screen and (min-width: 960px) {
	#fullContent .acq-offer .small-12.medium-6.columns:after {
		min-height: 480px;
	}
}


/*WHY US ICON*/

.why-us-icon-mobile {
display: none;
}

.why-us-icon {
    -webkit-animation: none;
    animation: none;
}

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

.why-us-icon-mobile {
    bottom: env(safe-area-inset-bottom)!important;
    overflow-x: hidden;
    position: fixed;
    display: block;
    width: 100%;
    margin: 0px 20px;
    padding: 5px 30px;
    bottom: 0;
    right: -1.3em;
    border-radius: 5px 5px 0 0;
    background-color: #7cf700;
    color: #000;
    font-weight: bold;
    text-align: center;
    height: auto;
    padding: 15px 30px;
    border-radius: 5px 5px 0 0;

}
.why-us-icon {
display: none;
}

footer {
padding-bottom: 40px!important;
}
}


/*STICKY NAVBAR ACQ FULL BG - SV */

html[lang='sv'] #scroll-navbar{
    z-index: 3;
    width: 100%; 
    transition: top .1s ease-out;
}


html[lang='sv'] .navscroll {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

html[lang='sv'] div#scroll-navbar.nav-fixed {
    position: fixed;
    background: black;
    color: black;
    height: 100px;
}

@media screen and (max-width: 834px) {
html[lang='sv'] .toplogo {
        max-width: 75%;
}
html[lang='sv'] div#scroll-navbar.nav-fixed {
        height:130px;
}
}

@media screen and (max-width: 641px) {
	html[lang='sv'] div#scroll-navbar.nav-fixed {
        height: 80px;
}
}
@media screen and (max-width: 420px) {
	html[lang='sv'] .toplogo {
        max-width: 80%;
}
}

/* COMPONENT: ACQ Full BG - CTA */
#fullContent .acq-offer .main-button .button {
	font-size: 1.5em;
	display: inline-block;
	padding: 0 20px;
	line-height: 2.2em;
        max-width: 350px;
}
html[lang='de'] #fullContent .acq-offer .main-button .button {
    max-width: 365px;
}
html[lang='pt'] #fullContent .acq-offer .main-button .button,
html[lang='fr'] #fullContent .acq-offer .main-button .button,
html[lang='no'] #fullContent .acq-offer .main-button .button{
    max-width: 400px;
}
html[lang='ru'] #fullContent .acq-offer .main-button .button{
    max-width: 540px;
}
html[lang='it'] #fullContent .acq-offer .main-button .button{
	font-size: 1.5em;
}
html[lang='fi'] #fullContent .acq-offer .main-button .button{
	/*font-size: 1em !important;*/
        max-width: 400px;
}
html[lang='sv'] #fullContent .acq-offer .main-button .button,
html[lang='no'] #fullContent .acq-offer .main-button .button{
	font-size: 1.5em;
        max-width: 100%;
}

html[lang='sv'] .main-button .TeaserButton:before{
    content: "";
    display: block;
    background: url("//images.images4us.com/888Casino_CGP/PT/BankID-Logo-1640789559122.png") no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    position:relative;
    top: 10px;
    float: right;
    margin: 0 0 0 5px;
}

html[lang='ro'] #fullContent .acq-offer .main-button .button{
        max-width: 365px;
}

/* COMPONENT: ACQ Full BG - Steps */
#fullContent .acq-steps {
	display: table;
	clear: both;
	position: relative;
}

#fullContent .acq-steps .removeSteps{
       display: none!important;
}

#fullContent .acq-steps>div {
	display: table-row;
}
#fullContent .acq-steps>div>div {
	display: table-cell;
}
#fullContent .acq-steps .arrow {
	width: 4.9%;
	background-image: url("//images.images4us.com/888Casino_CGP/PT/6QXUu6caZAgAAAABJRU5ErkJggg%3D%3D-1460547613551.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#fullContent .acq-steps .arrow img {
    visibility: hidden;
}
#fullContent .acq-steps .white-text {
	display: block;
	font-weight: 400;
	line-height: 1.2em;
}
#fullContent .acq-steps .big-1 {
	font-size: 1em;
	padding-right: 10px;
}
#fullContent .step-1,
#fullContent .step-2,
#fullContent .step-3 {
	background-size: contain;
	background-repeat: no-repeat;
	width: 30.03%;
	vertical-align: middle;
	background-position-y: 17%;
	padding: 0 0 1% 8%;
}
html[lang="ar"] #fullContent .step-1,
html[lang="ar"] #fullContent .step-2,
html[lang="ar"] #fullContent .step-3 {
	padding: 0 8% 1% 0;
}
html[lang="ar"] #fullContent .acq-steps .big-1{
       font-size: 1.7em;
}
#fullContent .step-1 {
	background-image: url("//images.images4us.com/888Casino_CGP/PT/ACQ-Full_Background_Step_01_yellow-1460553876924.png");
}
#fullContent .step-2 {
	background-image: url("//images.images4us.com/888Casino_CGP/PT/ACQ-Step_02_yellow-1460553899144.png");
}
#fullContent .step-3 {
	background-image: url("//images.images4us.com/888Casino_CGP/PT/ACQ-Full_Background_Step_03_yellow-1460553917771.png");
}
#fullContent .acq-steps a {
	text-decoration: none;
}

@media screen and (min-width: 1500px){
        #fullContent .acq-steps{
             padding-top: 130px;
        }
}

@media screen and (max-width: 960px) {
	#fullContent .acq-steps .offer-text-container {
		font-size: 0.59rem;
	}
 html[lang='sv'] .main-button .TeaserButton:before {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1200px) {
	#fullContent .acq-steps {
		padding: 0 10px;
	}
  html[lang="sv"] .main-button .TeaserButton:before {top: 4px;}

}
@media screen and (max-width: 640px) {
	#fullContent .step-1,
	#fullContent .step-2,
	#fullContent .step-3 {
		width: 100%;
		padding: 9% 2% 18% 25%;
	}

 html[lang="sv"] .main-button .TeaserButton:before {
    width: 25px;
    height: 25px;
    top: 5.5px;
    margin-left: 0px;
    margin-right: 5px;
  }

       html[lang="ar"] #fullContent .step-1, 
       html[lang="ar"] #fullContent .step-2, 
       html[lang="ar"] #fullContent .step-3{
             padding: 9% 25% 15% 25%;
       }

	#fullContent .acq-steps .arrow {
		display: none;
	}
	#fullContent .acq-steps>div>div,
	#fullContent .acq-steps>div,
	#fullContent .acq-steps {
		display: block;
	}
	#fullContent .acq-steps .offer-text-container {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 510px) {
	#fullContent .acq-steps .offer-text-container {
		font-size: 1em;
	}
        html[lang="ar"] #fullContent .acq-steps .offer-text-container {
		padding: 7% 26% 18% 0;
	}
}
@media screen and (max-width: 410px) {
	#fullContent .acq-steps .offer-text-container {
		font-size: 0.8rem;
		padding: 9% 0 18% 26%;
                min-height: 130px;
	}
 html[lang="sv"] .main-button .TeaserButton:before {
    width: 20px;
    height: 20px;
    top: 4px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

#fullContent .page-wraper.darker-gray-bg.main-bg-full-width{
       max-width: 100%;
}

#fullContent .page-wraper.darker-gray-bg.main-bg-full-width .row{
       max-width: 1200px;
}

#fullContent .page-wraper.darker-gray-bg.main-bg-full-width footer{
       max-width: 1200px;
       margin-left: auto;
       margin-right: auto;
    background-color: #1f1f1f;
}


@media screen and (min-width: 40.0625em){
#fullContent .page-wraper.darker-gray-bg{
            background-position: top center;
            /*background-size: cover;*/
            height: 695px;
}

#fullContent .page-wraper.darker-gray-bg.main-bg-full-width .acq-offer{
       padding-bottom: 0px;
}
}

@media screen and (max-width: 1280px) {
    #fullContent .page-wraper.darker-gray-bg {
	background-size: cover;
    }

    #fullContent .page-wraper.darker-gray-bg {
       height: 570px;
    }
}

@media screen and (max-width: 960px) {
		#fullContent .page-wraper.darker-gray-bg{
		height: 430px
	}
}

@media screen and (max-width: 767px) {
	#fullContent .page-wraper.darker-gray-bg{
		height: 370px
	}

        #fullContent .page-wraper.darker-gray-bg.main-bg-full-width .acq-header {
               position: absolute;
               left: 0;
               right: 0;
               padding: 5px 0;
        }

        #fullContent .page-wraper.darker-gray-bg.main-bg-full-width .acq-offer  {
               padding-top: 80px;
        }
        
}

@media screen and (max-width: 676px) {
	#fullContent .page-wraper.darker-gray-bg.main-bg-full-width{
		height: 370px
	}
}


/* == Fixed TNCs == */

#fullContent .page-wraper.darker-gray-bg .fixed-tnc{
    color: #969696;
    font-family: "888", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.85rem;
}

#fullContent .page-wraper.darker-gray-bg .fixed-tnc .fixed-tnc-title{
    font-weight: bold;
}

#fullContent .page-wraper.darker-gray-bg .fixed-tnc ol{
    margin-left: 0;
    margin-top: 0;
    padding-left: 30px;
}

@media screen and (max-width: 1200px) {
	#fullContent .page-wraper.darker-gray-bg .fixed-tnc {
		padding: 0 10px;
	}
}

@media screen and (max-width: 640px) {
    #fullContent .page-wraper.darker-gray-bg .fixed-tnc{
           padding-left: 15px;
           padding-right: 15px;
    }
}

.style777  #fullContent .page-wraper.darker-gray-bg .fixed-tnc{
    color: #354d4c;
    font-weight: normal;
    font-size: 1rem;
    font-family: "777",verdana,sans-serif;
}

.style777 #fullContent .page-wraper.darker-gray-bg .fixed-tnc .fixed-tnc-title{
    font-weight: normal;
    font-family: '777-Book';
    color: #bc3554;
}

#fullContent .acq-offer .offer-text-container #topCta a {
    margin: 15px 0 20px 0;
}

/* COMPONENT: ACQ Full BG CSS Fix for AR */

html[lang="ar"] #fullContent .acq-header .acq-header-btn {
    right: 75%;
}

@media screen and (max-width: 768px) {
html[lang="ar"] #fullContent .acq-header .acq-header-btn {
    right: 74%;
}
}

@media screen and (max-width: 676px) {
html[lang="ar"] #fullContent .acq-header .acq-header-btn {
    right: 65%;
}
}

@media screen and (max-width: 428px) {
html[lang="ar"] #fullContent .acq-header .acq-header-btn {
    right: 62%;
}
}

/*patch for lp font family*/
#page #fullContent h1 {
    font-family: "888-Bold",verdana,sans-serif;
    font-weight: 500;
}

/*New steps styles*/
.new-steps {
    display: none;
}
.arrow.arrmobile{
    display: none;
}

body:not(.style777) #page #fullContent .acq-steps.new-steps{
    display: block;
}

html[lang="en-CA"] #fullContent .page-wraper .acq-steps-mobile{
    display: none !important;
}


body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
}
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-1,
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-2,
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-3{
    background-image: none;
    width: auto;
    background-position-y: unset;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
html[lang="ar"] #fullContent .acq-steps.new-steps .big-1{font-size: 1em;}
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a {
    display: block;
}
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a span{
    text-align: center;
    padding: 0;
}
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a img{
    max-width: 100px;
}
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .arrow{
    background-image: url("//images.images4us.com/888Casino_CGP/PT/arrowone-1661261628054.png");
    max-height: 100px;
    width: auto;
    max-width: 30px;
}

@media screen and (max-width: 767px) {
html[lang="pt-BR"] #fullContent .page-wraper.darker-gray-bg.main-bg-full-width .acq-steps.new-steps {
    margin-top: 0;
}
}

@media screen and (min-width: 640px) {
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a img{
        padding-bottom: 10px;
    }
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-1,
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-2,
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-3{
        width: 30%;
    }
   html[lang="sv"] body:not(.style777) #page #fullContent .acq-steps.new-steps {
        padding-top: 100px;
   }
}
@media screen and (max-width: 640px) {
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a span {
    text-align: left;
}
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps{
        flex-direction: column;
    }
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-1,
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-2,
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .step-3{
        margin-bottom: 10px;
        flex-direction: row;
        justify-content: space-between;
        width: 96%;
        position: relative;
    }
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .offer-text-container a:nth-child(2){
        position: absolute;
        left: 110px;
        bottom: 50%;
    }
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .offer-text-container a:nth-child(3){
        position: absolute;
        left: 110px;
        top: 50%;
    }
    html[lang="ar"] body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .offer-text-container a:nth-child(2){
        right: 110px;
        left: auto;
    }
    html[lang="ar"]  body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .offer-text-container a:nth-child(3){
        right: 110px;
        left: auto;
    }
html[lang="ar"] body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a span {
    text-align: right;
}
    body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps a img{
        padding-right: 10px;
    }
    body:not(.style777) #page #fullContent .arrow.arrmobile{
        display: block;
        background-image: url("//images.images4us.com/888Casino_CGP/PT/arrowone-1661261628054.png");
        max-height: 100px;
        width: auto;
        max-width: 30px;
    }
}
       body:not(.style777) #page #fullContent .acq-steps .offer-text-container a:last-child{position:static!important;}
@media screen and (min-width: 1280px) {
html[lang="sv"] body:not(.style777) #page #fullContent .acq-steps.new-steps {
    padding-top: 240px;
}
}
@media screen and (min-width: 640px) {
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps {
    align-items: flex-start;
}
}

@media screen and (max-width: 440px) {
body:not(.style777) #page #fullContent .acq-steps.new-steps #flex-steps .offer-text-container a {max-width:60%}
.title-split-fix {
    position: absolute;
    left: 110px;
    bottom: 50%;
}

.text-split-fix {
    position: absolute;
    left: 110px;
    top: 50%;
}
}
@media screen and (max-width: 767px){
html[lang="ar"] #fullContent .page-wraper.darker-gray-bg.main-bg-full-width .acq-steps.new-steps {
    margin-top: -20px;
}
}
body.style777 img.new-step-icon {
    display: none;
}




.flex-repeater #footer.main-footer{background-color: #1f1f1f;}