.product_description_container h2{
  font-size:3.6rem;
  line-height:3.2rem;
  position:relative;
  left:-3%;
}

.browse{
  position:fixed;
  top:0;
  font-size:1.2rem;
  color:#fff;
  padding:0;
  cursor:pointer;
  height:100%;
  z-index:3;
  background:transparent;
}
#exit_gallery{
  width:100%;
  position:fixed;
  top:0;
  right:0;
  padding:20px;
  text-align:right;
  font-size:1.2rem;
  z-index:4;
  cursor:pointer;
  color:white;
}
.browse_button{
  display:inline-block;
  background:#000;
  background:rgba(0,0,0,0.75);
  height:70px;
  line-height:70px;
  padding:0 10px;
}
.browse_button:hover{
  background:rgba(0,0,0,1.0);
}
#browse_previous{
  left:0;
  padding:0;
}
#browse_next{
  right:0;
  padding:0;
}


.thumb_description_notifier{
  display:none;
  border-radius: 2px;
  background: #111;
  position: absolute;
  width: 14px;
  height: 10px;
  line-height: 2px;
  color: white;
  bottom: 12%;
  left: 42%;
  font-size: 1.4rem;
  opacity: 0.5;
}
.thumb_forvideo{
  background:#c65746;
  color:white;
  border-radius:2px;
  text-align:center;
  display:inline-block;
  line-height:30px;
}

.product_picture_video img{
    height:100%;
    width:100%;
}
.ig_container{
  border-top:1px solid #ddd;
  padding:20px 0;
  margin-top:20px;
}
.ig{
  height:170px;
  display:inline-block;
  position:relative;
  margin:2px 0;
}
.ig_owner{
  position:absolute;
  bottom:0px;
  left:0px;
  color:white;
  display:block;
  width:100%;
  padding:1px 5px;
  text-align:center;
}
.gallery{
  z-index:999999999;
  width:100vw;
  height:100vh;
  position:fixed;
  overflow:auto;
  left:0;
  top:0;
  text-align:center;
  background:#222;
}
.picture_big{
  position:fixed;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  cursor:pointer;
}
.picture_big img{
  max-height:90%;
  max-width:100%;
  position:fixed;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
}
.picture_loading{
  height:20px;
  width:100px;
  position:fixed;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0; 
  font-size:1.6rem;
  font-weight:bold;
  z-index:1;
}
.picture_loading img{
  width:100px;
  opacity:0.25;
}
.picture_desc{
  display:inline-block;
  color:white;
  font-style:italic;
  background:rgb(0,0,0);
  background:rgba(0,0,0, 0.75);
  padding:5px 10px;
}
.picture_desc_container{
  display:none;
  position:fixed;
  bottom:0px;
  width:100%;
  padding:10px;
  line-height:2.4rem;
  cursor:inherit;
  font-size:1.6rem;
  z-index:3;
}


/*
TUOTEKORTIN
OSTAMISEN
TYYLITTELYT
*/


.customer_fit_ok{
  background-color:#dbecdb !important;
}

.variation_spacer{
  height:10px;
  width:100%;
}
.variation_spacer_desc{
  margin-top:6px;
  font-weight:bold;
  font-size:1.1em;
  height:auto !important;
}
.variation_toggle{
  position:relative;
  display:none;
  padding:0 2%;
  font-size:1.3rem;
  width:100%;
  height:50px;
  line-height:50px;
  margin-bottom:-1px;
  border:1px solid #777;
  cursor:pointer;
  max-width: 300px;
  border-radius: 2px;
  margin-bottom: 5px;
  background: white;
}
.variation_toggle span{
  position:absolute;
  right:10px;
  top:0px;
}

.product_buy_selector select{
  height:36px;
  width:100%;
  margin-bottom:8px;
  border:0;
  background:#f5f5f5;
}
.product_buy_selector_left_info_stock{
  line-height:1.7rem;
}
.bs_accessory_item select, .bs_accessory_item select option{
  font-size:1.6rem;
  font-weight:lighter;
  cursor:pointer;
  width:auto;
  border: 1px solid #333;
  background: #Fafafa;
}


