﻿/* General ================================================= */
body {
	height: 100%;
	background-color: white;
	overflow-y: scroll;
	}
* {margin:0;padding:0;box-sizing:border-box;}

a:link, a:visited {
	color:#282828;
    text-decoration:none;
	}
ul, li {
	list-style-position: inside;
	}
.no-click {
	pointer-events: none;
}

.valuestats-mobile {
    	display: none;
    }
#usp_list p {
	color: #fff;
}
/* Text Styles ============================================= */

/* Headings */
h1, h2, h3, h4 {
  	font-family: urbane-rounded,sans-serif;
    text-transform: uppercase;
    line-height:120%;
    letter-spacing: 0.1vw;
	}

h1 {
    font-size: 4vw;
    line-height:110%;
    margin: 2% 0;
    color:#282828;
    width:90%;
	}
h2.customer-quote {
   	font-size: 2vw;
    font-weight: 400;
  	margin-top: 5%;
    width: 75%;
	}
h2.customer-identity { 
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    display:block;
    margin-top: 1%;
    letter-spacing: 0.05vw;
	}
h3 { /* Content Headings */
   font-family: urbane-rounded,sans-serif;
    font-size: 2.5vw;
    font-weight: 300;
    margin: 0 auto;
	}
h4 { /* Responsible Gambling Headings */
    font-size: 1.5vw;
    font-weight: 300;
	}
p, ul, a, span {
    color: #282828;
    font-size: 1.3vw;
    	font-family: urbane-rounded,sans-serif;
    letter-spacing: 0.05vw;
	}

#responsible_heading 
{
   font-family: "urbane-rounded", sans-serif;
font-weight: 700;
font-style: normal;
    color: #94b0f7 !important; 
  font-size:3vw;
}

/* New Button and Button Hover Effect ----------------------- */
.button {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;   
    background-color: rgb(241, 168, 202);
    border-radius: 1.2vw;
    border: 0.25vw solid rgb(239, 85, 162);
  	color: rgb(10, 16, 58) !important;
    font-family: urbane-rounded,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
  	display: inline-block;
	padding: 1vw 2vw;
    font-weight:800;
	}

.button p{
  
  	text-transform: uppercase;
  	font-size: 1.3vw;
  	color: rgb(10, 16, 58) !important;
  	font-family: urbane-rounded, sans-serif;
  	font-style: normal;
    text-decoration: none;
}


.button.cta span, .nav-button span {
  	position: relative;
 	display: inline-block;
    vertical-align:middle;
	}

/* Page Sections ===============================================
================================================================= */

/* Navbar at Top ========================================= */
#topbar-spacing {
	height: 3.7vw;
    width: 100%;
	}
#topbar {
    background-color: #0b103a;
    z-index: 9999;
    position: sticky;
    width: 100%;
    padding: 1% 10%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid rgb(11, 57, 188);
    /*border-color: rgb(11, 57, 188);*/

	}
.usp-tab h3 {
	margin: 0 auto;
    padding: 8% 0 2% 0;
    width: 100%;
    line-height: 120%;
    color: #efa7c8;
    font-size:1.5vw;
    text-transform: none;
    
}

.usp-tab p {
	padding: 0vw 1vw 0 1vw;
    color: white;
    font-size: 1.2vw;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0px;
}
.usp-tab {
    width: 100%;
   padding: 1vw 0.5vw 2vw 0.5vw;
}
/* -------------------
	Customer Reviews
----------------------*/	
/* .customer-reviews
{
    text-align: center;
    padding: 2% 0;
    color:#fff;
    border-bottom: 2px solid rgb(11, 57, 188);
    text-align:center;
}*/	
.customer-reviews h3
{
color: #efa7c8 !important;

}
/*  Reviews ========================================= */
.comments {
    text-align: center;
    padding: 5% 0;
    background-color:#eef4fd;
   border-bottom: 2px solid rgb(11, 57, 188);
	}
