/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 0.063em; /* 1px/16 = 0.063em */
    border: 0;
    border-top: 0.063em solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

a img {
    border: 0;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    padding: 0!important;
    margin: 0!important;
    background: #ffffff;
    line-height: 1.4;
}

/* HEADER */

#sectionHeader {
    background-color: #de1c31;
}

.navbarRedRake {
    background-color: #de1c31;
    border: 0;
    margin-bottom: 0;
}

#header {
    text-align: center;
}

#headerCenter {
    display: inline-block;
    position: relative;
    padding: 0;
}

#headerLogo {
    display: inline-block;
    position: relative;
    float: left;
}

#headerLogo h1 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.143em; /* 16px/14 = 1.143em */
}

#headerLogo img {
    margin-top: 0;
    margin-left: 1.875em; /* 30px/16 = 1.875em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .navbarRedRake {
        min-height: 0;
    }
    #headerLogo {
        width: 20%;
    }
    #headerLogo h1 {
        text-align: left;
    }
    #headerLogo img {
        width: 80%;
        height: auto;
        margin-left: 0.313em; /* 5px/16 = 0.313em */
        margin-top: 0.313em; /* 5px/16 = 0.313em */
    }
}

.navbar-toggle {
    margin-right: 0;
    margin-left: 0.357em; /* 5px/14 = 0.357em */
}

.navbuttonRedRake, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

#headerRegister {
	display: inline-block;
    position: relative;
    float: right;
}

#headerRegister .registerButton {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.500em; /* 21px/14 = 1.500em */
    color: #de1c31;
    text-transform: uppercase;
    border: 0;
    border-radius: 7px;
    background: #ffffff;
    padding: 0.238em 0.476em 0.095em 0.476em; /* 5px/21 = 0.238em */ /* 10px/21 = 0.476em */ /* 2px/21 = 0.095em */
    margin-top: 0.714em; /* 15px/21 = 0.714em */
    margin-right: 0.714em; /* 15px/21 = 0.714em */
    margin-bottom: 1.667em; /* 35px/21 = 1.667em */
    outline: none;
    cursor: pointer;
}

#headerRegister .registerButton:hover {
    color: #585757;
}

#headerMenu {
    display: inline-block;
    position: relative;
    float: right;
    text-align: right;
}

#headerMenuTitle {
    display: inline-block;
    position: relative;
    width: 11.429em; /* 160px/14 = 11.429em */
    height: 2.214em; /* 31px/14 = 2.214em */
    margin-top: 1.071em; /* 15px/14 = 1.071em */
    margin-right: 1.429em; /* 20px/14 = 1.429em */
}

#headerMenuItems {
    display: block;
    position: absolute;
    top: 5.286em; /* 74px/14 = 5.286em */
    width: 100%;
    text-align: right;
    padding-right: 1.000em; /* 14px/14 = 1.000em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .navbar-collapse {
        border: 0;
        box-shadow: none;
        background: #ca2132; /* Non-CSS3 browsers */
        background-image: -moz-linear-gradient(right, #ca2132, #660c1f); /* OLD Firefox (3.6 to 15) */
        background-image: -ms-linear-gradient(right, #ca2132, #660c1f); /* For pre-releases of IE 10 */
        background-image: -webkit-linear-gradient(right, #ca2132, #660c1f); /* Webkit browsers (Chrome and Safari) */
        background-image: -o-linear-gradient(right, #ca2132, #660c1f); /* OLD Opera (11.1 to 12.0) */
        background-image: linear-gradient(to right, #ca2132 , #660c1f);
    }
    #headerMenu {
        display: none;
    }
    #headerMenuTitle {
        height: auto;
    }
    #headerMenuItems {
        display: inline-block;
        position: static;
        width: 80%;
        padding-top: 0.571em; /* 8px/14 = 0.571em */
        padding-right: 0;
        text-align: center;
    }
}

#headerMenuLinks {
    display: inline-block;
    position: relative;
}

.nav > li > a {
    padding: 0;
}

.navbar-nav > li > a {
    line-height: 1.429em; /* 20px/14 = 1.429em */
    padding-bottom: 0.286em; /* 4px/14 = 0.286em */
    padding-top: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: 0;
    padding-bottom: 0.357em; /* 5px/14 = 0.357em */
}

@-moz-document url-prefix() { /* For Firefox only */
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background: 0;
        padding-bottom: 0.286em; /* 4px/14 = 0.286em */
    }
}

#headerMenuLinks a {
    margin-right: 1.579em; /* 30px/19 = 1.579em */
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 1.357em; /* 19px/14 = 1.357em */
    text-decoration: none;
    text-transform: uppercase;
    color: #fffeee;
    outline: none;
    cursor: pointer;
}

#headerMenuLinks .menuLinkSelected {
    color: #7e121e;
}

#headerMenuFlags {
    display: inline-block;
    position: relative;
    top: -0.857em; /* -12px/14 = -0.857em */
}

#headerMenuFlags a {
    display: inline-block;
    margin-right: 0.214em; /* 3px/14 = 0.214em */
    width: 1.500em; /* 21px/14 = 1.500em */
    height: 1.000em; /* 14px/14 = 1.000em */
    outline: none;
    cursor: pointer;
}

#ukFlag {
    background-image: url('../img/ukFlag.webp');
}

#esFlag {
    background-image: url('../img/esFlag.webp');
}

@media (max-width: 767px) { /* and (orientation: portrait) { /* Extra small devices (phones, less than 768px) */
    .kkcollapse {
        height: 2.786em; /* 39px/14 = 2.786em */
    }
    #headerMenuLinks li {
        float: left;
    }
    #headerMenuLinks a {
        margin-right: 0.800em; /* 8px/10 = 0.800em */
        font-size: 0.714em; /* 10px/14 = 0.714em */
    }
    #headerMenuFlags a {
        width: 1.286em; /* 18px/14 = 1.286em */
        height: 0.857em; /* 12px/14 = 0.857em */
        background-size: 1.286em 0.857em; /* 18px/14 = 1.286em */ /* 12px/14 = 0.857em */
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
    .navbar-nav {
        margin: 0.571em 0 0 0; /* 8px/14 = 0.571em */
        
    }
    #headerMenuLinks {
        top: 0.571em; /* 8px/14 = 0.571em */
    }
    #headerMenuLinks a {
        margin-right: 1.000em; /* 10px/10 = 1.000em */
    }
    #headerMenuLinks a.en {
        margin-right: 2.500em; /* 25px/10 = 2.500em */
    }
    #headerMenuFlags {
        display: block;
        position: absolute;
        margin-left: 0;
        margin-right: 0;
        top: 0.214em; /* 3px/14 = 0.214em */
        right: 0.143em; /* 2px/14 = 0.143em */
        float: right;
    }
    #headerMenuFlags a {
        margin-left: 0.571em; /* 8px/14 = 0.571em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
    #headerMenuItems {
        padding-top: 1.000em; /* 14px/14 = 1.000em */
    }
    #headerMenuLinks a {
        margin-right: 0.625em; /* 10px/16 = 0.625em */
        font-size: 1.143em; /* 16px/14 = 1.143em */
    }
    #headerMenuFlags {
        top: -1.071em; /* -15px/14 = -1.071em */
        margin-left: 1.429em; /* 20px/14 = 1.429em */
        margin-right: 1.143em; /* 16px/14 = 1.143em */
    }
    #headerMenuFlags a {
        width: 1.500em; /* 21px/14 = 1.500em */
        height: 1.000em; /* 14px/14 = 1.000em */
        background-size: 1.500em 1.000em; /* 21px/14 = 1.500em */ /* 14px/14 = 1.000em */
        margin-right: 0.857em; /* 12px/14 = 0.857em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #headerMenuLinks a {
        font-size: 1.143em; /* 16px/14 = 1.143em */
    }
    #headerMenuFlags {
        top: -0.571em; /* -8px/14 = -0.571em */
    }
    #headerMenuFlags a {
        margin-right: 1.000em; /* 14px/14 = 1.000em */
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #headerMenuFlags a {
        margin-right: 1.000em; /* 14px/14 = 1.000em */
    }
}

@media (min-width: 1201px) and (orientation: landscape) {
    #headerMenuFlags a {
        margin-right: 1.000em; /* 14px/14 = 1.000em */
    }
}

.nopadding {
    padding: 0;
}

/* SLIDERS */

#slider {
    display: block;
    position: relative;
    background: #000000;
    overflow: hidden;
}

#owl-carousel {
    width: 100%;
}

.carouselItem {
    text-align: left;
}

.carouselItem.video {
    text-align: center;
}

.carouselItemBody {
    width: 100%;
    height: 100%;
}

.carouselItemImage img {
    width: 100%;
}

.carouselItemInner {
    display: block;
    position: absolute;
    top: 10%;
    width: 50%;
    color: #ffffff;
    background-image: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 100%);
}

.carouselItemInner h2 {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 2.7vw;
    line-height: 2.7vw;
    /*text-transform: uppercase;*/
    text-shadow: 0 0 1vw #000000;
    margin: 8px 0 10px 9vw;
    padding: 0;
    border: 0;
}

.carouselItemCountDown {
	display: block;
    position: absolute;
    top: 50%;
    left: 5%;
    color: #ffffff;
}

#sliderMask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sliderMask img {
    width: 100%;
    height: 100%;
}

#sliderFooter {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    /*text-align: center;*/
}

#sliderBarPercent {
    display: inline-block;
    position: relative;
    width: 4%; /* 35%; */
    text-align: left;
    bottom: 0;
}

#sliderBarProgress {
    position: relative;
    background: rgba(64, 15, 18, 0.8) none repeat scroll 0 0;
    border-radius: 0.313em; /* 5px/16 = 0.313em */
    overflow: hidden;
    padding: 0.571em; /* 8px/14 = 0.571em */
    top: -0.714em; /* -10px/14 = -0.714em */
    width: 4.286em; /* 60px/14 = 4.286em */
    z-index: 10;
}

#sliderBar {
    background: #ca2132 none repeat scroll 0 0;
    border-radius: 0.214em; /* 3px/14 = 0.214em */
    height: 0.357em; /* 5px/14 = 0.357em */
    max-width: 100%;
    opacity: 1;
}

#sliderVolume {
    display: inline-block;
    position: relative;
    /*width: 31%;*/
    height: 1.500em; /* 21px/14 = 1.500em */
    text-align: left;
    margin-left: 0.571em; /* 8px/14 = 0.571em */
    top: 0.714em; /* 10px/14 = 0.714em */
}

#volume {
    display: inline-block;
    position: relative;
    background: rgba(64, 15, 18, 0.8) none repeat scroll 0 0;
    border-radius: 0.357em; /* 5px/14 = 0.357em */
    width: 2.143em; /* 30px/14 = 2.143em */
    height: 1.500em; /* 21px/14 = 1.500em */
    top: -1.214em; /* -17px/14 = -1.214em */
    text-align: center;
    vertical-align: middle;
    visibility: hidden;
}

#speaker {
    display: inline-block;
    position: relative;
    width: 1.000em; /* 14px/14 = 1.000em */
    height: 1.500em; /* 21px/14 = 1.500em */
    outline: none;
    cursor: pointer;
}

#speaker.on {
    background-image: url('../img/volumeOn.webp');
    background-repeat: no-repeat;
    background-position: center;
}

#speaker.off {
    background-image: url('../img/volumeOff.webp');
    background-repeat: no-repeat;
    background-position: center;
}

#sliderPageItems {
    display: inline-block;
    position: relative;
    width: 35%;
    text-align: right;
    bottom: 0.857em; /* 12px/14 = 0.857em */
}

.sliderItemPoint {
    display: inline-block;
    position: relative;
    width: 1.071em; /* 15px/14 = 1.071em */
    height: 1.071em; /* 15px/14 = 1.071em */
    background: rgba(64, 15, 18, 0.8) none repeat scroll 0 0;
    border-radius: 0.571em; /* 8px/14 = 0.571em */
    box-shadow: 0 0 0.357em #ffffff; /* 5px/14 = 0.357em */
    margin-left: 0.357em; /* 5px/14 = 0.357em */
    outline: none;
    cursor: pointer;
}

#sliderLeftControl {
	display: block;
    position: absolute;
    top: 40%;
    left: 0;
    width: 3.214em; /* 45px/14 = 3.214em */
    height: 5.357em; /* 75px/14 = 5.357em */
    text-align: left;
    padding-left: 0.143em; /* 2px/14 = 0.143em */
    outline: none;
    cursor: pointer;
}

#sliderRightControl {
    display: block;
    position: absolute;
    top: 40%;
    right: 0;
    width: 3.214em; /* 45px/14 = 3.214em */
    height: 5.357em; /* 75px/14 = 5.357em */
    text-align: right;
    padding-right: 0.143em; /* 2px/14 = 0.143em */
    outline: none;
    cursor: pointer;
}

#sliderLeftControl img, #sliderRightControl img {
    outline: none;
}

/* FLIPCLOCK */

.flip-clock-label {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #ffffff !important;
    text-transform: uppercase;
    text-shadow: 0px 2px 5px #000000 !important;
}

.carouselItemClock.en .flip-clock-divider.days .flip-clock-label, .carouselItemClock.es .flip-clock-divider.days .flip-clock-label {
  right: -101px !important;
}

.carouselItemClock.en .flip-clock-divider.hours .flip-clock-label, .carouselItemClock.es .flip-clock-divider.hours .flip-clock-label {
  right: -111px !important;
}

.carouselItemClock.en .flip-clock-divider.minutes .flip-clock-label, .carouselItemClock.es .flip-clock-divider.minutes .flip-clock-label {
  right: -123px !important;
}

.carouselItemClock.en .flip-clock-divider.seconds .flip-clock-label {
  right: -127px !important;
}

