/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

h1, h2, h3, h4, strong {
  color: #fff;
}
#g-main h1, #g-main h2, #g-main h3, #g-main h4, #g-main strong {
  color: #000;
}
#myModal h1, #myModal h2, #myModal h3, #myModal h4, #myModal strong, #myModal p {
  color: #000;
}
/* Here you can include your override CSS styles */
.fleft {
  float: left;
}
.fright {
  float: right;
}
.marginLeft10 {
  margin-left: 10px !important;
}
.marginLeft20 {
  margin-left: 20px !important;
}
.marginLeft30 {
  margin-left: 30px !important;
}
.marginRight10 {
  margin-right: 10px !important;
}
.marginRight20 {
  margin-right: 20px !important;
}
.marginRight30 {
  margin-right: 30px !important;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginBottom25 {
  margin-bottom: 25px;
}
.box .header {
  text-transform: none;
}
/* Header */
#g-header .abovehead {
  background-color: #f4f5f8;
  color: #666;
  padding: 0px !important;
}
/* #g-header .abovehead{background-color:#f4f5f8;color:#666; padding:0px!important;} */
#g-header .abovehead .g-content {
  background-color: #f4f5f8;
  color: #666;
  padding: 0px 0.938rem;
}
#g-header a.mple, #g-header a.mple:hover {
  color: #0056A0;
}
#g-header a.pushright {
  text-indent: -0.8rem;
}
#g-header a.eikona {
  position: relative;
  top: 1rem;
}
.vam span {
  vertical-align: middle;
}
/* social */
#g-header a.a-social {
  background: #3B5998 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  transition: background 0.2s ease 0s;
  padding: 4px;
}
#g-header a.a-social:hover {
  background: #33CCFF none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  transition: background 0.2s ease 0s;
  padding: 4px;
}
/* LOGO */
#g-header .gantry-logo img {
  width: 300px;
}
/* Menu Bar */
#g-navigation .g-main-nav .g-toplevel > li.active:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) {
  background: #33CCFF none repeat scroll 0 0;
}
#g-navigation .g-main-nav .g-toplevel > li.active:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) > .g-menu-item-container {
  color: #fff;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 1.2rem 0.938rem;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container .g-selected {
  background-color: #3180c2;
}
/* Language Switcher */
div.mod-languages {
  float: right;
}
div.mod-languages li.menuLang {
  margin-left: 0px;
  margin-right: 0px;
}
li.menuLang {
  padding: 7px;
  background-color: #084d12;
}
#g-header li.menuLang > a {
  color: #fff;
}
li.menuLang.lang-active {
  background-color: #05310c;
}
/* Search Box*/
input.menuSearch.inputbox.search-query {
  border-radius: 0px !important;
  padding: 10px;
}
#searchicon {
  background-color: #084d12;
  color: #fff !important;
  height: 38px;
  margin-left: -35px;
  margin-top: 0 !important;
  opacity: 1 !important;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
  width: 38px;
}
#searchicon:hover {
  color: #fff;
}
/* Sub-Feature */
/* Main */
.uk-list-striped > li:nth-of-type(2n+1) {
  background: #fcf8f8 none repeat scroll 0 0;
}
.uk-description-list-horizontal > dt {
  font-weight: 700;
  width: 300px !important;
}
ul.uk-list.bio {
  list-style-image: url('../../images/bio-list.png');
}
ul.uk-list.bio > li::after, ul.uk-list.bio > li::before {
  content: none;
}
.main-under-bg {
  background: #fff url('../../images/main-under-bg.jpg') no-repeat scroll 0 0;
}
.main-under {
  background: rgba(254, 253, 200, 0.87) none repeat scroll 0 0;
  margin-bottom: 0;
  padding: 7px 35px;
}
blockquote.style3 {
  color: #fff;
  background: #41b4ea;
  border-left: 0 solid #fff;
  font: 18px/30px normal Tahoma, sans-serif;
  margin: 5px;
  padding: 22px 15px 5px 45px;
  -webkit-border-radius: 0 0 0 100px;
  -moz-border-radius: 0 0 0 100px;
  border-radius: 0 0 0 100px;
}
blockquote.style3 div.oquote {
  background-image: url('../../images/open-quote.png');
  background-position: 0 5px;
  background-repeat: no-repeat;
  height: auto;
  margin: -41px 0 -27px -80px;
  padding: 32px 0 0 71px;
  width: 100%;
}
blockquote.style3 div.cquote {
  background-image: url('../../images/open-quote.png');
  background-position: bottom-right;
  background-repeat: no-repeat;
  display: block;
  height: 58px;
  margin: -20px -38px -20px 0;
  padding-top: 65px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Footer */
#g-footer {
  background-image: url('../../../../images/footer-bg.png');
}
#g-footer a {
  color: #fff;
  transition: 1s;
}
#g-footer a:hover {
  color: #E62E29;
  transition: 1s;
}
/* Showcase */
#g-showcase {
  padding: 0rem;
}
.showcaseTitle > h1 {
  font-family: "KefaloniaMasMediumSlider";
  color: #fff !important;
  transition: 0, 2s;
}
.showcaseTitle a:hover {
  color: #b81d18 !important;
}
.showcaseThumbTitle {
  background: rgba(0, 0, 0, 0.5) no-repeat left bottom;
  color: #fff !important;
  transition: 1s;
  opacity: 0;
  position: absolute;
  top: 10px;
  width: 230px;
  height: 145px;
  overflow: hidden;
}
.showcaseThumbTitle:hover, .showcaseThumbTitle:active {
  opacity: 1;
}
span.showcaseTitle a {
  color: #fff !important;
  transition: 0, 2s;
}
span.showcaseTitle {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  border: medium none;
  /* display: block;
    font-size: 18px;
    padding: 20px;
	position: static;
	top: 11%;
	left:10%;
	max-width:100%;
	text-align:left;*/
  left: 10%;
  max-width: 100%;
  padding: 20px;
  position: static;
  text-align: left;
  margin-top: -40%;
  float: left;
}
div.showcaseItem {
  overflow: hidden;
  max-height: 550px !important;
  max-width: 100% !important;
}
span.showcaseIntrotext {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  border: medium none;
  color: #fff;
  display: block;
  font-size: 18px;
  /* padding: 20px;
	position: static;
	top: 21%;
	left:10%;
	max-width:100%;
	text-align:left;*/
  left: 10%;
  max-width: 70%;
  padding: 20px;
  position: static;
  text-align: left;
  margin-top: -28%;
  float: right;
}
div.showcaseItem > span p {
  margin: 0;
}
.showcaseItemReadMore {
  background: none repeat scroll 0 0 #008ce6;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 12px;
  height: 38px;
  line-height: 39px;
  margin: 0 9% 0 0;
  padding: 0 14px;
  text-align: center;
}
.showcaseItemReadMore:hover, .showcaseItemReadMore:focus {
  background: none repeat scroll 0 0 #eb1e00;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 12px;
  height: 38px;
  line-height: 39px;
  margin: 0 9% 0 0;
  padding: 0 14px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.showcaseItemImage {
  display: block;
  line-height: 0;
}
#g-showcase a {
  color: #fff;
}
/* Module Boxes */
.greyBG {
  background-color: #f0f0f0;
}
.navyBG {
  background-color: #cad2e7;
}
.readon-button {
  background-color: #ffffff;
  text-transform: none !important;
}
.itemAuthorData h3 {
  text-transform: none !important;
}
/* Module Headers */
.box .g-title {
  line-height: 45px;
}
.catHeaders {
  background-color: #94222b;
  float: left;
  height: 2.6rem;
  margin: 0;
  padding: 0;
  width: 100%;
}
h3.g-title {
  float: left;
  margin: 0px;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 10px !important;
  background-color: #08412d;
  height: 2.6rem;
  /* border-bottom:10px solid #003058; */
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: bold;
}
/* 
h3.g-title:before {
	background-color: #08412d;
    content: "";
    display: block;
    height: 2.6rem;
    left: -30px;
    position: relative;
    width: 120px;
 background: url("../images/kefalonia-mas-header.png") no-repeat;  
}*/
/* Social */
.social {
  position: relative;
  left: auto;
  right: auto;
  float: none;
}
#alfa-social .social li {
  float: none;
}
#alfa-social .social li a:hover {
  padding: 8px 6px;
  margin-top: 0;
}
#alfa-social .social li a {
  background: transparent;
}
#alfa-social .social {
  margin: 20px 20px 1px 0px;
  padding: 0;
  float: right;
}
#alfa-social .social li {
  list-style-type: none;
  float: left;
}
#alfa-social .social li a {
  background: #8B1515;
  padding: 8px 6px;
  margin: 0 0 0 2px;
  width: 18px;
  height: 18px;
  text-align: center;
  display: block;
}
#alfa-social .social li a:hover {
  padding: 16px 6px 8px 6px;
  margin: -8px 0 0 2px;
}
/* Social Icons */
#alfa-social .social li.amazon a:hover {
  background: #fe9900;
}
#alfa-social .social li.app-store a:hover {
  background: #333;
}
#alfa-social .social li.behance a:hover {
  background: #1377ff;
}
#alfa-social .social li.blogger a:hover {
  background: #ff6300;
}
#alfa-social .social li.deviantart a:hover {
  background: #3f4845;
}
#alfa-social .social li.flickr a:hover {
  background: #FE0883;
}
#alfa-social .social li.myspace a:hover {
  background: #00349a;
}
#alfa-social .social li.paypal a:hover {
  background: #32689a;
}
#alfa-social .social li.pinterest a:hover {
  background: #be4037;
}
#alfa-social .social li.playstore a:hover {
  background: #B3C833;
}
#alfa-social .social li.rss a:hover {
  background: #ff9900;
}
#alfa-social .social li.skype a:hover {
  background: #00b0f6;
}
#alfa-social .social li.stumbleupon a:hover {
  background: #eb4823;
}
#alfa-social .social li.tumblr a:hover {
  background: #2e4c69;
}
#alfa-social .social li.wordpress a:hover {
  background: #21759b;
}
#alfa-social .social li.yahoo a:hover {
  background: #7b0099;
}
#alfa-social .social li.youtube a:hover {
  background: #FF3333;
}
#alfa-social .social li.linkedin a:hover {
  background: #4875B4;
}
#alfa-social .social li.vimeo a:hover {
  background: #20B9EB;
  /* #86B32D */
}
#alfa-social .social li.dribble a:hover {
  background: #d97aa5;
}
#alfa-social .social li.gplus a:hover {
  background: #D6492C;
}
#alfa-social .social li.twitter a:hover {
  background: #33CCFF;
}
#alfa-social .social li.facebook a:hover {
  background: #3B5998;
}
/*# sourceMappingURL=custom_10.css.map */