#comments-container {
	width: 63%;
    margin:0 auto;
    display:flex;
    margin-top:4%;
	}
.feedback {
	width: 30%;
    display:inline-block;
	flex:auto;
    margin:3%;
	}
.feedback img {
  	width: 6.5vw;
  	border-radius: 50%;
   
	margin-top:-25%;
	}

.feedback-box-pink {
    margin: 0 auto;
    background-color: #d53786;
    border-radius: 29px;
    height: 13vw;
    padding: 8%;
    position:relative;
	}
.feedback-box {
    margin: 0 auto;
    background-color: #0938bc;
    border-radius: 29px;
    height: 13vw;
    padding: 8%;
    position:relative;
	}
.feedback-box-pink p
 {    
    padding-top: 8%;
     color:#ffffff !important;
	}
.feedback-box p  {    
    padding-top: 8%;
     color:#ffffff !important;
	}

.feedback-box  p.client {
    font-weight: 700;
    margin-bottom: 1.5vw;
    position:absolute;
    color:#ffffff !important;
    bottom:0;
    left:0;
    right:0;
	}
.comments p.disclaimer {
	font-style:italic;
    width:80%;
    margin:0 auto;
    opacity:0.8;
    font-size:0.9vw;
    padding-bottom:40px;
	}
.customer-reviews h2 {
    margin-bottom: 100px;
}

.comments-text h3
{
    font-size:3vw;
    color:#da5d9e;
}

.review-text h3
{
    font-size:3vw;
    
}
.logotype {
    width:15%;
	}
.logotype img {
    width:100%;
    margin-bottom: -1%;
	}   

.nav-buttons {
    width:50%;
	}
.nav-button {
  	padding: 2% 3%;
  	width: auto;
  	transition: all 0.5s;
    margin-left: 1.5%;
    cursor: pointer;
  	display: inline-block;
  	position: relative;
    font-size: 1.2vw;
    font-weight: 800;
   color: rgb(10, 16, 58);
    overflow: hidden;
    position: relative;
    z-index: 1;
	}

.reg-button {
   
    float: right;
    color: rgb(10, 16, 58) !important;
   
	}
.login-button {
  	background-color: #dc0a35;
    float: right;
	}
.nav-button:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    top: -10px;
    left: -200%;
    width: 200%;
    height: 800px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
	}
.nav-button:hover:after {
    left: 0;
	}

/*  Hero ========================================= */

#text { 
    padding-left: 8vw;
    width: 50%;
    padding: 3% 0 3% 8%;
    overflow: hidden;
	}
#text .button {
    margin: 5% 0 2% 0;
	}
.cta-terms { /* Terms below CTA */
    width: 80%;
    font-size: 0.9vw;
    line-height: 145%;
    font-weight: 600;
    display:block;
    letter-spacing:0;
	}
#logos-games {
	background-color: #0b103a;
	}
#logos-games img {
	display: block;
  	margin: 0 auto;
  	width: 70%;
	}
#play_responsibly
{
font-size:0.9vw;
}
/*  Payments Ribbon ========================================= */
#payments {
	background-color: #0a38bc;
	}
#payments img {
	display: block;
  	margin: 0 auto;
    padding: 0.8vw;
  	width: 25%;
	}
 .valuestats {
    	
        background-color:#0a103a;
    }
/*  Games ========================================= */
#games {
        background-repeat: repeat;
        text-align: center;
	   }
#games p {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.1vw;
    margin: 0 auto;
	}
#games-container {
	width: 85%;
    margin: 0 auto;
    padding: 5%;
	}/*
#game-tiles {
    margin: 0 auto;
    margin-top: 3%;
	}
#games img {
	margin: 0.5vw;
    width: 13vw;
    -webkit-transition: all 0.4s ease-out;
  	   -moz-transition: all 0.4s ease-out;
  		 -o-transition: all 0.4s ease-out;
  			transition: all 0.4s ease-out;
	}
#games img:hover {
  	-webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
	}

/*  Games SUZU ========================================= */
.game-tiles-suzu {
    margin: 0 auto;
    margin-top: 2%;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
	}