.carouselItemClock.es .flip-clock-divider.seconds .flip-clock-label {
  right: -134px !important;
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
	.flip-clock-wrapper ul {
		margin: 2px !important;
		width: 20px !important;
		height: 20px !important;
	 	font-size: 12px !important;  
	 	line-height: 17px !important;
		border-radius: 2px !important;
		padding-inline-start: 20px !important;
		-webkit-padding-start: 20px !important;
	}	
	.flip-clock-wrapper ul li {		
		line-height: 17px !important;	  
	}   
    .flip-clock-wrapper ul li a div.down {
    	border-bottom-left-radius: 2px !important;	  
    	border-bottom-right-radius: 2px !important;
    }    
    .flip-clock-wrapper ul li a div div.inn {
    	width: 20px !important;
		border-radius: 2px !important;
		font-size: 12px !important;
		padding-top: 2px;
  	}
	.flip-clock-divider {
		width: 4px !important;
  		height: 28px !important;
  	}
  	.flip-clock-dot {
    	width: 3px !important;
  		height: 3px !important;
    	left: 2px !important;    	
    }    
	.flip-clock-divider .flip-clock-label {
		right: -24px !important;
    }
	.carouselItemClock.en .flip-clock-divider.days .flip-clock-label, .carouselItemClock.es .flip-clock-divider.days .flip-clock-label {
	  right: -35px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.hours .flip-clock-label, .carouselItemClock.es .flip-clock-divider.hours .flip-clock-label {
	  right: -37px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.minutes .flip-clock-label, .carouselItemClock.es .flip-clock-divider.minutes .flip-clock-label {
	  right: -41px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.seconds .flip-clock-label { /* hidden seconds */
	  display: none;
	  right: -43px !important;
	}	
	.carouselItemClock.es .flip-clock-divider.seconds .flip-clock-label { /* hidden seconds */
	  display: none;
	  right: -44px !important;
	}
	span.flip-clock-divider.seconds {
	  display: none;
	}
	.flip-clock-dot.top {
  		top: 10px !important;
  	}
	.flip-clock-dot.bottom {
  		bottom: 10px !important;
  	}	
	.flip-clock-label {
		font-size: 10px;
	}
	div.carouselItemClock ul:nth-of-type(7), div.carouselItemClock ul:nth-of-type(8) { /* hidden seconds */
		display: none !important;
	}
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
	.flip-clock-wrapper ul {
		margin: 2px !important;
		width: 20px !important;
		height: 25px !important;
	 	font-size: 14px !important;  
	 	line-height: 17px !important;
		border-radius: 2px !important;
		padding-inline-start: 20px !important;
		-webkit-padding-start: 20px !important;		
	}	
	.flip-clock-wrapper ul li {		
		line-height: 17px !important;	  
	}   
    .flip-clock-wrapper ul li a div.down {
    	border-bottom-left-radius: 2px !important;	  
    	border-bottom-right-radius: 2px !important;
    }    
    .flip-clock-wrapper ul li a div div.inn {
    	width: 20px !important;
		border-radius: 2px !important;
		font-size: 14px !important;
		padding-top: 4px;
  	}
	.flip-clock-divider {
		width: 10px !important;
  		height: 28px !important;
  	}
  	.flip-clock-dot {
    	width: 3px !important;
  		height: 3px !important;
    	left: 4px !important;
    }
    .flip-clock-divider.days {
  		width: 0 !important;
  	}
	.flip-clock-divider .flip-clock-label {
		right: -24px !important;
    }
	.carouselItemClock.en .flip-clock-divider.days .flip-clock-label, .carouselItemClock.es .flip-clock-divider.days .flip-clock-label {
	  right: -38px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.hours .flip-clock-label, .carouselItemClock.es .flip-clock-divider.hours .flip-clock-label {
	  right: -43px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.minutes .flip-clock-label, .carouselItemClock.es .flip-clock-divider.minutes .flip-clock-label {
	  right: -50px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.seconds .flip-clock-label {
	  right: -52px !important;
	}	
	.carouselItemClock.es .flip-clock-divider.seconds .flip-clock-label {
	  right: -58px !important;
	}	
	.flip-clock-dot.top {
  		top: 10px !important;
  	}
	.flip-clock-dot.bottom {
  		bottom: 10px !important;
  	}	
	.flip-clock-label {
		font-size: 14px;
	}	
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
	.carouselItemCountDown {
	    left: 1%;
	}
	.flip-clock-wrapper ul {
		margin: 2px !important;
		width: 40px !important;
		height: 55px !important;
	 	font-size: 18px !important;  
	 	line-height: 22px !important;
		border-radius: 4px !important;
		padding-inline-start: 40px !important;
		-webkit-padding-start: 40px !important;	
	}	
	.flip-clock-wrapper ul li {		
		line-height: 22px !important;	  
	}   
    .flip-clock-wrapper ul li a div.down {
    	border-bottom-left-radius: 4px !important;	  
    	border-bottom-right-radius: 4px !important;
    }    
    .flip-clock-wrapper ul li a div div.inn {
    	width: 40px !important;
		border-radius: 4px !important;
		font-size: 40px !important;
		padding-top: 17px;
  	}
	.flip-clock-divider {
		width: 10px !important;
  		height: 44px !important;
  	}
  	.flip-clock-dot {
    	width: 6px !important;
  		height: 6px !important;
    	left: 2px !important;
    }
    .flip-clock-divider.days {
  		width: 0 !important;
  	}
	.flip-clock-divider .flip-clock-label {
		right: -24px !important;
    }
	.carouselItemClock.en .flip-clock-divider.days .flip-clock-label, .carouselItemClock.es .flip-clock-divider.days .flip-clock-label {
	  right: -62px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.hours .flip-clock-label, .carouselItemClock.es .flip-clock-divider.hours .flip-clock-label {
	  right: -69px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.minutes .flip-clock-label, .carouselItemClock.es .flip-clock-divider.minutes .flip-clock-label {
	  right: -77px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.seconds .flip-clock-label {
	  right: -79px !important;
	}	
	.carouselItemClock.es .flip-clock-divider.seconds .flip-clock-label {
	  right: -83px !important;
	}	
	.flip-clock-dot.top {
  		top: 18px !important;
  	}
	.flip-clock-dot.bottom {
  		bottom: 4px !important;
  	}	
	.flip-clock-label {
		font-size: 18px;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.flip-clock-wrapper ul {
		margin: 2px !important;
		width: 40px !important;
		height: 55px !important;
	 	font-size: 18px !important;  
	 	line-height: 22px !important;
		border-radius: 4px !important;
		padding-inline-start: 40px !important;
		-webkit-padding-start: 40px !important;	
	}	
	.flip-clock-wrapper ul li {		
		line-height: 22px !important;	  
	}   
    .flip-clock-wrapper ul li a div.down {
    	border-bottom-left-radius: 4px !important;	  
    	border-bottom-right-radius: 4px !important;
    }    
    .flip-clock-wrapper ul li a div div.inn {
    	width: 40px !important;
		border-radius: 4px !important;
		font-size: 40px !important;
		padding-top: 17px;
  	}
	.flip-clock-divider {
		width: 10px !important;
  		height: 44px !important;
  	}
  	.flip-clock-dot {
    	width: 6px !important;
  		height: 6px !important;
    	left: 2px !important;
    }
    .flip-clock-divider.days {
  		width: 0 !important;
  	}
	.flip-clock-divider .flip-clock-label {
		right: -24px !important;
    }
	.carouselItemClock.en .flip-clock-divider.days .flip-clock-label, .carouselItemClock.es .flip-clock-divider.days .flip-clock-label {
	  right: -62px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.hours .flip-clock-label, .carouselItemClock.es .flip-clock-divider.hours .flip-clock-label {
	  right: -69px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.minutes .flip-clock-label, .carouselItemClock.es .flip-clock-divider.minutes .flip-clock-label {
	  right: -77px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.seconds .flip-clock-label {
	  right: -79px !important;
	}	
	.carouselItemClock.es .flip-clock-divider.seconds .flip-clock-label {
	  right: -83px !important;
	}	
	.flip-clock-dot.top {
  		top: 18px !important;
  	}
	.flip-clock-dot.bottom {
  		bottom: 4px !important;
  	}	
	.flip-clock-label {
		font-size: 18px;
	}
}

@media (min-width: 1201px) and (max-width: 1600px) {
	.flip-clock-wrapper ul {
		margin: 2px !important;
		width: 40px !important;
		height: 55px !important;
	 	font-size: 18px !important;  
	 	line-height: 22px !important;
		border-radius: 4px !important;
		padding-inline-start: 40px !important;
		-webkit-padding-start: 40px !important;
	}	
	.flip-clock-wrapper ul li {		
		line-height: 22px !important;	  
	}   
    .flip-clock-wrapper ul li a div.down {
    	border-bottom-left-radius: 4px !important;	  
    	border-bottom-right-radius: 4px !important;
    }    
    .flip-clock-wrapper ul li a div div.inn {
    	width: 40px !important;
		border-radius: 4px !important;
		font-size: 40px !important;
		padding-top: 17px;
  	}
	.flip-clock-divider {
		width: 10px !important;
  		height: 44px !important;
  	}
  	.flip-clock-dot {
    	width: 6px !important;
  		height: 6px !important;
    	left: 2px !important;
    }
    .flip-clock-divider.days {
  		width: 0 !important;
  	}
	.flip-clock-divider .flip-clock-label {
		right: -24px !important;
    }
	.carouselItemClock.en .flip-clock-divider.days .flip-clock-label, .carouselItemClock.es .flip-clock-divider.days .flip-clock-label {
	  right: -62px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.hours .flip-clock-label, .carouselItemClock.es .flip-clock-divider.hours .flip-clock-label {
	  right: -69px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.minutes .flip-clock-label, .carouselItemClock.es .flip-clock-divider.minutes .flip-clock-label {
	  right: -77px !important;
	}	
	.carouselItemClock.en .flip-clock-divider.seconds .flip-clock-label {
	  right: -79px !important;
	}	
	.carouselItemClock.es .flip-clock-divider.seconds .flip-clock-label {
	  right: -83px !important;
	}	
	.flip-clock-dot.top {
  		top: 18px !important;
  	}
	.flip-clock-dot.bottom {
  		bottom: 4px !important;
  	}	
	.flip-clock-label {
		font-size: 18px;
	}
}

/* HOME DISPLAY */

#leftControl {
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 2.143em; /* 30px/14 = 2.143em */
    height: 2.500em; /* 35px/14 = 2.500em */
    text-align: left;
    padding-left: 0.143em; /* 2px/14 = 0.143em */
}

#rightControl {
    display: block;
    position: absolute;
    top: 30%;
    right: 0;
    width: 2.143em; /* 30px/14 = 2.143em */
    height: 2.500em; /* 35px/14 = 2.500em */
    text-align: right;
    padding-right: 0.143em; /* 2px/14 = 0.143em */
}

#leftControl img, #rightControl img {
    outline: none;
}

/* COVERS */

#cover {
    display: block;
    position: relative;
    background: #000000;
    overflow: hidden;
}

#cover img {
    width: 100%;
    height: auto;
}

/* CONTENT */

#content, #features, #mobile, #demoFooter, #advantages, #iso27001, #licences {
    display: block;
    position: relative;
    text-align: center;
}

.contentCenter {
    display: inline-block;
    position: relative;
    text-align: center;
}

/* SECONDARY MENU */

#secondMenu {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
}

#secondMenuLinks {
    display: inline-block;
    position: relative;
    margin-top: 0.357em; /* 5px/14 = 0.357em */
}

#secondMenuLinks a, #secondMenuLinksXS a{
    margin-left: 1.579em; /* 30px/19 = 1.579em */
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 1.357em; /* 19px/14 = 1.357em */
    text-decoration: none;
    text-transform: uppercase;
    color: #7d7d7d;
    outline: none;
    cursor: pointer;
}

#secondMenuLinks .secondMenuLinkSelected {
    color: #7e121e;
}

#secondMenuLinksXS {
    display: none;
}

#dropdownMenuButton {
    background: #ca2132; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(right, #ca2132, #660c1f); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(right, #ca2132, #660c1f); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(right, #ca2132, #660c1f); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(right, #ca2132, #660c1f); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to right, #ca2132 , #660c1f);
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* 6px/14 = 0.429em */ /* Old Firefox (3.6 to 15) */
    border-color: #ffffff;
    border-style: solid;
    border-width: 0.071em; /* 1px/14 = 0.071em */
    margin-top: 0.357em; /* 5px/14 = 0.357em */
    margin-bottom: 0.357em; /* 5px/14 = 0.357em */
}

.dropdown-menu {
    background: #ca2132; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(right, #ca2132, #660c1f); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(right, #ca2132, #660c1f); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(right, #ca2132, #660c1f); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(right, #ca2132, #660c1f); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to right, #ca2132 , #660c1f);
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: none;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #secondMenu {
        height: auto;
    }
    #secondMenuLinks {
        display: none;
    }
    #secondMenuLinksXS {
        display: block;
    }
    #secondMenuLinksXS ul {
        margin: 0;
        padding: 0;
        float: right;
        margin-right: 1.929em; /* 27px/14 = 1.929em */
    }
    #secondMenuLinksXS li {
        list-style: none;
        float: left;
        margin-top: 0.357em; /* 5px/14 = 0.357em */
        margin-bottom: 0.357em; /* 5px/14 = 0.357em */
    }
    #secondMenuLinksXS a {
        font-size: 0.857em; /* 12px/14 = 0.857em */
    }
    #secondMenuLinksXS a.secondMenuLinkSelected {
        color: #d72326;
    }
}

/* HOME */

#homeContentHeaderHighlights {
    padding-top: 2.357em; /* 33px/14 = 2.357em */
    padding-bottom: 3.214em; /* 45px/14 = 3.214em */
}

.contentHeader {
    display: inline-block;
    position: relative;
    height: 1.133em; /* 34px/30 = 1.133em */
    background-image: url('../img/contentHeaderBg.webp'), url('../img/contentHeaderBg.webp');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    padding-left: 0.700em; /* 21px/30 = 0.700em */
    padding-right: 0.700em; /* 21px/30 = 0.700em */
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 2.143em; /* 30px/14 = 2.143em */
    text-decoration: none;
    text-transform: uppercase;
    color: #70685e;
    text-align: center;
    vertical-align: middle;
}

