/**** GENERAL ****/
a:hover, a:focus{
	color:#9ab524
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
/**** PRELOADING ****/
.mask-color, .social-share ul.social li:hover a, #showRightPush:hover, .slicknav_btn:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {
	background-color:#9ab524;
}

.prev:hover, .next:hover, .close-port:hover i, .read-more:hover, .read-more i, .view-all-blog:hover, .view-all-blog:hover span i, a.et-like-post.active span i, .btn.get-in-touch:hover, .et-post-data-left.single-blog a.home-icon:hover i, .form-submit input[type="submit"]:hover, .social-footer li a:hover i, .contact-form-wrapper input[type="submit"]:hover, #test_content .item .name-client, h1.title-blog a:hover, .btn.btn-oe:hover{
	color:#9ab524;
}
.close-port:hover, .view-all-blog:hover span, .btn.get-in-touch:hover, .image-blog-wrapper, .et-post-data-left.single-blog a.home-icon:hover, .form-submit input[type="submit"]:hover, .contact-form-wrapper input[type="submit"]:hover, .btn.btn-oe:hover, .popup-video:hover .icon-play-video{
	border-color:#9ab524;
}
.line-wrapper .line-circle, .pie-content h2, .percent-chart, .et-post-month, .et-post-date, .title-blog, .counter .timer, .btn.get-in-touch, .title-single, .post-tags a, .oe-comments-title, .copyright, .contact-form-wrapper input[type="submit"], .text-slider, a#scroll_to, .quote-charater, #test_content .item .name-client, .slicknav_menu  .slicknav_menutxt, .slicknav_nav a, .form-submit input[type="submit"], .btn.btn-oe, .blog-filer ul li a{
	font-weight:400;
}
.color-white *{
	color:#ffffff !important;
}
.color-white .popup-video:hover, .color-white .popup-video:hover .icon-play-video i{
	color:#9ab524 !important;
}

                .epikoinonia {
    position: fixed;
    top: 75px;
    left: 20px;
}
.corner-ribbon a { color: #333!important; }
.corner-ribbon{
  width: 210px;
  border-bottom: 0.75 solid #fff;
  background: #cdbe70;
  position: absolute;
  top: 75px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #fff!important;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.sticky{
  position: fixed;
  z-index: 999;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#istoria-div1:before {
        content: '';
        color: #fff;
        position: absolute;
        left: -16px;
        opacity:0.8;
        top: -200px;
        height: 400px;
        width: 400px;
        background-image: url(http://chania-oliveoil.gr/wp-content/uploads/2017/04/duo.png);
        background-repeat: no-repeat;
        background-size: 300px 300px;
    }
    
#elaiolado-div1:before {
        content: '';
        color: #fff;
        position: absolute;
        left: -16px;
        opacity: 0.3;
        top: -300px;
        height: 700px;
        width: 700px;
        background-image: url(http://chania-oliveoil.gr/wp-content/uploads/2017/04/trophy-marakas.png);
        background-repeat: no-repeat;
        background-size: 500px 500px;
}
    
.template-wrap { text-align: center; }

.vintage {
    margin: 20px auto;
    font-family: Arial, "League-Gothic", Courier;
    text-align: center;
    font-size: 4em;
    font-weight: 700;
    text-transform: uppercase;
    color: #cdbe70;
    text-shadow: 2px 2px 0px #333, 7px 7px 0px rgba(0,0,0,0.1);
}

.glyphicon { margin-right:5px; }
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
    width: 600px;
    height: 600px;
     min-height:600px;
    max-height: 600px;
    
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

.thumbnail { border: 0; }
.price { font-size: 14px; font-weight: bold; color: #cdbe70; }
#products div.item { margin-top: 2.5em; margin-bottom: 2.5em; }

@media only screen 
    and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait),
only screen
    and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
        .home-buttons > div {
            margin-bottom: 4em;
        }
        #aq-template-wrapper-239 > div:nth-child(1) {
            padding-top: 75px!important; padding-bottom: 50px!important;
        }
}

/* The navigation bar */
.navbar {
    overflow: hidden;
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
 background-blend-mode: multiply;
    z-index: 999;
    border-radius: 0;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    text-align: center;
}

/* Links inside the navbar */
.navbar a {
    float: center;
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
}

.navbar a:hover {
    border-bottom: 2px solid #cdbe70;
    color: #cdbe70;
}

/* Main content */
.main {
    margin-top: 30px; /* Add a top margin to avoid content overlay */
}

.menu-cta {
    padding: 0.35em 0.5em!important;
    background: #cdbe70!important;
    color: #333!important;
    font-weight: bold;
}
.menu-cta:hover {
    border: 1px solid #fff!important;
}

.aq-template-wrapper > div.col-md-12 { margin: 0!important; padding: 0!important; }

.op6 > a {
    display: inline-block!important;
    margin-right: 0.5em;
}
.op6 > a:last-child {
    margin-right: 1.5em;
}
.op6 > a > img {
    width: 35px;
}

/* menu */
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	width: 100%;
	text-align: center;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: center;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	border-top: 2px solid #cdbe70!important;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #cdbe70;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #cdbe70;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

.blog-header-wrapper .logo-wrapper {
    display: none;
}

@media all {
    .blog-header-img {
        height: 350px;
        background-position: bottom right;
    }
    .blog-header-wrapper {
        height: 350px;
    }
    .blog-filter-container {
    padding-bottom: 50px;
}
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}
#myInput {
    border-box: box-sizing;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
}

.vertical-menu {
    width: 200px; /* Set a width if you like */
    
  
margin-left: 50px;       /* This is when the drop down box appears */
   
}

.vertical-menu a {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
     display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
    margin: right;
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color:#cdbe70 ; /* Add a green color to the "active/current" link */
    color: white;
}