/* Add any CSS code here */



a:hover, .data-table .product-name a:hover, #nav > li.active > a, #nav .custommenuitem.blog a, .block .block-content .product-name a:hover, .block-account .block-content li a:hover, .block-layered-nav dt:hover, .block-layered-nav dd li a:hover, .products-list .product-name a:hover, .related-sidebar .name a:hover, .block-progress dt:hover, .box-product-item .name a:hover, .buttons-cart:hover, .shop-about .shop-about-news li h2 a:hover, .footer-wrapper a, #footer .column a:hover, .left-categorys a:hover, .postWrapper .postTitle h2 a:hover, .post-social a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
color: #68c4e9;
}

button.button:hover, .button:hover, button.button.inverted, .button.inverted, .toolbar, .form-search button.button:hover, #nav > li.over > a, #nav > li:hover > a, .quantity_box_button_up:hover, .quantity_box_button_down:hover, .opc .step-title, #footer #message a, .box-product-buttons a:hover:not(.buttons-cart), .shop-about .shop-about-text a.more:hover, .shop-newsletter, .show-more-button:hover, .fullwidthbanner-container .tp-leftarrow.default:hover, .fullwidthbanner-container .tp-rightarrow.default:hover, .greatshop-button a:hover, .slicknav_btn:hover, .bx-wrapper .bx-prev, .bx-wrapper .bx-next, .prev, .next {
background-color: #68c4e9;
}

#nav .level1 > a:hover span {
color: #68c4e9 !important;
}

.show-more-button, #nav, .top-bar, .widget_custom_box_left .custom_box, .widget_custom_box_left #custom_box_icon {
border-color: rgba(214, 215, 215, 0) !important;
}

.shop-about .shop-about-text, .shop-about .shop-about-slider {
width: 100%;
max-width: 264px;

}

.shop-about .shop-about-text .text {
padding: 35px 33px;
color: #000;
background: #f6f6f6;
min-height: 273px;
line-height: 24px;
margin-bottom: 20px; 
}

.bx-wrapper {
background: #f6f6f6;
height: 343px;
}

.header {
padding: 0px 0 0px;
width: 980px;
margin: 0 auto;
}

.header-container {

background: #001a37;
z-index:99; 
	

/* -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); */  

/*-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);  */

/* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); */

margin-top: 1px;

}

.header-center {
/* background: rgba(3,44,76,1); */
}

.logo img {
width: 100%;
margin-top: 10px;
margin-bottom: 29px;  
}

#nav {
border: 2px solid  rgba(3,44,76,1);
margin-top: -30px;

box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}

#nav ul.level0 {
padding: 10px 15px 15px;
top: 66px;
}

#nav > li > ul > li > a, #nav > li > ul > li ul > li a, #nav .custom_menu_item li.level2 a  {
text-align: center;
}

.nav-container {
margin-bottom: 10px;
}

.form-search input.input-text {
border-left: medium none;
float: left;
height: 56px;
padding: 1px 15px;
text-transform: lowercase;
width: 165px;
color: #ABABAB;
background: #f6f6f6;

}

.widget_facebook_right {
top: 400px !important;
box-shadow: 1px 19px 51px rgba(0, 0, 0, 0.26);
}

.widget_facebook_right #facebook_icon {
border: 0px solid #FFFFFF;
box-shadow: 1px 19px 51px rgba(0, 0, 0, 0.26);
}

.widget_facebook_right .facebook_box {
border: 2px solid #FFFFFF;
top: -68px;
}

.module-box .box-heading {
margin-left: 31px;

}

/*tuotteisiin*/

.top-bread {
background: transparent;
}

.block-layered-nav dt, .left-categorys a {
    padding-left: 15px; 

    }
.block .block-title, .toolbar {
    border-radius: 0px; 
    }

.buttons-cart {
    background-color: #ABABAB !important; 
    }
.box-product-buttons a:not(.buttons-cart) {
    background-color: #3c3d3d !important; 
}

.footer-container {
padding-top: 50px; 
}

.clear {
    height: auto; 
    }

/*-----------------------menu---------------------*/

/*search*/

.form-search {
width: 240px;
margin-bottom: ; 
}

.form-search button.button {
float: right;
background: url("../images/button-search.png") no-repeat 50% center #fff;
height: 59px;
text-indent: -99999px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 54px;
padding: 0 19px;
}

.form-search input.input-text {
border-left: medium none;
float: left;
height: 59px;
padding: 0px 45px 0px 10px;
text-transform: lowercase;
width: 179px;
color: #ABABAB;
background: #f6f6f6;
margin-bottom: -60px;
}

/*-------------- alasivut ----------------*/    

/*bread*/
.top-bread {
text-align: left;
margin-bottom: 30px;
margin-left: 7%;
}

/*otsikko*/
.page-item-title {
text-align: left;
text-transform: uppercase;
color: #555;
margin-bottom: 10px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}

/*sisällön alue*/
.col-main p{
 margin-right: 10%;   
}

.col2-left-layout .col-main {
float: left;

margin-bottom: 5%;
}

.slicknav_nav {
    
padding-left: 11% !important; 
}

.slicknav_menu {
    width: 100% !important;
    max-width: 440px !important;

    padding-top: 0px !important; 
background: none !important;

    margin-bottom: -4px !important;
    margin-top: 14px !important;
}

.slicknav_nav .slicknav_row {
padding: 5px 20px !important;

}
.slicknav_btn {
margin: -9px auto 0px !important;
display: block !important;
text-decoration: none!important;
background-color: #626262 !important;
padding: 22px 0px 38px 49px !important;
}

.stores-container{
	margin:auto;
	width:auto;
}
.store-block{
	float:left;
	width:33.33%
}
.store-block img{
	display:block;
	max-width:100%;
}
.store-block-inner{
	width:213px;
	margin:40px auto;
}
.col-left {
  float: left;
  margin-left: 0;
  padding: 0;
  width: 245px;
  margin-right:0;
}




@media only screen and (max-width: 1000px) {
    
.top-bar {
float: none !important;
margin: 0 auto !important;
width: 259px;
border: 2px solid #FFF !important;
max-width: 438px !important;
width: 100% !important;
box-sizing:border-box;
}

.form-search {
width:100%;

}

.form-search input.input-text {

width: 96%;
 

padding: 0px 0px 0px 14px;
color: #ddd; 
font-size: 18px !important;

}

.page {

    width: 100%; 
    min-width: 289px; 

}

#header_menu .links {
width: 51% !important;
}

.right-bg {
background-color: transparent !important;
    }

    .promo-block {
background: #f3f3f3;
margin-bottom: 50px;
padding: 0px 24px 0;
}

.top-bread {
text-align: left;
margin-bottom: 20px;
margin-top: 30px; 
margin-left: 3%;
}

.product-view .product-shop {

padding-left: 5%;
}

.col2-left-layout .col-main {

padding-left: 2%;

}

.store-block{
	float:none;
	width:auto
}


}