.contentHeader h2 {
    margin: 0;
    padding-top: 0.167em; /* 5px/30 = 0.167em */
}

.homeContentRowHighlights { }

.highlightContainer {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 7.500em; /* 105px/14 = 7.500em */
    text-align: center;
}

.highlight {
    display: block;
    position: relative;
    min-height: 2.536em; /* 71px/28 = 2.536em */
    padding-left: 3.393em; /* 95px/28 = 3.393em */
    padding-top: 0.179em; /* 5px/28 = 0.179em */
    text-align: left;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 2.000em; /* 28px/14 = 2.000em */
    line-height: 1.071em; /* 30px/28 = 1.071em */
    font-style: italic;
    color: #70685e;
}

.highlight span.smallhighly {
    font-size: 60%;
    white-space: nowrap;
}

.highlight span.smallhighly2 {
    font-size: 80%;
    white-space: nowrap;
}

.highlight.hq {
    background-image: url('../img/highlightHQ.webp');
    background-repeat: no-repeat;
}

.homeContentRowHighlights .highlight.hq {
    outline: none;
    cursor: pointer;
}

.highlight.verified {
    background-image: url('../img/highlightVerified.webp');
    background-repeat: no-repeat;
}

.highlightContainer .highlight.verified img {
    margin-right: 0.179em; /* 5px/28 = 0.179em */
}

.highlight.coinflag {
    background-image: url('../img/highlightCoinFlag.webp');
    background-repeat: no-repeat;
}

.homeContentRowHighlights .highlight.coinflag {
    outline: none;
    cursor: pointer;
}

.highlight.devices {
    background-image: url('../img/highlightDevices.webp');
    background-repeat: no-repeat;
}

.homeContentRowHighlights .highlight.devices {
    outline: none;
    cursor: pointer;
}

.highlight.graph {
    background-image: url('../img/highlightGraph.webp');
    background-repeat: no-repeat;
}

.homeContentRowHighlights .highlight.graph {
    outline: none;
    cursor: pointer;
}

.highlight.gears {
    background-image: url('../img/highlightGears.webp');
    background-repeat: no-repeat;
}

.homeContentRowHighlights .highlight.gears {
    outline: none;
    cursor: pointer;
}

.highlight.hands {
    background-image: url('../img/highlightHands.webp');
    background-repeat: no-repeat;
}

.highlight.replay {
    background-image: url('../img/highlightReplay.webp');
    background-repeat: no-repeat;
}

.highlight.devices2 {
    background-image: url('../img/highlightDevices2.webp');
    background-repeat: no-repeat;
}

.flagContainer {
	width: 7.679em; /* 215px/28 = 7.679em */
}

#homeContentFooterHighlights {
    padding-top: 3.214em; /* 45px/14 = 3.214em */
    text-align: right;
}

.contentFooterLink {
    display: inline-block;
    position: relative;
    text-align: right;
    padding-right: 1.333em; /* 40px/30 = 1.333em */
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 2.143em; /* 30px/14 = 2.143em */
    text-decoration: none;
    text-transform: uppercase;
    color: #70685e;
    background-image: url('../img/footerLinkPlay.webp');
    background-repeat: no-repeat;
    background-position: right 0.233em; /* 7px/30 = 0.233em */
}

.contentFooterLink:hover {
    text-decoration: none;
    color: #de1c31;
    background-image: url('../img/footerLinkPlayRoll.webp');
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    #homeContentHeaderHighlights {
        padding-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
    .contentHeader h2 {
        font-size: 0.867em; /* 26px/30 = 0.867em */
    }
    .homeContentRowHighlights div {
        vertical-align: top;
    }
    .highlightContainer {
        width: 49%;
        height: auto;
    }
    .highlight {
        min-height: 3.154em; /* 41px/13 = 3.154em */
        padding-left: 3.462em; /* 45px/13 = 3.462em */
        padding-top: 0;
        font-size: 0.929em; /* 13px/14 = 0.929em */
        line-height: 1.231em; /* 16px/13 = 1.231em */
        background-size: 2.692em 2.692em; /* 35px/13 = 2.692em */
    }
    .highlight span.smallhighly {
        font-size: 75%;
        white-space: normal;
        line-height: 0;
    }
    .highlight span.smallhighly2 {
        font-size: 80%;
        white-space: normal;
        line-height: 0;
    }
    .highlightContainer .highlight.verified img {
        width: 18%;
        margin-bottom: 0.231em; /* 3px/13 = 0.231em */
    }
    .flagContainer {
		width: 8.462em; /* 110px/13 = 8.462em */
	}
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .homeContentRowHighlights {
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .homeContentRowHighlights div {
        vertical-align: top;
    }
    .highlightContainer {
        width: 32%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .highlight {
        min-height: 5.000em; /* 80px/16 = 5.000em */
        padding-left: 4.375em; /* 70px/16 = 4.375em */
        font-size: 1.143em; /* 16px/14 = 1.143em */
        line-height: 1.250em; /* 20px/16 = 1.250em */
        background-size: 3.750em 3.750em; /* 60px/16 = 3.750em */
    }
    .highlight span.smallhighly {
        font-size: 70%;
        white-space: normal;
        line-height: 0;
    }
    .highlight span.smallhighly2 {
        font-size: 80%;
        white-space: normal;
        line-height: 0;
    }
    .highlightContainer .highlight.verified img {
        width: 20%;
        margin-bottom: 0.188em; /* 3px/16 = 0.188em */
    }
    .flagContainer {
		width: 8.125em; /* 130px/16 = 8.125em */
	}
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .homeContentRowHighlights {
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .highlight {
        font-size: 1.714em; /* 24px/14 = 1.714em */
        min-height: 3.333em; /* 80px/24 = 3.333em */
    }
    .flagContainer {
		width: 6.250em; /* 150px/24 = 6.250em */
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.highlightContainer {
		margin-bottom: 2.143em; /* 30px/14 = 2.143em */
	}
}

#homeContentHeaderLatestReleases {
    padding-top: 2.357em; /* 33px/14 = 2.357em */
    padding-bottom: 2.643em; /* 37px/14 = 2.643em */
}

#homeContentMainLatestReleases {}

.nopaddingright {
    padding-right: 0;
}

#mainLatestReleaseImage {
    height: 25.714em; /* 360px/14 = 25.714em */
    background: #eae8dd;
}

#mainLatestReleaseImage a {
    outline: none;
    cursor: pointer;
}

#mainLatestReleaseImage img {
    width: 100%;
    height: 100%;
}

.nopaddingleft {
    padding-left: 0;
}

#mainLatestReleaseContent {
    height: 25.714em; /* 360px/14 = 25.714em */
    background: #eae8dd;
    text-align: center;
    padding-top: 1.429em; /* 20px/14 = 1.429em */
    padding-left: 2.143em; /* 30px/14 = 2.143em */
    padding-right: 2.143em; /* 30px/14 = 2.143em */
}

#mainLatestContent {
    font-family: allerregular, Arial, Helvetica, sans-serif;
    font-size: 1.071em; /* 15px/14 = 1.071em */
    color: #70695f;
    text-align: left;
}

.mainLatestTitle {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.867em; /* 28px/15 = 1.867em */
    color: #de1c31;
    margin-bottom: 0.536em; /* 15px/28 = 0.536em */
}

.mainLatestIntro {
    font-weight: bold;
    margin-bottom: 1.000em; /* 15px/15 = 1.000em */
}

ul.featuresList {
    list-style-image: url('../img/triangleItemList.webp');
    padding-left: 1.000em; /* 15px/15 = 1.000em */
}

.mainLatestFooter {
    text-align: right;
}

.testLink {
    display: inline-block;
    position: relative;
    text-align: right;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    text-decoration: none;
}

.testLink:hover {
    text-decoration: none;
}

.testLink.red {
    color: #de1c31;
    background-image: url('../img/testLinkRed.webp');
    background-repeat: no-repeat;
    background-position: right 0.188em; /* 3px/16 = 0.188em */
    padding-right: 1.250em; /* 20px/16 = 1.250em */
}

.testLink.red:hover {
    color: #912430;
    background-image: url('../img/testLinkRedRoll.webp');
}

.testLink.white {
    color: #ffffff;
    background-image: url('../img/testLinkWhite.webp');
    background-repeat: no-repeat;
    background-position: right 0.188em; /* 3px/16 = 0.188em */
    padding-right: 1.250em; /* 20px/16 = 1.250em */
}

.testLink.white:hover {
    color: #ffffff;
}

.releaseContainer {
    display: inline-block;
    position: relative;
    width: 26.429em; /* 370px/14 = 26.429em */
    margin-top: 1.000em; /* 14px/14 = 1.000em */
}

#release02 {
    margin-right: 0.429em; /* 6px/14 = 0.429em */
}

#release03 {
    margin-left: 0.357em; /* 5.5px/14 = 0.393em */
    margin-right: 0.357em; /* 5.5px/14 = 0.393em */
}

#release04 {
    margin-left: 0.429em; /* 6px/14 = 0.429em */
}

.releaseImage a {
    outline: none;
    cursor: pointer;
}

.releaseImage img {
    width: 26.429em; /* 370px/14 = 26.429em */
}

.releaseFooter {
    width: 26.429em; /* 370px/14 = 26.429em */
    height: 2.643em; /* 37px/14 = 2.643em */
    background: #de1c31;
}

.releaseTitle {
    display: inline-block;
    position: relative;
    height: 2.056em; /* 37px/18 = 2.056em */
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    color: #ffffff;
    text-align: left;
    float: left;
    padding-left: 1.000em; /* 18px/18 = 1.000em */
    padding-top: 0.333em; /* 6px/18 = 0.333em */
}

.releaseTest {
    display: inline-block;
    position: relative;
    width: 6.857em; /* 96px/14 = 6.857em */
    height: 2.643em; /* 37px/14 = 2.643em */
    text-align: right;
    float: right;
    padding-right: 0.857em; /* 12px/14 = 0.857em */
    padding-top: 0.571em; /* 8px/14 = 0.571em */
    background-color: #b61728;
}

