/* ====================================================================================================================
 * Apollo in Athens    CSS@version: 3.0    author: Emilio Kyriakakis || e-milles creations
 * ====================================================================================================================*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300;8..144,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;500;700&display=swap');*/
body{font-size: 20px; color: #000000; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.family-times{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.family-helvetica{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
a, a:link, a:active, a:visited{color: #000000; text-decoration:none;outline: none;}
a:hover, a:focus{color: #333333; text-decoration:none;outline: none;}
#espa{width:173px; position: fixed; left: 0px; bottom: 120px; z-index: 1000;}
#booknow{width:173px; position: fixed; right: 0px; bottom: 300px; z-index: 1000;}
#gemmalogo2{position: fixed; top: 35px; left: 50%; transform: translate(-50%, -50%); width:100px; z-index: 10003;}
#emilenavstatic{position:fixed; top: 0px; left: 0px; width: 100%; height: 73px; z-index: 10002 !important; background: rgba(255,255,255,1) !important;   transition: background 1s ease-in-out;}
#nav2static{z-index: -2; background: #ffffff; font-size: 80%;}
#top{width: 100%; height: 75px;}
.readmore{border: 1px solid #cccccc; padding: 10px 40px 10px 40px; cursor: pointer;}
.readmore:hover{border: 1px solid #000000;}
.emilhidden{display:none;}
.epanokeno{height: 0px; width: 100%}
.slidup{width: 100%; height: 100px;}
.megawidth{width:450px !important;}
.menuleftdim{width: 600px !important;}
.menurightdim{width: 500px !important;}
.toptransparent{width: 100%; height: 60px; background: #333333;}
.slidestitles1{font-size: 100px; line-height: 90px; padding-bottom: 30px;}
.floatleft{float: left;}
.floatright{float: right;}
.tuvup{display:none;}
.tuvdown{display:block;}
.emileslideshowbackground{width: 100%; max-width: 1920px; height: calc(100%-125px); max-height: 800px;}
.searchslideshowbackground{width: 100%; max-width: 1920px; height: calc(100%-125px); max-height: 400px;}
.imgtitleblack{font-size: 100px; line-height: 100px; color: #000000; text-shadow: 1px 1px #ffffff;}
.imgtitlewhite{font-size: 100px; line-height: 100px; color: #ffffff; text-shadow: 1px 1px #000000; padding-bottom: 0px;}
.imgtitleposition{left: 100px; text-align: left;}
.imgplayposition{margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.categposition{position:absolute; left: 50px; bottom: 50px;}
.categwhite{font-size: 70px; line-height: 70px; color: #ffffff; text-shadow: 2px 2px 5px #000000;position:absolute; left: 0px; bottom: 0px; text-align: left;}
#transimgdiv{position: absolute; top: 0px; left: -0px; background-color: rgba(0,0,0,.15); z-index: 10; padding:0px !important; overflow: hidden; width: 50vw; height: 100vh;}
.protext{width:100%; border: 2px solid #333333; text-align: center; padding: 5px;}
/* Footer */
.bg-footer{background: #000000; padding-top: 50px; padding-bottom: 80px; border-top:2px solid #c8ac60;}
.mtext-footer, a.mtext-footer{color: #ffffff; text-decoration: none; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
a.mtext-footer:hover{color: #c8ac60;}
a.mtext-grey{color: #cccccc;}
a.mtext-grey:hover{color: #ffffff;}
a.mtext-white{color: #ffffff;}
a.mtext-white:hover{color: #c8ac60;}
a.mtext-black{color: #000000;}
a.mtext-black:hover{color: #666666;}
.microtext{color: #000000; font-size: 14px;}
.microtext:hover{color: #666666;}
.footerbottom{position: relative; top: 70px;}
.social-buttons{border-radius: 30px; width: 30px; height: 30px; line-height: 27px;}
.prodimgs{width: 100%; background-color: #ededed;}
.sticky {position: fixed; top: 140px; width: 100%;}
/* text size */
.prod_title{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 16px; text-transform: uppercase; font-weight: 700;}
.prod_txt{}
.prod_txt_b{font-weight: 600;}
#bigtext1976{font-size: 50px; line-height:60px; font-weight: 500;}
.fontmegamenu{font-size: 14px;}
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 {font-size:50px; line-height:50px;}
h2 {font-size:40px; line-height:40px;}
h3 {font-size:35px; line-height:35px;}
h4 {font-size:30px; line-height:30px;}
h5 {font-size:25px; line-height:25px;}
h6 {font-size:20px; line-height:20px;}
.text-extra-small {font-size:11px; line-height:14px;}
.text-small {font-size:12px; line-height:20px;}
.text-medium {font-size:16px; line-height:23px;}
.text-large {font-size:18px; line-height:26px;}
.text-extra-large {font-size: 20px; line-height:26px;}
.title-30{font-size: 30px; line-height:30px;}
.title-40{font-size: 40px; line-height:40px;}
.title-50{font-size: 50px; line-height:50px;}
.title-60{font-size: 60px; line-height:60px;}
.title-70{font-size: 70px; line-height:70px;}
.title-80{font-size: 80px; line-height:75px;}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}
.decor-underline{text-decoration: underline;}
.decor-none{text-decoration: none;}
.font-300{font-weight: 300;}
.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-700{font-weight: 700;}
.font-800{font-weight: 800;}
.font-900{font-weight: 900;}
.padim10{padding: 10px;}
.padim20{padding: 20px;}
.padim30{padding: 30px;}
.padim40{padding: 40px;}
.padim50{padding: 50px;}
.padim60{padding: 60px;}
.padim70{padding: 70px;}
.padim80{padding: 80px;}
.padim90{padding: 90px;}
.pad10{padding: 0px 10px 0px 10px;}
.pad20{padding: 0px 20px 0px 20px;}
.pad30{padding: 0px 30px 0px 30px;}
.pad40{padding: 0px 40px 0px 40px;}
.pad50{padding: 0px 50px 0px 50px;}
.pad60{padding: 0px 60px 0px 60px;}
.pad70{padding: 0px 70px 0px 70px;}
.pad80{padding: 0px 80px 0px 80px;}
.pad90{padding: 0px 90px 0px 90px;}
.dim5{padding: 5px 0px 5px 0px;}
.dim7{padding: 7px 0px 7px 0px;}
.dim10{padding: 10px 0px 10px 0px;}
.dim20{padding: 20px 0px 20px 0px;}
.dim30{padding: 30px 0px 30px 0px;}
.dim40{padding: 40px 0px 40px 0px;}
.dim50{padding: 50px 0px 50px 0px;}
.dim60{padding: 60px 0px 60px 0px;}
.dim70{padding: 70px 0px 70px 0px;}
.dim80{padding: 80px 0px 80px 0px;}
.dim90{padding: 90px 0px 90px 0px;}
a.col-white{color: #c8ac60;}
a.col-white:hover{color: #b6b3ab;}
.col-white, .col-white:hover{color: #c8ac60;}
.col-black{color: black;}
.col-ccc{color: #b6b3ab;}
.col-222{color:#222222;}
.col-333{color:#333333;}
.col-444{color:#444444;}
.col-666{color:#666666;}
.pad_r_200{padding-right: 200px;}
.hr-white{border-top: 5px solid #ffffff !important; width:100%;}
#my_centered_buttons { display: flex; justify-content: center; }
@media (max-width:991px){
#gemmalogo2{width: 90px; left:70px; top: 30px;}
#emilenavstatic{top: 0px; height: 60px; background: rgba(255,255,255,1) !important;}
#mobileback{background: rgba(255,255,255,1) !important;}
#menu-toggle{position: fixed; right: 30px; top: 15px;}
#main_nav{padding-top: 60px;}
.epanokeno{height: 0px;}
.slidup{height: 30px;}
.sticky {position: relative; top: 0px; width: 100%;}
.megawidth{width:240px !important;}
.menuleftdim{width: 240px; float: none;}
.menurightdim{width: 240px; float: none;}
.footerbottom{top: 0px;}
.toptransparent{display: none;}
#bigtext1976{font-size: 30px; line-height:40px; font-weight: 500;}
#menuimage{display: none;}
.categposition{left: 20px; bottom: 0px;}
.categwhite{font-size: 30px; line-height: 30px;}
.tuvup{display:block;}
.tuvdown{display:none;}
}
@media (max-width:769px){
.emileslideshowbackground{width: 150%; height: calc(100%-125px); }
.searchslideshowbackground{width: 150%; height: calc(100%-125px); }
h1 {font-size:40px; line-height: 40px;}
h2 {font-size:35px; line-height:35px}
.imgtitleblack{font-size: 50px; line-height: 50px; padding-bottom: 0px;}
.imgtitlewhite{font-size: 50px; line-height: 50px; padding-bottom: 0px;}
.imgtitleposition{left: 10px;}
.pad_r_200{padding-right: 0px;}
#transimgdiv{width: 100vw; height: 65vh;}
.protext{width:90%}
}
@media (max-width:413px){

}
@media (max-width:376px){
.emileslideshowbackground{width: 130%; height: calc(100%-125px); }
.searchslideshowbackground{width: 130%; height: calc(100%-125px); }
h1 {font-size:40px; line-height: 40px;}
h2 {font-size:35px; line-height:35px}
.imgtitleblack{font-size: 40px; line-height: 40px; padding-bottom: 0px;}
.imgtitlewhite{font-size: 40px; line-height: 40px; padding-bottom: 0px;}
.imgtitleposition{left: 10px;}
}
/* ====================================================================================================================
 * BUTTONS STYLE
 * ====================================================================================================================*/
.btn-outline, .btn-outline:active, .btn-outline:link, .btn-outline:visited { border: 2px solid #ffffff; background-color: transparent; color: #ffffff; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active:hover, .btn-outline:link:hover, .btn-outline:visited:hover { color: #cccccc; border-color: #cccccc; cursor: pointer; }
.btn-outline:hover:before, .btn-outline:focus:before { width: 100%; }
/* ====================================================================================================================
 * SAME HEIGHT
 * ====================================================================================================================*/
.row_sameheight [class*="col-"]{margin-bottom: -99999px; padding-bottom: 99999px;}
.row_sameheight{overflow: hidden; }
.img_same_height{width:100%; margin-top: 50%; margin-left: 50%; transform: translate(-50%, -50%);}
.heightequalwidth {position: relative; width: 100%; padding-top: 100%;}
.imgposit {position:  absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
/* ====================================================================================================================
 * NAVBAR
 * ====================================================================================================================*/
.custom-toggler .navbar-toggler-icon {background-image: #000000;}
.custom-toggler.navbar-toggler {border: 0px solid #000000; text-decoration: none;} 
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {color: rgba(0,0,0,.4);}
.navbar-custom .navbar-nav .nav-link {color: rgba(0,0,0,1); font-size: 15px; font-weight: 600; padding-right: 50px;}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {color: rgba(0,0,0,.6);}
.navbar .megamenu{ padding: 1rem; }
.navbar {position: relative;}
.dropdown:hover .dropdown-menu{display: block;}
.dropdown-menu{margin-top: 0;}
@media all and (min-width: 992px) {
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;}
}	
@media(max-width: 991px){
/* mobile menu toggle button */
.menu-toggle {
	position: relative;
	top: 10px;
	display:  inline-block;
	width: 40px;
	height: 20px;
	margin: 20px;
}
.menu-toggle span {
	margin: 0 auto;
	position: relative;
	top: -5px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
.menu-toggle span:before, .menu-toggle span:after {
	position: absolute;
	content: '';
}
.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
	width: 35px;
	height: 3px;
	background-color: #c8ac60;
	display: block;
  opacity: 1;
}
.menu-toggle span:before {
	margin-top: -12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}
.menu-toggle span:after {
	margin-top: 12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}

.menu-toggle-active span {
  background-color: rgba(0,0,0,0);
	transition: 0.3s background-color;
}
.menu-toggle-active span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
.menu-toggle-active span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{overflow-y: auto; margin-top:0px;}
}
/* ====================================================================================================================
 * GO TO TOP
 * ====================================================================================================================*/
.back-to-top{display: none;}
.back-to-top a{display: block; position: fixed; bottom: 47px; right: 20px; z-index: 10; width: 50px;height: 50px;text-align: center; font-size: 25px; color: #ffffff;line-height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%; border:#ffffff solid 3px; background-color:#222222}
.back-to-top a:hover{background-color:#5d5d5d;}
/* ====================================================================================================================
 * FORMS
 * ====================================================================================================================*/
.input-border-bottom {background: transparent; border: 0; border-bottom: 1px solid #484848; padding: 10px 0; margin-bottom: 30px; border-radius: 0; }
.input-border-bottom:focus{background: transparent; border: 0; border-bottom: 1px solid #929292; }
.input-border-bottom::-webkit-input-placeholder {font-weight: 300;}
.input-border-bottom::-moz-placeholder {font-weight: 300;} 
.input-border-bottom:-ms-input-placeholder { font-weight: 300;}

input, textarea, select{ border: 1px solid #d1d1d1; padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none; }
input:focus, textarea:focus{ border-color: #585858 !important; outline: none; }
input[type="button"]:focus, input:focus, textarea:focus, select:focus, .form-control:focus, .btn.focus, .btn:focus{ outline: none; box-shadow: none; }
/* ====================================================================================================================
 * ACCESSIBILITY
 * ====================================================================================================================*/
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle  {bottom: 40px !important; border: 3px solid #ffffff;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {background-color: #222222; color: #ffffff;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle :hover{ background-color: #5d5d5d;	color: #ffffff;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links{ border-color: #cccccc;}
body.pojo-a11y-focusable a:focus{ outline-style: solid !important;	outline-width: 1px !important;	outline-color: #ffffff !important;}
#pojo-a11y-toolbar{ bottom: 3px !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{ background-color: #ffffff;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, 
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{ color: #333333;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active{ background-color: #777777;	color: #ffffff;}
.pojo-a11y-toolbar-text{font-size: 20px !important;}
.pojo-a11y-toolbar-text:hover, .pojo-a11y-toolbar-text:link, .pojo-a11y-toolbar-text:active, .pojo-a11y-toolbar-text:visited{text-decoration: none !important;}
/* ====================================================================================================================
 * CURSOR
 * ====================================================================================================================
body {color: #000000; cursor: none !important;margin: 0; height: 100vh;}
* {box-sizing: border-box;}
a{cursor:none;}
.theBall, .theBall-outer {mix-blend-mode: exclusion; width: 16px; height: 16px;}
.theBall-outer {position: fixed; top: -16px; left: -16px; z-index: 100000; pointer-events: none!important;}
.theBall {position: absolute; background-color: #ffffff; border-radius: 50%; -webkit-transition:  transform .2s cubic-bezier(.175,.885,.32,1.275); -moz-transition:  transform .2s cubic-bezier(.175,.885,.32,1.275); -ms-transition:  transform .2s cubic-bezier(.175,.885,.32,1.275); -o-transition:  transform .2s cubic-bezier(.175,.885,.32,1.275); transition:  transform .2s cubic-bezier(.175,.885,.32,1.275); transform-origin: center center;}
.zooming.theBall {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);}*/
/* ====================================================================================================================
 * CHANGE IMAGE ON HOVER
 * ====================================================================================================================*/
.figure {position: relative; width: 100%;}
.figure img.image-hover {position: absolute; top: 0; right: 0; left: 0; bottom: 0; object-fit: contain; opacity: 0; transition: opacity .2s;}
.figure:hover img.image-hover {opacity: 1;}
/* ====================================================================================================================
 * MASONRY IMAGE GALLERY
 * ====================================================================================================================*/
.gal {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; padding-left: 14px; padding-right: 14px;}	
.gal img{ width: 100%; padding: 7px 0;}

@media (max-width: 500px) {
.gal {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}