@font-face{
    font-family:"Bebas Neue";
    src:url('/css/bebasneue.eot?#iefix') format('embedded-opentype');
    font-display:swap;
}
@font-face{
    font-family:"Bebas Neue";
    src:url('/css/BebasNeue.otf') format('opentype');
    font-display:swap;
}
@font-face{
    font-family:"Roboto Condensed";
    src:
      url('/css/roboto-condensed-v17-latin-300.woff2') format('woff2'),
      url('/css/roboto-condensed-v17-latin-300.woff') format('woff'),
      url('/css/roboto-condensed-v17-latin-300.ttf') format('truetype');
    font-weight:300;
    font-display:swap;
}
@font-face{
    font-family:"Roboto Condensed";
    src:
      url('/css/roboto-condensed-v17-latin-regular.woff2') format('woff2'),
      url('/css/roboto-condensed-v17-latin-regular.woff') format('woff'),
      url('/css/roboto-condensed-v17-latin-regular.ttf') format('truetype');
    font-weight:400;
    font-display:swap;
}
@font-face{
    font-family:"Roboto Condensed";
    src:
      url('/css/roboto-condensed-v17-latin-700.woff2') format('woff2'),
      url('/css/roboto-condensed-v17-latin-700.woff') format('woff'),
      url('/css/roboto-condensed-v17-latin-700.ttf') format('truetype');
    font-weight:700;
    font-display:swap;
}
-ms-@viewport{
    width:device-width;
    max-zoom:1;
}
@viewport{
    width:device-width;
    max-zoom:1;
}
html{
    display:block;
    font-size:62.5%;
}
body{
    background-color:#050505;
    font-family:'Roboto Condensed', Arial, sans-serif;
    font-size:14px;
    color:#333;
    margin:0;
    padding:0;
}
a{
    color:inherit;
    text-decoration:none;
}
a:hover{
    color:inherit;
    text-decoration:underline;
}
a:visited{
    color:inherit;
}
a:active{
    color:inherit;
}
h1{
    font-family:'Bebas Neue', Arial;
    margin:10px 0;
    font-size:3.8rem;
    line-height:3.2rem;
    font-weight:normal;
    display:inline-block;
}
h2{
    font-family:'Bebas Neue', Arial;
    font-size:2.6rem;
    line-height:2.6rem;
    font-weight:normal;
    margin:50px 0 10px 0;
}
h3{
    font-size:1.8rem;
    line-height:1.8rem;
    text-transform:uppercase;
    margin:40px 0 10px 0;
    font-family:'Roboto Condensed', 'Bebas Neue', Arial;
    font-weight:normal;
}
img{
    vertical-align:middle;
}
input,select,option,textarea{
    font-family:'Roboto Condensed';
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.clearfix:after{
    content:" ";
    visibility:hidden;
    display:block;
    height:0;
    clear:both;
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.show_only_print{
    display:none;
}
.list_ih{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
/*
HEADERIN JA NAVIN
TYYLITTELYT
*/

.header_logo img{
    max-height:50px;
    max-width:360px;
    margin:0;
}
nav.navigation_top{
    position:relative;
    width:100%;
    max-width:1550px;
    margin:0 auto;
    padding:5px;
    color:#b7ad9d;
    font-size:1.2rem;
    background-image:url('/media/header_thatguy.png');
    background-size:187px;
    background-repeat:no-repeat;
    background-position-x:350px;
    background-position-y:-26px;
}

.navigation_menu{
  width:100%;
  margin:0;
  padding:5px 0;
}
.navigation_menu_element_left{
  position: relative;
  display:inline-block;
  float:left;
  height:50px;
  line-height:50px;
}
.navigation_button{
  padding:0 6px;
  margin-right:-1px;
  text-align:center;
  cursor:pointer;
  font-weight:bold;
  text-transform:uppercase;
  border:1px solid rgb(53, 50, 48);
  border-top:1px solid #504e4d;
  background:-webkit-linear-gradient(rgb(66, 63, 58), rgb(23, 21, 21));
  background:-o-linear-gradient(rgb(66, 63, 58), rgb(23, 21, 21));
  background:-moz-linear-gradient(rgb(66, 63, 58), rgb(23, 21, 21));
  background:linear-gradient(rgb(66, 63, 58), rgb(23, 21, 21));
}
.navigation_menu_element_right{
  display:inline-block;
  float:right;
  position:relative;
  height:50px;
  line-height:50px;
  cursor:pointer;
  margin-left:2%;
}
.navigation_menu_element_right img{
  height:16px;
}

.header_cart_product_amount{
    position:absolute;
    top:5px;
    right:5px;
    background:#b54a30;
    border-radius:100%;
    height:16px;
    width:16px;
    line-height:16px;
    color:white;
    text-align:center;
    font-size:1.1rem;
    font-weight:bold;
}
.header_cart_product_amount[data-productamount="0"],
.header_wish_product_amount[data-wishcount="0"],
.header_wish_product_amount[data-wishcount=""] {
  display:none;
}
#header_favorite_button span.header_wish_product_amount{
    position:absolute;
    top:5px;
    right:-5px;
    background:#b54a30;
    border-radius:100%;
    height:16px;
    width:16px;
    line-height:16px;
    color:white;
    text-align:center;
    font-size:1.1rem;
    font-weight:bold;
}
.header_search_input{
    width:100%;
    height:50px;
    padding:0px 35px 0 10px;
    color:#333;
    background:white;
    border:1px solid rgb(53, 50, 48);
}
.search_container_toggle img{
    height: 18px;
}
.header_search_button{
  position: absolute;
  right: 10px;
  top: 16px;
  height: 18px;
  opacity: 0.25;
  cursor:pointer;
}
.header_search_container_com {
  position:relative;
  float: left;
}

@media screen and (max-width:800px){
  header{
    min-width: 320px;
  }
  nav.navigation_top{
    background-image:none;
  }
  .header_search_container{
    display:none;
  }
  .header_search_container_com {
    width: 100%;
    margin-top: 10px;
  }
  .listc_i{
    height:160px;
  }

}
@media screen and (min-width:801px){
.show_only_mobile {
  display:none;
}
}
@media screen and (max-width:1300px){
.show_only_large_desktop {
  display:none;
}
}
@media screen and (max-width:800px){
.show_only_desktop {
  display:none;
}
}
@media screen and (max-width:1000px){
.show_only_small_desktop {
  display:none;
}
}
.header_mobile_only{
  display:none;
  }
@media screen and (max-width: 800px){
.header_mobile_only{
  display:inline-block;
}
}
.gmenu_container{
  z-index:999;
  position:absolute;
  display:none;
  clear:both;
  background:rgba(0,0,0,0.99);
  color:#BEB6A8;
  width:100%;
  max-width:1550px;
  min-width:320px;
  padding:10px 1%;
  top:0;
}
.gmenublock{
  width:24%;
  margin-bottom:40px;
  font-size:1.4rem;
  float:none;
  padding:0;
  vertical-align:top;
  display:inline-block;
}
.gmenublock_wide{
  width:100% !important;
  padding-left:25%;
  padding-right:25%;
}
.gmenublock_header{
  font-size:1.6rem;
  font-weight:bold;
  text-transform:uppercase;
}
.gmenu_mask{
  left:0;
  top:0;
  position:absolute;
  height:100%;
  width:100%;
  display:block;
  z-index:-1;
  background:rgb(0,0,0);
}


.gmenu_container a, .information_menu_container a{
  display:block;
  padding:3px 0;
}
.main_container_container{
    width:100%;
}
.main_container{
    max-width:1550px;
    min-width:320px;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
.information_menu_container,.menu_login, .menu_loggedin{
    display:none;
}
.category_container{
    width:100%;
    min-height:100vh;
    background-color:#fff;
}
.category_breadcrumbs{
    font-size:1.4rem;
    font-weight: lighter;
    padding:20px 20px 0px 30px;
    width:100%;
}
.menu_important_notification{
    max-width:1550px;
    min-width:320px;
    padding:8px 10px;
    margin:0;
    text-align:center;
    color:white;
    background:#903222;
    margin: 0 auto;
    border-bottom: 1px solid #111;
}
.menu_important_notification a {
    text-decoration: underline;
}
.menu_important_notification_ok{
    border:1px solid rgba(255,255,255, 0.4);
    padding:2px 10px;
    margin-left:20px;
    background:rgba(255,255,255, 0.1);
    cursor: pointer;
}

.backtotop_button{
  cursor:pointer;
  position: fixed;
  top: -80px;
  left: 45%;
  margin: 0px; 
  padding: 20px 40px;
  font-size:1.4rem;
  z-index: 401;
  display: inline-block;
  color: white;
  background: rgba(0, 0, 0, 0.75);
  transition: top 1s;
  -webkit-transition: top 1s;
  border-radius:2px;
}
.backtotop_button_show{
  top:0;
}
.mobile_bottomsearch_toggle{
  display:none;
}

@media screen and (max-width: 800px){
  .backtotop_button{
    left: 30%;
  }
  .backtotop_button_show{
    bottom: 0;
    top: auto;
  }
  .mobile_bottomsearch_toggle{
    position: fixed;
    bottom: -80px;
    height:57px;
    left: 5%;
    margin: 0px; 
    padding: 18px;
    font-size:1.4rem;
    z-index: 100;
    display: inline-block;
    color: white;
    background: rgba(0, 0, 0, 0.75);
    transition: top 1s;
    -webkit-transition: top 1s;
    border-radius:2px;
  }
  .mobile_bottomsearch_toggle img{
    height:20px;
    filter: invert(1);
    -webkit-filter: invert(1);
  }
  .mobile_bottomsearch_toggle_show{
    bottom:0;
  }
.category_container{ padding:0; }
}
/*
MAIN
CONTENT
*/
.main_content{
    margin:0;
    padding:0;
    width:100%;
    max-width:1550px;
    min-width:320px;
    background:white;
}
.page_container{
    padding:20px;
    padding-bottom:80px;
    background:white;
    font-size:1.6rem;
    line-height:2.2rem;
}
#page_container{
    background-color:#fff;
    padding:10px 0 10px 0;
    width:100%;
    max-width:1550px;
    min-width:320px;
}
.page_container_header{
    padding:0 0 0 20px;
}

.footer_container{
    width:100%;
    padding:0;
    margin:0;
    background-color:#d9d9d9;
    background:-webkit-linear-gradient(#3f3f3f, #1f1f1f);
    background:-o-linear-gradient(#3f3f3f, #1f1f1f);
    background:-moz-linear-gradient(#3f3f3f, #1f1f1f);
    background:linear-gradient(#3f3f3f, #1f1f1f);
}

.footer{
    position:relative;
    max-width: 1550px;
    min-width:320px;
    font-size:1.4rem;
    margin-top:0;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    padding:10px 0;
    color:#b7ad9d;
    clear:both;
}


.list{
    position:relative;
    display:inline-block;
    text-align:left;
    vertical-align:top;
}
.list img{
    max-width:90%;
    vertical-align:middle;
}
.list del{
    /*color:#b50000;
    color:#ff0000;*/
    color:#ea0000;
    display:block;
}

.list_p{
    display:block;
    margin-top:2px;
}
.listc .list_p{
    font-size:1.6rem;
    font-weight:normal;
}
.list_resupply{
    width:100%;
    background-color:#ddd;
    color:#333;
    margin-top:-10px;
}

.listc{
    width:240px;
    padding:10px 20px 60px 20px;
    margin:0;
    overflow:hidden;    
    display:inline-block;
}
.list_d{
    display:block;
    font-size:1.2rem;
    line-height:1.4rem;
    font-weight:lighter;
    padding-left:10px;
}
.listc a, .listc, .listc:hover{
    text-decoration:none;
    color:#333 !important;
}
.listc_d{
    font-size:1.2rem;
    font-style:italic;
    max-height:60px;
    overflow:hidden;
}
.listc_i{
    width:100%;
    height:280px;
    background:#fbfbfb;
    text-align:center;
    position:relative;
    padding:0 0 30px 0;
    margin-bottom:10px;
    overflow:hidden;
}
.listc_i > img{
    max-height:90%;
    vertical-align:middle;
    filter:brightness(0.99);
    -webkit-filter:brightness(0.99);
}
.list_ei_c, .listc_ei_c{
    height:30px;
    position:absolute;
    bottom:5px;
    left:5px;
    z-index:1;
}
.listc_ei{
    width:30px;
    height:30px;
    padding:1px;
    float:left;
    display:inline-block;
}
.listc_ei_c img{
    max-width:30px;
    max-height:30px;
    float:left;
    filter:brightness(0.98);
    -webkit-filter:brightness(0.98);
}
.list_nap{
  font-size:1.4rem;
  line-height:1.4rem;
  font-weight:lighter;
  padding-left:10px;
}
.listc_n{
  font-size:1.4rem;
  line-height:1.4rem;
  font-weight:bold;
  margin:0;
}
.listc_p{
  display:block;
  margin:4px 0;
  font-size:1.4rem;
  line-height:1.4rem;
  font-weight:lighter;
}

.list_oos{
    opacity:0.4;
}

.disallowed_shipping_item {
    display: list-item;
}
/*
LEVEÄ NÄKYMÄ
*/
@media screen and (min-width:1300px){

   /* .listc_i{
  height:240px;
}*/

.category_container{width:85%;float:right;clear:none;}
.page_container, .main_content, .account_container, .wish_container{ width:85%;float:right;clear:none;}
.page_container{ padding:20px 3%; }

.productgroup_button{
display:none !important;
}
#header_shop_button{ display:inline-block; }
#header_frontpage_button{ display:inline-block; }
#header_contact_button{
display:inline-block;
}
.gmenu_container{
display:block !important;
width:15%;
min-width:0;
position:relative;
float:left;
}
.gmenu_container .gmenublock{
width:100%;
}
.header_search_container, .header_search_container_com{
width:400px;
}



}

/* PIENI NÄYTTÖ TYYLI */
@media screen and (max-width:1000px) and (min-width:801px){
.listc{
    width:32%;
}
}