#homeContentFooterLatestReleases {
    padding-top: 1.000em; /* 14px/14 = 1.000em */
    text-align: right;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #mainLatestReleaseContent {
        height: auto;
        background: none;
        padding-top: 0;
        padding-left: 0.714em; /* 10px/14 = 0.714em */
        padding-right: 0.357em; /* 5px/14 = 0.357em */
    }
    .mainLatestFooter {
        padding-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    #homeContentMainLatestReleasesFeaturesSmallDevices .testLink {
        font-size: 1.071em; /* 15px/14 = 1.071em */
    }
    #release02 {
        margin-right: 0;
    }
    #release03 {
        margin-left: 0;
        margin-right: 0;
    }
    #release04 {
        margin-left: 0;
    }
    .releaseImage img {
        width: 100%;
    }
    .releaseFooter {
        width: 100%;
    }
    .contentFooterLink {
        padding-right: 1.765em; /* 30px/17 = 1.765em */
        font-size: 1.214em; /* 17px/14 = 1.214em */
        background-position: right 0;
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    #homeContentHeaderLatestReleases {
        padding-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
    #mainLatestReleaseImage {
        height: 9.286em; /* 130px/14 = 9.286em */
    }
    #mainLatestContent {
        font-size: 0.786em; /* 11px/14 = 0.786em */
    }
    .mainLatestTitle {
        font-size: 1.071em; /* 15px/14 = 1.071em */
        margin-bottom: 0;
        margin-top: -0.267em; /* -4px/15 = -0.267em */
    }
    .mainLatestFeatures {
        font-family: allerregular, Arial, Helvetica, sans-serif;
        font-size: 0.786em; /* 11px/14 = 0.786em */
        color: #70695f;
        text-align: left;
    }
    .mainLatestFeatures ul.featuresList {
        padding-left: 1.364em; /* 15px/11 = 1.364em */
        margin-top: 0.455em; /* 5px/11 = 0.455em */
    }
    .releaseContainer {
        width: 48%;
    }
    #release02 {
        margin-left: 0;
        float: left;
    }
    #release03 {
        float: right;
    }
    #release04 {
        margin-right: 0;
        float: left;
    }
    #release05 {
        margin-left: 0;
        margin-right: 0;
        float: right;
        padding-top: 15%;
    }
    .releaseFooter {
        height: 2.857em; /* 40px/14 = 2.857em */
    }
    .releaseTitle {
        width: 9.167em; /* 110px/12 = 9.167em */
        height: 3.333em; /* 40px/12 = 3.333em */
        font-size: 0.857em; /* 12px/14 = 0.857em */
        padding-left: 0.417em; /* 5px/12 = 0.417em */
        padding-top: 0.250em; /* 3px/12 = 0.250em */
    }
    .releaseTest {
        width: 1.429em; /* 20px/14 = 1.429em */
        height: 2.857em; /* 40px/14 = 2.857em */
        padding-right: 0;
        padding-top: 0.571em; /* 8px/14 = 0.571em */
        text-align: center;
    }
    .releaseTestLink {
        display: block;
        position: relative;
        font-size: 0px;
        width: 11px;
        height: 14px;
        background-position: center center !important;
        padding-right: 0!important;
        margin-left: 5px;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    #homeContentHeaderLatestReleases {
        padding-top: 0;
    }
    #mainLatestReleaseImage {
        width: 100%;
        height: auto;
    }
    .mainLatestTitle {
        margin-bottom: 0;
        margin-top: -0.143em; /* -4px/28 = -0.143em */
    }
    .mainLatestFeatures {
        font-family: allerregular, Arial, Helvetica, sans-serif;
        font-size: 1.071em; /* 15px/14 = 1.071em */
        color: #70695f;
        text-align: left;
    }
    .mainLatestFeatures ul.featuresList {
        padding-left: 1.000em; /* 15px/15 = 1.000em */
        margin-top: 0.333em; /* 5px/15 = 0.333em */
    }
    .releaseFooter {
        height: 2.857em; /* 40px/14 = 2.857em */
    }
    .releaseContainer {
        width: 32%;
    }
    #release02 {
        margin-left: -1.071em; /* -15px/14 = -1.071em */
    }
    #release05 {
        float: right;
    }
    .releaseTitle {
        height: 3.077em; /* 40px/13 = 3.077em */
        font-size: 0.929em; /* 13px/14 = 0.929em */
        padding-left: 0.385em; /* 5px/13 = 0.385em */
        padding-top: 0.462em; /* 6px/13 = 0.462em */
    }
    .releaseTest {
        width: 1.429em; /* 20px/14 = 1.429em */
        height: 2.857em; /* 40px/14 = 2.857em */
        padding-right: 0;
        padding-top: 0.571em; /* 8px/14 = 0.571em */
        text-align: center;
    }
    .releaseTestLink {
        display: block;
        position: relative;
        font-size: 0px;
        width: 11px;
        height: 14px;
        background-position: center center !important;
        padding-right: 0!important;
        margin-left: 5px;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #mainLatestReleaseContent {
        height: auto;
        background: none;
        padding-top: 0;
        padding-left: 0.714em; /* 10px/14 = 0.714em */
        padding-right: 0.357em; /* 5px/14 = 0.357em */
    }
    #mainLatestReleaseImage {
        width: 100%;
        height: auto;
    }
    .mainLatestTitle {
        margin-bottom: 0;
        margin-top: -0.143em; /* -4px/28 = -0.143em */
    }
    .mainLatestFeatures {
        font-family: allerregular, Arial, Helvetica, sans-serif;
        font-size: 1.071em; /* 15px/14 = 1.071em */
        color: #70695f;
        text-align: left;
    }
    .mainLatestFeatures ul.featuresList {
        padding-left: 1.000em; /* 15px/15 = 1.000em */
        margin-top: 0.333em; /* 5px/15 = 0.333em */
    }
    .mainLatestFooter {
        padding-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .releaseContainer {
        width: 32%;
    }
    #release02 {
        margin-left: -1.571em; /* -22px/14 = -1.571em */
        margin-right: 0;
    }
    #release03 {
        margin-left: 0;
        margin-right: 0;
    }
    #release04 {
        margin-left: 0;
    }
    #release05 {
        float: right;
    }
    .releaseImage img {
        width: 100%;
    }
    .releaseFooter {
        width: 100%;
        height: 2.143em; /* 30px/14 = 2.143em */
    }
    .releaseTitle {
        width: 11.538em; /* 150px/13 = 11.538em */
        height: 2.308em; /* 30px/13 = 2.308em */
        font-size: 0.929em; /* 13px/14 = 0.929em */
        padding-left: 0.385em; /* 5px/13 = 0.385em */
        padding-top: 0.462em; /* 6px/13 = 0.462em */
    }
    .releaseTest {
        width: 1.429em; /* 20px/14 = 1.429em */
        height: 2.143em; /* 30px/14 = 2.143em */
        padding-right: 0; /* 12px/14 = 0.857em */
        padding-top: 0.571em; /* 8px/14 = 0.571em */
        text-align: center;
    }
    .releaseTestLink {
        display: block;
        position: relative;
        font-size: 0px;
        width: 11px;
        height: 14px;
        background-position: center center !important;
        padding-right: 0!important;
        margin-left: 5px;
    }
    .contentFooterLink {
        padding-right: 1.667em; /* 30px/18 = 1.667em */
        font-size: 1.286em; /* 18px/14 = 1.286em */
        background-position: right 0;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .releaseContainer {
        width: 32%;
    }
    .releaseImage img {
        width: 100%;
    }
    .releaseFooter {
        width: 100%;
    }
    #release02 {
        margin-right: 0.714em; /* 10px/14 = 0.714em */
    }
    #release04 {
        margin-left: 0.714em; /* 10px/14 = 0.714em */
    }
}

#homeContentHeaderNews {
    padding-top: 1.786em; /* 25px/14 = 1.786em */
    padding-bottom: 2.643em; /* 37px/14 = 2.643em */
}

#sectionLicences {
    background-color: #eae8dd;
}

#licences {
    padding-top: 1.786em; /* 25px/14 = 1.786em */
}

#homeContentHeaderLicences {
    padding-top: 1.786em; /* 25px/14 = 1.786em */
    padding-bottom: 2.643em; /* 37px/14 = 2.643em */
}

#licences img {
    width: 12.857em; /* 180px/14 = 12.857em */
    margin-left: 1.429em; /* 20px/14 = 1.429em */
    margin-right: 1.429em; /* 20px/14 = 1.429em */
}

#licences img.onjn {
    width: 8.571em; /* 120px/14 = 8.571em */
}

#licences img.isoFooter {
	width: 8.571em; /* 120px/14 = 8.571em */
}

#licences p {
    font-size: 1.000em; /* 14px/14 = 1.000em */
    color: #9c9c9d;
}

.homeContentRowNews {
    text-align: left;
    margin-bottom: 2.000em; /* 28px/14 = 2.000em */ 
}

.newImage img {
    width: 19.929em; /* 279px/14 = 19.929em */
    height: 11.214em; /* 157px/14 = 11.214em */
}

.newImage a {
    outline: none;
    cursor: pointer;
}

.newContent {
    display: block;
    height: 11.214em; /* 157px/14 = 11.214em */
}

.newTitle {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-align: left;
}

.newIntro {
    font-family: allerregular, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.071em; /* 15px/14 = 1.071em */
    text-align: left;
}

.showMore, .showMore:visited {
    display: inline-block;
    position: absolute;
    min-width: 3.571em; /* 50px/14 = 3.571em */
    height: 1.071em; /* 15px/14 = 1.071em */
    background-image: url('../img/moreRow.webp');
    background-repeat: no-repeat;
    background-position: left 0.429em; /* 6px/14 = 0.429em */
    font-family: allerregular, Arial, Helvetica, sans-serif;
    font-size: 1.000em; /* 14px/14 = 1.000em */
    text-decoration: none;
    text-transform: uppercase;
    color: #de1c31;
    padding-left: 0.857em; /* 12px/14 = 0.857em */
    bottom: 0.143em; /* 2px/14 = 0.143em */
}

.showMore:hover, .showMore:visited:hover {
    color: #912430;
    text-decoration: none;
    background-image: url('../img/moreRowRoll.webp');
}

.showMore:active {
    color: #de1c31;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #licences p {
        font-size: 0.857em; /* 12px/14 = 0.857em */
        color: #9c9c9d;
    }
    .homeContentRowNews {
        margin-bottom: 0; /* 28px/14 = 2.000em */ 
    }
    #licences img {
    	margin-bottom: 1.429em; /* 20px/14 = 1.429em */
    }
    .newImage img {
        width: 100%;
        height: auto;
    }
    .newContent {
        margin-top: 0.714em; /* 10px/14 = 0.714em */
        margin-bottom: 2.143em; /* 30px/14 = 2.143em */
        height: auto;
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    #homeContentHeaderNews {
        padding-top: 2.286em; /* 32px/14 = 2.286em */
        padding-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
    #homeContentHeaderLicences {
        padding-top: 2.286em; /* 32px/14 = 2.286em */
        padding-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
    #licences img {
    	margin-bottom: 1.429em; /* 20px/14 = 1.429em */
    }
    .newTitle {
        font-size: 0.857em; /* 12px/14 = 0.857em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .newTitle {
        font-size: 1.214em; /* 17px/14 = 1.214em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .homeContentRowNews {
        margin-bottom: 0;
    }
    #licences img {
    	margin-bottom: 1.429em; /* 20px/14 = 1.429em */
    }
    .newImage, .newContent {
        margin-bottom: 1.071em; /* 15px/14 = 1.071em */
    }
    .newContent {
        height: auto;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
	#licences img {
    	margin-bottom: 1.429em; /* 20px/14 = 1.429em */
    }
    .newImage img {
        width: 100%;
        height: auto;
    }
    .newImage, .newContent {
        margin-bottom: 1.071em; /* 15px/14 = 1.071em */
    }
    .newContent {
        height: auto;
    }
}

#homeContentHeaderPartners, #homeContentHeaderMediaPartners {
    padding-top: 1.786em; /* 25px/14 = 1.786em */
    padding-bottom: 2.643em; /* 37px/14 = 2.643em */
}

#partners, #partners2 {
    margin-top: 1.071em; /* 15px/14 = 1.071em */
   /*margin-bottom: 4.714em; /* 66px/14 = 4.714em */
}

.sliderPartners {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 9.071em; /* 127px/14 = 9.071em */
    overflow: hidden;
    visibility: hidden;
}

.sliderPartnersSlides {
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 9.071em; /* 127px/14 = 9.071em */
    overflow: hidden;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#sliderTransparLeft, #sliderTransparLeft2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7.143em; /* 100px/14 = 7.143em */
    height: 9.071em; /* 127px/14 = 9.071em */
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
}

#sliderTransparRight, #sliderTransparRight2 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 7.143em; /* 100px/14 = 7.143em */
    height: 9.071em; /* 127px/14 = 9.071em */
    background-image: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #homeContentHeaderPartners, #homeContentHeaderMediaPartners {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #homeContentHeaderPartners, #homeContentHeaderMediaPartners {
        padding-bottom: 0;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #homeContentHeaderPartners, #homeContentHeaderMediaPartners {
        padding-top: 0;
    }
}

/*
#carrouselPartners div.item img {
    text-align: center;
    margin: auto;
}
*/

.wrap {
    position: relative;
    margin: 0;
}

.frame {
    height: 9.071em; /* 127px/14 = 9.071em */
    line-height: 9.071em; /* 127px/14 = 9.071em */
    overflow: hidden;
}
.frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.frame ul li {
    float: left;
    width: 10.000em; /* 140px/14 = 10.000em */
    height: 9.071em; /* 127px/14 = 9.071em */
    margin: 0;
    padding: 0;
    background: none;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}

/* GAMES */

.gamesContentRowHighlights {
    margin-top: 2.143em; /* 30px/14 = 2.143em */
}

.highlightGamesContainer {
    display: inline-block;
    position: relative;
    vertical-align: top;
    min-width: 16%;
    text-align: center;
    margin-left: 0.714em; /* 10px/14 = 0.714em */
    margin-right: 0.714em; /* 10px/14 = 0.714em */
}

.highlightGamesContainer .highlight {
    display: inline-block;
    position: relative;
    min-height: 5.300em; /* 106px/20 = 5.300em */
    padding-left: 0;
    padding-top: 3.000em; /* 60px/20 = 3.000em */
    text-align: center;
    font-size: 1.429em; /* 20px/14 = 1.429em */
    line-height: 1.100em; /* 22px/20 = 1.100em */
    background-position: center top;
    background-size: 2.650em 2.650em; /* 53px/20 = 2.650em */
}

.highlightGamesContainer .highlight.replay {
    outline: none;
    cursor: pointer;
}

.highlightGamesContainer .highlight.verified img {
    margin-right: 0.250em; /* 5px/20 = 0.250em */
}

.flagContainerGames {
	width: 8.750em; /* 175px/20 = 8.750em */
	text-align: left; /*end;*/
}

#gamesContentHeaderGames {
    padding-top: 4.643em; /* 65px/14 = 4.643em */
}

#gamesContentListGames {
    padding-top: 1.214em; /* 17px/14 = 1.214em */
    margin-bottom: 2.000em; /* 28px/14 = 2.000em */
} 

.listGamesContainer {
    display: inline-block;
    position: relative;
    width: 96%;
    text-align: left;
}

.gameListItem {
    display: inline-block;
    position: relative;
    width: 25.643em; /* 359px/14 = 25.643em */
    height: 14.000em; /* 196px/14 = 14.000em */
}

