/* section background
/* -------------------------------------------------- */
#subheader{background:url(../images/background/bg-subheader.jpg) top fixed;}
#fun-facts{background:url(../images/background/bg-3.jpg) top fixed;}
#info-address{background:url(../images/background/bg-3.jpg) top fixed;}
#section-products .image-container{background:url(../../../images/backgrounds/polylouko.jpg);}
#section-kulindroi .image-container{background:white;}
#section-about-us-4 .image-container{background:url(../images/background/bg-side-4_red.jpg);}
#section-about-us-5 .image-container{background:url(../images/background/bg-side-5_red.jpg);}
#section-contact{     background: #F8F8F8;}
#section-skill-bar{ background:url(../images/background/bg-8.jpg) top fixed;}
#section-testimonial {background: url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/dvsup.png) top fixed;
background-size: 125px;
}

#logo-full{ background:#000; padding:60px 0 60px 0;}
#view-all-projects{background:#F06807; padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
//#section-about-us-3{background:#f8f8f8; height:100%;}
#section-about-us-4{background:#f8f8f8; height:100%;}
//#section-about-us-5{background:#f8f8f8; height:100%;}

.ippiresies .row{
 margin-top:20px;
  margin-bottom:20px;
}

.ippiresies h3{
  color:#991D20;
}

.ippiresies .muted{
  color: rgba(0,0,0,0.7);
}

ul#mainmenu a {
    text-transform: capitalize;
}

.dark #section-about-us-2{background:#222; height:100%;}
.dark #section-portfolio{background:#222;}

#Homepage #section-welcome a.btn.btn-border.btn-big{
  text-transform:capitalize;
}

#inner .item-page {
    padding-top: 15%;
}

#inner .list-author ,#inner #categorylist_header_author ,#inner #categorylist_header_hits ,#inner .list-hits {
  display:none;
}

.category-list.ipiresies {
    padding-top: 15%;
}

.conatiner-fluid.kulindroi .row {
    margin: 20px 0px;
}
.kulindroi_div{
    height: 420px;
}

@media only screen and (max-width: 992px) {
  .conatiner-fluid.kulindroi {
    display:none;
  }
  .intro_info{
    display:none;
  }
  h1#logo img{
    max-width:120px;
  }
#inner h1#logo {
    line-height: 88px;
}
#menu-btn {
    top: 10px !important;
}

}

@media only screen and (max-width: 1200px) {
#mainmenu a{
	padding: 18px 4px !important;
}
#logo > a::after{
   display:none;
  }
}

#inner .itemView img , .catItemView img{
  max-width:500px;
}

#inner .catItemView .post-meta span:first-child{
  display:none;
}

#inner .itemView .socialsharing ,#inner  .blog-list .itemNavigation{
padding-left: 80px;
}

#inner .itemListCategory{
  display:none;
}

#inner header.header-bg{
      height: 70px;
    background: rgba(255,255,255,0.90);
    border-bottom: solid 1px #ddd;
}

#inner h1#logo{
      width: 150px;
    height: 30px;
    line-height: 65px;
    font-size: 30px;
}

#inner h1#logo .logo-1{
  display:none;
}

#inner h1#logo img{
      width: auto;
    height: 30px;
    line-height: 75px;
    font-size: 30px;
}

#inner h1#logo .logo-2 {
    display: inline-block;
}
#inner h1#logo img {
    width: auto;
    height: 30px;
    line-height: 75px;
    font-size: 30px;
}

#inner #logo > a::after {
    content: " - ΤΟ ΚΛΕΙΔΑΡΑΔΙΚΟ";
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    height: inherit;
    /* content: " - Remember this"; */
    white-space: nowrap;
    float: left;
    position: absolute;
    top: 5px;
    left: 155px;
}

#inner #mainmenu a {
    padding: 18px 8px ;
    color: #333;
    line-height: 35px;
}


.de-team-list .inner{position:relative;}
.de-team-list .team-desc {
width:100%;
height:262px;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.de-team-list .img-responsive {
width:100%;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  }
.de-team-list .team-pic {height:262px;}
.de-team-list:hover .team-desc {
position: absolute;
  margin-top: -262px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  }
.de-team-list:hover .img-responsive {
margin-top:-100px;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

footer{margin-top:-1px;}
.btn{border-radius:0px;}


@media (max-width: 992px) and (min-width: 633px){
.col-md-3 { width: 50%; float:left;}
}
@media (max-width: 632px) and (min-width: 321px){
.col-md-3 { width: 100%; float:left;}
.de-team-list .team-pic {width:345px; height: 345px; max-width:100%; max-height:100%;}
.de-team-list .team-desc {width:345px;height: 345px;max-width:100%; max-height:100%;}
.de-team-list:hover .team-desc {position: absolute; margin-top: -345px;}
}

@media (max-width: 320px){
.col-md-3 { width: 100%; float:left;}
.de-team-list .team-pic {width:260px; height: 260px; max-width:100%; max-height:100%;}
.de-team-list .team-desc {width:260px;height: 260px;max-width:100%; max-height:100%;}
.de-team-list:hover .team-desc {position: absolute; margin-top: -260px;}
}
a,a:hover, a:focus{outline:0px;}

	.dark{
	background:#333439;
	color:#eee;
	}
	.dark #content{
	background:#333439;
	color:#bbb;
	}
	.dark section{background:#111;}
	.dark .post-meta{background:#666; color:#eee;}
	.dark .post-meta a{color:#eee;}
	.dark .post-meta {border: solid 1px #999;}
	.dark .post-meta span { border-left: solid 1px #999;}
	.dark .items_mask {
	  border: 1px solid #999;
	  background: #666;
	}

	.dark ul.tabs_container li.tab.active span {
	  background-color: #666;
	  border-bottom: 1px solid #666;
	}
	.dark ul.tabs_container li.tab span {
	  border-top: 3px solid #F06807;
	  border-bottom: 1px solid #999;
	  border-left: 1px solid #999;
	  border-right: 1px solid #999;
	  background: #666;
	  color: #fff;
	}

	.dark .widget_category li {
	  border: solid 1px #999;
	  background: #666;
	}
	.dark .widget_category li a {color: #eee;}
	.dark .widget {border-bottom: solid 1px #999;}
	.dark a:hover, .dark a:focus {
	  color: #F06807;
	  text-decoration: none;
	}
	.dark .sp_tab_sidebar {
	  border-bottom: 1px solid #999;
	}
	.dark #commentform textarea:focus {
	background: #333439;
	}
	
	.dark div.itemAuthorBlock {
	background: #333439;
	}
	.dark div.itemAuthorBlock img.itemAuthorAvatar {
	background: #333439;
	}
	
	.dark div.itemComments {
	background: #333439;
	}
	
	.dark div.itemComments ul.itemCommentsList li img {
	background: #333439;
	}
	.dark div.itemFullText,.dark div.itemIntroText {color: #eee;}
	.box-fx .info{width:100%; height:100%;}


#phocagallery {
    margin-top: 12%;
}