@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
html {
  font-size: 18px; }

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

body {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #f0f0f0;
  color: #000; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.container-wrapper {
  max-width: 500px;
  margin: 0 auto; }
@import "https://fonts.googleapis.com/css?family=Lato:300,400,700";@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700";.background-image {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat
}

.smaller-font,#register .age,#register input,#register .rules li,#register label.error {
    font-size: .9rem
}


@media(max-width: 1199px) {
    .smaller-font,#register .age,#register input,#register .rules li,#register label.error {
        font-size:13px
    }
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-UltraLight_0.ttf) format("truetype");
    font-weight: 100
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Thin_0.ttf) format("truetype");
    font-weight: 200
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Light_0.ttf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Regular_0.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Medium_0.ttf) format("truetype");
    font-weight: 500
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-SemiBold_0.ttf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Bold_0.ttf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Black_0.ttf) format("truetype");
    font-weight: 800
}

@font-face {
    font-family: gilroy;
    src: url(../../fonts/Gilroy-Heavy_0.ttf) format("truetype");
    font-weight: 900
}

html {
    font-size: 16px;
    overflow-x: hidden
}

body,html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

body {
    font-family: source sans pro,sans-serif;
    font-size: 1rem;
    color: #202122;
    line-height: 1.4;
    background: #fff
}

::selection {
    background: #0ea4f0;
    color: #fff
}

::-moz-selection {
    background: #0ea4f0;
    color: #fff
}

section {
    position: relative
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

a,a:hover,a:active,a:focus {
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    font-family: gilroy,sans-serif;
    margin: 0;
    line-height: 1.1
}

h1 {
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2
}

@media(max-width: 767px) {
    h1 {
        font-size:1.5rem;
        font-weight: 700;
        text-transform: unset;
        line-height: 1.35
    }
}

h2 {
    font-size: 1.888rem;
    color: #000;
    margin: 0 0 1.175em
}

h3 {
    font-size: 1.444rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1em;
    line-height: 1.2
}

h3 strong {
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width: 767px) {
    h3 {
        font-size:1.3rem;
        line-height: 1.3
    }
}

h4 {
    font-size: 1.333rem
}

@media(max-width: 767px) {
    h4 {
        font-size:1.2rem
    }
}

h5 {
    font-size: 1.1rem
}

input {
    outline: none!important
}

.subtitle {
    font-size: 1.9rem;
    text-transform: uppercase;
    color: #4a4a4a;
    text-align: center;
    font-weight: 600
}

.subtitle .big {
    font-size: 2.6rem;
    font-weight: 900
}

p {
    margin: 0
}

.text-highlight {
    color: #ff4848
}

.text-center {
    text-align: center
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.disclaimer {
    margin-top: 1rem;
    display: inline-block;
    color: rgba(0,0,0,.5)
}

.disclaimer.light {
    color: rgba(255,255,255,.5)
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block
}

.close-icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.close-icon div {
    position: relative;
    width: 100%;
    height: 100%
}

.close-icon div:after,.close-icon div:before {
    content: "";
    position: absolute;
    top: 48%;
    left: 14%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 22px;
    height: 3px;
    border-radius: 7px;
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.close-icon div:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-icon div:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.column-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1rem
}

.column-row .column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 0 1rem
}

@media(max-width: 767px) {
    .column-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin: 0 -15px
    }

    .column-row .column {
        margin-bottom: 1.5rem;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        width: 100%;
        padding: 0 15px
    }

    .column-row .column:last-child {
        margin-bottom: 0
    }
}

.section-title {
    padding-bottom: 4.6rem
}

.section-title h3 {
    margin-bottom: 2.44rem
}

.text-blue {
    color: #0ea4f0
}