.gameListItem img {
    display: block;
    position: absolute;
    width: 95%; /* 344px/14 = 24.571em */
    height: auto; /* 188px/14 = 13.429em */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.nextGame {
	background-size: contain;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .highlightGamesContainer .highlight {
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    #gamesContentHeaderGames {
        padding-top: 1.786em; /* 25px/14 = 1.786em */
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .highlightGamesContainer {
        width: 22%;
        height: auto;
        vertical-align: top;
    }
    .highlightGamesContainer .highlight {
        min-height: 6.154em; /* 80px/13 = 6.154em */
        padding-left: 0;
        padding-top: 3.077em; /* 40px/13 = 3.077em */
        text-align: center;
        font-size: 0.929em; /* 13px/14 = 0.929em */
        line-height: 1.231em; /* 16px/13 = 1.231em */
        background-position: center top;
        background-size: 2.692em 2.692em; /* 35px/13 = 2.692em */
    }
    .highlightGamesContainer .highlight.verified img {
        width: 20%;
        margin-bottom: 0.231em; /* 3px/13 = 0.231em */
    }
    .flagContainerGames {
		width: 6.923em; /* 90px/13 = 6.923em */
	}
    .listGamesContainer {
        width: 100%;
        padding-left: 4%;
    }
    .gameListItem {
        width: 47%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .gameListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    #gamesContentHeaderGames {
        padding-top: 0;
    }
    .highlightGamesContainer {
        width: 18%;
        height: auto;
        vertical-align: top;
        margin-left: 0.071em; /* 1px/14 = 0.071em */
        margin-right: 0.071em; /* 1px/14 = 0.071em */
    }
    .highlightGamesContainer .highlight {
        min-height: 7.273em; /* 80px/11 = 7.273em */
        padding-left: 0;
        padding-top: 3.636em; /* 40px/11 = 3.636em */
        text-align: center;
        font-size: 0.786em; /* 11px/14 = 0.786em */
        line-height: 1.455em; /* 16px/11 = 1.455em */
        background-position: center top;
        background-size: 3.182em 3.182em; /* 35px/11 = 3.182em */
    }
    .highlightGamesContainer .highlight.verified img {
        width: 17%;
        margin-bottom: 0.231em; /* 3px/13 = 0.231em */
    }
    .flagContainerGames {
		width:10.909em; /* 120px/11 = 10.909em */
	}
    .listGamesContainer {
        width: 100%;
        padding-left: 4%;
    }
    .gameListItem {
        width: 31%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .gameListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #gamesContentHeaderGames {
        padding-top: 0.714em; /* 10px/14 = 0.714em */
    }
    .highlightGamesContainer {
        width: 18%;
        height: auto;
        vertical-align: top;
        margin-left: 0.071em; /* 1px/14 = 0.071em */
        margin-right: 0.071em; /* 1px/14 = 0.071em */
    }
    .highlightGamesContainer .highlight {
        min-height: 7.273em; /* 80px/11 = 7.273em */
        padding-left: 0;
        padding-top: 3.636em; /* 40px/11 = 3.636em */
        text-align: center;
        font-size: 0.786em; /* 11px/14 = 0.786em */
        line-height: 1.455em; /* 16px/11 = 1.455em */
        background-position: center top;
        background-size: 3.182em 3.182em; /* 35px/11 = 3.182em */
    }
    .highlightGamesContainer .highlight.verified img {
        width: 17%;
        margin-bottom: 0.273em; /* 3px/11 = 0.273em */
    }
    .flagContainerGames {
		width: 13.636em; /* 150px/11 = 13.636em */
	}
    .listGamesContainer {
        width: 100%;
        padding-left: 4%;
    }
    .gameListItem {
        width: 31%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .gameListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .highlightGamesContainer .highlight {
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    #gamesContentHeaderGames {
        padding-top: 1.786em; /* 25px/14 = 1.786em */
    }
    .listGamesContainer {
        width: 100%;
        padding-left: 4%;
    }
    .gameListItem {
        width: 31%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .gameListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

/* GAME */

#gameContentHeader {
    margin-top: 0.357em; /* 5px/14 = 0.357em */
}

#gameHeader {
    display: inline-block;
    position: relative;
}

#gameHeaderImage img {
    width: 100%;
    height: auto;
}

#gameHeaderButtons {
    display: block;
    position: absolute;
    width: 97%;
    bottom: 4.286em; /* 60px/14 = 4.286em */
    text-align: center;
}

.headerButton, .headerButton:visited {
    display: inline-block;
    position: relative;
    width: 14.357em; /* 201px/14 = 14.357em */
    height: 3.071em; /* 43px/14 = 3.071em */
    background: #de1c31;
    margin-left: 0.643em; /* 9px/14 = 0.643em */
    margin-right: 0.643em; /* 9px/14 = 0.643em */
}

.headerButton:hover, .headerButton:visited:hover {
    background: #912430;
}

.iconHeaderButton {
    display: inline-block;
    position: relative;
    width: 2.714em; /* 38px/14 = 2.714em */
    height: 3.071em; /* 43px/14 = 3.071em */
}

.headerButton#demoButton .iconHeaderButton {
    background-image: url('../img/playDemo.webp');
    background-repeat: no-repeat;
    background-position: 0.929em 0.714em; /* 13px/14 = 0.929em */ /* 10px/14 = 0.714em */
}

.headerButton#videoButton .iconHeaderButton {
    background-image: url('../img/showVideo.webp');
    background-repeat: no-repeat;
    background-position: 0.929em 0.714em; /* 13px/14 = 0.929em */ /* 10px/14 = 0.714em */
}

.headerButton#replayButton .iconHeaderButton {
    background-image: url('../img/showReplays.webp');
    background-repeat: no-repeat;
    background-position: 0.929em 0.714em; /* 13px/14 = 0.929em */ /* 10px/14 = 0.714em */
}

.titleHeaderButton {
    display: inline-block;
    position: relative;
    width: 6.792em; /* 163px/24 = 6.792em */
    height: 1.792em; /* 43px/24 = 1.792em */
    top: -0.500em; /* -12px/24 = -0.500em */
    text-align: center;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.714em; /* 24px/14 = 1.714em */
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
}

#gameDemo, #gameDemoFooter {
    display: block;
    position: absolute;
    width: 100%;
}

#gameDemoContainer, #gameDemoFooterContainer { }

#historicalButtonContainer {
    display: none;
    position: relative;
    width: 1.857em; /* 26px/14 = 1.857em */
    height: 1.857em; /* 26px/14 = 1.857em */
    top: -2.000em; /* -28px/14 = -2.000em */
    left: 6.857em; /* 96px/14 = 6.857em */
    float: left;
}

.historicalButton, .historicalButton:visited, .historicalButton:link {
    display: inline-block;
    position: relative;
    width: 1.857em; /* 26px/14 = 1.857em */
    height: 1.857em; /* 26px/14 = 1.857em */
    background-image: url('../img/historical.webp');
    background-repeat: no-repeat;
}

.historicalButton:hover, .historicalButton:visited:hover, .historicalButton:link:hover {
    background-image: url('../img/historicaRolll.webp');
    background-repeat: no-repeat;
}

#gameVideoContainer{
    background-color: #000000;
}

#gameReplaysContainer, #gameReplaysFooterContainer {
    background-color: #005d7d;
}

#gameReplayContainer, #gameReplayFooterContainer {
    background-color: #ffffff;
}

#closeVideoContainer, #closeReplaysContainer {
    display: inline-block;
    position: absolute;
    top: 0.714em; /* 10px/14 = 0.714em */
    right: 1.786em; /* 25px/14 = 1.786em */
    text-align: right;
}

#menuDemoContainer {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 1.071em; /* 15px/14 = 1.071em */
    background-color: #e7e6e4;
    vertical-align: bottom;
}

#menuDemoPanel {
    display: block;
    position: absolute;
    /*bottom: 15%;*/
}

#closeVideoButton, #closeVideoButton:visited, #closeDemoButton, #closeDemoButton:visited, #closeReplaysButton, #closeReplaysButton:visited {
    display: block;
    position: relative;
    width: 2.143em; /* 30px/14 = 2.143em */
    height: 1.929em; /* 27px/14 = 1.929em */
    background-image: url('../img/closeDemo.webp');
}

#closeVideoButton:hover, #closeVideoButton:visited:hover, #closeDemoButton:hover, #closeDemoButton:visited:hover, #closeReplaysButton:hover, #closeReplaysButton:visited:hover {
    background-image: url('../img/closeDemoRoll.webp');
}

.langButton {
    display: block;
    position: relative;
    width: 2.143em; /* 30px/14 = 2.143em */
    height: 1.214em; /* 17px/14 = 1.214em */
    margin-top: 0.286em; /* 4px/14 = 0.286em */
}

.langButton img, .langButton:visited img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.langButton:hover img, .langButton:visited:hover img, .langButton:active img, .langButton.selected img {
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    #gameHeaderButtons {
        width: 91%;
        bottom: 0.357em; /* 5px/14 = 0.357em */
    }
    .headerButton, .headerButton:visited {
        width: 8.857em; /* 124px/14 = 8.857em */
        height: 2.286em; /* 32px/14 = 2.286em */
    }
    .iconHeaderButton {
        width: 1.786em; /* 25px/14 = 1.786em */
        height: 2.000em; /* 28px/14 = 2.000em */
    }
    .headerButton#demoButton .iconHeaderButton {
        background-position: 0 0.286em; /* 4px/14 = 0.286em */
    }
    .headerButton#videoButton .iconHeaderButton {
        background-position: 0 0.214em; /* 3px/14 = 0.214em */
    }
    .headerButton#replayButton .iconHeaderButton {
        background-position: 0 0.214em; /* 3px/14 = 0.214em */
    }
    .titleHeaderButton {
        width: 5.529em; /* 94px/17 = 5.529em */
        height: 1.471em; /* 25px/17 = 1.471em */
        top: -0.412em; /* -7px/17 = -0.412em */
        font-size: 1.214em; /* 17px/14 = 1.214em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    #gameHeaderButtons {
        width: 95%;
        bottom: 0.357em; /* 5px/14 = 0.357em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
     #gameHeaderButtons {
        width: 96%;
        bottom: 0.357em; /* 5px/14 = 0.357em */
    }
}

#gameReplaysContainer, #gameReplaysFooterContainer {
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.replayTitle {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 1.714em; /* 24px/14 = 1.714em */
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    background: #002835;
    padding: 0.583em 0 0.583em 1.000em; /* 14px/24 = 0.583em */ /* 24px/24 = 1.000em */
}

.betDate {
    width: 20%;
}

.betType {
    width: 10%;
} 

.betGame {
    width: 25%;
}

.betValue {
    width: 10%;
}

.betGain {
    width: 10%;
}

.betDetail {
    width: 20%;
}

.betsBody {
    width: 96%;
    margin-top: 1.071em; /* 15px/14 = 1.071em */
    margin-left: 2%;
    margin-right: 2%;
}

.betItem {
    background: #22aacd; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #8db3c5, #005f80); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #8db3c5, #005f80); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #8db3c5, #005f80); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #8db3c5, #005f80); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #8db3c5, #005f80);
    font-size: 1.071em; /* 15px/14 = 1.071em */
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
}

.betItem.header {
    background: #005d7d;
}

.betItem th, .betItem td {
    height: 1.667em; /* 25px/15 = 1.667em */
    padding-left: 0.667em; /* 10px/15 = 0.667em */
}

.betItem td {
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0.067em; /* 1px/15 = 0.067em */
    border-left-color: #96cde2;
    border-right-width: 0.067em; /* 1px/15 = 0.067em */
    border-right-color: #479bb6;
}

.betItem td.normal {
    color: #90ff6e;
}

.betItem td.bonus {
    color: #ffde00;
}

.betItem td.frb {
    color: #ce068a;
}

.betItem td.betType, .betItem td.betGame, .betItem td.betGain {
    font-weight: bold;
}

.betItem td.betGain {
    background: #7cda05; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #9bc17d, #3c7800); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #9bc17d, #3c7800); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #9bc17d, #3c7800); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #9bc17d, #3c7800); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #9bc17d, #3c7800);
}

.betItem td.betIntro {
    text-align: center;
    font-weight: bold;
}

.replayLink, .replayLink:visited, .replayLink:link {
    /*
    display: inline-block;
    position: relative;
    text-align: left;
    padding-right: 2.667em; / 40px/15 = 2.667em /
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-image: url('../img/footerLinkPlay.webp');
    background-repeat: no-repeat;
    background-position: right 0.067em; / 1px/15 = 0.067em /
    height: 1.667em; / 25px/15 = 1.667em /
    */
    color: #ffffff;
    text-decoration: none;
    background: url("../img/arrow.webp") 0px 6px;
    background-repeat: no-repeat;
    padding-left: 1.000em; /* 15px/15 = 1.000em */
}

.replayLink:hover, .replayLink:visited:hover, .replayLink:link:hover {
	/*
    text-decoration: none;
    color: #424343;
    background-image: url('../img/footerLinkPlayRoll2.webp');
    */
    color: #90ff6e;
}

#gameReplaysContainer, #gameReplaysFooterContainer {
    overflow: auto;
}

#gameReplayContainer, #gameReplayFooterContainer {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}

#gameContentData {
    min-height: 29.857em; /* 418px/14 = 29.857em */
}

#gameInfo {
    min-height: 29.857em; /* 418px/14 = 29.857em */
}

#gameDescription {
    display: inline-block;
    position: relative;
    width: 35%;
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #73695d;
    text-align: left;
    padding-left: 1.786em; /* 25px/14 = 1.786em */
    margin-bottom: 1.786em; /* 25px/14 = 1.786em */
    padding-right: 3.571em; /* 50px/14 = 3.571em */
    float: left;
}

#gameDescription h2 {
    font-family: exoblack, Arial, Helvetica, sans-serif;
    font-size: 2.429em; /* 34px/14 = 2.429em */
    color: #de1c31;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0.686em 0 0.286em 0; /* 24px/35 = 0.686em */ /* 10px/35 = 0.286em */
    padding: 0;
    border: 0;
}

#gameDescription h3 {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.714em; /* 24px/14 = 1.714em */
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 0.500em 0; /* 12px/24 = 0.500em */
    padding: 0;
    border: 0;
}

.rowList ul {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

.rowList li {
    position: relative;
    top: 0.643em; /* 9px/14 = 0.643em */
    left: -1.929em; /* -27px/14 = -1.929em */
    list-style: none;
    list-style-image: url('../img/moreRowGrey.webp');
    padding-left: 0.071em; /* 1px/14 = 0.071em */
    padding-right: 0.071em; /* 1px/14 = 0.071em */
}

#gameProperties {
    display: inline-block;
    position: relative;
    width: 35%;
    text-align: left;
    float: left;
    margin-top: 1.786em; /* 25px/14 = 1.786em */
}

.property {
    display: block;
    position: relative;
    margin-bottom: 1.286em; /* 18px/14 = 1.286em */
}

.propertyTitle {
    display: inline-block;
    position: relative;
    width: 30%;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    color: #73695d;
    text-transform: uppercase;
    vertical-align: top;
}

.propertyValue {
    display: inline-block;
    position: relative;
    width: 63%;
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    color: #73695d;
    vertical-align: top;
    margin-left: 0.625em; /* 10px/16 = 0.625em */
}

.propertyValue img {
    display: inline-block;
    position: relative;
    top: -0.250em; /* -4px/16 = -0.250em */
    margin-right: 0.625em; /* 10px/16 = 0.625em */
    margin-bottom: 0.625em; /* 10px/16 = 0.625em */
}

#gameFigure {
    display: inline-block;
    position: absolute;
    width: 30%;
    bottom: 0;
    margin-top: -3.571em; /* -50px/14 = -3.571em */
    right: 0;
}

