/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

.some-css-selector {font-size:13px;}

#header .fa-facebook-f, #header .top-phone-number, #header .fa-phone {
	color: #3b5998 !important;
}

.fa-instagram {
	color: #cb3837;
}

#header .top-phone-number, #header .fa-phone {
  color: #423610 !important;
}

.kl-header-bg {
	background: white !important;
}

.site-header {
	position: relative !important;
}

.language-dropdown {
	cursor: pointer;
}

.mainnav--cart .drop .pPanel {
	left: 0;
	right: auto;
}

.mainnav--cart .drop .inner:after {
	right: auto;
	left: auto;
}

.mainnav--cart .drop li a {
	padding: 0;
}

.video-section {
	text-align: center;
}

.video-section h2 {
	font-size: 35px;
}

.eksoterikos-xoros .kl-title-block, .domatia .kl-title-block {
	padding-bottom: 5px;
}

.times_section  {
  text-align: center;
}

.times_section table:before {
  background: #6286AA;
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.times_section table th {
  padding: 22px 30px 17px;
  font: 800 14px/20px 'Open Sans', sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background: #FFF;
  position: relative;
}

.times_section td {
  padding: 12px 30px;
  background: #F5F5F5;
  text-align: center;
}

.times_section tbody {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

.times_section table td {
  padding: 22px 30px 17px;
}

.mainnav--cart img {
  float: left;
  height: 11px;
  max-width: 15px;
}

.site-header-main-right span {
  margin-left: 15px;
  float: none !important;
  opacity: 1 !important;
}

.site-header-main-right img {
  margin-top: 8px;
}

.site-header-main-right .hg_mega_container img {
  margin-top: 4px;
}

#footer .newsletter-signup .sbs .menu li {
	float: none;
}






/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {
	.main-nav > ul > li.active > a, .main-nav > ul > li > a:hover, .main-nav > ul > li:hover > a {
		color: white;
	}

	.main-nav > ul > li > a {
		color: #423610;
    font-weight: bold;
	}

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

	.zn-res-trigger::after {
		background: #038bd1;
		box-shadow: 0 8px 0 #038bd1, 0 16px 0 #038bd1;
	}

  .times-large {
    display: block;
  }

  .times-small {
    display: none;
  }

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

  .times-large {
    display: none;
  }

  .times-small {
    display: block;
    text-align: center;
  }

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}