main {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-wrapper {
    width: 100%
}

.content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-wrapper .left-side {
    width: 73%;
    position: relative;
    background-image: url(../../images/bk.jpg)
}

.content-wrapper .right-side {
    width: 27%;
    background: #222;
    position: fixed;
    height: 100%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1440px) {
    .content-wrapper .left-side {
        width:65%
    }

    .content-wrapper .right-side {
        width: 35%
    }
}

@media(max-width: 1440px) and (orientation:portrait) {
    .content-wrapper .left-side {
        width:50%
    }

    .content-wrapper .right-side {
        width: 50%
    }
}

@media(max-width: 767px) {
    .content-wrapper .right-side {
        display:none
    }

    .content-wrapper .left-side {
        width: 100%
    }
}

@media(max-width: 991px) {
    main br:not(.mobile) {
        display:none
    }
}

@media(max-height: 900px) and (min-width:768px) {
    html {
        font-size:14px
    }
}

@media(max-width: 767px) {
    .subtitle {
        font-size:1.7rem
    }

    .subtitle .big {
        font-size: 2.3rem
    }

    .no-mobile {
        display: none!important
    }
}

@media(min-width: 768px) {
    .mobile {
        display:none!important
    }
}

@media(max-width: 991px) {
    .no-tablet {
        display:none!important
    }
}

@media(min-width: 992px) {
    .tablet {
        display:none!important
    }
}

@media(max-width: 1199px) {
    html {
        font-size:14px
    }
}

@media(max-width: 359px) {
    html {
        font-size:14px
    }
}

@media(min-width: 2000px) {
    html {
        font-size:18px
    }

    .container {
        max-width: 1230px
    }
}

@media(max-width: 767px) {
    html {
        font-size:16px
    }
}

@media(max-width: 359px) {
    html {
        font-size:14px
    }
}

.button,.button:hover,.button:active,.button:focus {
    outline: none!important;
    background-color: transparent;
    border: none;
    font-family: source sans pro,sans-serif;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding: 1.2rem 2rem;
    top: 0
}

@media(max-width: 767px) {
    .button,.button:hover,.button:active,.button:focus {
        padding-top:.75rem;
        padding-bottom: .75rem
    }
}

.button-full,.button-full:hover,.button-full:focus,.button-full:active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    font-size: 1rem;
    color: #fff;
    background-color: #E79B38;
    border-radius: 10px;
    max-width: 100%;
    font-weight: 400;
    line-height: 1;
    overflow: hidden;
    z-index: 1
}

.button.blue-button {
    background-color: #0ea4f0
}

.button.content-button {
    padding: 1rem 2.8rem
}

@media(max-width: 767px) {
    .button.content-button {
        padding-left:2rem;
        padding-right: 2rem
    }
}