.vt_i_large{
  max-width:90px;
  max-height:90px;
}
.variation_addtocart_button{
  display:inline-block;
  border:0;
  font-size:1.0rem;
  text-transform:uppercase;
  margin:10px 0;
  padding:6px 8px;
  color:black;
  background:#f5f5f5;
  border:1px solid #a5a5a5;
  border-radius:1px;
  height:30px;
}
.variation_addtocart_button:hover{
  background:white;
}
.buyamount_variation{
  padding:5px;
  margin-left:-1px;
  height:30px;
  position:relative;
  top:1px;
}
.product_notify_box{
  width:170px;
  background:#333;
  padding:10px;
  position: absolute;
  z-index: 99;
  color:white;
  text-align: center;
}
.product_notify_box_amount{
  bottom:40px;
  left:-10px;
}
.product_notify_box_select{
  top:auto;
  bottom:-10px;
  left:-15px;
  padding:20px;
  background-color:#333;
  border-radius: 2px;
}
.product_notify_box_wishlist{
  bottom: 45px;
  left: 100px;
}
.product_notify_box_select div{
  display:none;
  top: -15px;
  border-bottom: 15px solid #333;
  border-top:0;
}
.notify_product_added_cart_variation{
  display:none;
  padding:6px 4px;
  color:#25c125;
  font-weight:bold;
}
.toimitusmaksu_lisatiedot{
  display:inline-block;
  padding:6px 0 0 0;
  font-size:1.1rem;
  line-height:1.2rem;
  font-style:italic;
}
.v_oos_note{
  padding:10px 3% 0 3%;
  background:#4c4c4c;
  color:white;
  font-size:1.6rem;
}
.recycle_container{
  padding:0 0 20px 20px;
  font-size:1.4rem;
  font-weight:lighter;
}
.recycle_container label {
  font-weight: lighter !important;
}
.recycle_container a{
  text-decoration: underline;
}

.bs_accessory_item{
    margin:10px 0 5px 0;
}
.bs_accessory_item input[type="checkbox"]{
  width:20px;
  height:20px;
  vertical-align:middle;
}
.bs_accessory_item > *{
  max-width:85%;
  cursor:default;
}
.bs_accessory_item > span{
  padding-left:5px;
} 
.bs_accessory_item > span, .bs_accessory_item > select, .bs_accessory_item > input{
display:inline-table;
color:#333;
}

