/* ====================================================================================================================
 * CHRYSALISMOMENTS.COM    CSS@version: 3.0    author: Emilio Kyriakakis || e-milles creations
 * ====================================================================================================================*/
body{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 18px; color: #666666; background: #ffffff;}
.family-times{font-family: Times, "Times New Roman", "serif";}
.family-helvetica{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
a, a:link, a:active, a:visited{color: #ffffff;}
a:hover, a:focus{color: rgba(244,209,54,.8);}
.emilestyle,.emilestyle:hover, .emilestyle a {color: #666666;}
.emilestyle a:hover, .emilestyle a:link, .emilestyle a:visited{color: #666666; text-shadow: 1px 1px 0px rgba(244,209,54,1);}
#emilenavstatic{position:fixed; top: 0px; left: 0px; width: 100%; height: 120px; z-index: 10002 !important;}
.navbar-default{transition:500ms ease; background:transparent;}
.navbar-default.scrolled{background:rgba(0,0,0,.7);}
#chrysalislogo img{transition:500ms ease; height: 240px; display: block; position: fixed; top: 0px; left: 50%; margin-left: -200px;}
#chrysalislogo img.scrolled{height: 120px; margin-left: -100px;}
#keno{width: 100%; height: 0px;}
#brand{display: none;}
.katheto{color:#ffffff; text-shadow: 1px 1px 1px #000000; position: relative; top: 5px; display: block;}
#dropdown1{background: rgba(0,0,0,.7) !important; top: 79px;}
#footerlogo{display:block;}
#footerlogomob{display:none;}
.panokeno{height: 0px;}
.sliderposition{opacity: 1;}
.imageslider{width:100%; filter: brightness(80%);}
.sectionpad150150{padding: 150px 0px 150px 0px;}
.managelines{width: 100%; color: #ffffff; padding: 30px 0px 30px 30px; text-align: center; line-height: normal;}
.managelines2{width: 60%; float: right;}
.managelines3{width: 100%; padding: 30px 0px 30px 30px; color: rgba(190,159,37,1); text-shadow: 1px 1px 1px #000000; text-align: left; line-height: normal;}
.managelines4{width: 40%; float: right; display: block;}
.managelines5{width: 100%; padding: 30px 0px 30px 30px; color: rgba(190,159,37,1); text-shadow: 1px 1px 1px #000000; text-align: left; line-height: normal;}
.managelines6{width: 100%; display: none;}
#services ul {padding-left: 30px;}
#services ul ul {padding-left: 10px;}
.megawidth{width:450px !important;}
.menuleftdim{width: 600px !important;}
.menurightdim{width: 500px !important;}
.toptransparent{width: 100%; height: 120px; background: #333333;}
.slidestitles1{font-size: 100px; line-height: 90px; padding-bottom: 30px;}
.floatleft{float: left;}
.floatright{float: right;}
.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;}
.imgtitle{font-size: 60px; line-height: 60px; color: #ffffff; text-shadow: 1px 1px #000000;}
.imgtitleblack{font-size: 120px; line-height: 120px; color: #000000; text-shadow: 1px 1px #ffffff;}
.imgtitlewhite{font-size: 120px; line-height: 120px; color: #ffffff; text-shadow: 1px 1px #000000; padding-bottom: 0px;}
.imgtitleposition{position: absolute; bottom: 10px; right: 0%;}
.imgplayposition{margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
/* Footer */
.bg-footer{background: #000000; padding-top: 50px; padding-bottom: 80px;}
.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: #cccccc;}
a.mtext-grey{color: #cccccc;}
a.mtext-grey:hover{color: #ffffff;}
a.mtext-white{color: #ffffff;}
a.mtext-white:hover{color: #cccccc;}
a.mtext-black{color: #000000;}
a.mtext-black:hover{color: #666666;}
.footerbottom{position: relative; top: 70px;}
.social-buttons{border-radius: 30px; width: 30px; height: 30px; line-height: 25px; border: 2px solid #ffffff; background-color: #222222; cursor: pointer;}
.social-buttons:hover{background-color: #5d5d5d;}
a.socialcolor{color: #ffffff;}
a.socialcolor:hover{color: #000000;}
.prodimgs{width: 100%; background-color: #ededee;}
.sticky {position: fixed; top: 140px; width: 100%;}
.newsstyle1{width: 100%; height: 40px; line-height: 40px; background-color: #cccccc; text-align: center;}
a.newsstyle2{color: #ffffff; text-decoration: none;}
a.newsstyle2:hover{color: #000000;}
/* text size */
#bigtext1976{font-size: 50px; line-height:60px; font-weight: 500;}
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 {font-size:35px; line-height: 35px;}
h2 {font-size:27px; line-height:27px}
h3 {font-size:25px; line-height:25px}
h4 {font-size:20px; line-height:20px}
h5 {font-size:18px; line-height:18px}
h6 {font-size:16px; line-height:16px}
.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;}
.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: white;}
a.col-white:hover{color: rgba(244,209,54,.8);}
.col-white{color: white;}
.col-white:hover{color: #ffffff;}
.col-black{color: black;}
.col-ccc{color: #cccccc;}
.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; }
/* ====================================================================================================================
 * 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%; }
/* ====================================================================================================================
 * 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, .navbar-custom .dropdown-item {color: rgba(255,255,255,1); font-size: 18px !important; text-shadow: 1px 1px 1px #000000 !important;}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {color: rgba(244,209,54,.8);}
#dropdown1 .nav-link {color: #ffffff; font-size: 16px !important; padding-left: 15px !important;}
#dropdown1 .nav-link:hover {color: rgba(244,209,54,.8);}
/* ====================================================================================================================
 * GALLERY
 * ====================================================================================================================*/
.gal {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}	
.gal img{ width: 100%; padding: 7px 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){
body{font-size: 14px;}
h1 {font-size:25px; line-height: 25px;}
#emilenavstatic{position: fixed; top: 0px; height: 88px; background: #000000;}
.navbar-default.scrolled{background:rgba(0,0,0,1);}
.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
#emilenavstatic .container {background: #000000;}
#chrysalislogo{display: none;}
#brand {position:relative; top: -10px; left: -10px; height: 80px; display: block;}
#keno{width: 100%; height: 88px;}
.katheto{display: none;}
#footerlogo{display:none;}
#footerlogomob{display:block;}
.panokeno{height: 68px;}
.imageslider{ }
.sectionpad150150{padding: 50px 0px 50px 0px;}
.managelines{}
.managelines2{width: 100%; float: none;}
.managelines3{padding: 0px;}
.managelines4{display:none;}
.managelines5{padding: 0px;}
.managelines6{display:block;}
.megawidth{width:240px !important;}
.menuleftdim{width: 240px; float: none;}
.menurightdim{width: 240px; float: none;}
.footerbottom{top: 0px;}
.toptransparent{height: 70px;}
#bigtext1976{font-size: 30px; line-height:40px; font-weight: 500;}
#menuimage{display: none;}
.imgtitle{font-size: 20px; line-height: 20px;}
.imgtitleposition{bottom: 10px;}
/* 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: #ffffff;
	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: 60px; right: 30px; 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 2px; background-color:#222222}
.back-to-top a:hover{color: rgba(244,209,54,.8);}
/* ====================================================================================================================
 * FORMS
 * ====================================================================================================================*/
.input-border-bottom {background: transparent; border: 0; border-bottom: 1px solid #cccccc; 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; }
/* ====================================================================================================================
 * SLIDER
 * ====================================================================================================================*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  width: 100%;
  float: left;
  height: auto;
  border: 0;
  }
.rslides {
  margin: 0 auto;
  }
/*.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }
.centered-btns_nav:active {
  opacity: 1.0;
  }
.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }*/
.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }
.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }
/*.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }
.large-btns_nav:active {
  opacity: 1.0;
  }
.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }*/
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }