* { 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: '.....'; } }