.button.content-button:hover {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.button.content-button:active,.button.content-button:focus {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.button.with-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button.with-arrow img {
    width: .5rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.button.with-arrow:hover img {
    margin-left: 4rem
}

#register .button {
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-width: 12rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

#register .button:hover {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

#register .button:active,#register .button:focus {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.button-wrapper.justify-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3.33rem
}

@media(max-width: 767px) {
    .button-wrapper.justify-center {
        padding-top:2.5rem
    }
}

.button.content-button {
    border: .388rem solid #f6f7f8;
    position: relative;
    overflow: visible
}

.button.content-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #ff4848;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 1.75rem;
    border: 0 solid #ff4848;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.button.content-button * {
    position: relative
}

.button.content-button:hover:before {
    border-width: .39rem
}

.button.content-button.blue-button:before {
    background-color: #0ea4f0;
    border-color: #0ea4f0
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    -webkit-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    font-family: gilroy,sans-serif
}

.header .container {
    max-width: 100%;
    padding-left: 7rem;
    padding-right: 7rem
}

@media(max-width: 1600px) {
    .header .container {
        padding:0 5%
    }
}

@media(max-width: 767px) {
    .header .container {
        padding-right:15px;
        padding-left: 15px
    }
}

.nav {
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav .logo {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    position: relative
}

.nav .logo .website-url {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.nav .logo img,.nav .logo svg {
    height: 45%;
    max-height: 36px;
    width: auto;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.nav .logo .logo-white {
    display: none
}

.nav .logo.white .logo-white {
    display: inline
}

.nav .logo.white .logo-red {
    display: none
}

.nav .button {
    margin-top: .2rem;
    font-size: .9rem;
    font-family: gilroy,sans-serif;
    font-weight: 500;
    color: #4a4a4a;
    padding: 1rem;
    margin-right: -1rem;
    text-transform: uppercase
}

.nav .button:hover {
    color: #ff4848!important
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.language-selector {
    position: relative;
    margin-left: 9.5rem
}

@media(max-width: 767px) {
    .language-selector {
        margin-left:0
    }
}

.language-selector span {
    font-family: source sans pro,sans-serif;
    color: #b7b7b7;
    white-space: nowrap
}

.language-selector img {
    height: 15px;
    width: auto;
    position: relative;
    top: 0;
    margin-right: 1rem
}

.language-selector svg {
    fill: #4a4a4a;
    height: 8px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.language-selector .selected-language {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    cursor: pointer
}

.language-selector .selected-language .arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #b7b7b7;
    margin-left: 1rem
}

.language-selector .language-options {
    position: absolute;
    z-index: 2;
    top: 0;
    padding: 45px 0 10px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    visibility: hidden;
    width: 100%
}

.language-selector .language-options li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin-bottom: 0
}

.language-selector .language-options li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 1rem;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.language-selector .language-options li a span {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff;
    font-size: 1rem;
    position: relative
}

.language-selector .language-options li:hover {
    background-color: #1b1712
}

.language-selector:hover .language-options {
    background-color: #332f2a;
    -webkit-box-shadow: 0 0 15px 6px rgba(0,0,0,.05);
    box-shadow: 0 0 15px 6px rgba(0,0,0,.05);
    visibility: visible;
    color: #fff
}

.language-selector:hover .language-options li {
    opacity: 1
}

.language-selector:hover .language-options li a {
    padding: 1rem;
    color: #fff
}

.language-selector:hover .language-options li:hover a span {
    color: #0ea4f0!important
}

.hamburger {
    display: none
}

.choose-language {
    display: none
}

.header.light:after {
    border-color: rgba(255,255,255,.3)
}

.header.light .nav:after {
    border-color: rgba(255,255,255,.3)
}

.header.light .nav .logo svg path {
    fill: #fff
}

.header.light .nav .button {
    color: #fff
}

.header.light .language-selector svg {
    fill: #fff
}

.header.light .language-selector .language-options li a span {
    color: #fff
}

.header.light .language-selector .language-options li:hover {
    background-color: rgba(255,255,255,.05)
}

.header.light .language-selector:hover .language-options {
    background-color: #0d0d0d;
    -webkit-box-shadow: 0 0 15px 6px rgba(0,0,0,.2);
    box-shadow: 0 0 15px 6px rgba(0,0,0,.2)
}

.mobile-menu-wrapper {
    margin-left: auto;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-trigger {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff4848;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    padding: 15px;
    margin-right: -15px
}

.menu-trigger .menu-icon {
    position: relative;
    margin-left: 20px
}

.menu-trigger .menu-icon span {
    width: 16px;
    height: 4px;
    border-radius: 5px;
    background-color: #ff4848;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.menu-trigger .menu-icon span.line-one {
    position: absolute;
    top: -8px;
    right: 0;
    width: 22px
}

.menu-trigger .menu-icon span.line-three {
    position: absolute;
    top: 8px;
    right: 0;
    width: 27px
}

.menu-trigger:hover {
    color: #0ea4f0
}

.menu-trigger:hover .menu-icon span {
    width: 27px
}

.menu-trigger:hover .menu-icon span.line-one,.menu-trigger:hover .menu-icon span.line-three {
    width: 27px
}

.mobile-menu {
    position: absolute;
    border-radius: 10px;
    right: 0;
    top: 100%;
    background: #f1f1f1;
    width: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.8,.8);
    transform: scale(.8,.8);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 11rem;
    text-align: right;
    font-family: source sans pro,sans-serif;
    font-size: 1rem
}

.mobile-menu img {
    width: 20px;
    margin-right: 1rem;
    max-width: none
}

.mobile-menu ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .5rem 1.5rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: transparent;
    color: inherit;
    white-space: nowrap
}

.mobile-menu ul li a:hover {
    color: #0ea4f0;
    background-color: rgba(0,0,0,.05)
}

.mobile-menu ul li a .arrow {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #b7b7b7;
    margin-right: 1rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.mobile-menu ul li ul {
    display: none;
    background-color: rgba(0,0,0,.05)
}

.mobile-menu ul li.open>a {
    background-color: rgba(0,0,0,.05)
}

.mobile-menu ul li.open>a .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu-open .menu-icon .line-two {
    opacity: 0
}

.mobile-menu-open .menu-icon span.line-one {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 27px;
    top: 0
}

.mobile-menu-open .menu-icon span.line-three {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 27px;
    top: 0
}

.mobile-menu-open .mobile-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

@media(max-width: 767px) {
    .header.header-border-side:after {
        width:100%
    }

    .header.header-border-side .nav:after {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .header.header-border-side:after {
        width:calc(50% - 355px)
    }
}

@media(min-width: 992px) and (max-width:1023px) {
    .header.header-border-side:after {
        width:calc(50% - 475px)
    }
}

@media(min-width: 1024px) and (max-width:1199px) {
    .header.header-border-side:after {
        width:calc(50% - 465px)
    }
}

@media(max-height: 799px) {
    .language-selector .language-options li a span {
        top:1px
    }
}

.hamburger {
    position: absolute;
    right: 0;
    padding: 23px 25px;
    top: 0
}

.hamburger .hamburger-box {
    width: 26px
}

.hamburger .hamburger-box .hamburger-inner {
    width: 26px
}

.hamburger .hamburger-box .hamburger-inner:before {
    width: 14px;
    right: 0
}

.hamburger .hamburger-box .hamburger-inner:after {
    bottom: -8px;
    width: 20px;
    right: 0
}

.hamburger.is-active .hamburger-box .hamburger-inner {
    width: 26px;
    margin-left: 0;
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: background-color 0s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)
}

.hamburger.is-active .hamburger-box .hamburger-inner:before {
    width: 26px
}

.hamburger.is-active .hamburger-box .hamburger-inner:after {
    bottom: -10px;
    width: 26px
}

.hamburger:hover {
    opacity: 1
}

.hamburger .hamburger-inner,.hamburger .hamburger-inner:after,.hamburger .hamburger-inner:before {
    background-color: #a6a6a6!important;
    height: 4
}

@media(max-width: 767px) {
    .register-container .hamburger {
        display:block!important
    }
}

#footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem 0
}

#footer a {
    color: #0ea4f0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 1
}

#footer a:hover {
    opacity: .7
}

@media(max-width: 1199px) {
    #footer {
        position:relative
    }
}

