@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-Bold.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-Bold.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-Bold.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue.eot');
    src: url('../fonts/Helvetica/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-BoldItalic.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-BoldItalic.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-BoldItalic.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-ThinItalic.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-ThinItalic.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-ThinItalic.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-Thin.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-Thin.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-Thin.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-Medium.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-Medium.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-Medium.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-UltraLight.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-UltraLight.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-UltraLight.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-MediumItalic.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-MediumItalic.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-MediumItalic.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-MediumItalic.svg#HelveticaNeue-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-UltraLightItalic.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-UltraLightItalic.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-UltraLightItalic.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-Italic.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-Italic.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-Italic.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-Light.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-Light.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-Light.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica/HelveticaNeue-LightItalic.eot');
    src: url('../fonts/Helvetica/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Helvetica/HelveticaNeue-LightItalic.woff2') format('woff2'),
    url('../fonts/Helvetica/HelveticaNeue-LightItalic.woff') format('woff'),
    url('../fonts/Helvetica/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

input::-webkit-credentials-auto-fill-button,
input::-webkit-contacts-auto-fill-button{
    background-color: white;
}

body {
    background-color: #121211;
    color: #fff;
    height: 100vh;
    font-family: 'HelveticaNeue', sans-serif;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}

body.fixed{
    margin-top: 51px;
}
body.nofix.fixed{
    margin-top: 0 !important;
}

body.env-appended{
    padding-top: 48px;
}

body .env-info{
    background: indianred;
    color: whitesmoke;
    border: unset;
    border-radius: 0;
    margin-bottom: 0 !important;
    text-align: center;
    z-index: 99999;
}

body.env-appended .env-info{
    position: fixed;
    top: 0;
    width: 100%;
}

body.env-appended .wrap header nav,
body.env-appended #left-sidebar,
body.env-appended #right-content,
body.env-appended #playerContainer,
body.env-appended .leftSideBarToggler
{
    top: 48px;
}

body .banner{
    max-width: 740px;
    width: 100%;
}

body .ff-quicksand{
    font-family: 'Quicksand', sans-serif;
}

body .form-control {
    color: black !important;
}

body .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

body [data-nav],
body [data-action] {
    cursor: pointer;
}

body .h-center-content {
    min-height: calc(100vh - 357px);
}

body .h-center-content-l {
    height: calc(100vh - 300px);
}

body .scroll-menu-bar.scroll{
    background: #161615;
    position: fixed;
    top: 0;
    width: calc(100% - 250px);
    left: 250px;
    padding: 10px;
    -webkit-box-shadow: 0 10px 19px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 10px 19px -14px rgba(0,0,0,0.75);
    box-shadow: 0 10px 19px -14px rgba(0,0,0,0.75);
    z-index: 999;
}

body .scroll-menu-bar.scroll.active {
    left: 0;
    padding-left: 55px;
    width: 100%;
}

body .scroll-menu-bar.scroll h1,
body .scroll-menu-bar.scroll .btn-favorite-action,
body .scroll-menu-bar.scroll .category-group-select {
    margin: 0;
}

body .scroll-menu-bar.scroll .btn-favorite-action{
    font-size: 12px;
    padding: 5px 14px;
    padding-left: 37px;
    border-radius: 8px;
}

body .scroll-menu-bar.scroll .btn-favorite-action:before{
    height: 18px;
    width: 18px;
}

body .alert.alert-darker {
    color: #c5c5c5;
    background-color: #161615;
    border-color: #161615;
}

body .wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 107px;
}

body .wrap a {
    color: #3CB468;
}

body .wrap a.btn:hover {
    color: white;
    opacity: 1;
}

body .wrap .opacity-25 {
    opacity: 0.25;
}

body .wrap .back {
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
}

body .wrap .back i {
    color: #3CB468;
    font-size: 22px;
    position: absolute;
    margin-top: 3px;
}

body .wrap .back span {
    padding-left: 20px;
}

body .wrap header nav {
    min-height: 107px;
    background: #171717;
    font-family: 'Quicksand', sans-serif;
}

body .wrap header nav form {
    display: block;
}

body .wrap header nav .search-menu {
    display: block;
}

body .wrap header nav .search-form {
    position: absolute;
    background: #171717;
    padding: 10px;
    margin-top: 33px;
    margin-left: -140px;
    display: none;
}

body .wrap header nav .search-input {
    width: 280px;
    background: transparent;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid lightgray;
    color: white !important;
}

body .wrap header nav .search-button {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid lightgray;
    color: #3CB468;
}

body .wrap header .navbar-dark .navbar-nav .active > .nav-link {
    color: #3CB468;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}


body .wrap header .navbar-dark .navbar-nav .borderline-left:before {
    content: '|';
    padding-left: 30px;
    padding-right: 25px;
    color: #979797;
}

body .wrap header .navbar-dark .navbar-nav .nav-link {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    padding: 0 15px;
}

body .wrap header .navbar-dark .nav-link.mobile-profil {
    display: none;
}

body .wrap header .navbar-dark .nav-link.mobile-profil img {
    width: 40px;
    margin-right: 10px;
    border-radius: 50%;
}

body .wrap header .navbar-dark .navbar-nav .nav-link img {
    width: 35px;
    margin-right: 10px;
    border-radius: 50%;
}

body .wrap header nav .dropdown-menu {
    background: black;
}

body .wrap header nav .dropdown-menu .dropdown-item {
    color: white;
    text-transform: uppercase;
    text-align: center;
}

body .wrap header nav .dropdown-menu .dropdown-item:hover {
    background: transparent;
}

body .wrap a:hover,
body .wrap a:focus,
body .wrap .btn-link:hover {
    opacity: 0.6;
    color: #3CB468;
    text-decoration: none !Important;
}

body .wrap .invalid-feedback .alert {
    margin-bottom: 0px;
}

body .wrap .login,
body .wrap .register,
body .wrap .favorites {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 800px;
}

body .login{
    max-width: 500px !important;
}

body .flex-center {
    display: flex;
    justify-content: center;
}

body .wl{
    border-top: 1px solid white;
    margin-top: 50px;
    margin-bottom: 30px;
}

body .wrap .login h3,
body #showForgotPasswordModal h3,
body #confirmDeleteAccount h3,
body #showTransferPaymentModal h5,
body #removeFromBookmark h5,
body #subscriptionFinished h3,
body #openedMagazineError h5,
body #gcPcActivationInfo h3,
body #contactUs h5,
body #passwordChange h5,
body #subscriptionStart h5,
body #devicesList h5,
body #successSubscriptionActivation h5,
body #receiptOrInvoices h5,
body .wrap .register h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

body #subscriptionStart h5,
body #openedMagazineError h5,
body #subscriptionFinished h3,
body #confirmDeleteAccount h3,
body #gcPcActivationInfo h3,
body #showTransferPaymentModal h5{
    font-size: 25px;
}

body #showTransferPaymentModal h5{
    margin-top: 70px;
}

body #contactUs h5,
body #successSubscriptionActivation h5{
    margin-bottom: 0;
}

body .wrap .login .form-control,
body #showForgotPasswordModal .form-control,
body .wrap .register .form-control {
    background: #1D1D1D;
    padding: 14px;
    border-radius: 12px;
    height: auto;
    border: 0;
    color: white !important;
}

body .wrap .login .form-control:focus,
body #showForgotPasswordModal .form-control:focus,
body .wrap .register .form-control:focus {
    color: white !important;
    background-color: #1D1D1D;
    outline: 0;
    box-shadow: unset;
}

body .wrap .login .btn,
body #showForgotPasswordModal .btn,
body .wrap .register .btn {
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

body #showForgotPasswordModal .btn{
    font-weight: unset;
}

body .wrap .login .btn-success,
body #showForgotPasswordModal .btn-success,
body .wrap .register .btn-success {
    background: #3CB468;
}

body .register .privacy-links{
    font-size: 12px;
    margin-top: 12px;
}

body .register .privacy-links a{
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

body #showForgotPasswordModal .modal-header,
body #devicesList .modal-header,
body #contactUs .modal-header,
body #passwordChange .modal-header,
body #subscriptionStart .modal-header,
body #successSubscriptionActivation .modal-header,
body #showGuestCardPaymentModal .modal-header,
body #receiptOrInvoices .modal-header,
body #showTransferPaymentModal .modal-header {
    justify-content: center;
}

#transactions thead th,
#devices thead th {
    padding: 8px;
    font-weight: unset;
}

#transactions td {
    font-size: 13px;
}

body #contactUs .modal-header{
    padding-bottom: 0;
}

body #subscriptionFinished h4{
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
}

body #subscriptionFinished .code{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 22px;
    display: block;
}

body #receiptOrInvoices .modal-xl{
    max-width: 90% !important;
}

body #receiptOrInvoices .paginate_button.current{
    background: transparent !important;
}

body #showForgotPasswordModal .modal-header .modal-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

body #showGuestCardPaymentModal .modal-header .modal-title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}

body #subscriptionStart h3,
body #showGuestCardPaymentModal h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 40px;
}

body .wrap .login .forgot-password {
    text-align: center;
    display: block;
    color: white !important;
    margin-top: 25px;
    text-decoration: underline;
    font-family: 'Quicksand', sans-serif;
}

.btn.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-color: #3b5998;
    position: relative;
    padding-left: 40px !important;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
}

.btn.btn-facebook.btn-sm {
    padding-left: 45px !important;
}

.btn.btn-facebook.btn-sm:before {
    width: 23px;
    height: 23px;
}

.btn.btn-facebook:before {
    content: ' ';
    background: url("../images/facebook_icon.png") no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 9px;
    left: 13px;
}

.btn.btn-success {
    color: #ffffff !important;
}

.btn.btn-facebook i {
    color: #ffffff;
}

.btn.btn-facebook .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-facebook .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-facebook.dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-facebook:focus:not(.btn-text), .btn.btn-facebook.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #30497c;
    border-color: #30497c;
}

.btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-facebook:focus:not(.btn-text) i, .btn.btn-facebook.focus:not(.btn-text) i {
    color: #ffffff;
}

.btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-facebook:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-facebook.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-facebook:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-facebook.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-facebook:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-facebook.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-facebook.disabled, .btn.btn-facebook:disabled {
    color: #ffffff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn.btn-facebook.disabled i, .btn.btn-facebook:disabled i {
    color: #ffffff;
}

.btn.btn-facebook.disabled .svg-icon svg g [fill], .btn.btn-facebook:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-facebook.disabled .svg-icon svg:hover g [fill], .btn.btn-facebook:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-facebook.disabled.dropdown-toggle:after, .btn.btn-facebook:disabled.dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn.btn-facebook.dropdown-toggle,
.show .btn.btn-facebook.btn-dropdown {
    color: #ffffff;
    background-color: #30497c;
    border-color: #30497c;
}

.btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-facebook:not(:disabled):not(.disabled).active i,
.show > .btn.btn-facebook.dropdown-toggle i,
.show .btn.btn-facebook.btn-dropdown i {
    color: #ffffff;
}

.btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-facebook:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-facebook.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-facebook.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-facebook:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show > .btn.btn-facebook.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-facebook.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-facebook:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-facebook.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-facebook.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
}

body .over18 {
    background: black;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1031;
    top: 0;
}

body .over18Blur {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8x);
    filter: blur(8px);
    background-color: #000;
}

body .over18 .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    min-width: 300px;
    width: 70%;
}

body .over18 .content h1 {
    margin-top: 20px;
}

body .over18 .content h3 {
    margin-bottom: 20px;
}
body .top-c {
    position: relative;
}

body .top-c .left-arrow{
    background: url(../images/left_arrow.png) no-repeat;
    background-size: cover;
    width: 22px;
    height: 38px;
    position: absolute;
    left: -50px;
    top: 115px;
    cursor: pointer;
}

body .top-c .right-arrow{
    background: url(../images/right_arrow.png) no-repeat;
    background-size: cover;
    width: 22px;
    height: 38px;
    position: absolute;
    right: -50px;
    top: 115px;
    cursor: pointer;
}

body .wrap .home .heading-text {
    font-size: 26px;
    color: #3CB468;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0px;
}

body .wrap .home .home-box {
    padding: 30px 60px;
    margin: 0 auto;
    text-align: center;
}

body .wrap .home .home-box h2 {
    font-size: 22px;
    font-weight: bold;
}

body .wrap .home .guest-container {
    background-image: linear-gradient(to right, #FBFBFB, #DBDEDF);
    margin: 0 auto;
    color: #000;
}

body .wrap .home .guest-container .guest-box {
    margin: 0 auto;
}

body .wrap .home .guest-container .guest-box .tablet {
    background: url(../images/shares/chip.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: 270px auto;
    background-position: 78% 44%;
    position: relative;
    width: 388px;
    float: right;
    height: 392px;
}

body .wrap .home .guest-container .guest-box .tablet .ipm-borito {
    position: absolute;
    width: 107px;
    bottom: 70px;
    left: 28px;
}

body .wrap .home.download-box .row {
    background: #202020;
}

body .wrap .home.download-box .download-box-content {
    display: flex;
    align-items: flex-start;
    padding: 30px;
    font-family: 'Quicksand', sans-serif;
}

body .wrap .home.download-box .download-box-content .download-box-btn {
    text-transform: uppercase;
    color: white;
    background: #3CB468;
    font-size: 16px;
    padding: 9px 42px;
    font-weight: bold;
    white-space: nowrap;
    border-radius: 25px;
    font-family: 'HelveticaNeue', sans-serif;
}

body .wrap .home.head-box {
    background: linear-gradient(291.23deg, #DBDEDF 38.25%, #FBFBFB 93.22%);
    position: relative;
}

body .wrap .home.head-box:after {
    background: url('../images/head-box-bg.png');
    position: absolute;
    top: 0;
    right: 0;
    content: ' ';
    height: 80%;
    width: 800px;
    background-size: cover;
    background-position-y: bottom;
    z-index: 1;
}

body .wrap .home.head-box .container {
    position: relative;
    color: black;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 2;
}

body .wrap .home.head-box .container h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

body .wrap .home.head-box .container p {
    font-size: 16px;
    color: #121211;
    font-family: 'Quicksand', sans-serif;
}

body .wrap .home.head-box .container .head-box-btn {
    text-transform: uppercase;
    color: white;
    background: #3CB468;
    font-size: 14px;
    padding: 6px 30px;
    font-weight: bold;
    white-space: nowrap;
    border-radius: 25px;
}

body .wrap .home.head-box .container .head-box-download {
    margin-top: 20px;
}

body .wrap .home.head-box .container .head-box-download h6 {
    font-size: 16px;
    text-transform: uppercase;
}

body .wrap .home.head-box .container .head-box-download .head-box-download-buttons {
    display: flex;
}

body .wrap .home.head-box .container .head-box-download .head-box-download-buttons img {
    max-height: 40px;
}

body .wrap .home.head-box .container .head-box-download .head-box-download-buttons img:first-of-type {
    margin-right: 10px;
}

body .wrap .home.head-box .container .head-box-payment-provider {
    margin-top: 20px;
}

body .wrap .home.head-box .container .head-box-payment-provider h6 {
    font-size: 16px;
    text-transform: uppercase;
}

body .wrap .home.head-box .container .head-box-payment-provider img {
    max-height: 40px;
}

body .wrap .home.reasons {
    background: #3CB468;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0;
}

body .wrap .home.why-laptapir {
    background: #232323;
    padding: 50px 0;
}

body .wrap .home.why-laptapir h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 26px;
}

body .wrap .home.why-laptapir .why-box {
    padding: 10px 0 10px 25px;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}

body .wrap .home.why-laptapir .why-box:before {
    content: ' ';
    background: url('../images/check.png');
    width: 17px;
    height: 12px;
    background-size: cover;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 15px;
}

body .wrap .home.top-magazines,
body .wrap .home .try-for-free {
    padding: 30px 0;
    font-family: 'Quicksand', sans-serif;
}

body .wrap .home.top-magazines h3{
    margin-top: 30px;
    margin-bottom: 15px;
}

body .wrap .home.top-magazines h3,
body .wrap .home .try-for-free h3 {
    font-size: 16px;
    font-weight: bold;
    color: #3CB468;
    text-transform: uppercase;
    font-family: 'HelveticaNeue', sans-serif;
}

body .wrap .home.why-laptapir .why-box h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'HelveticaNeue', sans-serif;
}

body .wrap .home.why-laptapir .why-box p {
    font-size: 14px;
}

body .wrap .home.partner-list {
    background: #232323;
    padding: 50px 0;
    font-family: 'Quicksand', sans-serif;
}

body .wrap .home.partner-list ul {
    list-style-type: none;
    margin-bottom: 0;
}

body .wrap .home.partner-list ul li {
    display: inline-block;
    margin-bottom: 3px;
}

body .wrap .home.partner-list ul li:after {
    content: "|";
    padding-right: 10px;
    padding-left: 10px;
}

body .wrap .home.partner-list ul li:last-child:after {
    content: " ";
    padding-right: 0;
    padding-left: 0;
}

body .wrap .home.magazine-categories {
    margin: 50px 0;
}

body .wrap .home.magazine-categories h3 {
    font-size: 20px;
    font-weight: bold;
    color: #3CB468;
    text-transform: uppercase;
    text-align: center;
}

body .wrap .home.magazine-categories button {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background: transparent;
    border: 2px solid white;
    padding: 9px 80px;
    border-radius: 25px;
    margin-top: 30px;
}

body .wrap .home.magazine-categories button:hover {
    color: white;
    background: #3CB468;
    border: 2px solid #3CB468;
}

body .wrap .home .magazine .magazineContainer {
    display: table-cell;
    position: relative;
    background: #2c2c2c;
    opacity: 1;
    transition: 0.3s;
}

body .magazineContainer span {
    margin-top: 6px;
    font-size: 15px;
    display: block;
    text-decoration: none;
    color: white !important;
}

body .magazineContainer a:hover {
    text-decoration: none;
}

body #iframeActions{
    height: 50px;
    width: 100%;
    background: #000000;
    border-top: 1px solid gray;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    position: absolute;
    bottom: 0;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

body .htmlview-action{
    background: #3CB468;
    z-index: 99999;
    position: fixed;
    bottom: 90px;
    text-align: center;
    border-radius: 6px;
    padding: 6px 20px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

body .continue-reading-popup{
    z-index: 99999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #0f0f0e;
    color: white;
    width: 350px;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
}

body .continue-reading-popup h1{
    font-size: 28px;
}

body .continue-reading-popup .btn-success{
    text-transform: uppercase;
    color: white;
    background: #3CB468;
    font-size: 14px;
    padding: 6px 30px;
    font-weight: bold;
    white-space: nowrap;
    border-radius: 25px;
    border: unset;
}

body .closeIframe{
    width: 40px;
    height: 40px;
    background: #3CB468;
    color: white;
    z-index: 99999;
    position: absolute;
    top: 10px;
    left: 15px;
    border-radius: 50%;
    font-size: 23px;
    text-align: center;
    padding-top: 3px;
}

body #iframeActions .zoom-out,
body #iframeActions .zoom-in,
body #iframeActions .close-iframe,
body #iframeActions .switch{
    font-size: 30px;
    color: white;
    cursor: pointer;
}

body #iframeActions .zoom-in{
    margin-right: 50px;
}