.suzu {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.5%;
	}
.game-tiles-suzu .gametile {
	margin: 0.5vw;
    width: 16vw;
	}
.game-tiles-suzu .gametile-image {
    position:relative;
    overflow:hidden;
	}
.game-tiles-suzu .gametile-image img {
	width:16vw;
	}
.game-tiles-suzu .gametile-overlay {
	background: rgba(0,0,0,0.87);
    width:100%;
	height:99%;
    position:absolute;
    top:0;
    left:0;
    padding:15px;
    padding-top:35%;
    opacity:0;
    -webkit-transition: all 0.2s ease-out;
  	   -moz-transition: all 0.2s ease-out;
  		 -o-transition: all 0.2s ease-out;
  			transition: all 0.2s ease-out;
    z-index:100;
	}
.game-tiles-suzu .gametile-overlay .button.play{
	display:block;
    margin-bottom:5%;
	}
.game-tiles-suzu .gametile-overlay a.fun{
	font-size:0.8vw;
    font-weight:700; 
	}
.game-tiles-suzu a:link, .game-tiles-suzu a:visited {
    color: #fff;
	}
.game-tiles-suzu a {
    font-size: 1vw;
	}
.game-tiles-suzu .gametile-overlay a.fun:hover{
	text-decoration:underline;
	}
.game-tiles-suzu .gametile:hover .gametile-overlay {
	opacity:1;
	}

/*  USP ========================================= */
#usp {	
    text-align: center;
    position:relative;
    padding: 5% 0;
    overflow:hidden;
	}
#usp h3 {
    width: 50%;
    color:#fff;
	}
#usp ul {
	line-height:150%;
    width: 40%;
    margin: 0 auto;
    margin-bottom:20px;
    color:#fff;
	}

/*  Reviews ========================================= */
#reviews {
    text-align: center;
    padding: 3% 0;
  background-image: url("../../willbetgambling/image/BG-block1.jpg");
  	background-repeat: repeat;
    background-size: cover; 
    color:#fff;
	}
#reviews-container {
	width: 85%;
    margin:0 auto;
    display:flex;
    padding-bottom: 1%;
    
	}
.feedback {
	width: 30%;
    display:inline-block;
	flex:auto;
    margin:3%;
	}

#reviews p.disclaimer {
	font-style:italic;
    width:80%;
    margin:0 auto;
    opacity:0.8;
    font-size:0.9vw;
    padding-bottom:40px;
	}
/*  Play ========================================= */
#play {
	background-image: url(https://valkommen.ottocasino.se/se/casino/welcome-offer/play-games2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
	}
.play-text {
    width: 55%;
    display: block;
    position: relative;
    text-align: center;
    padding: 5% 0;
	}
.play-text h3{
	color:#282828;
    width:60%;
	}
.play-text ul {
    margin: 2% auto 5% auto;
    width: 60%;
	}
.play-text li {
    line-height: 120%;
    font-weight: 400;
    margin: 2% 0;
	}
.play-text li:first-child {
    margin-top: 0;
	}

/*  Responsible Gaming ========================================= */
#responsible {
    text-align: center;
    padding: 2% 0;
    background-image: url("../../willbetgambling/image/OT-SE-LP-bg.jpg");
  	background-repeat: repeat;
    background-size: cover; 
    color:#fff;
    border-bottom: 2px solid rgb(11, 57, 188);
    
    text-align:center;

	}
#responsible h4, #responsible p {
    color: #fff;
	}
#responsible h4 {
	margin: 7% 0;
    color:#fff;
	}
#responsible-container {
    width: 70%;
    margin: 0 auto;
    margin-top:1%;
    display: flex;
    
	}