#register {
    width: 100%;
    color: #202122
}

#register .country-list {
    color: #202122
}

#register br.onmobile {
    display: block!important
}

#register h2 {
    width: 100%;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    color: #202122
}

@media(max-width: 1199px) {
    #register h2 {
        font-size:2.2rem
    }
}

@media(max-width: 767px) {
    #register h2 {
        margin-top:0;
        font-size: 1.4rem
    }
}

#register p {
    margin-bottom: 2rem
}

#register p a {
    color: #ff4848;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

#register p a:hover {
    color: #0ea4f0
}

#register h4 {
    font-weight: 800;
    margin-bottom: 4rem;
    text-transform: uppercase
}

@media(max-width: 767px) {
    #register h4 {
        margin-bottom:1.5rem
    }
}

#register .age a {
    color: #0ea4f0
}

#register .form-group {
    margin: 0;
    position: relative;
    margin-bottom: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#register .form-group-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#register .form-group-container .form-group:first-child:not(:last-child) {
    margin-right: 1rem
}

#register .show-password {
    outline: none!important;
    cursor: pointer;
    background: 0 0;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3rem;
    width: 3rem
}

#register .show-password.visible img {
    opacity: .7
}

#register .flag-container {
    outline: none!important;
    height: 100%;
    max-height: 3rem;
    height: 3rem;
    top: .3rem
}

#register .selected-flag {
    outline: none!important
}

#register .password-input-container {
    margin-bottom: .5rem
}

#register input:not([type=checkbox]) {
    width: 100%
}

#register input {
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: border 300ms ease;
    transition: border 300ms ease;
    border-radius: 10px;
    color: #202122;
    padding: 0 1.3rem;
    margin-bottom: .4rem;
    border: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background-color: #f1f1f1;
    opacity: 1;
    border: 1px solid #f1f1f1
}

#register input:focus {
    background-color: rgba(255,255,255,.7)
}

#register input::-webkit-input-placeholder {
    opacity: 1;
    color: #0d0c0a
}

#register input::-ms-input-placeholder {
    opacity: 1;
    color: #0d0c0a
}

#register input::placeholder {
    opacity: 1;
    color: #0d0c0a
}

#register input.phone {
    margin-bottom: .5rem!important;
    margin-top: .3rem!important
}

#register .rules {
    padding-bottom: .3rem;
    flex-wrap: wrap;
    display: flex;
    margin-top: -6px;
}

#register .rules li {
    width: 50%;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding-left: 20px;
    padding-bottom: 0;
    font-size: 13px;
   
}

#register .rules li i {
    margin-right: 7px;
    font-size: .7rem;
    position: absolute;
    left: 0;
    top: 0.2em;
}

#register .rules li.valid {
    color: #80af1d
}

#register .rules li.invalid {
    color: #ff4848
}

#register label.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff4848;
    width: 100%;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font-size: 13px;
}

#register label.error img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 1rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#register label.error[for=password] {
    color: #fff
}

#register label.error[for=password].error-correct {
    color: #ff4848
}

#register label.error[for=password].error-correct img {
    visibility: visible;
    opacity: 1
}

