body{
margin:0;
padding:0;

}


.top {
/*  margin: 0;
  position: relative;
  width: 100%;
  height: 300px; */
  opacity: 1;
  text-align: center;
  /*font-family: 'helvetica';
  
  font-weight: 100;*/
  color: #fff;
  font-size: 80px;
}
/*
.title {
  position: absolute;
  top: 60%;
  left: 100px;
}*/


.first-image{
	margin-top:-105px;
}


.banner {
  width: 100%;
  height: 65px;
  position: relative; /* 1 */
  z-index: 3; /* 1 */
  background-color:rgba(0,0,0,0.5); 
  border-bottom: 1px solid rgba(255,255,255,0.1);
  color: #fff;
}


.bar_before {
    position: fixed;
    display: none;
    width: 100%;
    height: 69px;
    background-color:rgba(0,0,0,0.5); 
    z-index:3; /*mine*/
    /* margin-top:-20px; */
/*    border-bottom: 1px #e1e1e1 solid; */
}

.freeshipping{
	text-align:center; 
	min-height:29px;
	background-color:#fff;

}

.menu_bar_up{
	position:relative;
	background-color:rgba(0,0,0,0.5); 
	z-index:1000;
	background-position:fixed;
}


.responsive-image{
        height:auto;
        /* width:100%; */
        max-width: 100%;
}


.parallax-window {
    min-height: 400px;
    background: transparent;
}


.overlaycolor {
    /*background: linear-gradient(rgba(255, 0, 0, 0.65), rgba(0, 0, 255, 0.15)),
                rgba(27,48,180,0.10); */
	background: linear-gradient(-45deg, rgba(78, 97, 68, 0.50), rgba(0, 0, 0, 0.40));
	background-size: cover;
    color: #fff;
    text-align: center;
    /*text-rendering: optimizeLegibility;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
    margin: 0;
    padding: 75px 10px 15px;
    min-height: 900px;
	/*max-height:800px;*/
	letter-spacing:3px;
}

/**************** image shadow ************/
.image_shadow{

  border:2px #f2f9ff solid;
  box-shadow: -25px 25px 0px 0px rgba(72,129,81,0.75);
-webkit-box-shadow: -25px 25px 0px 0px rgba(72,129,81,0.75);
-moz-box-shadow: -25px 25px 0px 0px rgba(72,129,810.75);


}
/**************** image shadow ************/

.image_title_big{
	font-family: 'Comfortaa', cursive;
	font-size:50px;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	padding-top:360px;
	font-weight:bold;
}

.image_title_small{
	font-family: 'Comfortaa', cursive;
	font-size:22px;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	font-weight:normal;
}


.product_title{
	color:#363636;
    font-family: 'Noto Sans', sans-serif;
	font-size:28px;
	font-weight:bold;
	/*margin:20px auto;*/
		
}

.product_decr1{
	color:#363636;
	font-family: 'Noto Sans', sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:20px 0 8px 0;
		
}

.product_decr2{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:normal;
	
		
}

.product_price{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 0 0;*/
	/*letter-spacing:2px;	*/
}

.threeblockstitle{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:20px;
	font-weight:bold;
	margin:20px auto;
	letter-spacing:2px;	
}

.threeblockstexts{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:15px;
	font-weight:normal;
	margin:25px auto;
	
}

.workstitle{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:28px;
	font-weight:bold;
	margin:25px auto;
	letter-spacing:2px;
	
}

.workstexts{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	/* font-weight:bold; */
	
}

.feature_divider {
    border: 2px solid #363636;
    display: block;
    margin: 25px auto;
    width: 70px;
}

.productstitle{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	
}

.productsprice{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
}

.productsprice span{
text-decoration: line-through;
font-style:italic;
color:#363636;
margin-left:10px;
}

.category_title{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:22px;
	}

.category_text{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:15px;
	}
	
	.book_text{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	}
	
	.book_title{
	color:#0b0b0b;
	font-family: 'Comfortaa', cursive;
	font-size:16px;
	font-weigth:bold;
	}
	
.scrollToTop{
	width:55px; 
	height:55px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:50px;
	right:40px;
	display:none;
	cursor: pointer;
	background: url('../img/scroll-to-top.png') no-repeat 0px 20px;

}
.scrollToTop:hover{
	
	width:55px; 
	height:55px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:50px;
	right:40px;
	display:none;
	cursor: pointer;
	background: url('../img/scroll-to-top-hover.png') no-repeat 0px 20px;
	
}

.formcontent{
  font-family: 'Comfortaa', cursive;
  font-size: 15px;
  color:#5d5d5d;
  padding: 0 0 10px 20px;
  font-weight:400;
	
}

.footercontent{
   font-family: 'Comfortaa', cursive;
  font-size: 12px;
  color:#696969;
  /*padding: 40px 20px 50px 20px;*/
  font-weight:400;
}


.footercontent a{
	font-size: 12px;
	color:#223342;
	font-family: 'Comfortaa', cursive;
	 text-decoration:none;
     -o-transition:all 300ms ease-out, all 300ms ease-in;
  -ms-transition:all 300ms ease-out, all 300ms ease-in;
  -moz-transition:all 300ms ease-out, all 300ms ease-in;
  -webkit-transition:all 300ms ease-out, all 300ms ease-in;
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 300ms ease-in;
}

.footercontent a:hover{
	font-size: 12px;
	color:#5c7285;
	 text-decoration:none;

}

.contact_links{
	color:#1cbccb;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	text-decoration:none;
  -o-transition:all 300ms ease-out, all 300ms ease-in;
  -ms-transition:all 300ms ease-out, all 300ms ease-in;
  -moz-transition:all 300ms ease-out, all 300ms ease-in;
  -webkit-transition:all 300ms ease-out, all 300ms ease-in;
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 300ms ease-in;
}
	
.contact_links:hover{
	color:#21dced;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	
}

.f_links{
 font-size: 13px;
 color:#696969;
  font-family: 'Comfortaa', cursive;
 text-decoration:none; 
/* font-family: tahoma, arial, georgia;*/
 text-decoration:none;
 -o-transition:all 300ms ease-out, all 250ms ease-in;
  -ms-transition:all 300ms ease-out, all 250ms ease-in;
  -moz-transition:all 300ms ease-out, all 250ms ease-in;
  -webkit-transition:all 300ms ease-out, all 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 250ms ease-in;
   
}

.f_links:hover{
color: #949292;

}

	
	/* Larger than mobile */ /* mine*/
@media (max-width: 600px) {
	.first-image{
	margin-top:-120px;
}


}