* {
padding: 0;
margin: 0;
}
body, html {
text-align: center;
background:#FFFFFF;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
border: 0;
}
/*html {
overflow-y: scroll;
}*/
div, p, a, input, ul, li, h1, h2, h3, h4, h5, label, select {
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
img {
border-style: none;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
form {
padding: 0;
margin: 0;
border: 0;
}
sup {
font-size: 65%;
}
.clear_fix {
clear:both;
font-size:0;
}
#head_content {
overflow:hidden;
}
.banner_popup {
display:none;
background-color:#FFFFFF;
border:10px solid #666;
border:10px solid rgba(82, 82, 82, 0.698);
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 12px 1px #000;
-webkit-box-shadow: 0 0 12px 1px #000;
box-shadow: 0 0 12px 1px #000;
}
.banner_popup .close {
background-image:url("../image/overlay_close_banner.png");
background-position:0 0;
background-repeat:no-repeat;
cursor: pointer;
width: 35px;
height: 35px;
position: absolute;
right: -20px;
top: -20px;
z-index:5000;
}
.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* Overlay */
#overlay_login_outer {
display:none;
width:719px;
z-index:9999;
}
.overlay_info, .overlay_error, .overlay_ok, .overlay_warning, .overlay_dialog, .overlay_login {
background-color:#fff;
display:none;
width:600px;
padding:15px;
text-align:left;
border:2px solid #333;
z-index:9999;
opacity:0.9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
box-shadow: 0px 0px 50px #ccc;
}
.overlay_close {
background-image:url(../image/overlay_close.png);
width:32px;
height:32px;
z-index:10000;
position:absolute;
right:-13px;
top:-13px;
}
#overlay_login1 .overlay_close {
right:352px;
top:-7px;
}
#overlay_login2 .overlay_close {
right:-7px;
top:-7px;
}
.overlay_error {
border-color:#FF0000;
}
.overlay_ok {
border-color:#0C0;
}
.overlay_warning {
border-color:#FC0;
}
.overlay_login {
display:block;
width:325px;
margin:5px;
padding:10px;
float:left;
}
#overlay_remind, #overlay_newsletter {
width:300px;
}
.overlay_info .overlay_title, .overlay_error .overlay_title, .overlay_ok .overlay_title, .overlay_warning .overlay_title, .overlay_dialog .overlay_title, .overlay_login .overlay_title {
background:url(../image/overlay_info.png) 0 50% no-repeat;
margin:0px;
padding:14px 0 17px 55px;
border-bottom:1px solid #333;
font-size:20px;
font-weight:bold;
color:#000000;
}
.overlay_error .overlay_title {
background:url(../image/overlay_error.png) 0 50% no-repeat;
}
.overlay_ok .overlay_title {
background:url(../image/overlay_ok.png) 0 50% no-repeat;
}
.overlay_warning .overlay_title {
background:url(../image/overlay_warning.png) 0 50% no-repeat;
}
.overlay_dialog .overlay_title {
background:url(../image/overlay_dialog.png) 0 50% no-repeat;
}
#overlay_login1 .overlay_title, #overlay_login2 .overlay_title {
background:url(../image/overlay_login.png) 0 50% no-repeat;
margin:0px;
padding:10px 0 10px 45px;
border-bottom:1px solid #333;
font-size:17px;
color:#000000;
}
#overlay_login2 .overlay_title {
background:url(../image/overlay_reg.png) 0 50% no-repeat;
}
.overlay_info button, .overlay_error button, .overlay_ok button, .overlay_warning button, .overlay_dialog button, .overlay_login button {
background: url("../image/overlay_button.jpg") repeat-x scroll 0 100% transparent;
border-color: #9e5656 #7e4141 #7e4141 #9e5656;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
cursor: pointer;
font: bold 14px arial,helvetica,sans-serif;
height: 20px;
padding: 0 8px 1px;
text-align: center !important;
white-space: nowrap;
margin-left: 6px;
margin-right: 0;
margin-top:10px;
float:right;
}
.overlay_login button, .overlay_error button {
background-position:0 0;
}
.overlay_login button:hover, .overlay_error button:hover {
background-position:0 -20px;
}
.overlay_login button:active, .overlay_error button:active {
background-position:0 -40px;
}
.overlay_info button {
background-position:0 -60px;
border-color: #656b84 #404455 #404455 #656b84;
}
.overlay_info button:hover {
background-position:0 -80px;
}
.overlay_info button:active {
background-position:0 -100px;
}
.overlay_warning button {
background-position:0 -120px;
border-color: #c9bf99 #968d6c #968d6c #c9bf99;
}
.overlay_warning button:hover {
background-position:0 -140px;
}
.overlay_warning button:active {
background-position:0 -160px;
}
.overlay_ok button {
background-position:0 -180px;
border-color: #598058 #405c40 #405c40 #598058;
}
.overlay_ok button:hover {
background-position:0 -200px;
}
.overlay_ok button:active {
background-position:0 -220px;
}
/*.overlay_login .fb_iframe_widget {
float:right;
margin-left: 6px;
margin-top:10px;
margin-right: 0;
}*/
.overlay_login .facebook_login {
float: right;
margin-left: 70px;
margin-top: 10px;
margin-right: 0;
margin-bottom: 5px;
border: 0;
height: 30px;
width: 200px;
}
.overlay_login .google_login {
float:right;
margin-left: 6px;
margin-top:0px;
margin-right: 0;
border:0;
height:30px;
width:200px;
}
.overlay_info button span, .overlay_error button span, .overlay_ok button span, .overlay_warning button span, .overlay_dialog button span, .overlay_login button span {
line-height: 14px;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
font-size:12px;
}
.overlay_info .overlay_text, .overlay_error .overlay_text, .overlay_ok .overlay_text, .overlay_warning .overlay_text, .overlay_dialog .overlay_text, .overlay_login .overlay_text {
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
color:#535353;
font-size:16px;
font-weight:normal;
font-style:normal;
padding-top:10px;
}
.overlay_login .overlay_text {
height:65px;
}
.overlay_login_input {
font-size:13px;
font-weight:bolder;
padding:3px;
padding-left:20px;
}
.overlay_login_input label {
float:left;
width:75px;
clear:both;
color:#000000;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
}
.overlay_login_input input {
border:1px #FF0000 solid;
background-color:#FFFFFF;
color:#000000;
width:200px;
font-size:12px;
}
.overlay_login_reminder {
padding-top:4px;
padding-left:95px;
text-align:left;
}
.overlay_login_reminder a {
color:#880000;
font-size:12px;
}
#overlay_login2 .overlay_text {
padding-left:20px;
}
.overlay_login_list_title {
font-size:13px;
color:#880000;
font-weight:bolder;
}
.overlay_login_list {
background:url(../image/overlay_ok_mini.png) 0 50% no-repeat;
margin:0px;
margin-left:15px;
padding:1px 0px 1px 25px;
font-size:13px;
color:#000000;
}
#overlay_close .close {
display: none !important;
}
.overlay_row {
margin-bottom:10px;
}
#overlay_art_subscription_not_loggedin #overlay_subscribe {
padding:10px 0px;
}
.subscribe_validation_error {
box-sizing: border-box;
margin-top: 10px;
width:100%;
}
.subscribe_validation_error.text_color_fault {
color:#FF0000;
}
/*overlay end*/
/* COOKIE_ALERT */
#cookie_alert, #cookie_alert * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cookie_alert {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: rgba(34,34,34,0.95);
padding: 20px;
color: #fff;
z-index: 2147483647;
}
#cookie_alert.cookie_alert_close {
padding: 5px 10px;
width:auto;
right: 0px;
/*left:auto;*/
border-top-left-radius: 7px;
border-top-right-radius: 7px;
right:auto;
left: 50%;
transform: translateX(-50%);
background: rgba(34,34,34,0.3);
}
#cookie_alert #cookie_alert_open {
margin: 0 auto;
max-width:700px;
}
#cookie_alert #cookie_alert_close {
display: none;
text-align: center;
font-size: 11px;
text-align: center;
font-weight: normal;
cursor: pointer;
}
#cookie_alert.cookie_alert_close #cookie_alert_open {
display: none;
}
#cookie_alert.cookie_alert_close #cookie_alert_close {
display: block;
}
#cookie_alert.cookie_alert_close.cookie_alert_3 {
display: none !important;
}
.cookie-alert__consent-data {
margin-top:5px;
text-align:left;
}
.cookie-alert__consent-data div {
font-size: 7px;
}
.cookie_alert_title {
text-align: left;
font-size: 14px;
font-weight: bold;
color:#FFF;
}
.cookie_alert_text {
text-align: justify;
font-size: 12px;
line-height: 14px;
padding-bottom:2px;
padding-top: 5px;
color:#FFF;
}
.cookie_alert_text a {
color: #fff;
}
.cookie_alert_button {
text-align: right;
position: relative;
}
.cookie_alert_button a {
color:#FFFFFF;
text-decoration: underline;
display: inline-block;
vertical-align: bottom;
padding-right:10px;
padding-left:10px;
opacity: 0.7;
font-size:12px;
}
.cookie_alert_button input[type=button] {
margin-top: 10px;
height: 36px;
border: none;
color: #fff;
padding: 0 20px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.cookie_alert_button_left {
float:left;
width:70%;
text-align: left;
position: absolute;
bottom:0px;
}
.cookie_alert_checkbox {
padding-right: 10px;
font-size: 12px;
color: #fff;
}
.cookie_alert_checkbox .text_input_checkbox input {
display: inline-block;
margin-right:3px;
width:15px;
height:15px;
}
.cookie_alert_button_right {
float:right;
width:30%;
text-align: right;
}
#overlay_cookie_alert{
width: 400px;
background: rgba(34,34,34,0.95);
color: #fff;
border: 2px solid #333;
padding: 20px;
left: 50% !important;
transform: translateX(-50%);
max-width: 84vw;
text-align: left;
display: none;
}
#overlay_cookie_alert + .cookie-alert__btn-open{
position: fixed;
top: 100%;
left: 50%;
transform: translate(-50%,0);
font-size: 11px;
z-index: 2147483647;
transition: all 0.4s ease;
color: #fff;
background: rgba(34,34,34,0.3);
border-color: transparent;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding: 5px 10px;
cursor: pointer;
}
#overlay_cookie_alert.cookie-alert-closed + .cookie-alert__btn-open{
transform: translate(-50%,-100%);
}
#overlay_cookie_alert .cookie-alert__title{
font-weight: bold;
color: #fff;
}
#overlay_cookie_alert .cookie-alert__text a{
color: #fff;
}
#overlay_cookie_alert .cookie_alert_checkbox{
display: flex;
column-gap: 5px;
margin-bottom: 8px;
}
#overlay_cookie_alert .cookie-alert__text{
font-size: 13px;
padding-top: 10px;
color: #fff !important;
}
#overlay_cookie_alert .cookie-alert__checkboxes-outer{
padding: 20px 0 10px 0;
}
#overlay_cookie_alert .cookie-alert__btn-close{
background: #333 !important;
color: #fff !important;
}
@media only screen and (max-width:480px) {
.cookie_alert_button {
text-align: center;
}
.cookie_alert_button_left {
position: inherit;
width: 100%;
}
.cookie_alert_button_right {
width: 100%;
}
}
#ak-widget.akw-member, #ak-widget.akw-well, #ak-widget.akw-hu {
z-index: 2147483646!important;
}
/* CHAT */
#_C4banner {
z-index:1000;
}
/* OLD CSS */
.no_head1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bolder;
}
.no_head2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 23px;
}
.bottom_link {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.cat {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration: none;
}
.shop_text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.box_left_text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.box_left_input {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.box_right_text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.box_right_head1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
}
.box_right_head2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.table_left {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
}
.table_right {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.table_form {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.bigger {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bolder;
}
.table_head {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
}
.table_body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.table_body:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}
.table_body_small {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
}
/* bxSlider */
.bx-wrapper {
position: relative;
}
.bx-pager {
bottom: 20px;
left: 20px;
overflow: hidden;
position: absolute;
z-index: 99;
display:none;
}
#banner_start_big_content .bx-pager, #banner_big_content .bx-pager {
display:block;
}
.bx-pager a {
border:1px #535353 solid;
background-color:#CCCCCC;
color: #535353;
cursor: pointer;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 17px;
width: 17px;
line-height: 16px;
margin-right: 1px;
padding-top: 0;
text-align: center;
text-decoration: none;
margin-left:3px;
z-index: 99;
font-size:11px;
}
.bx-pager a.active {
background-color:#333333;
color: #FFFFFF;
}
.bx-pager-item {
float:left;
}
.bx-controls-direction {
clear:both;
display: none;
}
/* nivoSlider */
.theme-default .nivoSlider {
position:relative;
background:#fff url(../image/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.nivo-controlNav {
bottom: 20px;
left: 20px;
overflow: hidden;
position: absolute;
z-index: 99;
}
.nivo-controlNav a {
border:1px #535353 solid;
background-color:#CCCCCC;
color: #535353;
cursor: pointer;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 17px;
width: 17px;
line-height: 16px;
margin-right: 1px;
padding-top: 0;
text-align: center;
text-decoration: none;
margin-left:3px;
z-index: 99;
font-size:11px;
}
.nivo-controlNav a.active {
background-color:#333333;
color: #FFFFFF;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
.nivo-caption {
position:absolute;
left:0px;
top:0px;
background:#000;
color:#fff;
opacity:0.6;
width:100%;
z-index:-1;
/*display: none !important;*/
}
.nivo-caption p {
padding:5px;
text-align:right;
padding-left:20px;
padding-right:20px;
font-weight:bolder;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
display:none;
}
.nivo-nextNav {
right:0px;
display:none;
}
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
display:none;
}
.nivo-controlNav a.active {
font-weight:bold;
display:none;
}
#banner_start_big_slide .nivo-controlNav a, #banner_start_big_slide .nivo-controlNav a.active, #banner_big_slide .nivo-controlNav a, #banner_big_slide .nivo-controlNav a.active {
display:block;
}
.text_button input {
padding-left:6px;
padding-right:6px;
padding-top:1px;
padding-bottom:1px;
}
.text_input_checkbox_checked, .text_input_checkbox_unchecked, .text_input_radio_checked, .text_input_radio_unchecked {
cursor:pointer;
width:13px;
height:13px;
display:inline-block;
background-position:center middle;
background-repeat:no-repeat;
}
.text_input_checkbox_checked input, .text_input_checkbox_unchecked input, .text_input_radio_checked input, .text_input_radio_unchecked input {
display:none;
}
.text_input_checkbox_checked {
background-image:url(../../../own/image/icon/16/checkbox_checked.png);
}
.text_input_checkbox_unchecked {
background-image:url(../../../own/image/icon/16/checkbox_unchecked.png);
}
.text_input_radio_checked {
background-image:url(../../../own/image/icon/16/radiobutton_checked.png);
}
.text_input_radio_unchecked {
background-image:url(../../../own/image/icon/16/radiobutton_unchecked.png);
}
#ident_data {
clear:both;
position:fixed;
bottom:0px;
left:0px;
right:0px;
z-index:1000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-top:3px;
padding-bottom:3px;
text-align:center;
color:#FFF;
background-color:#000;
opacity: 0.8;
}
#ident_data a {
color:#FFF;
}
.param_desc_tooltip {
font-size: 12px;
height: auto;
width: auto;
max-width: 200px;
color: #eee;
z-index: 21000;
border-width: 2px;
padding: 10px 10px;
border-radius: 6px;
text-align: left;
overflow: scroll;
overflow-x: hidden;
max-height: 200px;
}
.param_desc_tooltip::-webkit-scrollbar {
width: 12px;
}
.param_desc_tooltip::-webkit-scrollbar-track {
background-color: #EDEDED;
border-left: 1px solid #EDEDED;
border-radius: 6px;
}
.param_desc_tooltip::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 6px;
}
.param_desc_tooltip::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
border-radius: 6px;
}
/*** PAGE_POPUP ***/
/*** - desktop - ***/
#page_PopupContainer, #page_PopupContainer_tooltip {
position:absolute;
display:none;
width:600px;
min-height:330px;
z-index: 20000;
margin:0 auto;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px #000;
box-shadow: 0 0 50px #000;
}
#page_PopupContainer_inner, #page_PopupContainer_tooltip_inner {
margin:5px;
padding:10px;
width:570px;
min-height:300px;
}
#page_PopupContainer.shop_popup_exitpopup{
width: auto;
min-height: unset;
}
#page_PopupContainer.shop_popup_exitpopup #page_PopupContainer_inner{
width: auto;
min-height: unset;
}
#page_PopupContainer.exitpopup-type-picture #page_PopupContainer_inner{
width: auto;
max-height: calc(92vh - 10px);
overflow-x: hidden !important;
overflow-y: auto !important;
}
#page_PopupContainer.exitpopup-type-picture a{
font-size: 0;
}
@media (max-width: 768px) {
#page_PopupContainer.shop_popup_exitpopup{
width: auto;
max-width: 92vw;
overflow: visible !important;
padding: 5px;
box-sizing: border-box;
}
#page_PopupContainer.shop_popup_exitpopup #page_PopupContainer_inner{
width: auto;
max-width: 100%;
overflow: auto !important;
box-sizing: border-box;
margin: 0;
}
#page_PopupContainer.exitpopup-type-picture #page_PopupContainer_inner{
overflow: hidden !important;
}
}
#page_PopupContainer_tooltip_inner {
/*overflow: hidden;*/
}
#page_PopupContainer_ajax, #page_PopupContainer_tooltip_ajax {
width:570px;
height:300px;
background: transparent url(../image/ajax-loader-big.gif) no-repeat center;
}
#page_PopupContainer .close, #page_PopupContainer_tooltip .close {
display:block;
width:32px;
height:32px;
position:absolute;
background: transparent url(../image/overlay_close.png) no-repeat center;
top:-16px;
right:-16px;
cursor:pointer;
z-index:1000;
}
/*** - mobile - ***/
@media (max-width: 768px) {
#page_PopupContainer {
position: absolute;
display: none;
width: 100%;
max-width: 96vw;
height: auto;
z-index: 20000;
margin: 0 auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px #000;
box-shadow: 0 0 50px #000;
}
#page_PopupContainer_inner {
margin: 5px;
padding: 10px;
width: auto;
height: auto;
overflow: scroll !important;
}
#page_PopupContainer_ajax {
width: 300px;
height: 300px;
background: transparent url(../image/ajax-loader-big.gif) no-repeat center;
}
#page_PopupContainer .close {
display: block;
width: 32px;
height: 32px;
position: absolute;
background: transparent url(../image/overlay_close.png) no-repeat center;
top: -16px;
right: -16px;
cursor: pointer;
z-index: 1000;
}
}
#page_PopupContainerMobile_tooltip {
position:absolute;
display:none;
width:300px;
height:330px;
z-index: 20000;
margin:0 auto;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px #000;
box-shadow: 0 0 50px #000;
}
#page_PopupContainerMobile_tooltip_inner {
margin:5px;
padding:10px;
width:300px;
height:300px;
overflow: scroll!important;
}
#page_PopupContainerMobile_tooltip_ajax {
width:300px;
height:300px;
background: transparent url(../image/ajax-loader-big.gif) no-repeat center;
}
#page_PopupContainerMobile_tooltip .close {
display:block;
width:32px;
height:32px;
position:absolute;
background: transparent url(../image/overlay_close.png) no-repeat center;
top:-16px;
right:-16px;
cursor:pointer;
z-index:1000;
}
/*** - common - ***/
.popup_title_button {
position:absolute;
right:10px;
top:15px;
height:21px;
width:150px;
cursor:pointer;
float:left;
text-align:center;
padding:5px;
text-decoration:none;
}
.popup_title_button:hover {
text-decoration:none;
}
#popup_title_icon {
display:none;
}
.popup_title {
position:relative;
height:43px;
padding:10px 0 12px 65px;
background-position:5px 8px;
background-repeat: no-repeat;
text-align:left;
margin:0 auto;
}
#recommend_error_msg {
padding-bottom:10px;
}
#recommend_title {
background-image:url(../image/icon_recommend_big.png);
}
#print_title {
background-image:url(../image/icon_print_big.png);
}
#compare_title {
background-image:url(../image/icon_compare_big.png);
}
#question_title {
background-image:url(../image/icon_question_big.png);
}
#upsale_title {
background-image:url(../image/icon_upsale_big.png);
}
#crosssale_title {
background-image:url(../image/icon_crosssale_big.png);
}
/*** EXITPOPUP ***/
#page_exitpopup {
margin:0 auto;
}
.page_exitpopup_end {
display:none;
}
.page_exitpopup_newsletter {
width:500px;
}
#page_PopupContainer.exitpopup-type-picture #page_PopupContainer_inner{
padding: 0 !important;
}
@media (max-width: 768px){
#page_PopupContainer .page_exitpopup_newsletter {
width: 400px;
max-width: 100%;
}
}
.div_sample_mobile .page_exitpopup_newsletter {
width:300px;
}
.page_exitpopup_newsletter .page_exitpopup_start {
width:500px;
margin:0 auto;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter .page_exitpopup_start {
width: 100%;
margin: 0 auto;
}
}
.div_sample_mobile .page_exitpopup_newsletter .page_exitpopup_start {
width:300px;
margin:0 auto;
}
.page_exitpopup_newsletter .page_exitpopup_end {
width:500px;
margin:0 auto;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter .page_exitpopup_end {
width: 260px;
margin: 0 auto;
}
}
.div_sample_mobile .page_exitpopup_newsletter .page_exitpopup_end {
width:300px;
margin:0 auto;
}
.page_exitpopup_title1 {
font-size: 23px;
font-weight: bold;
text-align:center;
width:450px;
margin:0 auto;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_title1 {
line-height: 23px;
}
}
.page_exitpopup_title2 {
font-size: 32px;
font-weight: bold;
text-align:center;
padding-top:5px;
padding-bottom:10px;
width:450px;
margin:0 auto;
text-transform:uppercase;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_title2 {
font-size: 28px;
}
}
.page_exitpopup_title3 {
font-size: 15px;
font-weight: normal;
text-align:justify;
width:450px;
margin:0 auto;
padding-bottom:10px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_title3 {
font-size: 12px;
}
}
.div_sample_mobile .page_exitpopup_title1, .div_sample_mobile .page_exitpopup_title2, .div_sample_mobile .page_exitpopup_title3{
width: 300px;
margin: 0px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_title1, #page_PopupContainer .page_exitpopup_title2, #page_PopupContainer .page_exitpopup_title3 {
width: 100%;
margin: 0px;
padding-bottom: 15px;
}
}
.page_exitpopup_form div {
text-align:center;
}
.page_exitpopup_form input {
border: 1px solid #b2b2b2;
border-top: 1px solid #bababb;
border-left: 1px solid #bababb;
width: 450px;
height: 40px;
margin-bottom: 12px;
padding: 0 0 0 16px;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-size:20px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_form input {
height: 30px;
font-size: 16px;
}
}
.div_sample_mobile .page_exitpopup_form input {
width: 300px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_form input {
width: 100%;
}
}
.page_exitpopup_form_button input {
font-size:30px;
cursor:pointer;
padding: 0;
height: 50px;
text-align: center;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_form_button input {
font-size: 18px;
}
}
.page_exitpopup_fault {
display:none;
padding-bottom:10px;
font-size:20px;
text-align:center;
}
.page_exitpopup_newsletter_coupon {
width:650px;
}
.div_sample_mobile .page_exitpopup_newsletter_coupon {
width:300px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon {
width: 400px;
max-width: 100%;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start {
width:650px;
margin:0 auto;
}
.div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_start {
width:300px;
margin:0 auto;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start {
width: 100%;
margin: 0 auto;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_end {
width:500px;
margin:0 auto;
}
.div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_end {
width:300px;
margin:0 auto;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_end {
width: 260px;
margin: 0 auto;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title1, .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title2, .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title3 {
width:600px;
}
.div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title1, .div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title2, .div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title3 {
width:300px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title1, #page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title2, #page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_title3 {
width: 100%;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon_outer {
float:right;
width:270px;
height:144px;
margin-left:10px;
margin-right:20px;
}
#page_PopupContainer .page_exitpopup_picture img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
#page_PopupContainer.shop_popup_exitpopup.exitpopup-type-video{
width: 560px;
max-width: 92vw;
}
#page_PopupContainer.shop_popup_exitpopup.exitpopup-type-picture{
max-width: 92vw;
max-height: 92vh;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon_outer {
float: right;
width: calc(100% - 10px);
height: 144px;
margin: 0;
padding: 5px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon {
width:250px;
height:124px;
margin:10px;
overflow:hidden;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon1 {
padding-top:10px;
font-size: 13px;
font-weight: normal;
text-align:center;
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon2 {
padding-top:5px;
font-size: 40px;
font-weight: bold;
text-align:center;
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon3 {
padding-top:5px;
font-size: 17px;
font-weight: normal;
text-align:center;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon1, #page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon2, #page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_coupon3 {
padding-bottom: 10px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_form {
float:left;
width:330px;
margin-left:20px;
}
.div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_form {
float:left;
width:300px;
margin-left:0px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_form {
float: left;
width: 100%;
margin-left: 0px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_form input {
width:330px;
margin-bottom:7px;
}
.div_sample_mobile .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_form input {
width:300px;
margin-bottom:7px;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_start .page_exitpopup_form input {
width: 100%;
margin-bottom: 7px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_end .page_exitpopup_coupon1 {
padding-top:5px;
font-size: 25px;
font-weight: normal;
text-align:center;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_end .page_exitpopup_coupon1 {
padding-top: 20px;
font-size: 25px;
font-weight: normal;
text-align: center;
padding-bottom: 30px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_end .page_exitpopup_coupon2 {
padding-top:0px;
font-size: 50px;
font-weight: bold;
text-align:center;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_end .page_exitpopup_coupon2 {
line-height: 50px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_end .page_exitpopup_coupon3 {
padding-top:0px;
padding-bottom:25px;
font-size: 13px;
font-weight: normal;
text-align:center;
}
@media (max-width: 768px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_end .page_exitpopup_coupon3 {
line-height: 13px;
}
}
.page_exitpopup_form_privacy_policy .checkbox_element{
display: inline-block;
}
.page_exitpopup_form_privacy_policy {
padding-top:2px;
padding-bottom:5px;
}
.page_exitpopup_form_privacy_policy input {
width:auto !important;
height:auto !important;
display: inline;
}
#page_order_control_main [class*="comment__count"]{
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 11px;
padding: 0 3px;
margin-bottom: 10px;
}
#page_order_control_megj input, #page_order_control_szall_megj input{
width:80%;
display: block;
margin: 0 auto;
}
#exposeMaskOverlay {
top:0px !important;
bottom:0px !important;
left:0px !important;
right:0px !important;
width:auto !important;
}
.g-recaptcha {
border-width: 0px;
background-color: transparent;
padding:0px;
margin:0px;
}
.grecaptcha-badge {
z-index: 1000;
background: #fff;
/*display: none !important;*/
/*margin:0 auto !important;
margin-bottom:10px !important;*/
}
/*postsale_popup*/
#page_PopupContainer.shop_popup_postsale {
background-color: #fff;
height: 500px !important;
border-radius: 0px !important;
}
#page_PopupContainer.shop_popup_postsale .close {
display: none;
}
#page_PopupContainer.shop_popup_postsale #page_PopupContainer_inner {
overflow: hidden !important;
background-color: #fff;
height: 490px !important;
width: 98% !important;
padding: 0px !important;
}
#page_postsale_popup_content {
padding-top:40px;
padding-left:40px;
padding-right:40px;
padding-bottom: 20px;
}
#page_postsale_popup_content .page_postsale_popuplist_left,
#page_postsale_popup_content .page_postsale_popuplist_right{
width: 50%;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#page_postsale_popup_content .page_postsale_popuplist_left {
padding-right: 20px;
}
#page_postsale_popup_content .page_postsale_popuplist_right{
padding-left: 20px;
}
.page_postsale_popuplist_left #main_image {
width: auto;
max-width: 100%;
max-height: 300px;
}
#popup_postsale_content .page_postsale_product_name {
color: #333333;
text-align: left;
padding-bottom: 20px;
}
#popup_postsale_content .page_postsale_product_name h1 {
font-size: 18px;
line-height: 18px;
color: #333;
font-weight: normal;
}
#popup_postsale_content .page_popuplist_name h1 {
font-size: 16px;
font-weight: 700;
}
#page_postsale_popup_content .page_postsale_product_prices {
text-align: left;
margin-top: 5px;
font-size: 13px;
line-height: 16px;
}
#page_postsale_popup_content .page_postsale_product_prices .price_title {
width: 30%;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_title {
width: 40%;
}
#page_postsale_popup_content .page_postsale_product_prices .price_amount {
width: 70%;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_amount{
width: 60%;
}
#page_postsale_popup_content .page_postsale_product_prices .price_title,
#page_postsale_popup_content .page_postsale_product_prices .price_amount {
font-size: 13px;
line-height: 18px;
color: #333;
display: block;
float: left;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_original_price,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price {
margin-bottom: 5px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_original_price .price_amount {
color: #333;
font-size: 13px;
line-height: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price .price_amount {
color: #333;
font-size: 13px;
line-height: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price .price_amount {
color: #ff2222;
font-size: 13px;
line-height: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_title {
font-size: 20px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_amount {
font-size: 24px;
font-weight: bold;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_amount,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_title {
color: #ff2222 ;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price .price_title,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_title,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_amount {
font-weight: bold;
}
.page_postsale_information_text {
background-color: #f1f1f1;
font-size: 13px;
font-weight: bold;
line-height: 16px;
color: #333;
padding: 30px;
}
.page_postsale_buttons {
text-align: left;
}
#page_postsale_popup_content .page_postsale_buttons .page_postsale_button {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
line-height: 16px;
color: #fff;
background-color: #ff2222;
margin-bottom: 10px;
border: none;
text-transform: uppercase;
padding: 10px;
padding-left: 35px;
cursor: pointer;
background-image: url("../image/popup_cart.png");
background-position: 45px 9px;
background-repeat: no-repeat;
}
#page_postsale_popup_content .page_postsale_order_sum_information {
text-align: left;
font-size: 13px;
line-height: 16px;
color: #333;
margin-top: 20px;
margin-bottom: 10px;
}
#page_postsale_popup_content .page_postsale_close_overlay_link_wrapper {
text-align: center;
}
#page_postsale_popup_content .page_postsale_close_overlay_link {
cursor: pointer;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
line-height: 18px;
color: #333;
}
#popup_postsale_content .beforesend {
margin: 10px auto;
display:none;
}
#popup_postsale_content .beforesend,
#popup_postsale_content .success {
width:30px;
height:30px;
position:relative;
}
#popup_postsale_content .success_wrapper {
display:none;
}
#popup_postsale_content .success_text {
float: left;
padding: 5px 10px;
box-sizing: border-box;
width: 80%;
text-align: left;
font-weight: bold;
font-size: 13px;
color: #8a8a8a;
}
#popup_postsale_content .success {
float: left;
padding: 5px;
background-image: url(../image/overlay_ok_mini.png);
background-position: 10px;
background-repeat: no-repeat;
}
#popup_postsale_content .beforesend {
background-image: url(../image/ajax-loader.gif);
background-position: 50%;
background-repeat: no-repeat;
/*background-color: #ff2222;*/
width: 100%;
height: 36px;
}
#popup_postsale_content .popup_title {
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
}
/*postsale_popup end*/
#box_checkout_simplepay_hu_v2 {
background-image: url("../image/logo_checkout_simplepay_hu_v2_box.png");
margin-top:5px;
}
.addresses {
max-width: 300px;
margin-bottom: 5px;
}
#overlay_product_subscription .overlay_text{
font-size: 12px;
}
/* Exitpopup - Wheel */
#page_PopupContainer.exitpopup-type-wheel,
#page_PopupContainer.exitpopup-type-wheel_with_newsletter {
left: 0 !important;
transform: translate(calc((100vw - 100%) / 2), -50%) !important;
max-width: 90vw;
width: auto;
}
#page_PopupContainer.exitpopup-type-wheel #page_PopupContainer_inner,
#page_PopupContainer.exitpopup-type-wheel_with_newsletter #page_PopupContainer_inner{
max-height: 90vh;
padding: 0;
overflow-y: auto!important;
overflow-x: hidden!important;
width: auto;
}
#page_PopupContainer.exitpopup-type-wheel button,
#page_PopupContainer.exitpopup-type-wheel_with_newsletter button{
font-size: 30px;
cursor: pointer;
padding: 0 20px;
height: 50px;
text-align: center;
border: 1px solid #b2b2b2;
border-top: 1px solid #bababb;
border-left: 1px solid #bababb;
}
.page_exitpopup_wheel {
width: 1000px !important;
height: 600px;
max-width: 100%;
max-height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page_exitpopup_wheel, .page_exitpopup_wheel *{
box-sizing: border-box;
}
.page_exitpopup_wheel .page_exitpopup_form input {
width: 100%;
}
.page_exitpopup_wheel .page_exitpopup_title1,
.page_exitpopup_wheel .page_exitpopup_title2,
.page_exitpopup_wheel .page_exitpopup_title3{
width: 100%;
text-align: center;
}
.page_exitpopup_wheel .page_exitpopup_title1 {
font-size: 20px;
margin-bottom: 20px;
}
.page_exitpopup_wheel .page_exitpopup_title3 {
margin-bottom: 20px;
}
.page_exitpopup_wheel .page_exitpopup_start {
padding: 15px;
}
.page_exitpopup_wheel .page_exitpopup_form {
max-width: 400px;
margin: 0 auto;
}
.page_exitpopup_wheel .page_exitpopup_form_privacy_policy {
display: flex;
}
.page_exitpopup_wheel .wheel-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
}
.page_exitpopup_wheel .col-wheel,
.page_exitpopup_wheel .col-data {
position: relative;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
@media (max-width: 992px){
.page_exitpopup_wheel .col-wheel{
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.page_exitpopup_wheel .col-data{
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
}
@media (max-width: 768px){
.page_exitpopup_wheel .col-wheel{
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.page_exitpopup_wheel .col-data{
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
}
@media (max-width: 576px){
.page_exitpopup_wheel .col-wheel,
.page_exitpopup_wheel .col-data {
flex: 0 0 100%;
max-width: 100%;
}
}
.page_exitpopup_wheel .wheel-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-top: 100%;
border-radius: 50%;
overflow: hidden;
outline: 3px solid #333 !important;
}
.page_exitpopup_wheel .wheel-container-outer::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 40px solid #333;
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.page_exitpopup_wheel .wheel-container-outer{
width: 400px;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
}
.page_exitpopup_wheel .wheel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333;
border-radius: 50%;
overflow: hidden;
transform: rotate(135deg);
transition: transform 3.5s ease-in-out;
z-index: 1;
}
.page_exitpopup_wheel .wheel::after{
content: '';
position: absolute;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
border: 4px solid rgba(0,0,0,0.75);
}
.page_exitpopup_wheel .wheel .number{
position: absolute;
width: 50%;
height: 50%;
transform-origin: bottom right;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0 0 30px;
}
.page_exitpopup_wheel .wheel svg{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.page_exitpopup_wheel .wheel .option-title{
position: relative;
transform: rotate(-135deg);
font-size: 16px;
font-weight: 700;
text-shadow: 3px 5px 2px rgba(0,0,0,0.15);
}
.wheel-after-spin,
.wheel-before-spin {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%);
opacity: 1 !important;
transition: opacity .5s ease;
}
.wheel-after-spin.is-hidden,
.wheel-before-spin.is-hidden {
opacity: 0 !important;
}
.js-result {
font-size: 30px;
background: rgba(0, 0, 0, 0.1);
padding: 5px 15px;
display: inline-block;
line-height: 1.5;
}
.js-result-wrap{
text-align: center;
margin-top: 20px;
}
.js-result-text-wrap.is-hidden,
.js-spin-again-wrap.is-hidden,
.js-result-wrap.is-hidden {
display: none;
}
.btn-spin-the-wheel{
min-width: 140px;
min-height: 34px;
}
.btn-spin-the-wheel.loading {
font-size: 0 !important;
position: relative;
}
.btn-spin-the-wheel.loading::after{
content: "";
display: inline-block;
animation: dots 2s linear infinite;
position: absolute;
left: 50%;
top: calc(50% - 5px);
font-size: 20px;
transform: translate(-50%,-50%);
}
.page_exitpopup_wheel .page_exitpopup_end{
position: relative;
padding: 10px;
}
@media (max-width: 575px){
.page_exitpopup_wheel {
padding: 15px 0;
height: 100%;
max-height: 96vh;
}
.page_exitpopup_wheel .wheel-container-outer{
width: 300px;
position: relative;
transform: none;
left: 0;
right: unset;
margin: 0 auto;
}
.page_exitpopup_wheel .wheel .option-title{
font-size: 12px;
}
.page_exitpopup_wheel .page_exitpopup_end{
min-height: 200px;
height: 100%;
}
}
@media (max-width: 400px){
.page_exitpopup_wheel .wheel-container-outer{
transform: translateX(calc(-100% + -60px));
left: 100%;
}
}
@keyframes dots {
0% {
content: '';
}
20% {
content: '.';
}
40% {
content: '..';
}
60% {
content: '...';
}
80% {
content: '....';
}
100% {
content: '.....';
}
}