#register label.error[for=accept_terms] {
    text-align: center;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: .1rem;
    margin: 0!important
}

#register .currency-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

#register .currency-container .currency-label,#register .currency-container .selected-currency,#register .currency-container .currency-list label {
    color: #000;
    font-family: source sans pro,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

#register .currency-container .currency-label {
    margin-right: 12px
}

#register .currency-container .currency-select {
    position: relative
}

#register .currency-container .currency-select .selected-currency {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 12px;
    cursor: pointer;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

#register .currency-container .currency-select .selected-currency span {
    width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#register .currency-container .currency-select .selected-currency img {
    margin-right: 15px
}

#register .currency-container .currency-select .selected-currency svg {
    height: 8px;
    width: auto;
    fill: #000
}

#register .currency-container .currency-select .selected-currency:hover {
    background-color: rgba(255,255,255,.1)
}

#register .currency-container .currency-select .currency-list {
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    width: 6.5rem
}

#register .currency-container .currency-select .currency-list.visible {
    opacity: 1;
    visibility: visible
}

#register .currency-container .currency-select .currency-list li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#register .currency-container .currency-select .currency-list li label {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 12px;
    color: #000
}

#register .currency-container .currency-select .currency-list li label input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0
}

#register .currency-container .currency-select .currency-list li label img {
    margin-left: 15px
}

#register .currency-container .currency-select .currency-list li:hover {
    background-color: #f7f7f7
}

#register .currency-container .currency-select:hover .currency-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#register .currency-container img {
    height: 15px;
    width: auto
}

#register .form-check-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    color: #000;
    cursor: pointer
}

#register .form-check-label a {
    color: #0ea4f0
}

#register .form-check-label input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

#register .form-check-label .custom-checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 15px;
    height: 15px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 1px rgba(0,0,0,.1);
    cursor: pointer;
    margin-top: .2rem
}

@media(max-width: 1199px) {
    #register .form-check-label .custom-checkbox {
        margin-top:0
    }
}

#register .form-check-label .custom-checkbox:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background-color: #E79B38;
    opacity: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#register .form-check-label input[type=checkbox]:checked+.custom-checkbox:after {
    opacity: 1
}

#register .disclaimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.register-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30rem;
    width: 480px;
    background-color: #feb903;
    padding: 3rem 2rem 5.5rem;
    margin-bottom: -2rem;
    border-radius: 0 0 10px 10px
}

@media(max-width: 991px) {
    .register-container {
        width:360px
    }
}

@media(max-width: 767px) {
    .register-container {
        width:100%;
        border-radius: 10px;
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.register-container form {
    padding-bottom: 0!important
}

.register-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out .5s;
    transition: -webkit-box-shadow .3s ease-in-out .5s;
    transition: box-shadow .3s ease-in-out .5s;
    transition: box-shadow .3s ease-in-out .5s,-webkit-box-shadow .3s ease-in-out .5s
}

.register-container.focused {
    -webkit-box-shadow: 0 0 15px 2px gold;
    box-shadow: 0 0 15px 2px gold
}

.form-shadow {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .8;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.register-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.8,.8);
    transform: translate(-50%,-50%) scale(.8,.8);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 68.5rem;
    max-width: calc(100% - 2rem)
}

@media(max-width: 767px) {
    .register-wrapper {
        height:100%;
        padding-top: 2rem
    }

    .register-wrapper .close-wrapper {
        text-align: right
    }
}

.register-wrapper .register-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 767px) {
    .register-wrapper .register-inner {
        display:block
    }
}

.register-wrapper .register-left {
    width: 43%;
    position: relative;
    z-index: 1
}

.register-wrapper .register-left img {
    width: 155%;
    position: absolute;
    height: auto;
    left: -10%;
    top: 0;
    max-width: none;
    -webkit-transform: translateY(1%);
    transform: translateY(1%);
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out
}

.register-wrapper .register-right {
    width: 57%;
    padding: 4.5rem 5rem;
    border-radius: 15px;
    background-color: #f6f6f6;
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out;
    position: relative;
    left: -5%;
    z-index: 1
}

@media(max-width: 1199px) {
    .register-wrapper .register-right {
        padding:2rem
    }
}

@media(max-width: 767px) {
    .register-wrapper .register-right {
        left:0;
        width: 100%;
        padding: 2rem;
        max-height: calc(100% - 5rem);
        overflow-y: auto
    }
}