body #iframeActions .close-iframe{
    padding-left: 50px;
}

body #iframeContainer {
    position: fixed;
    width: 100%;
    overflow: hidden;
    z-index: 9999999;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
}

body #iframeContainer iframe {
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    border: none;
}

body .sortAndSelectBox {
    display: inline-block;
    margin-right: 20px;
}

body .sortAndSelectBox select {
    margin-top: 15px;
    background: #000000 url("../images/arrow_down.svg") no-repeat calc(100% - 10px);
    border: 0;
    -webkit-appearance: none;
    color: #3CB468;
    padding: 5px;
    font-size: 14px;
    cursor: pointer;
}

body .wrap .home .magazine .magazineContainer img:hover {
    opacity: 0.6;
}

body .wrap .deleteFavorite {
    background-size: 33px 33px;
    border: 0 !important;
    width: 32px;
    position: absolute;
    top: 1px;
    right: 19px;
    font-size: 0;
    height: 32px;
    border-radius: 30px;
    background: url(../images/favoriticon.svg);
    background-repeat: no-repeat !important;
    z-index: 99;
}

body .wrap .bookmarks .media {
    background: #0f0f0e;
    border-top: 1px solid #484848;
    border-right: 1px solid #484848;
    border-bottom: 1px solid #484848;
}

body .wrap .line {
    background: lightgray;
    height: 1px;
    width: 100%;
    margin-bottom: 20px;
}

body .wrap .create-folder {
    text-transform: none;
    font-size: 18px;
    margin-left: 20px;
    text-decoration: underline;
}

body .wrap .remove-bookmark-folder {
    text-transform: none;
    font-size: 18px;
    text-decoration: underline;
    border: 0;
    background: transparent;
    color: red;
    vertical-align: middle;
    margin-bottom: 5px;
}

body .wrap .bookmark-footer {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

body .wrap .bookmark-footer button {
    border: none;
    background: transparent;
    color: white;
    text-decoration: underline;
    font-size: 12px;
}

body .wrap .bookmarks .media-body {
    padding-top: 15px;
}

body .wrap .bookmarks .media-body .thumbcim {
    font-size: 12px;
}

body .magazineLoading {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

body .container-fluid.gift-cards {
    background: #121211;
}

body .gift-cards h1 {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 27px;
    text-transform: uppercase;
}

body .gift-cards p {
    font-size: 14px;
    margin-bottom: 32px;
}

body .gift-cards h4 {
    font-weight: bold;
    font-size: 25px;
}

body .bold-green b {
    color: #3CB468;
}

body .gift-cards .card {
    border-radius: 30px;
    background: #1D1D1D;
}

body .gift-cards .card img {
    max-width: 60px;
}

body .gift-cards.selected-card .card img {
    max-width: 100px;
}

body .gift-cards .card .details {
    text-align: right;
}

body .gift-cards .card .details h5 {
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
}

body .gift-cards .card .details h1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
}

body .gift-cards.selected-card .card .details h1 {
    font-size: 60px;
}

body .gift-cards.selected-card h1.payment-type {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

body .gift-cards.selected-card button {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    font-size: 14px;
    background: transparent;
    border: 2px solid white;
    border-radius: 25px;
}

body .gift-cards.selected-card a {
    text-transform: uppercase;
    font-size: 14px;
}

body .gift-cards.selected-card .card .details h5 {
    font-size: 40px;
}

body .gift-cards .btn-success {
    width: 70%;
    padding: 6px 20px;
    font-weight: bold;
    border-color: #3CB468;
    background: #3CB468;
    border-radius: 25px;
    margin-top: 23px;
    font-size: 15px;
}

body .gift-cards hr {
    background: #3CB468;
}

body .gift-cards .giftCardQuestion {
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold;
}

body .gift-cards .giftCardQuestion:before {
    content: ' ';
    max-width: 300px;
    width: 80%;
    height: 2px;
    background: white;
    display: block;
    position: relative;
    margin-bottom: 15px;
}

body .gift-cards #giftCardFaq .card {
    margin-bottom: 20px;
    border-radius: 10px;
}

body .gift-cards #giftCardFaq .card .card-header {
    padding: 5px;
}

body .gift-cards #giftCardFaq .card button {
    border: unset;
    border-radius: unset;
}

body .gift-cards #giftCardFaq .card button:focus {
    box-shadow: unset;
}

body .magazine-detail-page {
    position: relative;
}

body .magazine-detail-page .background-cover {
    width: 100%;
    aspect-ratio: 7/1;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover !important;
    background-position: center !important;
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    filter: blur(30px);
    opacity: 0.5;
}

body .magazine-detail-page h1 {
    font-size: 60px;
    font-weight: bold;
}

body .magazine-detail-page h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