#gameFigure img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .betItem {
        font-size: 0.786em; /* 11px/14 = 0.786em */
    }
    .betItem th, .betItem td {
        height: 2.273em; /* 25px/11 = 2.273em */
        padding-left: 0.909em; /* 10px/11 = 0.909em */
    }
    .replayLink, .replayLink:visited, .replayLink:link {
        /*
        padding-right: 2.273em; / 25px/11 = 2.273em /
        background-position: right 0.091em; / 1px/11 = 0.091em /
        height: 2.273em; / 25px/11 = 2.273em /
        */
    }
    #gameDescription {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #gameProperties {
        width: 100%;
        margin-top: 0;
    }
    .propertyTitle {
        width: 40%;
    }
    .propertyValue {
        width: 53%;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .betItem {
        font-size: 0.857em; /* 12px/14 = 0.857em */
    }
    .replayLink, .replayLink:visited, .replayLink:link {
        /* padding-right: 3.333em; / 40px/12 = 3.333em */
    }
    .propertyTitle {
        width: 20%;
    }
    .propertyValue {
        width: 73%;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #gameDescription {
        width: 55%;
    }
    #gameProperties {
        width: 45%;
        padding-right: 1.786em; /* 25px/14 = 1.786em */
    }
    .propertyTitle {
        width: 40%;
    }
    .propertyValue {
        width: 53%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .propertyTitle {
        width: 40%;
    }
    .propertyValue {
        width: 53%;
    }
}

#sectionFeatures, #sectionMobile {
    background-color: #e7e6e4;
}

#sectionMobile {
    margin-bottom: 2.214em; /* 31px/14 = 2.214em */
}

#featuresHeader, #mobileHeader {
    margin-top: 0.933em; /* 28px/30 = 0.933em */
}

#mobileIntro {
    margin-top: 1.429em; /* 20px/14 = 1.429em */
}

#gameFeaturesContainer, #gameMobileContainer {
    text-align: left;
    margin-bottom: 1.786em; /* 25px/14 = 1.786em */
}

.gameFeature, .mobileAppearance {
    display: inline-block;
    position: relative;
    width: 30%;
    vertical-align: top;
    margin-left: 1.071em; /* 15px/14 = 1.071em */
    margin-right: 1.071em; /* 15px/14 = 1.071em */
    margin-top: 3.571em; /* 50px/14 = 3.571em */
}

.featureScreenshot, .mobileScreenshot {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 1.429em; /* 20px/14 = 1.429em */
    outline: none;
    cursor: pointer;
}

.featureScreenshot img, .mobileScreenshot img {
    width: 100%;
    height: auto;
}

#portraitMobile {
    text-align: center;
}

#portraitMobile img {
    width: 44%;
    height: auto;
}

.featureData {
    display: inline-block;
    position: relative;
    text-align: left;
}

.featureTitle {
    display: inline-block;
    position: relative;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    color: #73695d;
    text-transform: uppercase;
    margin-bottom: 0.722em; /* 13px/18 = 0.722em */
}

.featureInfo {
    display: inline-block;
    position: relative;
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    color: #73695d;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .gameFeature, .mobileAppearance {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .mobileAppearance {
        margin-top: 0;
    }
    .featureScreenshot, .mobileScreenshot {
        text-align: center;
    }
    .featureScreenshot img, .mobileScreenshot img {
        width: 75%;
        height: auto;
    }
    #portraitMobile {
        text-align: center;
    }
    #portraitMobile img {
        width: 44%;
        height: auto;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .featureScreenshot img, , .mobileScreenshot img {
        width: 60%;
        height: auto;
    }
    #portraitMobile img {
        width: 44%;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .gameFeature {
        width: 45%;
    }
    .mobileAppearance {
        width: 28%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .gameFeature {
        width: 45%;
    }
    .mobileAppearance {
        width: 29%;
    }
}

#demoFooterContent {
    margin-bottom: 1.643em; /* 23px/14 = 1.643em */
}

#demoFooterImage {
    display: inline-block;
    position: relative;
}

#demoFooterImage img {
    width: 100%;
}

#demoFooterButtons {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
}

#demoFooterButton, #demoFooterButton:visited {
    display: inline-block;
    position: relative;
    background-color: #de1c31;
    border: 0.094em solid #ffffff; /* 3px/32 = 0.094em */
    border-radius: 1.125em; /* 36px/32 = 1.125em */
    -moz-border-radius: 1.125em; /* 36px/32 = 1.125em */ /* Old Firefox (3.6 to 15) */
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 2.286em; /* 32px/14 = 2.286em */
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.438em 0.938em 0.250em 0.938em; /* 14px/32 = 0.438em */ /* 30px/32 = 0.938em */ /* 8px/32 = 0.250em */
}

#demoFooterButton:hover, #demoFooterButton:visited:hover {
    text-decoration: none;
    box-shadow: 0 0 0.625em 0 rgba(255, 255, 255, 0.9); /* 20px/32 = 0.625em */
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    #demoFooterButtons {
        width: 92%;
        top: 40%;
    }
    #demoFooterButton, #demoFooterButton:visited {
        font-size: 1.357em; /* 19px/14 = 1.357em */
    } 
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    #demoFooterButtons {
        width: 95%;
        top: 40%;
    }
}

/* NEWS */

#newsHeaderContent {
    text-align: left;
    margin-top: 3.071em; /* 43px/14 = 3.071em */
    margin-bottom: 2.286em; /* 32px/14 = 2.286em */
}

.accordion {
    margin-bottom: 0.500em; /* 7px/14 = 0.500em */
}

.accordionTitle {
    width: 100%;
    height: 3.357em; /* 47px/14 = 3.357em */
    background-color: #de1c31;
    text-align: left;
    outline: none;
    cursor: pointer;
}

.accordionTitle h3 {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 2.143em; /* 30px/14 = 2.143em */
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    background-image: url('../img/accordionArrowDown.webp');
    background-repeat: no-repeat;
    background-position: left 0.500em; /* 15px/30 = 0.500em */
    padding-left: 1.000em; /* 30px/30 = 1.000em */
    padding-top: 0.200em; /* 6px/30 = 0.200em */
    margin-left: 0.367em; /* 11px/30 = 0.367em */
}

.accordionTitle.active h3 {
    background-image: url('../img/accordionArrow.webp');
    background-position: left 0.433em; /* 13px/30 = 0.433em */
}

.titleBolder {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.167em; /* 35px/30 = 1.167em */
}

.accordionBody {
    text-align: left;
    vertical-align: top;
    margin-top: 1.214em; /* 17px/14 = 1.214em */
    display: none;
}

.accordionItem {
    margin-bottom: 1.571em; /* 22px/14 = 1.571em */
}

.newListImage {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.newListImage img {
    width: 19.929em; /* 279px/14 = 19.929em */
    height: 11.214em; /* 157px/14 = 11.214em */
    margin-right: 1.786em; /* 25px/14 = 1.786em */
}

.newListImage a {
    outline: none;
    cursor: pointer;
}

.newListBody {
    display: inline-block;
    position: relative;
    width: 70%;
    vertical-align: top;
}

.newListDate {
    font-family: allerregular, Arial, Helvetica, sans-serif;
    color: #de1c31;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    font-weight: normal;
    text-align: left;
    margin-bottom: 0.250em; /* 4px/16 = 0.250em */
}

.newListTitle {
    margin-bottom: 0.429em; /* 6px/14 = 0.429em */
}

.newListTitle a, .newListTitle a:hover, .newListTitle a:visited, .newListTitle a:visited:hover, .newListTitle a:link {
    text-decoration: none;
}

.newListTitle h4, .newListTitle h3 {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    color: #766e65;
    font-size: 1.571em; /* 22px/14 = 1.571em */
    text-align: left;
    margin: 0;
    padding: 0;
}

.newListIntro {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #766e65;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    font-weight: normal;
    text-align: left;
    line-height: 1.222em; /* 22px/18 = 1.222em */
}

.newListMore {
    text-align: left;
}

.newListShowMore, .newListShowMore:visited {
    display: inline-block;
    position: relative;
    min-width: 3.125em; /* 50px/16 = 3.125em */
    height: 0.938em; /* 15px/16 = 0.938em */
    background-image: url('../img/moreRow.webp');
    background-repeat: no-repeat;
    background-position: left 0.375em; /* 6px/16 = 0.375em */
    font-family: allerregular, Arial, Helvetica, sans-serif;
    font-size: 1.071em; /* 15px/14 = 1.071em */
    text-decoration: none;
    text-transform: uppercase;
    color: #de1c31;
    padding-left: 0.750em; /* 12px/16 = 0.750em */
    margin-top: 0.250em; /* 4px/16 = 0.250em */
    margin-bottom: 0;
}

.newListShowMore:hover, .newListShowMore:visited:hover {
    color: #912430;
    text-decoration: none;
    background-image: url('../img/moreRowRoll.webp');
}

#content.news {
    margin-bottom: 1.071em; /* 15px/14 = 1.071em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .newListBody {
        width: 100%;
        margin-top: 0.714em; /* 10px/14 = 0.714em */
    }
    .accordionTitle {
        height: 2.143em; /* 30px/14 = 2.143em */
    }
    .accordionTitle h3 {
        font-size: 1.571em; /* 22px/14 = 1.571em */
        background-position: left 0.318em; /* 7px/22 = 0.318em */
        padding-top: 0.045em; /* 1px/22 = 0.045em */
    }
    .accordionTitle.active h3 {
        background-position: left 0.227em; /* 5px/22 = 0.227em */
    }
    .titleBolder {
        font-size: 1.182em; /* 26px/22 = 1.182em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .newListBody {
        width: 100%;
        margin-top: 0.714em; /* 10px/14 = 0.714em */
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .newListBody {
        width: 60%;
    }
}

/* NEW */

#newImages, #newText {
    vertical-align: top;
    min-height: 31.286em; /* 438px/14 = 31.286em */ /* CAMBIARÁ SEGÚN RESOLUCIÓN */
}

#newImages img {
    width: 100%;
    margin-bottom: 1.214em; /* 17px/14 = 1.214em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #newImages, #newText {
        min-height: 0;
    }
}

/* ABOUT */

#aboutHeaderContent {
     margin-top: 3.071em; /* 43px/14 = 3.071em */
     text-align: left;
}

#aboutInfo {
    display: inline-block;
    position: relative;
    width: 35%;
    vertical-align: top;
    text-align: left;
    margin-right: 3.571em; /* 50px/14 = 3.571em */
}

#aboutTitleIntro h3 {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    color: #766e65;
    font-size: 1.429em; /* 20px/14 = 1.429em */
    text-align: left;
}

#aboutTextIntro {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #766e65;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-align: left;
}

.aboutHeaderImage {
    display: inline-block;
    position: relative;
    width: 60%;
    vertical-align: top;
}

.aboutHeaderImage img {
    width: 50%;
}

#sectionAdvantages {
    background-color: #e7e6e4;
    margin-bottom: 1.357em; /* 19px/14 = 1.357em */
}

#advantages {
    padding-bottom: 2.214em; /* 31px/14 = 2.214em */
}

#advantagesHeader {
    width: 100%;
    text-align: center;
}

#advantagesTitle h2 {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 2.143em; /* 30px/14 = 2.143em */
    text-decoration: none;
    text-transform: uppercase;
    color: #de1c31;
    margin-top: 1.433em; /* 43px/30 = 1.433em */
}

#advantagesIntro {
    display: inline-block;
    position: relative;
    width: 60%;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.714em; /* 24px/14 = 1.714em */
    color: #766e65;
}

#advantagesHighlightsContent {
    margin-top: 5.000em; /* 70px/14 = 5.000em */
}

.highlightAdvantagesContainer {
    display: inline-block;
    position: relative;
    text-align: center;
}

.highlightAdvantagesContainer .highlight {
    display: inline-block;
    position: relative;
    padding-left: 0;
    padding-top: 3.036em; /* 85px/28 = 3.036em */
    text-align: center;
    font-style: normal;
    background-position: center top;
}

.highlightDescription {
    display: inline-block;
    position: relative;
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    margin-top: 0.833em; /* 15px/18 = 0.833em */
    margin-bottom: 0.833em; /* 15px/18 = 0.833em */
}

#sectionIso {
    background-color: #e7e6e4;
    margin-bottom: 2.714em; /* 38px/14 = 2.714em */
}

#iso27001 {
    padding-bottom: 2.214em; /* 31px/14 = 2.214em */
}

#isoLogoContainer {
	width: 100%;
    text-align: center;
}

#isoLogo {
	margin-top: 3.071em; /* 43px/14 = 3.071em */
}

#isoLogo img {
    width: 10.714em; /* 150px/14 = 10.714em */
    height: 10.714em; /* 150px/14 = 10.714em */
}

#isoDescription {
    display: inline-block;
    position: relative;
    font-family: exolight, Arial, Helvetica, sans-serif;
    text-align: justify;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    margin-top: 1.667em; /* 30px/18 = 1.667em */
    margin-bottom: 0.833em; /* 15px/18 = 0.833em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #aboutInfo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    #aboutTextIntro {
        font-size: 1.143em; /* 16px/14 = 1.143em */
    }
    .aboutHeaderImage {
        width: 100%;
    }
    #advantagesTitle h2 {
        font-size: 1.714em; /* 24px/14 = 1.714em */
        margin-top: 0.833em; /* 20px/24 = 0.833em */
    }
    #advantagesIntro {
        width: 100%;
        font-size: 1.357em; /* 19px/14 = 1.357em */
    }
    #advantagesHighlightsContent {
        margin-top: 1.429em; /* 20px/14 = 1.429em */
    }
    .highlightAdvantagesContainer {
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .highlightAdvantagesContainer .highlight {
        font-size: 1.462em; /* 19px/13 = 1.462em */
    }
    .highlightDescription {
        font-size: 1.143em; /* 16px/14 = 1.143em */ 
        margin-top: 0;
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .highlightAdvantagesContainer .highlight {
        padding-top: 3.158em; /* 60px/19 = 3.158em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .highlightAdvantagesContainer .highlight {
        padding-top: 3.421em; /* 65px/19 = 3.421em */
        background-size: 3.053em 3.053em; /* 58px/19 = 3.053em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #aboutInfo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .aboutHeaderImage {
        width: 100%;
    }
    #advantagesIntro {
        width: 100%;
    }
    #advantagesHighlightsContent {
        margin-top: 2.143em; /* 30px/14 = 2.143em */
    }
    .highlightAdvantagesContainer .highlight {
        padding-top: 3.333em; /* 80px/24 = 3.333em */
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #aboutInfo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
    }
    .aboutHeaderImage {
        width: 100%;
    }
}

/* CONTACT */

#contactHeaderContent {
    text-align: left;
    margin-top: 3.071em; /* 43px/14 = 3.071em */
    margin-bottom: 2.286em; /* 32px/14 = 2.286em */
}