@media(max-width: 374px) {
    .register-wrapper .register-right {
        padding-left:20px;
        padding-right: 20px
    }
}

@media(max-width: 359px) {
    .register-wrapper .register-right {
        padding-left:15px;
        padding-right: 15px
    }
}

.rules li.invalid>i:before {
    opacity: 1!important
}

.close-form-icon {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 1.5rem;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media(max-width: 767px) {
    .close-form-icon {
        margin-bottom:1rem;
        position: static
    }
}

.mobile-open .close-form-icon {
    opacity: 1;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.mobile-open .form-shadow {
    opacity: .8;
    visibility: visible
}

.mobile-open .register-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translate(-50%,-50%) scale(1,1);
    transform: translate(-50%,-50%) scale(1,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-open .register-wrapper .register-inner .register-left img {
    left: -40%;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media(max-width: 1600px) {
    .mobile-open .register-wrapper .register-inner .register-left img {
        left:-20%
    }
}

.mobile-open .register-wrapper .register-inner .register-right {
    left: 0;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media(max-width: 767px) {
    .mobile-open .register-wrapper .register-inner {
        height:100%
    }
}

@media(max-height: 900px) and (min-width:768px) {
    .register-wrapper .register-right {
        padding:3rem
    }

    .register-wrapper .register-left img {
        width: 155%
    }

    #register h4 {
        margin-bottom: 3rem
    }

    .register-wrapper .register-left img {
        -webkit-transform: translateY(-4%);
        transform: translateY(-4%)
    }
}

@media(max-width: 359px) {
    #register .form-group-container .form-group:first-child:not(:last-child) {
        margin-right:0
    }

    #register .form-group-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.register-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 120px 0
}

.register-outer #register {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 1199px) {
    .register-outer {
        padding:100px 0 0;
        height: auto
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
        visibility: hidden
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
        box-shadow: 0 0 15px 3px rgba(0,0,0,.1)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
        visibility: hidden
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
        box-shadow: 0 0 15px 3px rgba(0,0,0,.1)
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
        -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
        box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
        visibility: hidden
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
        box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
        visibility: hidden
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.animated {
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
    animation-timing-function: cubic-bezier(.165,.84,.44,1)
}

.carousel-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel-wrapper #carousel {
    width: 100%
}

.carousel-wrapper #carousel .slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30% 15%;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.carousel-wrapper #carousel .slide h3 {
    font-size: 2rem;
    margin-bottom: 2.5rem;
    line-height: 1.3;
    text-transform: unset
}

.carousel-wrapper #carousel .slide h3 strong {
    text-transform: uppercase;
    font-weight: 800
}

.carousel-wrapper #carousel .slide p {
    margin-bottom: 2.5rem;
    line-height: 1.6
}

.carousel-wrapper #carousel .slide p:last-child {
    margin: 0
}

.carousel-wrapper #carousel #slide-one {
    background-image: url(../../images/slide-one.png)
}

.carousel-wrapper #carousel #slide-two {
    background-image: url(../../images/slide-two.png)
}

.carousel-wrapper #carousel #slide-three {
    background-image: url(../../images/slide-three.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.carousel-wrapper #carousel #slide-four {
    background-image: url(../../images/slide-four.png)
}

.carousel-wrapper .owl-stage-outer,.carousel-wrapper .owl-stage,.carousel-wrapper .owl-item {
    height: 100%
}

.carousel-wrapper .owl-nav {
    position: absolute;
    bottom: 5%;
    height: 2rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem
}

.carousel-wrapper .owl-nav>div {
    height: 1.77rem;
    width: 1.77rem;
    border-radius: 50%;
    background-color: #e2e2e2;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin-left: 8rem;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: 1
}

.carousel-wrapper .owl-nav>div:hover {
    background-color: #646464
}

.carousel-wrapper .owl-nav>div:hover:before {
    border-left-color: #e2e2e2;
    border-right-color: #e2e2e2
}

.carousel-wrapper .owl-nav>.owl-prev {
    margin-right: 8rem;
    margin-left: 0
}

.carousel-wrapper .owl-nav>div:before {
    content: "";
    width: 0;
    height: 0;
    border-top: .25rem solid transparent;
    border-bottom: .25rem solid transparent;
    border-left: .325rem solid #646464;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    margin-left: 1px
}

.carousel-wrapper .owl-nav>.owl-prev:before {
    width: 0;
    height: 0;
    border-top: .25rem solid transparent;
    border-bottom: .25rem solid transparent;
    border-left: none;
    border-right: .325rem solid #646464;
    margin-left: -1px
}