body .magazine-detail-page .btn.btn-link {
    border: 2px solid white;
    color: white;
    border-radius: 25px;
    padding: 5px 40px;
    margin-right: 15px;
    margin-bottom: 15px;
}

body .magazine-detail-page .btn.btn-success {
    border-radius: 25px;
    padding: 5px 40px;
    border: 2px solid #28a745;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

body .magazines-page .btn-favorite-action {
    background: #1D1D1D;
    border-radius: 14px;
    color: white;
    padding: 11px 14px;
    font-size: 16px;
    border: 0 solid transparent;
    padding-left: 45px;
    position: relative;
    margin-top: 40px;
}

body .magazines-page .btn-favorite-action:before {
    content: ' ';
    background: url('../images/favorite-off.png');
    background-size: cover !important;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 12px;
}
body .magazines-page .btn-favorite-action.on:before {
    background: url('../images/favorite-on.png');
}

body .magazines-page .category-group-select {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

body .magazines-page .category-group-select .loading {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9;
    display: none;
}

body .magazines-page .category-group-select .loading h4 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body .magazines-page .category-group-select .loading.active {
    display: block;
}

body .magazines-page .category-group-select .category-group-title {
    position: relative;
    font-size: 16px;
    cursor: pointer;
}

body .magazines-page .category-group-select .category-list {
    background: #1D1D1D;
    width: 80vw;
    z-index: 99;
    padding: 30px 20px;
    color: white;
    border-radius: 10px;
    position: absolute;
    display: none;
    margin-top: 54px;
}


body .magazines-page .category-group-select .category-list.short-list {
    width: 150px;
}

body .magazines-page .category-group-select .category-list .checkbox,
body .subprofiles .checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word;
    hyphens: auto;
}

body .subscription-checkbox .checkbox,
body .adult-content-checkbox .checkbox{
    width: 100%;
    max-width: 400px;
    text-align: left;
    padding-left: 0;
    padding-right: 20px;
}

body .subscription-checkbox .checkbox .checkmark,
body .adult-content-checkbox .checkbox .checkmark{
    left: auto !important;
    right: 0;
}

body .magazines-page .category-group-select .category-list .checkbox.selected,
body .subprofiles .checkbox.selected {
    color: #2ca560;
}

body .magazines-page .category-group-select .category-list .checkbox input,
body .subprofiles .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

body .magazines-page .category-group-select .category-list .checkbox .checkmark,
body .subprofiles .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 5px;
}

body .magazines-page .category-group-select .category-list .checkbox.selected .checkmark,
body .subprofiles .checkbox.selected .checkmark {
    border: 1px solid #2ca560;
}

body .magazines-page .category-group-select .category-list .checkbox:hover input ~ .checkmark,
body .subprofiles .checkbox:hover input ~ .checkmark {
    background-color: #2ca560;
}


body .magazines-page .category-group-select .category-list .checkbox .checkmark:after,
body .subprofiles .checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

body .magazines-page .category-group-select .category-list .checkbox input:checked ~ .checkmark:after,
body .subprofiles .checkbox input:checked ~ .checkmark:after {
    display: block;
}

body input:checked ~ label{
    color: greenyellow;
}

body .magazines-page .category-group-select .category-list .checkbox .checkmark:after,
body .subprofiles .checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body .magazines-page .category-group-select .category-list .checkbox.selected .checkmark:after,
body .subprofiles .checkbox.selected .checkmark:after {
    border: solid #2ca560;
    border-width: 0 3px 3px 0;
}

body .magazines-page .category-group-select.active .category-list,
body .magazines-page .category-group-select.active .category-group-title:after {
    display: block;
}

body .magazines-page .category-group-select .category-group-title:after {
    bottom: -30px;
    left: 55px;
    border: 0 solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #1D1D1D;
    border-width: 15px;
    margin-left: -20px;
    display: none;
}

body .magazines-page .category-group-select .arrow {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    bottom: -7px;
    transition: 0.4s ease;
    margin-top: 2px;
    text-align: left;
    transform: rotate(45deg);
    margin-left: 3px;
}

body .magazines-page .category-group-select .arrow:before, .arrow:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 11px;
    height: 2px;
    background-color: #fff;
    transition: 0.4s ease;
}

body .magazines-page .category-group-select .arrow:after {
    position: absolute;
    transform: rotate(90deg);
    top: -5px;
    left: 5px;
}

body .magazines-page .category-group-select.active .arrow {
    transform: translate(0, -6px);
}

body .magazines-page .category-group-select.active .arrow:before {
    transform: rotate(45deg) translate(10px, 0);
}

body .magazines-page .category-group-select.active .arrow:after {
    transform: rotate(-45deg) translate(-15px, 0);
    top: -3px;
    left: 10px;
}

body .packages {
    margin-bottom: 100px;
    position: relative;
}

body .packages h1 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}

body .packages .package.gc {
    padding: 50px 25px !important;
}

body .packages .package {
    background: #1D1D1D;
    border-radius: 10px;
    padding: 90px 25px;
    text-align: center;
    margin-bottom: 20px;
}

body .packages .package.selected {
    background: #3CB468;
}

body .packages .package h2 {
    font-size: 25px;
    text-transform: uppercase;
}

body .packages .package h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
}

body .packages .package button {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 9px 27px;
    background: #3CB468;
    color: white;
    border: unset;
}

body .packages .package button:hover {
    opacity: 0.8;
}

body .packages .package.selected button {
    background: white;
    color: black;
}

body .packages .package-back {
    color: white;
    font-weight: bold;
    padding-left: 60px;
    margin-bottom: 80px;
}

body .packages .package-back:before {
    content: ' ';
    background: url(../images/back-button.png);
    width: 38px;
    height: 36px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -4px;
}

body .packages .payment-type {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

body .packages .save-button {
    text-transform: uppercase;
}

body .packages[data-i="modalPackageDetails"],
body .packages[data-i="modalTransferPaymentDetails"] {
    display: none;
}

body .packages .transfer-button {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    font-size: 14px;
    background: transparent;
    border: 2px solid white;
    border-radius: 25px;
    padding: 8px 40px;
}

body .search h1,
body .legal h1,
body .magazines-page h1,
body .look-around h1,
body .own-content h1 {
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 25px;
    font-weight: bold;
    position: relative;
}

body .magazines-page h1{
    margin-bottom: 20px;
}

body .magazines-page h1.back,
body .subprofiles h1.back,
body .own-content h1.back {
    padding-left: 55px;
}

body .magazines-page h1.back:before,
body .subprofiles h1.back:before,
body .own-content h1.back:before {
    content: ' ';
    background: url(../images/back-button.png);
    width: 38px;
    height: 36px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -2px;
    cursor: pointer;
}

body .subprofiles-images h1.back{
    position: relative;
    padding-left: 70px;
    margin-bottom: 80px;
}

body .subprofiles-images .media img{
    max-width: 80px;
    border-radius: 10px
}

body .subprofiles h1.back:before{
    left: 15px;
}

body .magazines-page h2,
body .look-around h2,
body .own-content h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}

body .look-around .show-all,
body .own-content .show-all {
    color: #3CB468;
    margin-left: 10px;
    cursor: pointer;
    font-family: 'Quicksand', sans-serif;
}

body .look-around .edit-link,
body .own-content .edit-link {
    color: #ffffff;
    right: 60px;
    margin-top: -4px;
    cursor: pointer;
    position: absolute;
    text-decoration: underline;
    font-family: 'Quicksand', sans-serif;
}

body .look-around .show-all:hover,
body .look-around .edit-link:hover,
body .own-content .show-all:hover,
body .own-content .edit-link:hover {
    text-decoration: underline;
}

body .look-around .la-items .la-item img,
body .own-content .own-c-items .own-c-item img {
    width: 100%;
}

body .look-around .la-items .la-item a,
body .own-content .own-c-items .own-c-item a {
    text-decoration: none;
    color: white;
}


body .look-around .la-items .la-item h3,
body .magazineContainer h3,
body .own-content .own-c-items .own-c-item h3 {
    margin-top: 6px;
    font-size: 15px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    color: white;
}