#infoContact {
    text-align: left;
}

#infoContact h3 {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    color: #de1c31;
    font-size: 1.429em; /* 20px/14 = 1.429em */
    text-transform: uppercase;
}

.textInfo {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.429em; /* 20px/14 = 1.429em */
    line-height: 1.100em; /* 22px/20 = 1.100em */
}

.emailInfo {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    padding-left: 1.944em; /* 35px/18 = 1.944em */
    background: url('../img/emailInfoIcon.webp') no-repeat left 0.278em; /* 5px/18 = 0.278em */
    margin-top: 1.222em; /* 22px/18 = 1.222em */
}

.mobileInfo {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    padding-left: 1.944em; /* 35px/18 = 1.944em */
    background: url('../img/mobileInfoIcon.webp') no-repeat left top;
    margin-top: 1.222em; /* 22px/18 = 1.222em */
}

.locationInfo {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    padding-left: 1.944em; /* 35px/18 = 1.944em */
    background: url('../img/locationInfoIcon.webp') no-repeat left 0.556em; /* 10px/18 = 0.556em */
    margin-top: 0.556em; /* 10px/18 = 0.556em */
}

#formformContact {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.000em; /* 14px/14 = 1.000em */
    text-decoration: none;
    text-align: left;
    margin-bottom: 0.500em; /* 7px/14 = 0.500em */
}

@-moz-document url-prefix() { /* For Firefox only */
    #formformContact {
        margin-bottom: 0;
    }
}

#formformContact a, #formformContact a:visited, #formformContact a:link {
    color: #70685e;
}

#formformContact a:hover, #formformContact a:visited:hover {
    color: #70685e;
}

.formRow {
    display: block;
    position: relative;
    width: 100%;
}

.halfRow {
    display: inline-block;
    position: relative;
    width: 48%;
}

.fullRow {
    display: inline-block;
    position: relative;
    width: 100%;
}

#formformContact label, #formformContact span.formLabel {
    width: 7.250em; /* 145px/20 = 7.250em */
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.429em; /* 20px/14 = 1.429em */
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}

#formformContact label.lightLabel {
	width: 8.214em; /* 115px/14 = 8.214em */
	font-size: 1.000em; /* 14px/14 = 1.000em */
}

#formformContact input.textField {
    width: 55%; /*65%*/
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-indent: 0.278em; /* 5px/18 = 0.278em */
    border: 0;
    background: #e4e3e1;
    outline: none;
}

#formformContact select {
	width: 55%;
	height: 1.556em; /* 28px/18 = 1.556em */
	font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-indent: 0.278em; /* 5px/18 = 0.278em */
    border: 0;
    background: #e4e3e1;
    outline: none;
    margin-left: -4px;
}

#formformContact .textareaField {
    width: 94%;
    height: 5.944em; /* 107px/18 = 5.944em */
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    border: 0;
    resize: none;
    background: #e4e3e1;
    outline: none;
}

#formformContact ul {
	list-style: none;
	margin-left: -2.857em; /* -40px/14 = -2.857em */
	margin-bottom: 0;
}

#formformContact ul li input[type=radio] {
	margin-right: 5px;
}

#formformContact input[type=checkbox] {
	margin-right: 4px;
}

#accordion h3 {
	background: #de1c31;
}

#accordion h3:hover {
	border-color: #ddd;
}

#accordion h3 span.formLabel {	
	color: #ffffff;
}

.ui-state-default .ui-icon {
    background-image: url("../img/ui-icons_ffffff_256x240.webp")!important;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
     background-image: url("../img/ui-icons_ffffff_256x240.webp")!important;
}

.ui-state-active .ui-icon {
    background-image: url("../img/ui-icons_ffffff_256x240.webp")!important;
}

.rightSide {
	float: right;
}

#privacy {
    margin-top: 0.714em; /* 10px/14 = 0.714em */
}

#captcha {
    margin-top: 0.714em !important; /* 10px/14 = 0.714em */
}

#formformContact #captcha_image {}

#captcha label {
    width: 7.857em; /* 110px/14 = 7.857em */
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 1.000em; /* 14px/14 = 1.000em */
    font-weight: normal;
    text-transform: none;
    margin-top: 0.857em; /* 12px/14 = 0.857em */
    text-align: left;
}

#captcha_code {
    width: 7.286em; /* 102px/14 = 7.286em */
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 1.000em; /* 14px/14 = 1.000em */
    border: 0;
    background: #e4e3e1;
    text-indent: 0.357em; /* 5px/14 = 0.357em */
    outline: none;
}

#formformContact .submitButton {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.500em; /* 21px/14 = 1.500em */
    color: #ffffff;
    text-transform: uppercase;
    border: 0;
    background: #de1c31;
    padding: 0.238em 0.476em 0.095em 0.476em; /* 5px/21 = 0.238em */ /* 10px/21 = 0.476em */ /* 2px/21 = 0.095em */
    margin-top: 0.714em; /* 15px/21 = 0.714em */
    margin-bottom: 1.667em; /* 35px/21 = 1.667em */
    outline: none;
    cursor: pointer;
}

#formformContact .submitButton:hover {
    background: #912430;
}

.asterisk {
    color: #de1c31;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #infoContact {
        margin-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
    .formRow {
        margin-top: 0.714em; /* 10px/14 = 0.714em */
    }
    #formformContact select {
	    margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #infoContact {
        margin-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
    .formRow {
        margin-top: 0.714em; /* 10px/14 = 0.714em */
    }
    #formformContact select {
	    margin-left: 0;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
    .formRow {
        margin-top: 0.714em; /* 10px/14 = 0.714em */
    }
    #formformContact select {
	    margin-left: 0;
	}
}

/* LEGAL ADVICE */

#legalContainer { 
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-decoration: none;
    text-align: left;
}

#legalContainer h3{
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.111em; /* 20px/18 = 1.111em */
}

#legalContainer table {
    margin-bottom: 0.556em; /* 10px/18 = 0.556em */
}

#legalContainer td, #legalContainer th {
    border: 0.056em solid #ddd; /* 1px/18 = 0.056em */
    padding: 0.444em; /* 8px/18 = 0.444em */
}

/* PARTNERS */

.partnersContent {
	text-align: left;
	margin-bottom: 3.571em; /* 50px/14 = 3.571em */
}

.partnersContent.first {
	margin-top: 3.071em; /* 43px/14 = 3.071em */
}

.infoPartners {
    text-align: left;
}

.listPartners {
	text-align: left;
}

#partnersOurContentHeader, #partnersMediaContentHeader {	
	margin-bottom: 1.429em; /* 20px/14 = 1.429em */
}

#partnersOurContentHeader.contentHeader, #partnersMediaContentHeader.contentHeader {
   	height: 1.067em; /* 32px/30 = 1.067em */
}

#partnersOurContentHeader.contentHeader h2, #partnersMediaContentHeader.contentHeader h2 {
    font-size: 0.833em; /* 25px/30 = 0.833em */
}

.partnerInfo {
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-align: left;
}

#partnersOurContentList, #partnersOurContentList {
	width: 100%;
    text-align: right;
} 

.listPartnersContainer {
    display: inline-block;
    position: relative;
    width: 93%;
    text-align: left;
}

.partnerListItem {
    display: inline-block;
    position: relative;
    width: 12.929em; /* 181px/14 = 12.929em */
    height: 11.714em; /* 164px/14 = 11.714em */
}

.partnerListItem img {
    display: block;
    position: absolute;
    width: 95%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #partnersOurContentHeader, #partnersMediaContentHeader {	
		margin-bottom: 0.714em; /* 10px/14 = 0.714em */
	}
	.partnerInfo {	    
	    font-size: 1.000em; /* 14px/14 = 1.000em */
	}
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .listPartnersContainer {
        width: 100%;
        padding-left: 2%;
    }
    .partnerListItem {
        width: 30%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .partnerListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .listPartnersContainer {
        width: 100%;
        padding-left: 1%;
    }
    .partnerListItem {
        width: 15%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .partnerListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
	#partnersOurContentHeader, #partnersMediaContentHeader {	
		margin-bottom: 0.714em; /* 10px/14 = 0.714em */
	}
	.partnerInfo {	    
	    font-size: 1.143em; /* 16px/14 = 1.143em */
	}
    .listPartnersContainer {
        width: 100%;
        padding-left: 3%;
    }
    .partnerListItem {
        width: 15%;
        height: auto;
        margin-bottom: 0.714em; /* 10px/14 = 0.714em */
        margin-left: 0.214em; /* 3px/14 = 0.214em */
        margin-right: 0.214em; /* 3px/14 = 0.214em */
    }
    .partnerListItem img {
        display: inline-block;
        position: relative;
        width: 95%;
        height: auto;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #partnersOurContentHeader.contentHeader, #partnersMediaContentHeader.contentHeader {
    	height: 0.800em; /* 24px/30 = 0.800em */
	}
	#partnersOurContentHeader.contentHeader h2, #partnersMediaContentHeader.contentHeader h2 {
	    font-size: 0.633em; /* 19px/30 = 0.633em */
	}
	.partnerInfo {	    
	    font-size: 1.143em; /* 16px/14 = 1.143em */
	}
	.listPartnersContainer {	   
	    width: 88%;
	}
	.partnerListItem {
	    width: 150px; /* 181px/14 = 12.929em */
	    height: 136px; /* 164px/14 = 11.714em */
	}
}

/* FOOTER */

#sectionFooter {
    background-color: #de1c31;
}

#footer {
    height: 5.000em; /* 70px/14 = 5.000em */
    background-color: #de1c31;
}

#footerCenter {
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px/14 = 0.786em */
}

#licences a, #licences a:visited, #licences a:link {
	text-decoration: none;
    color: #de1c31;
}

#licences a:hover, #licences a:visited:hover {
    color: #912430;
}

#footerCopyright {
    float: left;
    margin-top: 1.818em; /* 20px/11 = 1.818em */
}

#footerLinks {
    float: right;
    margin-top: 1.818em; /* 20px/11 = 1.818em */
}

#footerLinks img {
    margin-left: 1.364em; /* 15px/11 = 1.364em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    /*
    #footerLinks img {
        width: 113px;
        height: 28px;
    }
    */
}

#footerLinks a, #footerLinks a:visited, #footerLinks a:active, .footerLink, .footerLink:visited, .footerLink:active, #footerCopyright a, #footerCopyright a:visited, #footerCopyright a:active {
    color: #ffffff;
    text-decoration: none;
}

#footerLinks a:hover, #footerLinks a:visited:hover, .footerLink:hover, .footerLink:visited:hover, #footerCopyright a:hover, #footerCopyright a:visited:hover {
    color: #7e121e;
    text-decoration: none;
}

/* COOKIES BANNER */

#cookiesBanner {
    display: block;
    position: fixed;
    width: 100%;
    height: 5.000em; /* 70px/14 = 5.000em */
    background: url('../img/blackTrasparent.webp');
    text-align: center;
    padding: 0;
    margin: 0;
    bottom: 0;
    padding-top: 0.357em; /* 5px/14 = 0.357em */
    z-index: 20;
}

.cookiesBannerTextPanel {
    display: inline-block;
    position: relative;
    height: 6.364em; /* 70px/11 = 6.364em */
    color: #ffffff;
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px/14 = 0.786em */
    text-align: center;
    margin-top: 1.818em; /* 20px/11 = 1.818em */
}

.cookiesBannerTextPanel a, .cookiesBannerTextPanel a:visited{
    color: #ffffff;
    text-decoration: underline;
}

.cookiesBannerTextPanel a:hover, .cookiesBannerTextPanel a:active, .cookiesBannerTextPanel a:visited:hover {
    color: #ffffff;
    text-decoration: none;
}

.cookiesBannerButtonPanel {
    display: inline-block;
    position: relative;
    width: 4.545em; /* 50px/11 = 4.545em */
    height: 2.091em; /* 23px/11 = 2.091em */
    vertical-align: top;
    background: #de1c31;
    color: #ffffff;
}

.cookiesBannerButton, .cookiesBannerButton:visited {
    display: block;
    position: relative;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.636em; /* 18px/11 = 1.636em */
    color: #ffffff !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
}

.cookiesBannerButton:hover, .cookiesBannerButton:active, .cookiesBannerButton::visited:hover {
    text-decoration: none !important;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
   #cookiesBanner {
        height: auto;
   }
   .cookiesBannerTextPanel {
        padding: 0 0.909em 0 0.909em; /* 10px/11 = 0.909em */
   }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
   .cookiesBannerTextPanel {
        padding: 0 0.909em 0 0.909em; /* 10px/11 = 0.909em */
   }
}

/* MODAL WINDOWS */

#modalContainer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/blackTrasparent.webp');
    z-index: 100;
}

.modalItem {
    display: inline-block;
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0;
    top: 50%;
    left: 50%;
}

.modalItem img {
    width: 100%;
    height: 100%;
}

.modalItem.legalAgeConfirmation {
	width: 34.000em; /* 476px/14 = 34.000em */
	height: 25.714em; /* 360px/14 = 25.714em */
	margin-left: -17.000em; /* -238px/14 = -17.000em */ 
	margin-top: -12.857em; /* -180px/14 = -12.857em */
}