.carousel-wrapper .owl-dots {
    position: absolute;
    bottom: 5%;
    height: 2rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem
}

.carousel-wrapper .owl-dots .owl-dot {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background: red;
    margin: 0 1.5rem;
    background-color: #e2e2e2
}

.carousel-wrapper .owl-dots .owl-dot.active,.carousel-wrapper .owl-dots .owl-dot:hover {
    background-color: #a7a7a7
}

.arabic-page {
    direction: rtl
}

.arabic-page #register .rules li i {
    margin-right: 0;
    margin-left: 7px
}

.arabic-page #register .currency-container .currency-select .currency-list {
    right: 100%;
    left: auto
}

.arabic-page #register .currency-container .currency-select .currency-list li label img {
    margin-right: 15px;
    margin-left: 0
}

.arabic-page .intl-tel-input .selected-flag .iti-flag {
    left: 8px!important
}

.arabic-page .intl-tel-input .country-list .country-name,.arabic-page .intl-tel-input .country-list .flag-box {
    margin-right: 0!important;
    margin-left: 6px!important
}

.arabic-page .intl-tel-input .country-list {
    left: 0!important
}

.arabic-page .language-selector:before {
    right: 0;
    left: auto
}

.arabic-page .language-selector {
    margin-right: 9.5rem;
    margin-left: 0
}

@media(max-width: 767px) {
    .arabic-page .language-selector {
        margin:0
    }
}

.arabic-page .language-selector img {
    margin-left: 1rem;
    margin-right: 0
}

.arabic-page .language-selector .selected-language .arrow {
    margin-right: 1rem;
    margin-left: 0
}

@media(min-width: 768px) {
    .arabic-page .register-wrapper .register-left img {
        right:10%;
        left: auto;
        -webkit-transition: right .6s ease-in-out;
        transition: right .6s ease-in-out
    }

    .arabic-page.mobile-open .register-wrapper .register-inner .register-left img {
        right: -5%;
        left: auto
    }

    .arabic-page .register-wrapper .register-right {
        right: -5%;
        left: auto;
        -webkit-transition: right .6s ease-in-out;
        transition: right .6s ease-in-out
    }

    .arabic-page.mobile-open .register-wrapper .register-inner .register-right {
        right: 0;
        left: auto
    }
}

.arabic-page .close-form-icon {
    left: 0;
    right: auto
}

@media(min-width: 768px) {
    .arabic-page #section4 ul.check li {
        padding-right:2rem;
        padding-left: 0
    }

    .arabic-page #section4 ul.check li:before {
        right: 0;
        left: auto
    }

    .arabic-page #section4 .column-row .column:last-child {
        text-align: left
    }

    .arabic-page #section4 ul.check.right-side li {
        padding: 0 0 0 2rem
    }

    .arabic-page #section4 ul.check.right-side li:before {
        left: 0;
        right: auto
    }
}

.arabic-page #hero .hero-inner .x-logo {
    right: auto;
    left: -14%
}

@media(max-width: 1700px) {
    .arabic-page #hero .hero-inner .x-logo {
        left:-9%
    }
}

@media(max-width: 1366px) {
    .arabic-page #hero .hero-inner .x-logo {
        left:-5%
    }
}

@media(max-width: 1220px) {
    .arabic-page #hero .hero-inner .x-logo {
        left:-3%
    }
}

@media(max-width: 991px) {
    .arabic-page #hero .hero-inner .x-logo {
        height:65%
    }
}

@media(max-width: 767px) {
    .arabic-page #hero .hero-inner .x-logo {
        height:112%;
        left: 0;
        -webkit-transform: translate(38%,-50%);
        transform: translate(38%,-50%)
    }
}

.arabic-page #hero .container .hero-inner {
    padding-left: 25%;
    padding-right: 7.222rem
}

.arabic-page .button.with-arrow img {
    margin-right: 3rem;
    margin-left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.arabic-page .button.with-arrow:hover img {
    margin-right: 5rem
}

.arabic-page #section2 ul.icon-list li img {
    margin: .75rem 0 .75rem 2.66rem
}

.arabic-page #section3 .accordion-wrapper li {
    padding: 1rem 2rem
}

.arabic-page #section3 .accordion-wrapper li .item-title .read-more span {
    margin-right: 0;
    margin-left: 2rem
}

.arabic-page #section5 .awards-wrapper .column:last-child {
    text-align: left
}