.wishlist_button:hover, .graybutton:hover{
  background:linear-gradient(#fff,#f9f9f9);
  background:-o-linear-gradient(#fff,#f9f9f9);
  background:-moz-linear-gradient(#fff,#f9f9f9);
  background:-webkit-linear-gradient(#fff,#f9f9f9);
}
.buy_buttons a:hover{
  text-decoration:none !important;
}
.wishlist_button img{
    display:inline-block;
    opacity:0.75;
    vertical-align:middle;
}
.wishlist_button_active{
    cursor:default !important;
    font-weight: bold !important;
}
.product_wish_delete{
    display:inline-block;
    cursor:pointer;
}


.product_buy_selector_price{
  font-size:2.2rem;
}
.product_buy_selector_price del{
  color:red;
}

#buy_selector{
  width:280px;
  height:30px;
  margin-bottom:0;
  padding-left:12px;
}
.buy_buttons{
  padding:0;
  width:100%;
}

#buy_button_red:hover{
  background:-webkit-linear-gradient(#ec7a63, #c35842);
  background:-moz-linear-gradient(#ec7a63, #c35842);
  background:-o-linear-gradient(#ec7a63, #c35842);
  background:linear-gradient(#ec7a63, #c35842);
}

.buy_button_outofstock:hover{
  background:#f9f9f9!important;
}
.product_sp_c{
  margin-bottom:14px;
  max-width: 800px;
}
.product_gsp, .product_usp {
  display:inline-block;
  padding:5px;
  font-weight:lighter;
  margin:0 2px 2px 0;
  position:relative;
  text-align:center;
  font-size: 1.2rem;
}
.product_gsp img, .product_usp img {
  height:14px;
  margin-right:4px;
  position:relative;
  bottom:2px;
}
.usp_kiertotalous_infobox,.gsp_ilmainenpalautus_infobox{
  display:none;
  position:absolute;
  left:0;
  top:35px;
  max-width:300px;
  padding:10px;
  background:white;
  border-radius:2px;
  z-index:1;
}

.product_tabbutton_selected{
  background:white;
}



.product_description a, .product_description a:visited{
  color:#B74A33;
  text-decoration:underline;
}
iframe[src*="youtube"], iframe[src*="vimeo"]{
  width:100%;
  display:block;
  margin-bottom:20px;
  min-height: 300px;
  height: 50vh;
  max-height: 600px;
}
iframe[src*="facebook"]{
  width:45%;
  margin-bottom:20px;
}
.expand_button:before{
  content:'+';
  margin:0 5px;
  padding:3px 0;
  width:25px;
  text-align:center;
  display:inline-block;
  color:white;
  background:#333;
  background:#c65746;
}
.expand_button_open:before{
  content:'-';
}
.expand_button{
  cursor:pointer;
  margin:10px 0;
}
.expand_container{
  display:none;
  padding-left: 35px;
}
.expand_container > *{
  margin-top:0;
}
.product_description ul, .product_description ol{
  margin-top:10px;
  margin-bottom:10px;
  padding-left:20px;
}
.product_description_container img{
  max-width:100%;
}
span.product_description img{
  margin-bottom:3px;
  cursor:pointer;
  filter:brightness(0.98);
  -webkit-filter:brightness(0.98);
}
span.product_description img.megapicture{
  width: 145%;
  max-width: none !important;
  position:relative;
  left: -16%;
  margin-top: 40px;
  margin-bottom: 0;
}
span.product_description img.halfpicture,
span.product_description img.doublepicture{
  width:48%;
  padding:20px 2% 0 0;
}
span.product_description div.megabox{
  background-color:#222;
  background-size: cover;
  background-position-y: 0%;
  background-position-x: 50%;
  clear:right;
  width: 145%;
  padding: 160px 16%;
  position: relative;
  left: -16%;
  color: white;
  text-shadow: 1px 1px 0px #000;
  margin: 40px 0;
}
span.product_description div.megabox a{
  color:#e68671;
}
span.product_description div.megabox *{
  max-width: 800px;
}
.kokemus_container{
  clear:both;
}
blockquote{
  font-size: 1.1em;
  border-left: 1px solid #c65746;
  padding: 20px 3%;
  margin: 30px 0 30px 2%;
}
blockquote.kokemus{
  font-style:normal;
  font-size:1.6rem;
  line-height:2.2rem;
  border-left:0;  
  max-width: 90%;
  padding: 20px 3%;
  margin: 30px 0;
  background-color:#f7f7f7;
  color:inherit;
  border-radius:0;
}
blockquote.kokemus div{
  padding:0 3% 0 0 ;
  margin:0;
  width:73%;
  display:inline-block;
  vertical-align:top;
}

blockquote.kokemus h2, blockquote.kokemus h3{
  margin-top:0;
  left:0;
}
blockquote.kokemus cite{
  font-style:normal;
  width:25%;
  display:inline-block;
}
blockquote.kokemus cite img{
  display:block;
}
blockquote.kokemus a{
  color:inherit;
}

.reviews_and_fbcomments{
  padding:20px 5%;
  background-color:#fbfbfb;
  float:left;
}
.comments, .product_reviews{
  width:100%;
  float:left;
  margin:0 0 60px 0;
  font-weight:lighter;
  font-size:1.6rem;
  word-break:break-word;
}
.review_stars img{
  height:28px;
  -webkit-filter:hue-rotate(-35deg);
  filter:hue-rotate(-35deg);
}
.reviews_i_recommend{
  display:inline-block;
  font-size:1.6rem;
  font-weight: bold;
}
.reviews_i_dont_recommend{
  display:inline-block;
  font-size:1.6rem;
  font-weight: bold;
}
.product_review span[itemprop="author"]{
  text-transform:capitalize;
}
.review_likecontrols{
    padding:10px 0 0 0;
    font-size:1.2rem;
}
.review_likes, .review_dislikes {
  margin-right:5px;
}
.review_dislikes{
  margin-left:5px;
}
.product_review{
  width:100%;
  font-size:1.4rem;
  padding: 10px 5%;
  margin-bottom:50px;
}
.product_review[data-old="1"]{
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
}
.review_text{
  padding:10px 0 0 40px;
  font-weight:lighter;
  font-size:1.6rem;
  line-height: 2.2rem;
  word-break: break-word;
}
.review_text_minimized{
  height:26px;
  overflow:hidden;
  background:#f9f9f9;
  font-size:1.1rem;
  padding:2px 20px;
  cursor:pointer;
}
.edit_area{
  cursor:pointer;
  display:block;
  padding:5px 0;
}
.review_bottom{
  padding:30px 5% 30px 5%;
  background:#333;
  color:white;
  border-radius:2px;
  clear:both;
}
.product_reviews .review_text_input, .replyinput{
  width:100%;
  min-height:100px;
  padding:8px;
}
.report_abuse_forreal {display:none;padding:20px;font-size:1.2rem;border-top: 1px solid #ccc;margin-top:20px;}
.cancel_abuse_report{cursor:pointer;margin-left:10px;}

.reviewoverview_container {position:relative;width:33%;float:left;margin:0;padding:0 3% 30px 0;font-size:1.4rem;text-align:center;}

.averages {display:inline-block;width:100%;position:relative;vertical-align:top;font-size:1.4rem;line-height: 1.4rem;margin:30px 0;}
.averages_block{padding-top:20px;}
.reviewpoints_c{ display:block;vertical-align:top;position:relative;margin:20px 0;font-size:1.1rem; }
.legends{ display:block;float:left;width:50%;height:100%;padding-right:8px;text-align:right;border-right:1px solid #444;}
.legends img{height:16px; -webkit-filter: hue-rotate(-35deg);filter: hue-rotate(-35deg);     }
.starpercents {display:block;width:50%;float:left;position:relative;}
.starpercentbar {height:20px;margin:0;background:linear-gradient(0deg, #333,#222);background:-o-linear-gradient(0deg, #333,#222);background:-webkit-linear-gradient(0deg, #333,#222);background:-moz-linear-gradient(0deg, #333,#222);display:block;position:relative;opacity:0.9;cursor:pointer;}
.starfrequency {position:absolute;top: 5px;right:-15px;font-style:italic;font-size:1.2rem;}
.starlegend {display:block;height:20px;padding-top:0;opacity:0.9;cursor:pointer;}
.starlegend:hover, .recommend_toggle:hover, .starpercentbar:hover, .lang_filter:hover, .reviews_show_all:hover{opacity:1;}
#reviews_sorting_selector{
  padding:10px;font-size:1.2rem;}
.recommendpercent {display:inline-block;width:140px;font-size:1.4rem;line-height:1.4rem;margin:40px 0;vertical-align:top;}
.recommend_toggle {cursor:pointer;opacity:0.9;}
.product_sorting{
  margin: 10px 0 0 0;
}
.product_reviews_sortcontainer{
  max-height:65vh;
  padding:10px 10px 10px 0;
  overflow-y:auto;
  background-color:#f7f7f7;
  margin-bottom:50px;
  border-top:0;
  float:left;
  width:67%;
}
.reviews_show_all{
  display:none;
  margin-top:10px;
  padding:10px;
  text-align:left;
  background:#c65746;
  color:white;
  cursor:pointer;
  opacity:0.9;
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
}
.possibly_obsolete_review{
  margin-bottom:5px;
  display:block;
}
#kirjoitakokemus img{
  height:24px;
  cursor:pointer;
}
.lang_select_c{
  width:20%;
  display:inline-block;
  vertical-align:top;
}
.lang_filter{
  display:inline-block;
  background:linear-gradient(#f9f9f9,#eee);
  background:-o-linear-gradient(#f9f9f9,#eee);
  background:-webkit-linear-gradient(#f9f9f9,#eee);
  background:-moz-linear-gradient(#f9f9f9,#eee);
  color:#000;
  border:1px solid #999;
  margin:2px 0;
  cursor:pointer;
  padding:15px 3%;
  font-size:1.2rem;
  font-weight:lighter;
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
  border-radius:2px;
}
.lang_filter:hover{
  border-color:#333;
}
.lang_selected{
  background:white;
}
.replybutton{
  margin: 10px 0 0 40px;
  display: inline-block;
}
.reply_c{
  margin-top:10px;
  padding-left:40px;
}
.reply_c > span {
  cursor:pointer;
}
.replydelete, .reviewdelete{
  cursor:pointer;
}
.product_fbcomments_container{
  width:100%;
  margin-top:60px;
  overflow:hidden;
}
.product_fbcomments{
  padding:20px 2%;
  margin:0 0 60px 0;
  width:100%;
}
.recommend_and_selector_container{
  float:right;
  width:50%;
}
.product_buy_selector label{
  font-weight:normal;
  margin:0 0 -1px 0;
}
.product_recommend a:hover{
  text-decoration:underline;
}
.product_recommend_container{
  width:100%;
  overflow:hidden;
  clear:both;
  padding:60px 5%;
  margin-bottom:50px;
  position:relative;
}
.product_recommend{
  display:flex;
  flex-wrap:wrap;
  position:relative; 
  padding:0;
}
.product_recommend_scroller{
  width:8000px;
  height:380px;
}
.listc{
  width:16% !important;
  padding:10px !important;
  background:#fbfbfb;
  margin:0.5%;
}
.listc_i > img{
  max-height:100% !important;
  max-width:100% !important;
}
.list_articlealso .listc_n {font-weight: bold;font-size: 1.4rem;}
.list_articlealso .listc_i { background-position-x:50%;background-position-y:50%;background-size:cover; }
.list_articlenote {background:#444 !important ;color:white !important;border-color:#444 !important;}
#useralreadyreviewed{
  display:none;
}
.socialbutton_c{
  margin-bottom:40px;
}
.socialbutton{
  display:inline-block;
  background:#eee;
  padding:20px;
  border:1px solid #ddd;
  cursor:pointer;
}
#askings{
  cursor:default;
  background:transparent;
  border:0;
}
.socialbutton_selected{
  background:white;
}
.varustelekareplyelement{
  padding:8px 20px;
  font-size:1.4rem;
  width:88%;
  margin-left:10%;
  margin-top:15px;
  border-left:1px solid #ddd;
}
.replytext{
  font-size:1.6rem;
}
.likethumb{
  height:20px;
  position:relative;
  bottom:4px;
}
.dislikethumb{
  height:20px;
  position:relative;
  bottom:4px;
}
.likethumb_button, .dislikethumb_button{
  cursor:pointer;
}
.likethumb_button:hover, .dislikethumb_button:hover{
  opacity: 0.7;
}
.report_abuse_button{
  margin-right:-20px;
  margin-left:10px;
  cursor:pointer;
}
.report_abuse_c{
  display:none;
  line-height:normal;
  padding: 0 20px 20px 20px;
    font-size: 1.2rem;
    border-top: 1px solid #ccc;
    margin-top: 20px;
}
.product_comments_container{
  background:#f7f7f7;
  padding:5px 6%;
}
.product_comment{
  margin:40px 0;
}
.product_comment .reply_c{
  padding:0;
}
.comment_controls{
  font-size:1.2rem;
  margin-top:5px;
}
.deletereply, .comments .report_abuse_button{
  font-size:1.2rem;
  cursor:pointer;
}
.replyelement{
  padding:8px 20px;
  font-size:1.4rem;
  width:94%;
  margin-left:5%;
  border-left:1px solid #ddd;
}
.deletereview, .deletecomment, .replytocomment{
  cursor:pointer;
  margin-left:10px;
}
.comment_bottom {
    padding: 20px 5%;
    background: #333;
    background: #f7f7f7;
}
.comment_text_input {
    width: 100%;
    min-height: 100px;
}
.product_recommend .listc_i {
  max-height:200px;
}
.product_recommend .listc_n, .product_recommend .listc_p, .product_recommend .list_d {
  padding-left:10px;
}
.product_recommend_scroller{
  min-width:100%;
}
#mobile_largelink{  
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px;
    text-align: center;
    font-size: 1.2rem;
    z-index: 5;
    cursor: pointer;
    display: inline-block;
    color:white;
  }
/* .product_description_container th, .product_description_container td {
  font-weight: inherit;
  font-size: 0.9em;
  line-height: 1.4em;
} */
.product_description_container ul, .product_description_container ol {
  padding-left:30px;
}
.product_description_container li {
    margin-bottom: 10px;
}
.shareproduct_button{
  font-size: 1.3rem;
  cursor: pointer;
  display: inline-block;
  margin: 4px -4px 4px 0;
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
  text-align: center;
  border-radius: 2px;
  background:#f5f5f5;
  color: #222;
  font-weight: normal;
  border: 1px solid #adadad;
  border-top: 1px solid #ddd;
}
.shareproduct_button:hover{
  background:linear-gradient(#fff,#f9f9f9);
  background:-o-linear-gradient(#fff,#f9f9f9);
  background:-moz-linear-gradient(#fff,#f9f9f9);
  background:-webkit-linear-gradient(#fff,#f9f9f9);
}
.addthis_sharetools_c{
  display:none;
}




















/*
TUOTEKORTTI
KÄNNYKÄLLÄ
*/
@media screen and (max-width:800px){

.product_sp_c{
  text-align:center;
}

.browse_button{
  background:rgba(0,0,0,0.4);
  height:45px;
  line-height:45px;
  padding:0 7px;
}
.browse_button:hover{
  background:rgba(0,0,0,0.4);
}
/*.gallery{
  background:rgba(255,255,255,0.95);
}*/
.picture_big{
  position: relative;
}
.picture_big img {
  max-height: 80%;
}
.picture_loading{
  display:none;
}  

.buy_button{
  background: -webkit-linear-gradient(#dc7e70, #bb6052);
  background: -moz-linear-gradient(#dc7e70, #bb6052);
  background: -o-linear-gradient(#dc7e70, #bb6052);
  background: linear-gradient(#dc7e70, #bb6052);
  font-size:1.3rem;
}
.shareproduct_button{
  width:100%;
}
.product_tabbutton_container{
  padding:20px 0;
}
.product_tabbutton{
  margin-top:10px;
  margin-bottom:10px;
}
.buyamount_variation{
  padding:6px;
  margin-left:-1px;
  border:1px solid #a5a5a5;
  height:30px;
  position:relative;
  top:2px;
}

.product_description_container{
  padding-right:10% !important;
}
.product_description_container table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}
blockquote.kokemus div{
   width:100%;
   padding:0;
}
span.product_description img.megapicture{
  left:-24%;
}
span.product_description div.megabox{
  width:111%;
  left:-5.5%;
}

.product_recommend_container h2{
    padding-left:3%;
}
.comments, .product_reviews{
  padding:0 7%;
}
.product_recommend_scrollable_container{
    overflow-x:auto;
    overflow-y:hidden;
    padding:0;
}
.listc{
    width:47% !important;
}
.list_ostamyosnote{
    top:108px;
}
 iframe[src*="youtube"]{
    width:100%;
}
 iframe[src*="facebook"]{
    width:100%;
}
.reviews_and_fbcomments{
    padding:10px 4%;
}
#product_katsomyos h2{
    padding-left:3%;
}
.reviewoverview_container, .product_reviews_sortcontainer, .averages, .product_sorting, .reviewpoints_c{
  width:100%;
  max-width:100%;
}
.lang_filter{
  display:inline-block;
  float:none;
}
}




/*
MEGA
HUGE
VISUALS
*/
@media screen and (min-width:1300px){
.listc {
    width: 13% !important;
}
}



.added_to_cart_modal_c{
  display:block;
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index:1000;
  text-align:center;
  animation-name: fadingin;
  animation-duration: 0.5s;
}

.added_to_cart_background{
  display:block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(30,30,30,0.2);
  z-index: 1001;
}
.added_to_cart_modal{
  max-height:400px;
  width:90vw;
  max-width:660px;
  padding:10px 15px;
  border-radius:4px;
  background:white;
  text-align:left;
  margin:auto;
  position:absolute;
  top:100%;
  bottom:0;
  left:0;
  right:0;
  overflow-y:hidden;
  z-index:1002;
}
.added_to_cart_modal_products{
  display:flex;
  flex-wrap: wrap;
}
.added_to_cart_modal_products .listc_n,
.added_to_cart_modal_products .listc_p {
    padding-left:10px;
  }
/* Standard syntax */
@keyframes fadingin {
  from {opacity: 0;}
  to {opacity: 1;}
}
@media screen and (min-width:801px){
  .added_to_cart_modal_products .listc {
    width:150px !important;
  }
  .added_to_cart_modal_products .listc_i {
    height:150px;
  }
}
@media screen and (max-width: 800px){
  .added_to_cart_modal_products .list:nth-child(3),
  .added_to_cart_modal_products .list:nth-child(4) {
    display: none;
  }
}
.modal_notify_product_added_cart{
    display: inline-block;
    font-size: 1.4rem;
    padding: 9px 1%;
    z-index: 1;
    border-radius: 2px;
    font-weight: lighter;
    float: right;
    border: 1px solid #ddd;
    margin-right: 5px;
    height: 36px;
}
.added_to_cart_modal_header{
  font-size: 3.6rem;
  margin: 5px 0;
  font-family: "Bebas Neue";
  line-height: 3rem;
}
.modal_close{
  display: inline-block;
  float:right;
  font-size:2.0rem;
  font-weight: lighter;
  padding:5px 10px;
  border:1px solid #ddd;
  cursor:pointer;
}
.modal_close:hover, .modal_notify_product_added_cart:hover{
  background-color:#f9f9f9;
  }




















  .product_container .noborder{
  border:0;
}
.product_container .textaligncenter{
  text-align:center;
}
.product_container .textalignright{
  text-align:right;
}
.product_description_container table tr:nth-child(odd) {
    background: #f4f4f4;
}
















/* VARIATION FETCH */

  .variations_flexbox{
    width:100%;
    display:flex;
    flex-wrap: wrap;
  }
  .variation_color_container{
    width:100%;
    margin:10px 0;
  }
  #sizehelper_input{
    display:none;
  }
  .variation_selected{
    background:#f5f5f5 !important;
  }
  .fullwidth_variation{
    width:100%;
  }
  .variation_availability ul{
    list-style-position: outside;
    list-style-type: disc !important;
    font-weight: lighter;
    font-size:1.4rem;
    padding-left: 20px !important;
    margin-bottom: 20px !important;
  }
  .variation_availability ul li{
    line-height: normal;
  }
  .variation_availability ul li a{
    text-decoration: underline;
  }
  .variation_package_details{
    margin:10px 0;
  }
  .variation_package_details .product_package_variation_selector{
    display:block;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    height:auto !important;
    width:auto !important;
    background:transparent !important;
    font-weight:lighter;
    margin-bottom:0;
  }


  @media screen and (max-width:800px) {
    .variations_flexbox{
      background: #f5f5f5;
    }
  }






  /* MYYMÄLÄKARTTA */

    /* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
  }
.leaflet-container {
  overflow: hidden;
  }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
    -webkit-user-drag: none;
  }
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
  }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
  }
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
  }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  }

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
  }
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
  }
.leaflet-tile-loaded {
  visibility: inherit;
  }
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  z-index: 800;
  }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
  }

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
  }
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
  }


/* control positioning */

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
  }
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  }
.leaflet-top {
  top: 0;
  }
.leaflet-right {
  right: 0;
  }
.leaflet-bottom {
  bottom: 0;
  }
.leaflet-left {
  left: 0;
  }
.leaflet-control {
  float: left;
  clear: both;
  }
.leaflet-right .leaflet-control {
  float: right;
  }
.leaflet-top .leaflet-control {
  margin-top: 10px;
  }
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
  }
.leaflet-left .leaflet-control {
  margin-left: 10px;
  }
.leaflet-right .leaflet-control {
  margin-right: 10px;
  }


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
  }
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
  }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
  }
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  }
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
  }
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
     -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
          transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
  }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
  }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
  }


/* cursors */

.leaflet-interactive {
  cursor: pointer;
  }
.leaflet-grab {
  cursor: -webkit-grab;
  cursor:    -moz-grab;
  cursor:         grab;
  }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
  }
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
  }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
  cursor:         grabbing;
  }

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
  }

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
  }