body .look-around .la-items .la-item span,
body .magazineContainer span,
body .own-content .own-c-items .own-c-item span {
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 0 !important;
    color: #595959 !important;
}

body .look-around .owl-nav,
body .own-content .owl-nav {
    display: none;
}

body .look-around .owl-stage{
    padding-left: 0 !important;
}

body .look-around-carousel .owl-stage-outer:after{
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8) url('../images/arrow-right.png') no-repeat;
    background-position: 20px center;
    right: 0;
    width: 80px;
    cursor: pointer;
}

body .own-content .remove-favorite,
body .own-content .remove-bookmark {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    bottom: 20px;
}

body .own-content .remove-favorite img,
body .own-content .remove-bookmark img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 65px !important;
}

body .own-content .bgTitle {
    width: 100%;
    background: #161615;
    min-height: 325px;
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    line-height: 325px;
    border-radius: 10px;
}

body .own-content .empty-alert {
    width: 100%;
    background: #1D1D1D;
    font-size: 14px;
    color: #595959;
    padding: 13px;
    border-radius: 12px;
    max-width: 400px;
}

body .own-content .own-content-carousel .bgTitle {
    min-height: 280px;
    line-height: 280px;
}

body .faq h1 {
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

body .faq h3 {
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold;
}

body .faq h3:before {
    content: ' ';
    max-width: 300px;
    width: 80%;
    height: 2px;
    background: white;
    display: block;
    position: relative;
    margin-bottom: 15px;
}

/*body .faq .search-input{*/
/*    margin-bottom: 50px;*/
/*}*/

body .faq #faqResult ul {
    background: #1D1D1D;
    border-radius: 10px;
    margin-top: 15px;
    padding-inline-start: 0;
    padding: 20px;
    text-align: center;
}

body .faq #faqResult ul li{
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.43);
    margin-bottom: 20px;
}

body .faq #faqResult ul li:last-of-type{
    border-bottom: unset;
    margin-bottom: 0;
    padding-bottom: 0;
}

body .faq #faqResult ul li h4{
    font-weight: bold;
    font-size: 16px;
}

body .faq #faqResult ul li p{
    font-size: 14px;
}

body .faq .accordion .card {
    margin-bottom: 20px;
    border-radius: 10px;
    background: #1D1D1D;
}

body .faq .accordion .card .card-header {
    padding: 5px;
}

body .faq .accordion .card button {
    border: unset;
    border-radius: unset;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    font-size: 14px;
    background: transparent;
}

body .gift-cards #giftCardFaq .card button:after,
body .faq .accordion .card button:after {
    content: ' ';
    background: url('../images/arrow-down.png');
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 17px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 16px;
}

body .gift-cards #giftCardFaq .card button.collapsed:after,
body .faq .accordion .card button.collapsed:after {
    background: url('../images/arrow-right.png');
    width: 10px;
    height: 17px;
    top: 12px;
}

body .faq .accordion .card button:focus {
    box-shadow: unset;
}

body .profile h1 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

body .profile h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

body .profile .save-button,
body .success-button,
body .modal .save-button {
    border: 1px solid #3CB468;
    background: #3CB468;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-radius: 25px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

body .save-button-mw {
    padding: 8px 125px !important;
    width: fit-content !important;
}

body .profile .save-button:hover,
body .success-button:hover,
body .modal .save-button:hover {
    border: 1px solid #2e854f;
    background: #2E854FFF;
}

body .rm-button{
    border: 1px solid #dc3746;
    background: #dc3746;
    padding: 8px 125px;
    font-size: 16px;
    font-weight: bold;
    width: fit-content;
    border-radius: 25px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

body .rm-button:hover{
    border: 1px solid #af2b38;
    background: #af2b38;
}

body .success-outline-button {
    border: 1px solid #3CB468;
    background: transparent;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-radius: 25px;
    color: #3CB468;
    text-decoration: none;
}

body .success-outline-button:hover {
    color: white;
    background: #3CB468;
}

body .default-button {
    border: 1px solid #ffffff;
    background: transparent;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-radius: 25px;
    color: #ffffff;
    text-decoration: none;
}

body .default-button:hover {
    color: #ffffff;
    border: 1px solid #3CB468;
}

body .danger-outline-button {
    border: 1px solid #dc3545;
    background: transparent;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-radius: 25px;
    color: #dc3545;
    text-decoration: none;
}

body .danger-outline-button:hover {
    color: white;
    background: #dc3545;
}

body .profile .change-password-link {
    text-decoration: underline;
    color: white;
    margin-top: 5px;
    display: block;
    font-family: 'Quicksand', sans-serif;
}

body .profile .link {
    text-decoration: underline;
    color: white;
    margin-bottom: 10px;
    display: block;
}

body .profile .link:last-of-type {
    margin-bottom: 17px;
}

body .profile input[type='text'],
body .faq input[type='text'],
body .search input[type='text'],
body .profile input[type='email'],
body .profile input[type='password'],
body .profile input[type='number'],
body .modal input[type='text'],
body .modal input[type='email'],
body .modal textarea,
body .modal input[type='password'],
body .modal input[type='number'] {
    /*background: #1D1D1D;*/
    background: white;
    border-radius: 12px;
    color: black !important;
    padding: 25px 15px;
    border: unset;
    font-size: 16px;
}

body .profile select {
    padding: unset;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('../images/select_down.png') no-repeat right #1D1D1D !important;
    -webkit-appearance: none;
    border-radius: 12px;
    color: white !important;
    border: unset;
    font-size: 16px;
   /* background-position-x: 244px;*/
}


body #moveBookmark select {
    height: 50px;
    padding: unset;
    padding-left: 15px;
}

body .profile input[type='text']:focus,
body .profile input[type='email']:focus,
body .profile input[type='password']:focus,
body .profile input[type='number']:focus,
body .search input[type='number']:focus,
body .faq input[type='number']:focus,
body .modal input[type='text']:focus,
body .modal input[type='email']:focus,
body .modal textarea:focus,
body .modal input[type='password']:focus,
body .modal input[type='number']:focus {
    box-shadow: unset;
}

body .modal textarea {
    padding: 15px;
}

body .modal textarea:focus {
    color: white;
    background: #1D1D1D !important;
}

body .profile select:focus,
body .modal select:focus {
    background: #1D1D1D;
}

body .profile select:invalid,
body .modal select option,
body .modal select option[value=""],
body .modal select option:checked,
body .profile select option:checked,
body .profile select option[value=""],
body .profile select option {
    color: white;
    background: #1D1D1D !important;
}

body .profile .action-buttons button,
body .profile .action-buttons a {
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

body .profile .action-buttons a {
    border: 1px solid white;
}

body .profile .action-buttons .btn-facebook {
    font-size: 13px;
    text-transform: unset !important;
    border-radius: 12px;
}
body .profile .action-buttons .btn-facebook i{
    margin-right: 8px;
    font-size: 16px;
    margin-left: -5px;
}

body .profile .action-buttons a:hover {
    border: 1px solid #3CB468;
}

body .profile .subscription-btns a,
body .profile .subscription-btns button {
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid white;
    box-shadow: unset;
}

body .profile .subscription-btns a:hover,
body .profile .subscription-btns button:hover {
    border: 1px solid #3CB468;
}

body .profile .codeLabel {
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

body .profile .activate-button {
    min-height: 50px;
}

body .profile .table {
    color: white;
    border-bottom: 1px solid white;
}

body .subprofiles {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

body .subprofiles h1 {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 50px;
}

body .subprofiles .choose-profile {
    max-width: 80%;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

body .subprofiles .choose-profile li {
    display: inline-block;
    margin-right: 12px;
    margin-left: 12px;
}

body .subprofiles .choose-profile li a {
    text-decoration: none;
}

body .subprofiles .choose-profile li a:hover {
    opacity: 0.8;
}

body .subprofiles .choose-profile li a:hover .profile-name {
    color: #3CB468;
}

body .subprofiles .choose-profile li.profile {
    max-width: 150px;
    min-width: 84px;
    width: 10vw;
}

body .subprofiles .choose-profile .avatar-wrapper {
    position: relative;
}

body .subprofiles .choose-profile .avatar-wrapper.selected .profile-icon {
    border: 4px solid white;
}

body .subprofiles.create {
    align-items: unset;
}

body .subprofiles.create .p-icon {
    flex: none;
    position: relative;
}

body .subprofiles.create .profile-icon {
    width: 150px;
    height: 150px;
    background: #3C5CB4;
    border-radius: 15px;
    flex: none;
}

body .subprofiles.create .profile-details {
    word-break: break-all;
    /*margin-left: 30px;*/
    width: 100%;
}

body .subprofiles .choose-profile .avatar-wrapper .profile-icon {
    background-color: #3bad64;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    height: 10vw;
    max-height: 150px;
    max-width: 150px;
    min-height: 84px;
    min-width: 84px;
    position: relative;
    text-decoration: none;
    width: 10vw;
}

body .subprofiles .choose-profile .avatar-wrapper .profile-icon.add {
    display: flex;
    align-items: center;
    justify-content: center;
}

body .subprofiles .choose-profile .avatar-wrapper .profile-icon.add img {
    max-width: 80px;
    width: 100%;
}

body .subprofiles .edit-subprofile {
    position: absolute;
    z-index: 99;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 62%);
}

body .subprofiles .edit-subprofile img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body .cancel-button,
body .subprofiles .edit-subprofile-btn,
body .subprofiles .edit-subprofile-finish-btn {
    border: 1px solid white;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 25px;
    background: transparent;
    color: white;
    margin-top: 40px;
    text-decoration: none;
}

body .cancel-button{
    margin-top: 0px;
}

body .subprofiles .edit-subprofile-finish-btn {
    padding: 8px 130px;
}

body .cancel-button:hover,
body .subprofiles .edit-subprofile-btn:hover,
body .subprofiles .edit-subprofile-finish-btn:hover {
    border: 1px solid #3CB468;
    background: #3CB468;
    color: white;
}

#showLastReadedModal .btn {
    font-weight: unset;
    text-transform: uppercase;
}

#removeFromFavorites .btn {
    font-weight: unset;
    text-transform: unset;
}

body .subprofiles .delete-subprofile {
    color: white;
    margin-top: 40px;
    text-decoration: underline;
    display: block;
}

body .subprofiles .delete-subprofile:hover {
    color: #3CB468;
}

body .subprofiles .profil-submit-button {
    border: 1px solid #3CB468;
    background: #3CB468;
    padding: 14px 125px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 25px;
    color: white;
    margin-top: 40px;
    text-transform: uppercase;
}

body .subprofiles .profil-submit-button:hover {
    border: 1px solid #2c854e;
    background: #2c854e;
}

body .subprofiles .choose-profile .profile-name {
    color: white;
    display: block;
    font-size: 16px;
    line-height: 1.2em;
    margin: 0.6em 0;
    min-height: 1.8em;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body .subprofiles.create select,
body .subprofiles.create input[type='text'] {
    background: #1D1D1D;
    border-radius: 12px;
    color: white !important;
    padding: 25px 15px;
    border: unset;
    font-size: 16px;
}

body .subprofiles.create select {
    padding: unset;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

body .subprofiles.create input[type='text']:focus {
    box-shadow: unset;
}

body .subprofiles.create select,
body .subprofiles.create select:invalid,
body .subprofiles.create select option:checked,
body .subprofiles.create select option[value=""],
body .subprofiles.create select option {
    color: white;
}

body .subprofiles.subprofiles-images .choose-profile li.profile {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

body #EditInvoiceDetails input::-webkit-outer-spin-button,
body #EditInvoiceDetails input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body #EditInvoiceDetails input[type=number] {
    -moz-appearance: textfield;
}

body .modal-dialog .modal-content {
    color: #fff;
    border-color: #3CB468;
    width: 100%;
    margin: 15px 0;
    background-color: #121211 !important;
    border: 0;
    padding: 30px;
}

body #openProxyModal .modal-dialog .modal-content{
    background-color: #fff !important;
    color: #000 !important;
}

body #openProxyModal .modal-header{
    padding: 0 !important;
}

body #openProxyModal .cancel-button{
    color: black !important;
    border-color: black !important;
}

body .modal-dialog .modal-header {
    border-bottom: 0px solid transparent;
}

body .modal-dialog .modal-header .close {
    position: absolute;
    right: 30px;
    top: 30px;
    background: url(../images/close.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}

body .modal-dialog .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

body .modal-dialog .modal-header .close span {
    display: none;
}

body #playerContainer {
    height: 100vh;
    width: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
}

body #playerContainer .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/close-magazine.png);
    background-size: 99%;
    background-repeat: no-repeat;
    opacity: 1;
    width: 31px;
    z-index: 9999;
    height: 31px;
}