.arabic-page #footer .footer-language .container .language-inner p,.arabic-page #footer .footer-socials-wrapper .container .footer-bdo p {
    padding-left: 1.5rem;
    padding-right: 0
}

.arabic-page #footer .footer-language .container .language-inner img {
    margin-left: 1rem;
    margin-right: 0
}

.arabic-page #footer .footer-language .container .language-inner .selected-language .arrow {
    margin-right: 1rem;
    margin-left: 0
}

.arabic-page #footer .footer-language .container .language-inner .language-options {
    left: 0;
    right: auto
}

.arabic-page #footer .footer-language .container .language-inner .language-options {
    padding-right: 1.25rem;
    padding-left: 5.4rem
}

.arabic-page #footer .copyright .footer-logo {
    margin-right: 0;
    margin-left: 2rem
}

.arabic-page #section2 ul.icon-list li img {
    margin-top: .2rem
}

.arabic-page #register .form-group-container .form-group:first-child:not(:last-child) {
    margin-right: 0;
    margin-left: 1rem
}

.arabic-page #register .show-password {
    left: 0;
    right: auto
}

.arabic-page #register .currency-container .currency-select .selected-currency img,.arabic-page #register .form-check-label .custom-checkbox {
    margin-right: 0;
    margin-left: 15px
}

@media(min-width: 1200px) {
    .arabic-page #section1 .grey-columns .grey-column {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

@media(min-width: 992px) {
    .arabic-page #section3 .column-row .image-wrapper {
        padding-left:2rem;
        padding-right: 0
    }
}

@media(max-width: 991px) {
    .arabic-page #hero .container .hero-inner {
        padding:4rem
    }
}

@media(max-width: 767px) {
    .arabic-page .mobile-menu-wrapper {
        margin-right:auto;
        margin-left: 0
    }

    .arabic-page .menu-trigger {
        margin: 0 0 0 -15px
    }

    .arabic-page .menu-trigger .menu-icon span.line-three,.arabic-page .menu-trigger .menu-icon span.line-one {
        left: 0;
        right: auto
    }

    .arabic-page .menu-trigger .menu-icon {
        margin: 0
    }

    .arabic-page .mobile-menu,.arabic-page.mobile-menu-open .mobile-menu {
        left: 0;
        right: auto
    }

    .arabic-page .mobile-menu img,.arabic-page .mobile-menu ul li a .arrow {
        margin-left: 1rem;
        margin-right: 0
    }

    .arabic-page #hero .container .hero-inner .x-logo {
        left: 0;
        right: auto;
        -webkit-transform: translate(-39%,-50%);
        transform: translate(-39%,-50%)
    }

    .arabic-page #hero .container .hero-inner {
        padding: 4rem 1.5rem
    }

    .arabic-page #section2 ul.icon-list li img {
        margin-left: 1.5rem
    }

    .arabic-page #footer .payment-providers ul li:nth-child(5) {
        padding-left: 0;
        padding-right: 1rem
    }

    .arabic-page #section4 .column-row .column:last-child {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .arabic-page #section4 .column-row .column:first-child {
        margin-right: auto;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .arabic-page #section5 .column-row.mobile .column:last-child {
        text-align: left
    }

    .arabic-page .mobile-menu ul li a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .arabic-page #section3 h3.text-center {
        text-align: right
    }
}

.arabic-page .content-wrapper .right-side {
    left: 0;
    right: auto
}

.arabic-page .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    direction: ltr
}

.arabic-page .carousel-wrapper .owl-nav>div {
    margin-left: 0;
    margin-right: 8rem
}

.arabic-page .carousel-wrapper .owl-nav>.owl-prev {
    margin-right: 0;
    margin-left: 8rem
}

.arabic-page .carousel-wrapper .owl-nav>div:before {
    border-right: .325rem solid #646464;
    border-left: 0;
    margin: 0;
    margin-left: -1px
}

.arabic-page .carousel-wrapper .owl-nav>.owl-prev:before {
    border-right: 0;
    border-left: .325rem solid #646464;
    margin: 0;
    margin-left: 1px
}

.arabic-page .slide {
    direction: rtl
}

.arabic-page .carousel-wrapper .owl-nav>div:hover:before {
    border-right-color: #e2e2e2
}

.arabic-page .carousel-wrapper .owl-nav>.owl-prev:hover:before {
    border-left-color: #e2e2e2
}


@media (max-width: 480px){
    #register .rules li{
        width: 100%;
    }
    .container-wrapper{
        max-width: 300px;
    }
}