.responsible-box {
	width: 34.3%;
    padding:3%;
	}
.responsible-box img {
	height: 6vw;
	}
.responsible-box p {
	font-size:1vw;
	}

/*  Bottom Menu ========================================= */
#bottom-menu {
    padding: 5% 0;
    display:flex;
	}
#menu-logo {
    width:15%;
    text-align:right;
	}
#menu-logo img {
    width:35%;
	}
.seo-links {
    width:85%;
    padding-left:5%;
	}	
#bottom-menu a {
    color: #282828;
    line-height: 170%;
    display:block;
    font-size:1vw;
	}
.column {
  	float: left;
    width: 80%;
    padding-right: 10px;
    column-count: 3;
    column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
	}

/* Collapsable Terms -------------------------------------------- */	

.terms-container {
    color:#111;
    border: solid 2px #dc0b35;
    width:90%;
    margin:2% auto;
    padding: 1% 1.5%;
    font-size: 0.9em;
    position:relative;
}
.collapse-heading {
	font-family: 'Poppins', sans-serif;
    font-weight:400;
    text-transform:uppercase;
    color: #111;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 1em;
    letter-spacing:1.1px;
}
.info p
{
    font-size: 0.8vw;
    display: inline;
   
}
.info {
	float: left;
    width: 35%;
   
  
}
.responsible-gaming-container p {
    vertical-align: middle;
    line-height: 140%;
}
.expand-terms-icon {
	position:absolute;
    right:2vw;
    top:0.2vw;
    cursor:pointer;
    transition: all 0.2s;
}
.rotate-x {
	transform:rotate(45deg) scale(1.2);
    transition: all 0.2s;
}
#expand-icon {
	font-size: 2.3em;
    color:#111;
    font-weight: 200;
}
.collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.collapse-content p {
    float:left;
    font-size:14px;
    margin-top: 2%;
}
/*  Footer ========================================= */
footer {
	background-color: #0b103a;
    color: white !important;
	}
.footer-row {
    overflow:hidden;
    padding: 1.5% 10%;
    border-top: 2px solid #111d5a;
	}
.footer-line {
    overflow:hidden;
    padding: 1.5% 10%;

	}


#footer_responsible
{
    
    font-size: 0.8vw;
    font-family: "Roboto", sans-serif !important;
}
.target_link a
{
    font-size: 0.8vw;
    font-family: "Roboto", sans-serif !important;
    color: white !important;
    padding-right: 10px;
}

.target_link a:hover {
    text-decoration:underline;
	}

footer span, footer p, footer p a {
	font-size: 0.8vw;
    font-family: "Roboto", sans-serif !important;
     color: white !important;
	}
#age-warning span, .commission span {
    display:inline;
    margin-left:5px;
	}
/* Age Warning -------------------------------------------- */
#age-warning {
    padding: 1% 10%;
    display:flex;
    align-items: center;
	}
#age-warning img {
	height: 25px;
    margin-right:10px;
	}
#age-warning img.helpline {
    margin:0 10px;
    vertical-align:bottom;
    height: 1.6vw;
	}
.stodlinjen img {
    height:2vw;
    vertical-align:bottom;
	}

/* Commission & Payments -------------------------------------------- */
.footer-row.commission-payments {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 1% 10%;
	}
.commission {
    width:15%;
    padding: 1px 2px 6px 20px;
	}
/* Commission **************************************/		

.commission img {
    max-width: 175px;
    display:inline;
}
#commission_img {
    height: 2vw;
}
.commission img{
	width: 10%;
    margin-left:10px;
    vertical-align:bottom;
}
.commission.nb_no img {
	width: 6%;
}

#commission img.helpline {
    margin:0 10px;
    vertical-align:bottom;
    height: 1.6vw;
	}

.legal-logos
 {
    width:50%;
	}