body #playerContainer .df-thumb-container{
    background: #1d1d1d;
}

body #playerContainer #searchResults {
    overflow: auto;
    height: 100vh;
    background: #161615;
}

body #playerContainer .df-search-container .p-2 {
    background: #161615;
}

body #playerContainer .df-search-container input {
    background: #1D1D1D;
    border: none;
    color: white !important;
}

body #playerContainer .df-search-container h1 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 8px 3px 15px 3px;
    font-size: 25px;
}
body #playerContainer .df-search-container .media-body {
    color: white !important;
}

body #playerContainer .df-search-container .df-ui-sidemenu-close {
    top: 10px;
    right: 7px;
    background: transparent !important;
    z-index: 9;
}

body #playerContainer #searchResults .gotoPage {
    cursor: pointer;
    font-size: 12px;
}

body #playerContainer #searchResults .gotoPage .strongSearch {
    color: #3CB468;
}

body .sl-notification.alert {
    background-color: rgba(220, 80, 80, 0.95);
}

body .sl-notification.toastSuccess {
    background-color: #3CB468;
    color: white;
}

body .sl-notification.toastPrimary {
    background-color: #000000;
    color: #fffd08;
    font-weight: bold;
}

body .sl-notification.show {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

body .sl-notification {
    position: fixed;
    padding: 12px 16px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: left;
    border-radius: 2px;
    opacity: 0;
    line-height: 1.4;
    font-family: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    box-shadow: 0px 6px 28px 0px rgba(0, 0, 0, 0.15);
}

body .esetChipCode {
    position: absolute;
    display: block;
    top: 20px;
    padding: 10px 15px 9px 9px;
    background: #28a745;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    z-index: 99;
    margin-left: -235px;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

body .esetChipCode h3 {
    margin-bottom: 0px;
    font-size: 15px;
}

body .esetChipCode img {
    margin-left: 7px;
    width: 60px;
    margin-top: -3px;
}

body .esetChipCode:hover {
    margin-left: 0px;
}

body .star {
    margin: -10px 0px 0px 10px;
}

body .ti-star:before {
    content: "\e60a";
    margin-top: -4px;
    left: 5px;
    position: absolute;
    font-size: 22px;
}

body .ti-star.active:before {
    color: #3CB468;
}

body .ti-bookmark:before {
    margin-top: -2px;
    left: 10px;
    position: absolute;
    font-size: 21px;
    content: ' ';
    font-family: unset;
    background: url('../images/bookmark_icon.png') no-repeat;
    background-size: cover;
    width: 14px;
    height: 21px;
}

body .ti-bookmark.active:before {
    background: url('../images/bookmark_active_icon.png') no-repeat;
    background-size: cover;
}

body .modal {
    z-index: 999999;
}

body .wrap .geolocation {
    font-size: 18px;
}

body .wrap .geolocation .header {
    background: url('../images/geolocation/header.png');
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 1;
}

body .wrap .geolocation .header .blur {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}

body .wrap .geolocation .header .content {
    position: relative;
    padding: 100px;
    width: 100%;
    max-width: 700px;
    z-index: 3;
}

body .wrap .geolocation .header .content img {
    width: 150px;
    margin-bottom: 30px;
}

body .wrap .geolocation .header .content .text {
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

body .wrap .geolocation .header .content .text span {
    color: #3CB468;
}

body .wrap .geolocation .bgdark {
    background: #202020;
}

body .wrap .geo-container {
    width: 90%;
    margin-left: 5%;
}

body .wrap .geolocation .imgText {
    position: relative;
}

body .wrap .geolocation .imgText .img {
    position: absolute;
    width: 40%;
    top: 0;
    left: 0;
    bottom: 0;
    background: url('../images/geolocation/img_1.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgText .text {
    margin-left: 40%;
    padding: 30px 70px;
}

body .wrap .geolocation .imgText .text h4 {
    margin-bottom: 30px;
}

body .wrap .geolocation .imgTextLightRight {
    position: relative;
}

body .wrap .geolocation .imgTextLightRight .topImg {
    width: 70px;
    margin-bottom: 50px;
}

body .wrap .geolocation .imgTextLightRight .img {
    position: absolute;
    width: 55%;
    top: 0;
    left: 0;
    bottom: 0;
    margin-left: 45%;
}

body .wrap .geolocation .imgTextLightRight .img.img_1 {
    background: url('../images/geolocation/r_img_1.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgTextLightRight .img.img_2 {
    background: url('../images/geolocation/r_img_2.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgTextLightRight .text {
    padding: 50px 80px;
    color: black;
    width: 45%;
}

body .wrap .geolocation .imgTextLightRight .text h5 {
    margin-bottom: 30px;
}

body .wrap .geolocation .imgBLightRight {
    position: relative;
}

body .wrap .geolocation .imgBLightRight .topImg {
    width: 70px;
    margin-bottom: 50px;
}

body .wrap .geolocation .imgBLightRight .img {
    position: absolute;
    width: 70%;
    top: 0;
    left: 0;
    bottom: 0;
}

body .wrap .geolocation .imgBLightRight .img.img_1 {
    background: url('../images/geolocation/l_img_1.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgBLightRight .img.img_2 {
    background: url('../images/geolocation/l_img_3.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgBLightRight .img.img_3 {
    background: url('../images/geolocation/l_img_5.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgBLightRight .text {
    padding: 50px 80px;
    color: black;
    margin-left: 70%;
}

body .wrap .geolocation .imgBLightRight .text h5 {
    margin-bottom: 30px;
}

body .wrap .geolocation .imgBLightLeft {
    position: relative;
}

body .wrap .geolocation .imgBLightLeft .topImg {
    width: 70px;
    margin-bottom: 50px;
}

body .wrap .geolocation .imgBLightLeft .img {
    position: absolute;
    width: 70%;
    margin-left: 30%;
    top: 0;
    left: 0;
    bottom: 0;
}

body .wrap .geolocation .imgBLightLeft .img.img_1 {
    background: url('../images/geolocation/l_img_2.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgBLightLeft .img.img_2 {
    background: url('../images/geolocation/r_img_2.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgBLightLeft .img.img_3 {
    background: url('../images/geolocation/l_img_4.png');
    background-size: cover !important;
}

body .wrap .geolocation .imgBLightLeft .text {
    padding: 50px 80px;
    color: black;
    width: 30%;
}

body .wrap .geolocation .imgBLightLeft .text h5 {
    margin-bottom: 30px;
}

body .searchLayer {
    background: rgba(0, 0, 0, 0.45);
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    color: white;
    top: 0;
}

body .searchLayer .searchLayerContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 20px;
}

body .faq .search-input,
body .search .search-input {
    position: relative;
}

body .faq .search-input:before,
body .search .search-input:before {
    content: ' ';
    position: absolute;
    left: 15px;
    background: url(../images/search-icon.png) no-repeat;
    background-size: 21px 22px;
    top: 15px;
    width: 30px;
    height: 30px;
}

body .faq .search-input input,
body .search .search-input input {
    padding-left: 50px;
}

body .search .btn-outline-default:not(:disabled):not(.disabled).active {
    color: #3cb468;
    border-color: #3cb468;
}

body .search .btn-outline-default {
    background: transparent;
    color: #838383;
    border-color: #838383;
    border-radius: 30px !important;
    padding: 5px 30px;
    margin-right: 20px;
    box-shadow: none;
}

body .search .btn-outline-default:hover {
    color: #3cb468;
    border-color: #3cb468;
}

body .search .btn-outline-default:focus {
    box-shadow: none;
}

body .search .search-title {
    font-size: 14px;
    word-break: break-word;
    color: #595959;
}
body .search .searchTextBox {
    font-size: 14px;
    word-break: break-word;
}

body .wrap .search .toggleSearchCategoryBox {
    position: absolute;
    right: 40px;
    font-size: 25px;
    cursor: pointer;
}

body .wrap .search .list-group-item {
    background: none;
    border-bottom: 1px solid rgb(107 107 107);
}

body .wrap .search .list-group-item:last-child {
    border-bottom: none;
}


body .search .search-more button {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background: transparent;
    border: 2px solid white;
    padding: 9px 80px;
    border-radius: 25px;
    margin-top: 30px;
    text-decoration: none;
}

body .search .search-more button:hover {
    color: white;
    background: #3CB468;
    border: 2px solid #3CB468;
}

body .wrap footer {
    background: #2C2C2C;
    min-height: 250px;
    font-size: 12px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: auto;
}

body .wrap footer a {
    color: #fff;
}

body .wrap footer h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

body .wrap footer .logo {
    width: 60px;
    height: auto;
}

body .wrap footer .social-icon {
    width: 30px;
    height: auto;
}

body span.toggle-password {
    position: absolute;
    right: 21px;
    top: 35px;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
}

body #cookie-msg {
    bottom: 0;
    top: unset !important;
    background: rgba(0, 0, 0, 0.9) !important;
    color: #fff !important
}

@media screen and (min-width: 1465px) {
    body .wrap header nav .search-menu {
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1295px) {
    body .wrap header .navbar-dark .navbar-nav .nav-link {
        font-size: 13px;
    }
}

@media (min-width: 991px) and (max-width: 1050px) {
    body .wrap header .navbar-dark .navbar-nav .nav-link {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 991px) {
    body .wrap header .navbar-dark .nav-link.mobile-profil {
        display: block;
    }

    body .wrap header nav form {
        display: none;
    }

    body .rm-button{
        padding-left: 50px;
        padding-right: 50px;
    }

    body .save-button-mw{
        padding: 8px 50px;
    }

    body .wrap header .navbar-dark .navbar-nav .nav-link {
        font-size: 15px;
        margin-top: 20px;
    }

    body .wrap header .navbar-dark .navbar-nav .borderline-left:before {
        content: '';
        padding-left: 0;
        padding-right: 0;
    }

    body .wrap header .navbar-dark .navbar-brand {
        padding-left: 30px;
    }

    body .wrap .home.head-box:after {
        display: none;
    }

    body .wrap .home.partner-list ul li {
        display: block;
    }

    body .wrap .home.partner-list ul li:after {
        content: ' ';
    }

}

@media only screen and (max-width: 767px) {
    body .wrap .geolocation .imgText .text {
        margin-left: 0;
        padding: 20px 30px;
    }

    body .wrap .geo-container h1 {
        font-size: 25px;
    }

    body .wrap .geolocation .imgTextLightRight .text,
    body .wrap .geolocation .imgBLightRight .text,
    body .wrap .geolocation .imgBLightLeft .text {
        padding: 20px 30px;
    }
}

@media only screen and (max-width: 1400px) {
    body .wrap .geo-container h1 {
        font-size: 30px;
    }

    body .wrap .geolocation .imgTextLightRight .img {
        position: relative;
        width: 100%;
        height: 300px;
        margin-left: 0;
    }

    body .wrap .geolocation .imgTextLightRight .text {
        width: 100%;
    }

    body .wrap .geolocation .imgBLightRight .img {
        width: 50%;
    }

    body .wrap .geolocation .imgBLightRight .text {
        margin-left: 50%;
    }
}

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

    body .htmlview-action{
        display: block;
    }

    body .wrap footer {
        text-align: center;
    }

    body .wrap footer a {
        font-size: 16px;
    }

    body .wrap footer h3,
    body .wrap footer .logo {
        font-size: 26px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    body .wrap .geolocation {
        font-size: 15px;
    }

    body .wrap .geolocation .header .content {
        padding: 20px;
        text-align: center;
    }

    body .wrap .geolocation .header .content .text {
        font-size: 20px;
    }

    body .wrap .geolocation .imgBLightRight .img {
        width: 100%;
        height: 300px;
        position: relative;
    }

    body .wrap .geolocation .imgBLightRight .text {
        margin-left: 0;
    }

    body .wrap .geolocation .imgBLightLeft .img {
        width: 100%;
        height: 300px;
        position: relative;
        margin-left: 0;
    }

    body .wrap .geolocation .imgBLightLeft .text {
        margin-left: 0;
        width: 100%;
    }
}

body .left-wrapper {
    display: flex;
    width: 100%;
    padding-top: 30px;
}

body .left-wrapper .sidebar-logo {
    width: 60px;
    margin-bottom: 30px;
    margin-top: -25px;
}

body .leftSideBarToggler {
    width: 50px;
    height: 50px;
    background: #161615 url('../images/sidebar-toggler.png') no-repeat;
    background-size: 30px 27px !important;
    background-position: 10px 10px !important;
    position: fixed;
    top: 0;
    margin-left: 200px;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.3s;
}

body #left-sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #161615;
    color: #fff;
    transition: all 0.3s;
    padding: 50px 20px;
    overflow-y: auto;
}

body #left-sidebar h4 {
    text-transform: uppercase;
    font-size: 12px;
    color: #595959;
    font-weight: bold;
    margin-bottom: 15px;
}

body #left-sidebar.active {
    margin-left: -250px;
}

body .leftSideBarToggler.active {
    margin-left: 0;
    background: #161615 url('../images/sidebar-toggler-open.png') no-repeat;
    height: 100vh;
}

body #left-sidebar .sidebar-header {
    padding: 20px;
    background: #161615;
}

body #left-sidebar ul {
    border-bottom: 1px solid #7e7e7e;
    margin-bottom: 20px;
}

body #left-sidebar ul:last-of-type {
    border-bottom: unset;
    margin-bottom: 0;
}

body #left-sidebar ul p {
    color: #fff;
    padding: 10px;
}

body #left-sidebar ul li a {
    display: block;
    color: white;
    margin-bottom: 19px;
    font-size: 15px;
    padding-left: 35px;
    position: relative;
    word-break: break-all;
    font-family: 'Quicksand', sans-serif;
}

body #left-sidebar ul li.active a {
    color: #3cb468;
}

body #left-sidebar ul li.active a:before {
    filter: brightness(76%) sepia(89) saturate(95) hue-rotate(101deg) !important;
    -webkit-filter: brightness(76%) sepia(89) saturate(95) hue-rotate(101deg) !important;
    -moz-filter: brightness(76%) sepia(89) saturate(95) hue-rotate(101deg) !important;
}

body #left-sidebar ul li a.look-around:before {
    content: ' ';
    position: absolute;
    left: 0;
    background: url('../images/look-around-icon.png') no-repeat;
    background-size: 25px 27px;
    top: -4px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.own-content:before {
    content: ' ';
    position: absolute;
    left: 4px;
    background: url('../images/own-content-icon.png') no-repeat;
    background-size: 17px 24px;
    top: -1px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.gift-cards:before {
    content: ' ';
    position: absolute;
    left: 1px;
    background: url(../images/gift-cards.png) no-repeat;
    background-size: 24px 24px;
    top: -1px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.magazines:before {
    content: ' ';
    position: absolute;
    left: 2px;
    background: url('../images/magazines-icon.png') no-repeat;
    background-size: 24px 17px;
    top: 3px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.search:before {
    content: ' ';
    position: absolute;
    left: 2px;
    background: url(../images/search-icon.png) no-repeat;
    background-size: 21px 22px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.sub-profile:before {
    content: ' ';
    position: absolute;
    left: 2px;
    background: url(../images/profile-icon.png) no-repeat;
    background-size: 21px 20px;
    top: 2px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.selected-profile:before {
    content: ' ';
    position: absolute;
    left: 2px;
    background: url(../images/selected-profile-icon.png) no-repeat;
    background-size: 21px 15px;
    top: 5px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.edit-profile:before {
    content: ' ';
    position: absolute;
    left: 2px;
    background: url(../images/profile-edit-icon.png) no-repeat;
    background-size: 21px 24px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.subscription:before {
    content: ' ';
    position: absolute;
    left: 2px;
    background: url(../images/subscription-icon.png) no-repeat;
    background-size: 24px 23px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.details:before {
    content: ' ';
    position: absolute;
    left: 7px;
    background: url(../images/own-details-icon.png) no-repeat;
    background-size: 15px 23px;
    top: -1px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.logout:before {
    content: ' ';
    position: absolute;
    left: 7px;
    background: url(../images/logout-icon.png) no-repeat;
    background-size: 20px 21px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.faq:before {
    content: ' ';
    position: absolute;
    left: 3px;
    background: url(../images/faq-icon.png) no-repeat;
    background-size: 23px 24px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.contact:before {
    content: ' ';
    position: absolute;
    left: 3px;
    background: url(../images/contact-icon.png) no-repeat;
    background-size: 23px 24px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.document:before {
    content: ' ';
    position: absolute;
    left: 5px;
    background: url(../images/document-icon.png) no-repeat;
    background-size: 20px 25px;
    top: 0;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.cookie:before {
    content: ' ';
    position: absolute;
    left: 5px;
    background: url(../images/cookie-icon.png) no-repeat;
    background-size: 20px 20px;
    top: 1px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a.about-us:before {
    content: ' ';
    position: absolute;
    left: 5px;
    background: url(../images/about-us-icon.png) no-repeat;
    background-size: 20px 20px;
    top: 1px;
    width: 30px;
    height: 30px;
}

body #left-sidebar ul li a:hover {
    color: #36dc73;
}

body a[data-toggle="collapse"] {
    position: relative;
}

body .df-ui-wrapper,
body .df-ui-btn {
    background: #1D1D1D !important;
    color: white !important;
}

body .df-ui-next,
body .df-ui-prev {
    background: unset !important;
    /*color: white !important;*/
}

body .df-floating .df-ui-controls {
    border-radius: 17px;
    padding: 3px 10px;
    height: 47px;
}

body .df-floating .df-ui-controls .ti-bookmark {
    margin-left: 20px;
    margin-right: 20px;
}

body .df-floating .df-ui-controls .ti-search {
    margin-right: 20px;
}

body .df-floating .df-ui-controls .ti-angle-double-left {
    padding-right: 0;
}

body .df-floating .df-ui-controls .ti-angle-left {
    padding-left: 0;
    text-align: left;
    width: 20px;
}

body .df-floating .df-ui-controls .ti-angle-double-right {
    padding-left: 0;
    margin-right: 20px;
}

body .df-floating .df-ui-controls .ti-angle-right {
    padding-right: 0;
    text-align: right;
    width: 20px;
}

body .df-floating .df-ui-controls > .df-ui-btn:first-child {
    border-radius: 15px 0 0 15px;
}

body .df-floating .df-ui-controls > .df-ui-btn:last-child {
    border-radius: 0 15px 15px 0;
}

/*body .dropdown-toggle::after {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 20px;*/
/*    transform: translateY(-50%);*/
/*}*/

body #right-content {
    width: calc(100% - 250px);
    padding: 25px 0;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

body #right-content.active {
    width: 100%;
    padding-left: 50px;
}

@media (max-width: 934px) {
    body .magazines-page .category-group-select .category-list {
        width: 67vw;
    }
}
@media (max-width: 768px) {
    body #left-sidebar.active {
        margin-left: -250px;
    }

    body #right-content.active {
        width: 100%;
        margin-top: 45px;
        padding-left: 0px;
        display: block;
    }

    body .leftSideBarToggler.active {
        margin-left: 0px;
        height: 50px;
    }

    body .magazines-page .category-group-select .category-list {
        height: 70vh;
        overflow: auto;
    }
}

@media (max-width: 530px) {
    body #right-content {
        display: none;
    }

    body #left-sidebar {
        padding-bottom: 100px;
    }

    body .save-button-mw {
        padding: 8px 50px !important;
    }
}