/* pop-upper*/
.popup{position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:9999;}
.popup a{display:inline-block; height:40px; line-height:40px; font-size:14px; padding:0 15px; color:#000; cursor:pointer;}
.popup a:hover{color:#aaa;}
.popup a:last-child{background:#79c75a; color:#fff; font-size:16px;}
.popup a:last-child:hover{background:#65b446;}
.popup .content{position:absolute; top:50%; left:50%; width:620px; background:#fff; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-box-shadow:0px 0px 20px -3px rgba(0,0,0,0.3); box-shadow:0px 0px 20px -3px rgba(0,0,0,0.3); -webkit-animation:popup 0.3s ease-out; animation:popup 0.3s ease-out;}
.popup .content .wrapper{display:table; width:100%;}
.popup .content .left, .popup .content .right{display:table-cell;}
.popup .content .left{width:35%; background:no-repeat center / cover;}
.popup .content .right{width:65%; padding:20px 24px 24px 24px; font-size:15px; line-height:24px; text-align:right;}
.popup .content .right p{margin:0; color:#79c75a; text-align:left; font-size:14px; line-height:18px;}
.popup .content .right h3{font-size:22px; line-height:32px; margin:0 0 -4px; font-weight:400;}
.popup .content .right table{text-align:left; width:100%; margin:20px 0;}
.popup .content .right table tr:first-child td{border-bottom:1px solid #eee; padding-bottom:8px; font-size:14px;}
.popup .content .right table tr:nth-of-type(2) td{padding-top:8px;}
.popup .content .right table tr:last-child td{padding-top:8px; font-size:13px; color:#aaa;}
.popup .content .right table tr td{padding:0;}
.popup .content .right table tr td:last-child{text-align:right;}
.popup .content .right s{text-decoration:line-through; color:#aaa;}
.popup.login a{background:none; color:#000; font-size:14px;}
.popup.login a:hover{color:#aaa; background:none;}
.popup.login form a{float:right;}
.popup.login .login_melding{display:block; color:red; text-align:center; margin:-10px 0 10px;}
.popup.login .content{padding:32px 38px; width:360px; font-size:14px; line-height:28px; box-sizing:border-box;}
.popup.login .content h1{font-size:28px; line-height:28px; margin:0 0 30px;}
.popup.login .content form{float:left; width:100% !important;}
.popup.login .content input{border:0; background:#f3f3f3;}
.popup.login .content input[type=password]{margin-bottom:20px;}
.popup.login .content button{float:right; margin:0; height:40px; line-height:38px; font-size:14px; padding:0 15px; background:#79c75a; border-radius:0; border:0;}
.popup.login .content button:hover{background:#0088cc;}
.popup.login .content .of{position:relative; float:left; width:100%; margin:40px 0 30px; color:#bbb; border-top:1px solid #eee;}
.popup.login .content .of span{position:absolute; display:inline-block; left:50%; top:-15px; padding:0 12px; margin-left:-18px; background:#fff;}
.popup.login .content .small_links{float:left; width:100%; text-align:center;}
.popup.login .content .small_links a{display:block; height:auto; line-height:24px; margin:0;}
/*materials*/
.popup.materials .content{width:700px;}
.popup.materials .content .left{width:40%;}
.popup.materials .content .right{width:60%;}
.popup.materials .content .right h3{text-align:left; line-height:24px;}
.popup.materials .content .right p{color:#000; font-size:15px; line-height:24px; margin:20px 0;}
/*login*/
#login_form, #recover_password_form{width:50%; margin:0 auto;}
#create_form{width:70%; margin:0 auto;}
/*reminder*/
.section.webshop.product #reminder{display:none; float:left; width:100%; padding-top:20px; border-top:1px dashed #ccc;}
.section.webshop.product #reminder h3{font-size:22px; line-height:30px; color:#e86d6d;}
.section.webshop.product #reminder p{margin:5px 0 20px; font-size:14px; line-height:24px; height:auto;}
.section.webshop.product #reminder p.small{font-size:11px; color:#aaa; margin:7px 0 0 0;}
.section.webshop.product #reminder a{color:#000; text-decoration:underline;}
.section.webshop.product #reminder a:hover{color:#0088cc; text-decoration:underline;}
.section.webshop.product #reminder input{float:left; margin:0; font-size:14px;}
.section.webshop.product #reminder input[type=email]{width:65%; margin-right:5%;}
.section.webshop.product #reminder input[type=button]{width:30%; padding:0; font-size:18px; height:34px; line-height:31px; border: 0;}
.section.webshop.product #reminder input[type=button]:hover{color:#fff; background:#333;}
/*wishlist*/
.section.webshop.product a.wishlist_btn{position:absolute; top:69px; right:70px; width:32px; height:32px; background:url(/modules/webshop/img/wishlist.png) no-repeat top / 32px 32px; -webkit-filter:grayscale(100%); filter:grayscale(100%); cursor:pointer; opacity:0.3; z-index:2;}
.section.webshop.product a.wishlist_btn.okay, .section.webshop.product a.wishlist_btn:hover{-webkit-filter:grayscale(0); filter:grayscale(0); opacity:1;}
/*thnx*/
.section.thanks h1{font-size:30px; line-height:30px; margin:0 0 20px;}

/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi){
.section.webshop.product a.wishlist_btn{background-image:url(/modules/webshop/img/wishlist@2x.png);}
}
/*responsive*/
@media screen and (max-width:1100px){
.section.webshop.product a.wishlist_btn{top:49px; right:50px;}
}
@media screen and (max-width:750px){
#login_form, #recover_password_form, #create_form{width:100%;}
#login_form td, #recover_password_form td, #create_form td{display:block; width:100%; padding:0;}
.section.webshop.product a.wishlist_btn{top:19px; right:20px;}
}
/*anim*/
@keyframes popup{0%{margin-top:10px; opacity:0;}100%{margin-top:0px; opacity:1;}}
@-webkit-keyframes popup{0%{margin-top:10px; opacity:0;}100%{margin-top:0px; opacity:1;}}

@media screen and (max-width:750px){
.popup .content{width:90%; left:5%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.popup .content .left{display:none;}
.popup .content .right{width:100%; margin-left:0;}
.popup .content .right p{font-size:13px;}
.popup .content .right h3{font-size:20px; line-height:30px;}
.popup .content .right table tr:last-child td{line-height:24px;}
.popup.login .content{width:90%; padding:26px 30px;}
.popup.login .content h1{margin:0 0 20px;}
.popup.login .content a{margin:0 0 0 6px;}
.popup.materials .content{width:90%;}
.popup.materials .wrapper{display:block; width:100%;}
.popup.materials .content .left, .popup.materials .content .right{display:block; width:100%;}
    .popup.materials .content .left{height:220px;}
}
@media screen and (max-width:320px){
.popup .content a{height:36px; line-height:36px; padding:0 10px; font-size:13px;}
}