.stodlinjen
{
     width:30%;
}
.links {
	
    float: right;
    width: 65%;
    text-align: right;
    right: 5%;
    position: absolute;
   
}
.links a {
    color:#fff;
    color: #fff;
    text-decoration: underline;
        font-size: 0.8vw;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0.045vw;
}
.links a:hover {
    text-decoration:underline;
}
.responsible-gaming-container {
	padding: 1% 10%;
    overflow:hidden;
}

.responsible-gaming-container img {
    float: left;
    margin: 0;
    padding-right: 0.5%;
    height: 19px;
    vertical-align: top;
    margin-right: 5px;
}
.payments {
    width:50%;
    text-align: right;
	}
.payments img, .commission img {
    height:2vw;
    vertical-align:bottom;
	}
.logos-games {
    width:50%;
    text-align: right;
	}
.logos-games img {
    height:2vw;
    vertical-align:bottom;
	}
/* Legal -------------------------------------------- */
.legal {
	padding: 2% 10%;
	}
.terms-container p {
    font-size: 0.8vw;
    color: #282828;
}
@media only screen and (max-device-width : 736px) and (orientation : landscape) 
{
    #topbar-spacing {
        height: 4vw;
    	}
     #mobile-break h4{ margin: 7% 12% 0% 11%;}
    p {
        font-size: 10px;
    	}
    .logotype {
        width: 15%;
    	}  
    .nav-button {
        padding: 2% 3%;
    	}
    
    .nav-button span {
        font-size: 1.2vw;
    	}
    #reviews-container {
        width: 75%;
    	}
    .feedback-box {
        height: 28vw;
    	}
    #age-warning img {
        height: 15px;
    	}
    #responsible_heading 
        {
        font-family: "urbane-rounded", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #94b0f7 !important; 
        font-size:5vw;
        }
    
   
}
    .mob-only {display:none;}
    #games-container 
    {
	width: 85%;
    margin: 0 auto;
    padding: 0% 0% 4% 0%;
	}
@media only screen and (max-width: 768px) and (orientation : portrait)
     {
    .desk-only {display:none;}
    .mob-only {display:block;}
    #games-container {
        width: 100%;
        padding: 0;
    }
         
    #commission_img {
    height: 3vw;
}
.responsible-gaming-container img {
    height: 24px;
}
.info {  
        width:70%;
        }
              .commission {
       width: 40%;
  
    margin: 9px 9px 0px -21px;
}
   
 /* Customer Reviews */	
    .customer-reviews {
        padding: 10% 5%;
        border-left: none;
        border-right: none;
    }
    #mobile-break h4{ margin: 7% 12% 0% 11%;}
  
  /*  Reviews - 5 star general ========================================= */
  .comments {
    background-color: #eef4fd;
 
  }
   #play_responsibly {
    font-size:1.9vw;
         } 