#ageConfirmationContainer {
	display: inline-block;
	position: relative;
	width: 34.000em; /* 476px/14 = 34.000em */
	height: 25.714em; /* 360px/14 = 25.714em */
	background-color: #de1c31;
	color: #ffffff;
	border-radius: 1.857em; /* 26px/14 = 1.857em */
	-moz-border-radius: 1.857em; /* 26px/14 = 1.857em */
}

#ageConfirmationLogo {
	display: inline-block;
	position: relative;
	width: 13.786em; /* 193px/14 = 13.786em */
	height: 8.929em; /* 125px/14 = 8.929em */
	margin-top: 0.357em; /* 5px/14 = 0.357em */
}

#ageConfirmationText {
	display: inline-block;
	position: relative;
	font-family: exobold, Arial, Helvetica, sans-serif;
	font-size: 1.571em; /* 22px/14 = 1.571em */
}

#ageConfirmationText.en {
	width: 15.818em; /* 348px/22 = 15.818em */
}

#ageConfirmationText.es {
	width: 19.545em; /* 430px/22 = 19.545em */
}

#ageConfirmationButtons {
	display: inline-block;
	position: relative;
	width: 24.857em; /* 348px/14 = 24.857em */
	margin-top: 0.714em; /* 10px/14 = 0.714em */
}

.ageConfirmationButtonContainer {
	display: inline-block;
	position: relative;
	width: 100%;
}

.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
	display: inline-block;
	position: relative;
	font-family: exobold, Arial, Helvetica, sans-serif;
	font-size: 1.571em; /* 22px/14 = 1.571em */
	text-decoration: none;
	border-radius: 1.182em; /* 26px/22 = 1.182em */
	-moz-border-radius: 1.182em; /* 26px/22 = 1.182em */
	padding-top: 0.318em; /* 7px/22 = 0.318em */
	padding-bottom: 0.318em; /* 7px/22 = 0.318em */
	margin-top: 0.909em; /* 20px/22 = 0.909em */
}

.ageConfirmationButton.en {
	width: 10.909em; /* 240px/22 = 10.909em */
}

.ageConfirmationButton.en:hover {
	width: 11.136em; /* 245px/22 = 11.136em */
	padding-top: 0.409em; /* 9px/22 = 0.409em */
	padding-bottom: 0.409em; /* 9px/22 = 0.409em */
}

.ageConfirmationButton.es {
	width: 13.636em; /* 300px/22 = 13.636em */
}

.ageConfirmationButton.es:hover {
	width: 13.864em; /* 305px/22 = 13.864em */
	padding-top: 0.409em; /* 9px/22 = 0.409em */
	padding-bottom: 0.409em; /* 9px/22 = 0.409em */
}

#ageConfirmationYesButton, #ageConfirmationYesButton:hover, #ageConfirmationYesButton:active, #ageConfirmationYesButton:visited, #ageConfirmationYesButton:visited:hover {
	background-color: #ffffff;
	color: #de1c31;
}

#ageConfirmationNoButton, #ageConfirmationNoButton:hover, #ageConfirmationNoButton:active, #ageConfirmationNoButton:visited, #ageConfirmationNoButton:visited:hover {
	background-color: #de1c31;
	color: #ffffff;
	border: 0.091em solid #ffffff; /* 2px/22 = 0.091em */
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .modalItem.legalAgeConfirmation {
		width: 21.429em; /* 300px/14 = 21.429em */
		height: 16.286em; /* 228px/14 = 16.286em */
		margin-left: -10.714em; /* -150px/14 = -10.714em */ 
		margin-top: -8.143em; /* -114px/14 = -8.143em */
	}
	#ageConfirmationContainer {
		width: 21.429em; /* 300px/14 = 21.429em */
		height: 16.286em; /* 228px/14 = 16.286em */
		border-radius: 1.286em; /* 18px/14 = 1.286em */
		-moz-border-radius: 1.286em; /* 18px/14 = 1.286em */
	}
	#ageConfirmationLogo {
		width: 8.571em; /* 120px/14 = 8.571em */
		height: 5.571em; /* 78px/14 = 5.571em */
	}
	#ageConfirmationText {
		font-size: 1.000em; /* 14px/14 = 1.000em */
	}
	#ageConfirmationText.en {
		width: 20.000em; /* 280px/14 = 20.000em */
	}	
	#ageConfirmationText.es {
		width: 20.000em; /* 280px/14 = 20.000em */
	}
	#ageConfirmationButtons {
		width: 20.000em; /* 280px/14 = 20.000em */
		margin-top: 0.357em; /* 5px/14 = 0.357em */
	}
	.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
		font-size: 1.000em; /* 14px/14 = 1.000em */
		border-radius: 1.286em; /* 18px/14 = 1.286em */
		-moz-border-radius: 1.286em; /* 18px/14 = 1.286em */
		padding-top: 0.357em; /* 5px/14 = 0.357em */
		padding-bottom: 0.357em; /* 5px/14 = 0.357em */
		margin-top: 0.714em; /* 10px/14 = 0.714em */
	}
	.ageConfirmationButton.en {
		width: 9.286em; /* 130px/14 = 9.286em */
	}
	.ageConfirmationButton.en:hover {
		width: 9.643em; /* 135px/14 = 9.643em */
		padding-top: 0.500em; /* 7px/14 = 0.500em */
		padding-bottom: 0.500em; /* 7px/14 = 0.500em */
	}
	.ageConfirmationButton.es {
		width: 12.857em; /* 180px/14 = 12.857em */
	}
	.ageConfirmationButton.es:hover {
		width: 13.214em; /* 185px/14 = 13.214em */
		padding-top: 0.500em; /* 7px/14 = 0.500em */
		padding-bottom: 0.500em; /* 7px/14 = 0.500em */
	}
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .modalItem.legalAgeConfirmation {
		width: 28.286em; /* 396px/14 = 28.286em */
		height: 18.571em; /* 260px/14 = 18.571em */
		margin-left: -14.143em; /* -198px/14 = -14.143em */ 
		margin-top: -9.286em; /* -130px/14 = -9.286em */
	}
    #ageConfirmationContainer {
		width: 28.286em; /* 396px/14 = 28.286em */
		height: 18.571em; /* 260px/14 = 18.571em */
		border-radius: 1.429em; /* 20px/14 = 1.429em */
		-moz-border-radius: 1.429em; /* 20px/14 = 1.429em */
	}
	#ageConfirmationLogo {
		width: 10.000em; /* 140px/14 = 10.000em */
		height: 6.500em; /* 91px/14 = 6.500em */
	}
	#ageConfirmationText {
		font-size: 1.143em; /* 16px/14 = 1.143em */
	}
	#ageConfirmationText.en {
		width: 17.500em; /* 280px/16 = 17.500em */
	}	
	#ageConfirmationText.es {
		width: 18.750em; /* 300px/16 = 18.750em */
	}
	#ageConfirmationButtons {
		width: 21.429em; /* 300px/14 = 21.429em */
		margin-top: 0.357em; /* 5px/14 = 0.357em */
	}
	.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
		font-size: 1.143em; /* 16px/14 = 1.143em */
		border-radius: 1.250em; /* 20px/16 = 1.250em */
		-moz-border-radius: 1.250em; /* 20px/16 = 1.250em */
		padding-top: 0.313em; /* 5px/16 = 0.313em */
		padding-bottom: 0.313em; /* 5px/16 = 0.313em */
		margin-top: 0.750em; /* 12px/16 = 0.750em */
	}
	.ageConfirmationButton.en {
		width: 10.000em; /* 160px/16 = 10.000em */
	}
	.ageConfirmationButton.en:hover {
		width: 10.313em; /* 165px/16 = 10.313em */
		padding-top: 0.438em; /* 7px/16 = 0.438em */
		padding-bottom: 0.438em; /* 7px/16 = 0.438em */
	}
	.ageConfirmationButton.es {
		width: 13.438em; /* 215px/16 = 13.438em */
	}
	.ageConfirmationButton.es:hover {
		width: 13.750em; /* 220px/16 = 13.750em */
		padding-top: 0.438em; /* 7px/16 = 0.438em */
		padding-bottom: 0.438em; /* 7px/16 = 0.438em */
	}
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .modalItem.legalAgeConfirmation {
		width: 28.571em; /* 400px/14 = 28.571em */
		height: 21.714em; /* 304px/14 = 21.714em */
		margin-left: -14.286em; /* -200px/14 = -14.286em */ 
		margin-top: -10.857em; /* -152px/14 = -10.857em */
	}
    #ageConfirmationContainer {
		width: 28.571em; /* 400px/14 = 28.571em */
		height: 21.714em; /* 304px/14 = 21.714em */
		border-radius: 1.643em; /* 23px/14 = 1.643em */
		-moz-border-radius: 1.643em; /* 23px/14 = 1.643em */
	}
	#ageConfirmationLogo {
		width: 10.929em; /* 153px/14 = 10.929em */
		height: 7.071em; /* 99px/14 = 7.071em */
	}
	#ageConfirmationText {
		font-size: 1.286em; /* 18px/14 = 1.286em */
	}
	#ageConfirmationText.en {
		width: 15.556em; /* 280px/18 = 15.556em */
	}	
	#ageConfirmationText.es {
		width: 19.667em; /* 354px/18 = 19.667em */
	}
	.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
		font-size: 1.286em; /* 18px/14 = 1.286em */
		border-radius: 1.278em; /* 23px/18 = 1.278em */
		-moz-border-radius: 1.278em; /* 23px/18 = 1.278em */
		padding-top: 0.278em; /* 5px/18 = 0.278em */
		padding-bottom: 0.278em; /* 5px/18 = 0.278em */
		margin-top: 0.833em; /* 15px/18 = 0.833em */
	}
	.ageConfirmationButton.en {
		width: 10.000em; /* 180px/18 = 10.000em */
	}
	.ageConfirmationButton.en:hover {
		width: 10.278em; /* 185px/18 = 10.278em */
		padding-top: 0.389em; /* 7px/18 = 0.389em */
		padding-bottom: 0.389em; /* 7px/18 = 0.389em */
	}
	.ageConfirmationButton.es {
		width: 13.333em; /* 240px/18 = 13.333em */
	}
	.ageConfirmationButton.es:hover {
		width: 13.611em; /* 245px/18 = 13.611em */
		padding-top: 0.389em; /* 7px/18 = 0.389em */
		padding-bottom: 0.389em; /* 7px/18 = 0.389em */
	}
}

/* 404 PAGE */

.pageNotFoundImg {
    width: 31.111em; /* 560px/18 = 31.111em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .pageNotFoundImg {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .pageNotFoundImg {
        width: 50%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .pageNotFoundImg {
        width: 50%;
    }
}

/* COLOUR BOOKING */

#colouringbookImages {
    margin-top: 2.143em; /* 30px/14 = 2.143em */
    margin-bottom: 2.143em; /* 30px/14 = 2.143em */
}

.imageListItem {
    display: inline-block;
    position: relative;
    width: 8.571em; /* 120px/14 = 8.571em */
    height: 10.714em; /* 150px/14 = 10.714em */
}

.imageListItem img {
    display: block;
    position: absolute;
    width: 100%; /* 344px/14 = 24.571em */
    height: auto; /* 188px/14 = 13.429em */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.colourBookingDescription {
    display: inline-block;
    position: relative;
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #73695d;
    margin-top: 1.429em; /* 20px/14 = 1.429em */
    margin-bottom: 1.429em; /* 20px/14 = 1.429em */
}

#colouringbookButton {
    margin-bottom: 2.143em; /* 30px/14 = 2.143em */
}

#colourBookingButton, #colourBookingButton:visited {
    display: inline-block;
    position: relative;
    background-color: #de1c31;
    border-radius: 1.500em; /* 36px/24 = 1.500em */
    -moz-border-radius: 1.500em; /* 36px/24 = 1.500em */ /* Old Firefox (3.6 to 15) */
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.714em; /* 24px/14 = 1.714em */
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.583em 1.250em 0.333em 1.250em; /* 14px/24 = 0.583em */ /* 30px/24 = 1.250em */ /* 8px/24 = 0.333em */
}

#colourBookingButton:hover, #colourBookingButton:visited:hover {
    text-decoration: none;
    box-shadow: 0 0 0.833em 0 rgba(255, 255, 255, 0.9); /* 20px/24 = 0.833em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #bookHeader img {
        width: 100%;
        height: auto;
    }
    #colouringbookImages {
        margin-top: 0;
        margin-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .modalItem.colouringbook {
        width: 25.000em !important; /* 350px/14 = 25.000em */
        height: 35.357em !important; /* 495px/14 = 35.357em */
        margin-left: -12.500em !important; /* -175px/14 = -12.500em */
        margin-top: -17.714em !important; /* -248px/14 = -17.714em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .modalItem.colouringbook {
        width: 17.857em !important; /* 250px/14 = 17.857em */
        height: 25.286em !important; /* 354px/14 = 25.286em */
        margin-left: -8.929em !important; /* -125px/14 = -8.929em */
        margin-top: -12.643em !important; /* -177px/14 = -12.643em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #bookHeader img {
        width: 100%;
        height: auto;
    }
    #colouringbookImages {
        margin-top: 0;
        margin-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
}

@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) { /* Small devices (tablets, greater or equal than 768px and less than 992px) and landscape orientation */
    .modalItem.colouringbook {
        width: 17.857em !important; /* 250px/14 = 17.857em */
        height: 25.286em !important; /* 354px/14 = 25.286em */
        margin-left: -8.929em !important; /* -125px/14 = -8.929em */
        margin-top: -12.643em !important; /* -177px/14 = -12.643em */
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #bookHeader img {
        width: 100%;
        height: auto;
    }
    #colouringbookImages {
        margin-top: 0;
        margin-bottom: 2.143em; /* 30px/14 = 2.143em */
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media only screen and (max-width: 96.688em) {
    /* Resolución PC with < 1548px/16 = 96.750em */
    #mainBody {
        width: 96.688em;
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}