/* visual tweaks */

.leaflet-container {
  background: #ddd;
  outline: 0;
  }
.leaflet-container a {
  color: #0078A8;
  }
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
  }
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255,255,255,0.5);
  }


/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  }


/* general toolbar styles */

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
  }
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
  }
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  }
.leaflet-bar a:hover {
  background-color: #f4f4f4;
  }
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  }
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
  }
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
  }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  }
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  }
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  }

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
  }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
  font-size: 22px;
  }


/* layers control */

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
  }
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
  }
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
  }
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
  }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
  }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
  }
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
  }
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  }
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
  }
.leaflet-control-layers label {
  display: block;
  }
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
  }

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
  }


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  }
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  }
.leaflet-control-attribution a {
  text-decoration: none;
  }
.leaflet-control-attribution a:hover {
  text-decoration: underline;
  }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
  }
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
  }
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
  }
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
       box-sizing: border-box;

  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  }
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
  }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
  }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
  }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
  }


/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
  }
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
  }
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
  }
.leaflet-popup-content p {
  margin: 18px 0;
  }
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
  }
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;

  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  }
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  }
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
  }
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
  }
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;

  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
  }
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
  }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
  }


/* div icon */

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
  }


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  }
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
  }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
  }

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
  }
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
  }
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
  }
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
  }
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
  }
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
  }