.comments-text h3
{
    font-size:5vw;
    color:#da5d9e;
}
   
 #comments-container {
		display:block;
        width:78%;
        margin-left:10%;
        margin-top: 7px;
    }
    .feedback {
        width: 100%;
        display: block;
        margin:0;
    }
    .feedback-box-pink {
     border-radius:29px;
        height:auto;
        padding: 6% 8% 6% 11%;
        margin-bottom: 5%;
    }
    .feedback-box {
     border-radius:29px;
        height:auto;
        padding: 6% 8% 6% 11%;
        margin-bottom: 5%;
    }
    .feedback-box-pink img{
         margin-left: 100% !important;
         }
   .feedback-box-pink p {
    	padding-top: 0%;
         color:#ffffff !important;
        font-size:2.5vw;
        padding-right: 12vw;
    }
    .feedback-box p {
    	padding-top: 0%;
         color:#ffffff !important;
        font-size:2.5vw;
    }
    .feedback-box p.client {
        margin-bottom: 0;
        position: initial; 
         color:#ffffff !important;
	}
    .comments p.disclaimer {
        width:80%;
        font-size:2.2vw;
        margin-bottom: 20px;
    }

   .button {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-color: rgb(241, 168, 202);
    border-radius: 2.2vw;
    border: 0.8vw solid rgb(239, 85, 162);
    color: rgb(10, 16, 58) !important;
    font-family: urbane-rounded, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 2vw 3vw;
    font-weight: 800;
     }
   /*End customer*/
    .review-text h3 {
    font-size: 6vw;
      }
     .button.main  {
        font-size: 4vw;
        padding: 4%;
    }
    .usp-tab > h3 {
   
    padding: 3% 0 0% 0;
    width: 100%;
    color: #efa7c8;
    font-size: 3vw;
    text-transform: none;
    }  
    
     .usp-tab > p {
     font-family: "Roboto", sans-serif;
     width: 100%;
     color: #fffff;
     font-size: 3vw;
     text-transform: none;
    } 
   .legal-logos {
    width: 88%;
}
   
    #responsible_heading 
  {
   font-family: "urbane-rounded", sans-serif;
   font-weight: 700;
   font-style: normal;
   color: #94b0f7 !important; 
   font-size:6vw;
}
.terms-container p {
    font-size: 2.8vw;
    color: #282828;
}   

  
/* Text Styles / Mobile Portrait ========================================= */
    h1 {
        font-size:8vw;
        color:#282828;
    }
    h2.customer-quote {
        font-size: 4.2vw;
        width:100%;
        color:#282828;
    }
    h2.customer-identity {
        font-size: 3.5vw;
        color:#282828;
    } 
    h3 {
        font-size: 5vw;
    	padding-bottom:10px;
    }   
    p, ul, a, h4 {
        font-size: 3vw;
    }
    .valuestats {
    	display: none;
        background-color:#0a103a;
    }
    .valuestats-mobile {
    	display: block;
        background-color:#0a103a;
    }
    /* Navbar at Top / Mobile Portrait ======================================= */
    #topbar-spacing {
        height: 10vw;
        }
    #topbar {
        padding: 2% 4%;
        }
    .logotype {
        margin:0;
        width:35%;
    }
    .logotype img {
        vertical-align: middle;
        margin-bottom: 0;
    }
         
  
    .nav-buttons {
        width:65%;
    }
    .nav-button {
        padding: 3% 4%;
        font-size: 3vw;
    }
         .target_link a
{
    font-size: 2vw;
    font-family: "Roboto", sans-serif !important;
    color: white !important;
    padding-right: 10px;
}

.target_link a:hover {
    text-decoration:underline;
	}
