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;
}

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

.image_title_small{
	font-family: 'Comfortaa', cursive;
	font-size:16px;
	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:14px;
	font-weight:normal;
	margin:25px auto;
	
}

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

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

.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;
	}

.category_link{
	color:#aaaaaa;
}

.category_link:hover{
	color:#d7d7d7;
	
}
	
	.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;
	}
	
	.ergastiria_title{
	color:#766a86;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	font-weigth:700;
	padding-bottom:20px;
	padding-left:20px;
	}
	
	.texts_link{
	color:#000;
	font-family: 'Comfortaa', cursive;
	font-size:15px;	
	text-decoration:none;
	}
	
	.texts_link:hover{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:15px;	
	text-decoration:none;
	}
	
	.articles_link{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:22px;	
	text-decoration:none;
	text-align:center;
	
	}
	
	.articles_link:hover{
	color:#666666;
	font-family: 'Comfortaa', cursive;
	font-size:22px;	
	text-decoration:none;
	
	}
	
	.formcontent{
  font-family: 'Comfortaa', cursive;
  font-size: 15px;
  color:#5d5d5d;
  padding: 0 0 10px 20px;
  font-weight:400;
	
}
	
.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;
	background: url('/img/scroll-to-top.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}
	
	.footer_texts{
	font-family: 'Comfortaa', cursive;
	font-size: 14px;
	color:#f6fcff;
}


/******  logo animation  *******/
#outer {
    width:15px;
    margin:0px auto;
    height:17px;
    position:relative;
    overflow:hidden;
    transition: width .5s;

}

#outer:hover {
    width:83px;
}


#inner {
    height:100%;
    position:absolute; 
    width:100px;
    left:0px;
    top:0px;
    /*background-color:#9b3d3d;*/
	background: url(/img/pixelgrid_logo_1.png) no-repeat;
}

#sub {
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    width:68px;
    opacity:0;
    /*background-color:#ff0000; */   
    background: url(/img/pixelgrid_logo_2.png) no-repeat;
	transition: opacity .3s;
    /*z-index:-1;*/
}

#outer:hover #sub {
    opacity:1;
}

/****** logo animation ends *******/ 
	
/******** message hides contact and review forms********/
.hidding_div {
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 5s;
  /*position: relative;
  background: red;*/
}
@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}

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


}