/* Hero / Mobile Portrait ================================================= */											
    #image {
        background: url('https://valkommen.ottocasino.se/se/casino/welcome-offer/1-mobile.jpg') no-repeat;
        background-size:cover;
        background-position-y:bottom;
    }
    #text {
        width: 100%;
    	padding: 7% 5%;
        padding-bottom: 88%;
    }
    .button.main {
        font-size: 4vw;
        padding: 4%;
    }
    .cta-terms { /* Terms below CTA */
        width: 65%;
        font-size: 2.3vw;
    }
    
    /*  Payments ================================= */ 
    #payments img {
        display: block;
        margin: 0 auto;
        padding: 1.5vw;
        width: 50%;
    }
     #logos-games img {
      display: block;
      margin: 0 auto;
      padding: 2.5vw;
      width: 90%;
    }
	/*  Games galore ============================== */
    #games {
    	padding: 1%;
    }
    #games-container {
        width: 100%;
        padding: 0;
    }  /*
    #games img {
        padding: 1%;
        width: 44%;
    }*/
	/*  Games SUZU ============================== */
    .game-tiles-suzu .suzu {
    	padding:0%;
    }
    .game-tiles-suzu .gametile {
    	margin: 2vw;
	}
    .game-tiles-suzu .gametile, .game-tiles-suzu .gametile img {
    	width: 38vw;
	}
    .game-tiles-suzu .gametile-overlay a.fun {
        font-size: 2.7vw;
    }
    .game-tiles-suzu a {
        font-size: 3vw;
        padding:2vw 3vw;
    }    
	/* USP ========================================= */
    #usp {
    	padding: 9% 0;
    }
    #usp ul {
        width: 80%;
    }
    #usp h3 {
        width: 70%;
    }
          
    .info p
    {
    position: initial;
    top: 0;
    transform: none;
    font-size: 2vw;
    width: 95%;
    margin-top: -1%;
     }
    
    /*  Reviews - 5 star general ========================================= */

    
    #reviews-container {
		display:block;
        width:78%;
       
    }
    .feedback {
        width: 100%;
        display: block;
        margin:0;
    }
    .feedback-box { 
        height:auto;
        padding: 6% 11% 6% 11%;
        margin-bottom: 5%;
    }
         
    .feedback-box-pink img
     {
       
 font-size: 10rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 6vw;
  position: relative;
         right:30vw;
        
      }
         
         
    .feedback img {
        
        margin: -1px 1px 0px 31px;
        top:0px;
        position: absolute;
    	left: -13%;
    	width: 14vw;
    }
   
    .feedback-box p.client {
        margin-bottom: 0;
        position: initial; 
	}
    #reviews p.disclaimer {
        width:80%;
        font-size:2.2vw;
        margin-bottom: 20px;
    }
    /*  Play ========================================= */
    #play {
		background-size: 190%;
    	background-position: 34% 30%;
    }
    .play-text {
        margin: 0 auto;
        width: 90%;
        padding: 5% 0;
    }
    .play-text ul {
        width: 80%;
    }
    /*  Responsible Gaming ========================================= */
    #responsible {
		padding: 8% 4%;
        background-color: #0b103a !important;
        background-image:none;
      
    }
    #responsible p {
        font-size: 2.5vw;
    }
    #responsible-container {
        width: 100%;
        margin-top:5%;
    }
    .responsible-box {
           padding: 0% 8% 0% 4%;
    }
         
    .responsible-box img {
        height: 11vw;
    }
    /*  Bottom Menu ========================================= */

    #bottom-menu {
 		padding: 5% 0;
    }
    .seo-links {
        padding-left: 2%;
    }
    #menu-logo {
        text-align: center;
    }
    #menu-logo img {
        width:50%;
    }
    .column, .column-1, .column-2 {
        width: 100%;
    }
    #bottom-menu a {
        font-size: 2.4vw;
    }
/* Collapsable Terms -------------------------------------------- */	
    .terms-container {
        border: solid 1px #dc0b35;
        width:95%;
        margin:4% auto;
        padding: 3% 3.5%;
    }
    .collapse-heading {
        font-size: 2.2vw;
    }
    .collapse-content p {
        font-size:11px;
    }
    .expand-terms-icon {
        right:4vw;
        top:0.5vw;
    }    
/*  Footer / Mobile Portrait ========================================= */ 
    .footer-row, .footer-row.commission-payments {
        padding: 2% 5%;
    }
           .footer-line {
        padding: 2% 5%;
    }
    footer span, footer p, footer p a {
        font-size: 2.1vw;
    }
    #age-warning {
        padding: 1% 4%;
    }
    #age-warning img {
        width: 4vw;
    }
    #age-warning img.helpline {
        vertical-align: bottom;
		width: 22vw;
    	height: auto;
	}
    
   
  
    .payments {
        width:70%;
     }
    .payments img, .commission img {
        height: 5vw;
    }
    .links p a{
        line-height:200%;
        font-size: 1.8vw;
    }
        
         .links {
    float: left;
    width: 100%;
    text-align: left;
    position: initial;
    top: 0;
    transform: none;
             
     }
}

