@charset "utf-8";
/* styles-pages_main */

html {
scroll-behavior: smooth;
}

body {font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings:
"wdth" 100;font-size: 15px;background:#fff;color: #2c2f37;}

img.upyachka {
background-color: #f3f3f3;
}

.hidden{display:none;}

@media screen and (min-width: 1440px) {
.container-custom{max-width:1410px;width:100%;}
}

/*fixed edit button*/
.fixed-edit{
z-index: 1000;
position: fixed;
bottom:75px;
right:20px;
padding:7px 7px 3px 9px;
}

.fixed-edit .fa{
font-size:20px;
}

.fixed-edit .edit-text{display:none}

a{color: #002a4c;}
a:hover{color: #2f409d;}
p{
/*font-weight:300;
line-height:20px;*/
}

.blue{color: #097fb9;padding-right:3px;}
/*.container-custom {
width: 100%;
max-width: 1600px;
}
*/
img{max-width:100%;}

/*trip advisor*/
#CDSWIDWRL{display:inline-block;margin:10px auto !important;}
.required{color:#b40000;}

.hideme {display: none;}

.btn:focus,.btn:active {
outline: none !important;
}

a:focus,a:active {
outline: none !important;
}
.sitemap, .sitemap li{
text-align:left;
}

/*form validation*/
.contactForm{position:relative;margin:15px auto;  max-width:900px;background:#fafafa; padding:5px 15px;border-radius:8px;border: 1px dashed #e0e0e0;}
.contact-form-header{
margin: 15px 5px;
padding-bottom: 5px;
background-image: linear-gradient(#e1e1e1,#e0e0e0);
background-size: 20% 1px;
background-position: bottom center;
background-repeat: no-repeat;
}

.contact-form-header h2{ font-size:24px !important;font-weight:600}

.contactForm label{font-weight:500;}

.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-error .form-control {
border: 1px solid #a94442 !important;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

.help-block {
display: block;
margin-top: 5px;
margin-bottom: 5px;
color: #737373;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
color: #a94442;
}

.flex-center{
align-items: center;
justify-content: center;
}

/*===logo==*/
.navbar-brand {
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
}

.smallLogo {display:inline-block;margin-top:1px;margin-bottom:1px;width: 240px;}
.smallLogo img{;width:240px;height:auto;}

/*===menu==*/
.item-text{}
.navbar-custom {
background-color: #0a0b0d !important;
}

.navbar ul li li li{list-style:none;padding-left:10px;}

/* slider*/
#myCarousel, 
.carousel-inner,
.carousel-item,
.carousel-item.active {height: 500px;}

.mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.02);
background-attachment: fixed;
}

.fill {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
opacity:1;
}
.btn.disabled, .btn:disabled {opacity: .9;}
.sendbutton{min-height:40px;}
/*#enquiry{font-size:14px;line-height:35px;}*/

.carousel-caption h2{
font-size: 28px;
color: #FFF;
text-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}
/* EOF carousel */

.displayNone{
display:none;
}

.header{/* padding-top:10px; */}

/* Hero top */

.hero-main {
position: relative;
min-height: 550px;
z-index: 1; 
background-color: #2d2d2d; 
}

.hero-main::before {
content: "";
position: absolute;
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url('https://dedalusgroup.gr/media/editor/background/main-header-3.webp');
background-size: cover;
background-position: center;
opacity: 1;
z-index: -1; 
}

.main-h2{
font-size:46px; line-height:49px;
}

.custom-blue-btn {
background: linear-gradient(135deg, #0a8ed0, #0d70a2);
border: none;
color: white !important;
font-size:18px !important;
font-weight: bold;
transition: 0.3s;
}

.custom-blue-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

@media (max-width: 767px) {
.display-3 { font-size: 2rem; }
.main-h2{
font-size:35px; line-height:35px;
}
}

/*services*/
#about{margin-top:25px;}

#about h4 {
font-size: 24px;;
font-weight: 700;
color: #2c4964;
}

/*services*/

.section-title {
margin-top: 20px;
text-align:center;
}
.section-title p {
margin-bottom: 15px;
}

.section-title h4 {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}

.section-title h4:before {
content: "";
position: absolute;
display: block;
width: 160px;
height: 1px;
background: color-mix(in srgb, #444444, transparent 60%);
left: 0;
right: 0;
bottom: 1px;
margin: auto;
}

.section-title h4::after {
content: "";
position: absolute;
display: block;
width: 60px;
height: 4px;
background: #1977cc;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

#pageallcontent{/* padding-top:15px; *//* padding-bottom:15px; */overflow-wrap: break-word;}

#pageallcontent{
background-color: #fff;
}

.maps iframe {
pointer-events: none;
}
#pagecontent{/* padding-top:10px; */padding-bottom:20px;}

.pagetitle{font-size:17px;letter-spacing: 1px;font-weight:700;padding-top:25px;color:#0a8ed0}
h1#pageCharsTitle{font-size:34px;font-weight:800;padding-bottom:5px !important;}

.alert-custom {
background-color: #e7f0ff;
border-color: #c5d6f2;
color: #001f70;
}
.alert-custom h3{
margin-bottom:3px;
font-size:25px;
line-height:1.14;
}

.shadowbox{
padding-top:30px;
padding-bottom:30px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius:8px;
}

.shadowbox h3{margin-top:7px;font-size:25px;}

.holder {
overflow: hidden;
position: relative;
width:55%;
margin: 5px auto;
height: 1px;
background: #0b87a4;
background: gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #6286aa));
}

/*
.facebook-buttons {
padding-top: 17px;
min-height: 53px;
}*/

.facebook-buttons {
padding-top:15px;
padding-bottom:15px;
}

.facebook-buttons .facebookbtn {
background-color: #1877f2;
color: #fff;
padding: 7px 12px 7px 12px;
font-size: 15px;;
border-radius: 3px;
text-decoration: none;
font-family: Arial;
}

.img-responsive{
max-width:100%;
}

h1 {
font-size:34px;
font-weight: 600;
line-height: 1.2;
}

.header-overlay {
display: block!important;
position: absolute;
right: 15%;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
transform: translateY(-50%);
bottom: initial;
top: 50%;
}

.header-overlay h1 {
display:inline-block;
position: relative;
text-transform:uppercase;
font-size:25px;
font-weight:500;
color: #fff;
margin-bottom: 0px;
padding:15px 25px;
text-shadow: 0 0 .3rem black;
line-height:28px
/*
box-shadow:0px 0px 12px #007288; 
text-shadow:2px 2px 8px rgb(0 0 0 / 50%);*/
}

.maincontent{
font-size:17px;
padding-top:5px;
}

.page-description h2{
font-size:28px;
}

.productextra{padding-top:5px;}
.text-center {
text-align:center;
}

.ug-arrow-left.ug-skin-custom-arrow,
.ug-arrow-right.ug-skin-custom-arrow{
width:32px;
height:32px;
background-image:url('../images/carousel-arrows.png');
}

.ug-arrow-left.ug-skin-custom-arrow{
background-position:0px -64px;
opacity:0.7;
}

.ug-arrow-right.ug-skin-custom-arrow{
background-position:0px -0px;
opacity:0.7;
}

.ug-arrow-left.ug-skin-custom-arrow.ug-arrow-hover{
background-position:0px -96px;
opacity:1;
}

.ug-arrow-right.ug-skin-custom-arrow.ug-arrow-hover{
background-position:0px -32px;
opacity:1;
}

.pad-top{
padding-top:15px;
}

.pad-topbottom{
padding-top:15px;
padding-bottom:15px;
}
/* top header */
.mainTemplate .img-logo{}

/* top header */
.contactlinks{
font-size: 13px;
display:inline-block;
line-height: 20px;
font-weight: normal;
color:rgba(255, 255, 255, 0.7);
padding-top:12px;
}
.contactlinks a{
color:rgba(255, 255, 255, 0.7);
}
/* social and languages */
.header-social{
font-size: 14px;
line-height: 20px;
margin: 0px 0px 0px 6px;
}
/* social ul */
.social_networks {
list-style: none;
margin: 0;
padding: 0;
}
.social_networks li {
display: inline-block;
border: none;
}
.social_networks li a {
font-size: 20px;
display: block;
text-align: center;
line-height: 44px;
width:40px;
height: 40px;
margin: 0px;
padding: 0;
outline: none;
transition: 0.3s;
}
.social_networks li a:hover {
}
/* languages ul */
.site-languages {list-style: none;margin: 0px 5px 0px 5px;padding: 0;}
.site-languages li {
display: inline-block;
border: none;
}
.site-languages li a {display: block;text-align: center;line-height:42px;margin: 0px;padding:0px 5px;outline: none;}
.site-languages li img{
max-width:23px;
height:auto;
}
.site-languages li.active img{
opacity:0.9;
}
.site-languages li.active img:hover{
opacity:1;
}
.site-languages li a:hover{

text-decoration:none;
}
.site-languages li a.active{

background-color:rgba(127, 171, 0, 0);
}
/* header image */
.header img {  
max-width: 100%;
max-width:450px;
height: auto; 
width:100%; 
}

.contentview{position: relative;background:none;background-color: rgb(0 0 0);}
.img-100 {
background-color: rgba(56, 55, 41, 0.4);
border-radius: 2px;
}
.pagelist h2{
display:none;
}
.contentview .img-100 {
background-color: transparent;
background-color: rgba(255, 77, 77, 0);
}

.img-100 img{
max-width:250px;
width:100%;
}
.pad-top-40{
padding-top:40px;
}


/*section services*/
.services-boxes{/* padding-top:15px; */}
.seperator{
border-width: 0 0 1px;
color: #e3e3e3;
border-image: linear-gradient(90deg, #dedede00, #e3e3e3 50%, #dedede00 100%) 0 0 100%;
border-style: solid;
}

.services-box-header p{
font-size: 20px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 5px;
}

.services-box-image {margin:0 auto;padding:10px;}

.services-box-image img{/* max-width:150px; */height:auto;/* filter: brightness(0) invert(1); */}

.services-box-title h2 {font-size:20px;}

.services-box-description{padding-bottom:15px;}

.link {
/* RESET */
text-decoration: none;
line-height: 1;
position: relative;
z-index: 0;
display: inline-block;
padding: 8px 7px;
overflow: hidden;
color: #333;
vertical-align: bottom;
transition: color .3s ease-out;
}

.link::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
transform: translateY(calc(100% - 2px));
width: 100%;
height: 100%;
background-image: linear-gradient(60deg, #64b3f4 0%, #afd388 100%);
transition: transform .25s ease-out;
}

.link:hover { 
color: #fff;
text-decoration: none;
}
.link:hover::before {
transform: translateY(0);
transition: transform .25s ease-out;
}

/*section intro*/
.intro-boxes{background-color: #f8f9fd;/*background-image: linear-gradient(to right, #cae7fb, #cae7fb, #cae7fb, #cae7fb, #fdd1d8, #fdd1d8, #fdd1d8, #fdd1d8, #c5e4d0, #c5e4d0, #c5e4d0, #c5e4d0);*/color: #494949;font-weight: 400;}

.intro-box {
padding-top:25px;
padding-bottom:25px;
}

.intro-box .icon {
min-width:45px;
width: 45px;
height: 45px;
border: 2px solid #777;
border-radius: 50%;
font-size:18px;
}

.text a{
color: #000;
}

/*custom buttons */
.bg-light {background: #fefeff !important;}

.bg-secondary {
background: #8fd0d2 !important; }

.bg-primary {
background: #c5cf31 !important; }

/*.btn-outline-success {
color: #a08227 !important;
border-color: #fff !important;
background:#fff !important;
box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.1)  !important;;
}
.btn-outline-success:hover{
box-shadow: 2px 1px 12px rgba(0, 0, 0, 0.2)  !important;;
}*/


.btn {cursor: pointer;border-radius: 4px;font-size: 16px;font-weight:500;}
.btn:hover, .btn:active, .btn:focus {outline: none; }
.btn.btn-primary {color: #fff;}


.textcontent{
line-height:28px;
font-size: 17px;
}

.textcontent ul {
margin:0px;
padding-left:15px;
padding-right: 15px;

}

.textcontent ul li {list-style-position: inside;}
.textcontent ul li:before {
content: "";
margin-right: -10px; /* Adjust this to move text closer to the bullet */
}

.extra-pages{margin-top:15px;margin-bottom:15px;}

ul.extraDetails{
margin-top:0px;
margin-bottom:0px;
display:block;
padding:0px !important;
}

.extraDetails li{
list-style:none;
padding-left:0;
margin-left:0;
font-size:17px;
padding: 6px 0px;
border-bottom:1px solid #3c79b817;
}

.extraDetails li:last-child{
border-bottom:none;
padding-bottom:5px;
}

.cat-title{font-weight:600;padding-right:5px;}

.offer{color:#c81e3a;}

.offer:before {
content: "\f06b"; 
font-family: ForkAwesome;
font-size:16px;
margin-right:5px;
}

ul.tick-style {
list-style: none;
margin:0px;
padding:0px
}

.tick-style li {
list-style-position: inside;
margin: 0px;
padding-bottom:5px;
}

.tick-style li:before {
content: '✓';
padding-right: 10px;
font-weight: bold;
}

.textcontent ol li {
list-style-position: inside;
margin: 0px;
}

.pagecontent{padding-top:15px;}
.pagecontent img {  
max-width: 100%;
height: auto;
}
.maincontent img {max-width: 100%;height: auto;}
.textcontent img{padding-right:5px;}

.leaflet-map-pane img{padding:0px;}

/*fix for bootstrap*/

.textcontent .customrow{
padding:5px 15px;
align-items: center!important;
}

.textcontent .customrow img{
/*padding:0px 15px;*/
padding:0px 2px;
display:inline-block;
margin:0 auto;
border-radius:3px;
}

.maincontent  ul {
padding-left: 15px;
}

ul.contact{
list-style: none;
}

li.contact_item{
min-width:200px;
display:inline-block;
text-align:center;
padding:15px;
margin:20px 5px 35px 5px;
/*background:#e7f0ff;*/
border-radius:5px;
}

.contact_left{display:block;text-align:center;margin:-60px auto 5px auto; background-color:#fff;border-radius:50%;width:40px;}
.contact_right{display:inline-block;}

.contact_icon {
font-size:40px;
color: #001f70;

}

.contact_icon.fa-mobile{
font-size:40px;
}


.vibericon {
display:inline-block;
background-image: url('../images/viber.svg');
width:36px;
height:36px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center, 50%, 50%;
}

.whatsappicon {
display:inline-block;
background-image: url('../images/whatsapp.svg');
width:36px;
height:36px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center, 50%, 50%;
}

.contact_title{
display:block;
font-weight:bold;
font-size:18px;
color: #000;
}

.contact_text{
word-break: break-all;
}

.contact_text a{
color:#000;
}

/*.btn-send{font-weight:500;background-color:#34373c;border-color: #34373c;}*/

#homeslider{}

/*#pagetop{
margin-top:0px;
width:100%;
background-color:#FFFFFF;
position:relative;
min-height:100px
}
#pagetop img{width:100%;max-width:100%;height:auto;}

#pagetop .overlay{
position: absolute;
top: 0;left: 0;bottom: 0;right: 0;
overflow: hidden;
border: none;
padding: 0;
margin: 0;
opacity: .1;
background: transparent url('../images/overlay.png') center center repeat;
background-color:#000;;  
}

.pagetop address {
margin-bottom: 0px;
background-color:#FFFFFF;
}
*/

/* Default banner */
.pagetop{position: relative;width: 100%;max-width:100%;margin:0 auto;min-height:300px;overflow: hidden;}


/*.pagetop .overlay {
background: linear-gradient(180deg, rgba(0,0,8,0.31985294117647056) 0%, rgba(0,0,0,0.32825630252100846) 50%, rgba(0,0,0,0.10976890756302526) 100%);
position: absolute;
height: 100%;
width:100%;
z-index: 1;
}*/

.pagetop .overlay{
position: absolute;
top: 0;left: 0;bottom: 0;right: 0;
overflow: hidden;
border: none;
padding: 0;
margin: 0;
opacity: .1;
background: transparent url('../images/overlay.png') center center repeat;
background-color:#000;;  
}

iframe {
transition: opacity 500ms ease-in-out;
transition-delay: 250ms;
border:none;
}

/* Default image container */
.pagetop .background {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color:#fff;
background-size: cover;
/*background-size:1920px 900px;*/
background-repeat:no-repeat;
background-position:center center;
}


.pagetop .nobackground .overlay {
background-image:none;
position: absolute;
height: 100%;
width:100%;
z-index: 1;
}

.nobackground {
min-height:300px;
}


.nobackground .background {
background-color: #002a4c;
background-image: url("../images/wavecut.png");
background-size:auto;
background-repeat:repeat;
}


/*header image */
.responsive-header img{
height: auto;
max-width: 100%;
text-align:center;
}
.responsive-header p{
padding:0px;
margin:0px;
text-align:center;
}
/* breadcrumbs */
.bread-crumbs{}
#bread-crumbs{
color: #333;
background-color:#e2e2e24a;
}

.breadcrumb {
font-size:14px;
padding: 5px;
margin-bottom: 0px;
list-style: outside none none;
background-color: transparent;
border-radius:0px;
justify-content: center!important;/*align center*/
}
.breadcrumb a{
color:#333;
}
.breadcrumb .breadcrumb-fa:before{
}
.breadcrumb>li+li:before {
content: "/\00a0";
color: #333;
display: inline-block;
padding-right:4px;
padding-left: 5px;
}

.pad-row {
padding-top:40px;
padding-bottom:20px;
}
.pad-bottom {
padding-bottom:40px;
}
a.thumbnail:hover{
border: 1px solid #C2D59D;
}

/*.allsubpages{
background:#fff;
padding-left:7px;
padding-right:7px;
margin-top:15px;
margin-bottom:15px
}
*/

.listpages{
background:#fff;
position: relative;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius:6px;
margin-bottom:30px;
overflow: hidden;
}

.listpages:last-child{/* padding-bottom:10px; */}

.sidebar:last-child{
padding-bottom:10px;
}

.sidebar{margin-bottom:20px;}

/*ribbon hover image*/
.listpages .ribbon {position: absolute;left:0px;bottom:0px;width:auto;/*min-height:45px;*/color: #fff;line-height:22px;font-size:17px;font-weight:600;text-align: center;background: #0d88c5;padding:5px 10px;border-radius:0px 3px 3px 0px;}

.listpages .ribbon a{
color: #fff;
text-decoration:none;
}

.listpages .ribbontop {
position: absolute;
left:0px;
top:8px;
font-size:14px;
font-weight:500;
color: #fff;
background: #c81e3a;
box-shadow: 0px 1px 3px rgba(0,0,0,.2);
padding: 7px 15px 5px 15px;
line-height:19px;
}


.listpages .hours {
display:inline-block;
margin-top:12px;
font-size: 16px;
font-weight:600;
color: #494848;
}

.listpages .hours:before {font-family: ForkAwesome;content: '\f017';padding-right:5px;color: #04a43a;}

.listpages .months{
display:inline-block;
margin-top:12px;
font-size: 16px;
font-weight:600;
color: #494848;
}

.listpages .months:before {
font-family: ForkAwesome;
font-weight:400;
content: '\f02c';
padding-right:7px;
color: #04a43a;
}

.pagingview{
padding:10px;
display:block;
}

.pagination{margin-bottom:25px;}

.thumbnails{padding-top:15px;}

.listpages .fullwidth{
position: relative;
overflow: hidden;
width:100%;
min-width:100%;
height:auto;
max-height:380px
}

.listpages .img_holder{
height:300px;
}

.listpages .fullwidth img{
transition: all 0.8s;
min-width:100%;
}

.listpages .fullwidth:hover img {
transform: scale(1.05);
}

.listpages .caption{
margin-top:8px;
margin-bottom:4px;
font-size:17px;
line-height:20px;
font-weight:bold;
color:#000;
position:relative;
}

.relatedHeader{padding-bottom:10px;}

.listpages .caption h2{
margin-top:15px;
font-size:18px;
line-height:20px;
font-weight:700;
color:#000;
}

.listpages .caption a{
color:#000;
}

.listpages .caption a:hover{
text-decoration:none;
}

.listpages .listinglocation{color:#5f5f5f}
.listpages ul.small-extras {margin-bottom: 5px !important;}

.listpages .captiontext{
font-size: 16px;
color: #000;
padding:15px;
}

.listpages .small-desc{padding:8px 15px;}
.listpages .small-desc p{margin-bottom:0px;}
.listpages .read-more{ margin-top:10px;margin-bottom:5px;}

.btn-olive {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 6px 10px 4px 10px;
font-size: 13px;
line-height:24px;
border-radius: 2px;
color: #fff;
background-color: #0377bf;
border-color: #0067a6;
}

.btn-olive:after{
content: "\f105"; 
font-family: ForkAwesome;
font-size:15px;
margin-left:7px;
}


.btn-olive:hover,.btn-olive:focus,.btn-olive:active,.btn-olive.active {
color: #fff;
background-color: #0067a6;
border-color: #0067a6;
outline: 0;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.galleryRow{padding-top:15px;padding-bottom:15px;}

.card {border: none;}
h2.card-title {font-size:20px;}

/* PAGE FOOTER*/
.pagefooter{position:relative;padding-top:10px;padding-bottom:10px;background: #f8fbff;color:#535d6b; border-top: 1px solid #535d6b26;}  

ul.footer-social{}
.footer-social li {
list-style: none;
margin: 0 5px 0 0;
display: inline-block;
}


.footer-social li a span {
font-size: 28px;
}

.icon-tripadvisor:before {
display:inline-block;
content: '';
background-image: url('../images/tripadvisor.svg');
background-repeat:no-repeat;
background-position: 0px 3px ;
background-size: 19px 19px;
height: 19px;
width: 19px;
}

.services-content .title {
display:inline-block;
font-size:20px;
font-weight:700;
text-align: left;
padding:15px 0px 5px 0px;
position:relative;
}


.services-content .textcontent {
padding: 5px 0px 5px 0px;
font-size:16px;
}

.services-content .textcontent p .fa{
padding-right:3px;
}

.services-content .textcontent p .fa-mobile{/* font-size:20px; */}

.services-content ul {list-style:none;}

.services-content ul.footer-social {margin-top:5px;margin-bottom:5px;}

.services-content ul li {
line-height:30px;
font-size:19px;
font-weight:bold;
}
.services-content {
line-height:26px;
padding:0px;
color: #535d6b;
font-weight:400;
}

.services-content img{max-width:100%;}


.services-content ul li .icon-tripadvisor:before {
background-position: 0px 0px ;
background-size: 30px 30px;
height: 30px;
width:30px;
}

.services-content p{line-height:30px;}

.license{display:inline-block;margin-top:15px;line-height:14px !important;font-size:14px;}
.services-content a{
color: #535d6b;
text-decoration:none;
}
.services-content a:hover{
color:#1b2026;
}
.services-content .footer-icon {
width:16px;
margin-right:5px;
display:inline-block;
line-height:10px;
text-align:center;
padding-bottom:4px;
vertical-align:middle;
}

.services-content ul li .fa-mobile{
font-size:18px;  
}
.services-content ul li .fa-envelope-o{
margin-left: 15px;  
}

.contact-social{
margin:15px;
}

.callbutton{
display: inline-block;
position: relative;
font-size: 15px;
height: 24px;
margin: 3px 2px;
padding: 3px 6px;
background-color: #fff;
border-radius: 3.33333px;
border: 0;
box-sizing: content-box;
line-height: 1.5;
opacity:.9;
transition: opacity .3s ease;
vertical-align: middle;
}

.callbutton:hover {
opacity:1;
text-decoration:none;
}

.viber {
color:#5743d6 !important;
border:1px solid #7360f2;
}


.whatsapp {
color:#20b256 !important;
border:1px solid #25d366;
}

.callbutton:before{
display: inline-block;
background-repeat: no-repeat;
background-size:18px 18px;
content: "";
vertical-align: bottom;
position: relative;
height: 100%;
width: 24px;
top: 0;
left: 0;
background-position: 0 50%;
}

.viber:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%237360f2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817.57 12.933.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602a.304.304 0 0 0-.004.607c1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3a.304.304 0 0 0 .3-.304c-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695a.981.981 0 0 0-.616.117l-.01.002c-.43.247-.816.562-1.146.932-.002.004-.006.004-.008.008-.267.323-.42.638-.46.948a.596.596 0 0 0-.007.14c0 .136.022.27.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186.27.344.56.673.87.984l.132.132c.31.308.64.6.984.87a15.524 15.524 0 0 0 2.186 1.447c1.328.733 2.126 1.07 2.604 1.206l.01.014a1.275 1.275 0 0 0 .54.055c.31-.036.627-.19.948-.46.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83-.36-.255-.73-.492-1.113-.71-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248a12.73 12.73 0 0 0-.71-1.115 28.35 28.35 0 0 0-.83-1.035.822.822 0 0 0-.502-.297zm4.49.88a.303.303 0 0 0-.018.606c1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57a.306.306 0 0 0 .61.013c.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63a.305.305 0 0 0-.3.287c-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164a.304.304 0 0 0 .605-.03c-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z'/%3E%3C/svg%3E");
}


a.viber-top{
color: #fff !important;
border:none;
}
a.viber-top:before {
display: inline-block;
content: "";
background-repeat:no-repeat;
background-position: 0px 2px ;
background-size: 14px 14px;
height: 14px;
width: 14px;
margin-right:3px;
background-image: url(../images/icons-viber-24.png);
}

.whatsapp:before{
content: "\f232"; 
font-family: ForkAwesome;
background-size: 20px 20px;
font-size:21px;
padding-right:3px;
top:-4px;
color:#1abe57;
}

/* SECOND FOOTER */
.copyright-footer{color: #828282;font-size: 13px;line-height:22px;padding-top:12px;padding-bottom: 10px;}
.copyright-footer a{
color: #F5F5F5;
text-decoration:none;
}
.copyright-footer a:hover{
color: #fff;
text-decoration:underline;
text-decoration-style: dotted;
}
.socials a{
text-decoration:none;
}
.social-footer{
font-size:28px;
padding:5px 0px 5px 0px;
}
.social-footer span{
padding:8px 10px;
margin-right:5px;
color: #cbac6e;;
border:2px solid #cbac6e;;
border-radius:12px;
}

/* rollover zoom effect */
span.rollover {
transition-duration: 0.5s;
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
z-index: 999;
opacity: 0;
}
span.rollover  i{
color: #f1f1f1;
font-size: 20px;
padding:15px;
cursor: pointer;
height:52px;
width: 50px;
margin:20px 20px;
position: relative;
z-index: 999;
opacity: 1;
border:1px solid #f1f1f1;
border-radius:40px;
text-shadow: 2px 2px 6px #212121;
}
span.rollover:hover {
opacity:1;
transition-duration: 0.5s;
}
.galleryRow .thumbnail:hover:before {
content: "\f002"; 
font-family: ForkAwesome;
position: absolute;
top: 7%;
left: 8%;
text-decoration:none;
color: #f1f1f1;
font-size: 20px;
padding:15px;
line-height:20px;
cursor: pointer;
height:52px;
width: 50px;
z-index:999;
opacity: 1;
border:1px solid #f1f1f1;
border-radius:40px;
text-shadow: 2px 2px 6px #212121;
}

/*related pages*/
.relatedPage {
position: relative;
text-align: center;
margin-bottom:30px;
box-shadow: 0px 15px 10px -15px #7b7b7b;
border-radius:8px;
}

.relatedPage:hover img {
opacity: 0.8;
transform: scale(1.1);
}

.relatedPage:hover {
overflow: hidden;
}

.fullwidth{
position: relative;
overflow: hidden;
width: 100%;
height:auto;
}

.fullwidth img{
width:100%;
height:auto;
transition: all 0.8s;
margin-bottom:0px;
}

.relatedTitle{
width:100%;
position: absolute;
bottom:0;
left: 0;
transition: all 0.2s ease;
background: #1977ccdb;
color:#fff;
text-align: center;
z-index: 1;
}

.relatedImage{
border-radius:8px;
}

.relatedTitle:hover{
background: #1977cc;
}

.emptyRelated{
min-height:250px;
margin-bottom: 30px;
border: 1px solid #1977cc;
position:relative;
}    

.relatedMore{
font-size:32px;
}

.relatedCentered {
position: absolute;
top: 50%;
left:0%;
right:0%;
text-align:center;
bottom:auto;
margin-top:-30px
}

.relatedMore a{
color:#000;
}

.relatedTitle a{
text-decoration:none;
display:block;
padding: 15px 15px;
color:#fff;
font-size:18px;
}

.relatedImage:hover{
box-shadow: 0px 15px 10px -15px #949494;
overflow: hidden;
}

.relatedPage:hover .relatedTitle {
background: #1977cc;;
}

/* Bottom left text */
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}

/* Top left text */
.top-left {
position: absolute;
top: 8px;
left: 16px;
}

/* Top right text */
.top-right {
position: absolute;
top: 8px;
right: 16px;
}

/* Bottom right text */
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}

/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
bottom:auto;
transform: translate(-50%, -50%);
}

/* Centered top text */
.centeredtop {
position: absolute;
top:5px;
left: 50%;
transform: translate(-50%, 0%);
}

/* bottom relative */
.centered-bottom {
position: relative;
}

/*.nav > li{
position: static !important;
}
.dropdown-menu {
left: 0 !important;
right: 0 !important;
}
.dropdown-menu > li{
float: left !important;
} 
.dropdown-menu > li > a{
width:auto !important;
}*/

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {outline: none;box-shadow: none;}

/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
display:block;
width:30px;
height: 20px;
position: relative;
margin: 0px;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {display: block;position: absolute;height: 4px;width: 100%;border-radius: 9px;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;}

.animated-icon1 span {
background: #fff;
}

.animated-icon2 span {
background: #fff;
}

.animated-icon3 span {
background: #fff;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
transform: rotate(-135deg);
}

/* Icon 3*/
.animated-icon2 span:nth-child(1) {top: 0px;}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {top: 10px;}
.animated-icon2 span:nth-child(4) {top: 20px;}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */
.animated-icon3 span:nth-child(1) {
top: 0px;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
transform: rotate(45deg);
top: 0px;
left:4px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
transform: rotate(-45deg);
top:21px;
left:4px;
}

#reserveForm{margin:10px auto;padding:20px 20px 10px 20px;border-radius:3px;border: 1px dashed #e0e0e0;background: #fafafa;max-width:900px;}
#startdate.form-control[readonly] {background-color: #fff;}

.opencalendar{cursor:pointer;}
#custimg{vertical-align: bottom;margin-right: 3px;margin-left: 3px;}

/* fix for inline*/
/*.navbar {padding: 0px 1rem;}
li.dropdown {position: static; float:right}
.navbar  .dropdown{position: static;}
.navbar{position: static!important;}
.dropdown-menu {width: 100%;border-radius:0px;border:none;border-top:1px solid #dedede;text-align:center; background-color:#f8f8f8;box-shadow: 0 5px 5px rgb(0 0 0 / 25%);}
.dropdown-menu > li {display: inline-block;font-size:14px;font-weight:bold;}
.dropdown-menu > li a{font-weight:bold;}
.dropdown-item {padding:15px 10px;}
.dropdown-item:hover{background-color:#fff0;color:#0077c8;}
li .active .dropdown-item{background-color:#fff0;color:#0077c8;}
.navbar-custom .navbar-nav .nav-link {margin-top:22px;}
*/

.fixed-nav {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
background-image: linear-gradient(#0377bf, #013c730a);
}

.fixed-nav.fixed-top {background-image: linear-gradient(#0377bf, #0377bf);}
.absolute-nav.fixed-top {background-image: linear-gradient(#0377bf, #0377bff5);}

.dropdown-menu{font-size:16px;}
.navbar-custom .navbar-nav > .nav-item {padding-left:2px;padding-right:2px;}
.navbar-custom .navbar-nav > .nav-item > .nav-link {font-weight:500;color: #fff;position: relative;}
.navbar-custom .navbar-nav > .nav-item > .nav-link:hover {color: #fff;}
.navbar-custom .navbar-nav > .active > .nav-link {color: #169bdb;}
.navbar-custom .navbar-nav > .nav-item > .book-now {display:inline-block;font-weight:600;border-radius:15px;padding:6px 14px;}
.navbar-custom .navbar-nav > .nav-item > .book-now:hover{color:#fff;}


@keyframes pulse-glow {
0%{
box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.8);
}
50% {
box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.8);
}
100% {
box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
}
}


.book-now { animation: pulse-glow 4s infinite;}
.book-now:hover {animation: none;}

#pagecontent h1 {padding-bottom: 10px;}
.contact-now {cursor:pointer;display:inline-block;padding: 7px 5px;color:#ffffffe3;}
.contact-now a{color:#ffffffe3;font-size: 14px;}
.contact-now a:hover{text-decoration:none;}
.nav-item .contact-now .fa{font-size: 17px;color: #ffffffe3;}
.nav-item .contact-now .fa:hover{color: #fff;}

.absolute-nav {position:absolute;top: 0;right: 0;left: 0;z-index: 1030;background-image: linear-gradient(#0377bf, #0377bfa3);padding: 0.1rem 1rem;    box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}

.maintitle {
position: relative;
border-top:1px solid #8989899c;
border-bottom:1px solid #8989899c;
margin-top:5px;
margin-bottom:5px;
background:#00000096;
}

.maintitle:before{
content: '';
border-bottom: solid 1px #8989899c;
width: 100%;
position: absolute;
top: -3px;
left: 0;
}

.maintitle:after {
content: '';
border-bottom: solid 1px #8989899c;
width: 100%;
position: absolute;
bottom: -3px;
left: 0;
}

.maintitle h2{
font-weight:600;
font-size:24px;
color: #fff; 
display:inline-block;
margin:5px;
}

.mainboxes .boxlist, .mainboxes .boxlistbig{margin:5px 5px;position:relative;}

.boxlist{position:relative;background-color:#000;}

.boxlist img {display: inline-block;max-width:100%;height:auto;}

.boxlist .contentbox {
position: absolute; /* Position the background text */
bottom: 0px; /* At the bottom. Use top:0 to append it to the top */
background: rgb(0, 0, 0); /* Fallback color */
background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
color: #f1f1f1; /* Grey text */
width: 100%; /* Full width */
padding:18px 0px; /* Some padding */
transition: padding 0.2s linear;
}

.boxlist .contentbox h3{
margin:0px;
padding:0px;
font-size:18px;
font-weight:600;
}

.boxlist:hover > .contentbox{
padding:5px 0px;
transition: padding 0.2s linear;
}

.boxlist:hover img {
opacity: 0.8;
}

.middlemain {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
text-align: center;
}

.maintext a{
color: #000;
font-size: 16px;
padding: 12px 8px;
font-weight:500;
text-decoration:none;
}

.boxlist:hover > .middlemain{
opacity:1;
}

.boxlistbig{
position:relative;
max-height:450px;
}

.video {
position:relative;
aspect-ratio: 16 / 9;
width: 100%;
height:100%;
max-height:450px;
}

.footer{display:inline-block;padding:0px 5px;}

.footer a{
color:#fff;
}
.footer img{
filter: invert(1);
}

.video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.map-container{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.map-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sharebuttons {position:relative;padding:0px;}

.share .sharelink{
height: 50px;
width: 50px;
text-align: center;
display: inline-block;
transition: all 0.3s ease-in-out;
box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1);
margin: 0px;
vertical-align:top;
color:#fff;
line-height:50px;
}

.facebooklink {
font-size:32px;
background-color: #3B5998;
}
.instagramlink {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.emaillink {
background-color: #61c5ec;
font-size:29px;
}

.share .sharelink {
border-radius:10px;
margin: 0 10px;
cursor:pointer;
}

/*pagination*/
.pagination > li > a{
background-color: white;
color: #000;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{
color: #5a5a5a;
background-color: #eee;
border-color: #ddd;
}

.pagination > .active > a{
color: white;
background-color: #002a4c !important;
border: solid 1px #002a4c !important;
}

.pagination > .active > a:hover{
background-color: #001e35 !important;
border: solid 1px #001e35;
}

.stickyHeader {
display:none;
transition: all 0.35s ease, padding 0.35s ease;
}

/*share page*/
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}

.sharePage{
margin:10px 0px;
}

.sharePage button{
outline: none;
cursor: pointer;
border-radius: 4px;
border: 2px solid transparent;
transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
}

.sharePage .view-modal {
color: #fff;
font-size: 16px;
padding: 6px 12px;
background: #036107;
}

/*FAQS*/
.faqs{
max-width:800px;
margin:0 auto;
text-align:left;
background:#f8f8f8;
padding:15px;
border-radius:5px;
}

.togglefaq {
color:#1800b3;
background:#fff;
margin-top:10px;
padding: 10px;
display: block;
font-weight: 500;
cursor:pointer;
font-size:17px;
border-radius:5px;
}

.togglefaq:before {
font-family: ForkAwesome;
content: '\f055';
padding-right:7px;
color:#1800b3;
font-size: 17px;
}

.activef{
color:#11007e;
border-radius:5px 5px 0px 0px;
}
.activef:before {
font-family: ForkAwesome;
content: '\f056';
padding-right:7px;
color:#11007e;
font-size: 17px;
}

.faqanswer {
display: none;
padding:10px 15px 10px 15px;	
padding-bottom:8px;	
background:#fff;
border-radius:0px 0px 5px 5px;
margin-bottom:10px;
border-top:1px solid #eae8e8;
}

.floating-facebook-icon{
position: fixed;
bottom: 0;
right: 0;
margin-right:15px;
margin-bottom: 15px;
width: 60px;
height: 60px;
cursor: pointer;
}

@media only screen and (max-width: 767px) {
/*hide carousel arrows */    
.carousel-control-prev, .carousel-control-next{
display: none;
opacity: 0;
}
.pagetop{min-height:300px;}
.nobackground{min-height:100px;}
.background {
/*
width: 100%;
height: 100%;
background-size: cover;   
*/
background-size: cover; 
/*background-size: 1280px 600px;*/
background-repeat: no-repeat;
background-position: center center;
}

.smallLogo {}

.alert-custom{padding:10px 20px;overflow-wrap:normal;min-height:100px}

.alert-custom h3 {font-size: 22px;}
.shadowbox h3 {font-size: 22px;}

.textcontent .customrow img{
padding:10px 5px;
display:inline-block;
margin:0 auto;
}

.textcontent .customrow h4:first-child {
padding-top:15px;
border-top:1px dashed #cccccc40
}

.textcontent .customrow h5:first-child {
padding-top:15px;
border-top:1px dashed #cccccc40
}

.text-left{text-align:center!important;}
.text-right{text-align:center!important;}
.text-left-mobile{text-align:left !important;}
.hidden-xs{display: none!important;}
.navbar-toggler{padding:8px 10px 10px 10px; border:none;}
.smallLogo img {height: 50px;width:auto;position: relative;top:auto;margin-left:5px;}
.fixed-top.navbar-custom .hum-button {/*margin-right:15px;*/}
.collapsing {transition: none;display: none;}
.site-languages {margin: 15px 5px 0px 20px;}
.item-text {/* padding-left: 0px; */cursor:pointer;}
.nav-item {font-size: 16px;line-height: 26px;}
.book-now {animation:none;}
.navbar-custom .navbar-nav > .nav-item > .book-now {margin-left: 0px;border-radius:5px;}
#myCarousel .h1 {font-size: 28px;}
#myCarousel .h5{font-size:18px;}
#pagecontent h1 {font-size:25px;padding-bottom:10px;}
h2 {font-size: 24px;}
#pagetop .overlay {opacity:0;}
.header-overlay {/* padding-top:10px; *//* padding-bottom:0px; *//* position: relative; *//* right: auto; *//* left: auto; *//* top: auto; *//* transform:none; */}  
.header-overlay h1 {font-size:28px;/*padding:7px 14px;margin-bottom:0px; color:#000; */}
#pageallcontent {/* padding-top: 10px; */}
.parallax h2 {font-size:23px;line-height:40px;}
.contact_text{display:block;max-width:220px;}
.img-responsive{width:100%;margin-bottom:10px;}
.bread-crumbs{display:none;margin:0px;}
#toTop{visibility:hidden;}
#adminLogin{visibility:hidden;}
.gallerycol{width:100%;}
.pagecontent img {/* display: block; */}
.services-content h3.title {text-align: center;width:100%;}
.services-content {text-align:center;}
.services-box-description{margin-bottom:15px;border-bottom:1px dashed #016bdc40;}
.site-languages li img{max-width:40px;}
.img-logo{padding-top:10px;padding-bottom:15px;}
.listpages{margin-bottom:15px}
.services-content .title {padding:5px 0;}
.copyright-footer{padding-bottom:80px;}
}

@media (max-width: 769px) {
#myCarousel, ac
.carousel-inner,
.carousel-item,
.carousel-item.active, #carouselControls {height:340px;}
.carousel-item {max-height:340px;} 
.visiblebtn{position:fixed;bottom: 0;z-index: 10000;margin:0 auto; opacity:.9 !important;width:50%;left:25%}
}

@media only screen and (max-width : 992px) {
.img-100 {background-color:transparent;}
.listpages .fullwidth{height:auto;max-height:100%;}
}

.social-menu{display:inline-block;color:#ffffff99;font-size:18px; margin-left:5px;margin-right:5px;}
.social-menu:hover{color:#fff;}

@media screen and (min-width:769px) {
.textcontent .mypic {float:left;padding-right:15px;padding-bottom:5px;display:inline-block; }  
}
/*navbar dropdown with hover effect*/
@media all and (min-width: 992px) {
.navbar-custom .navbar-nav > .nav-item.active {color:#1977cc;}    
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{ }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
.bookikingbtn{display:none;}
}


@media screen and (min-width: 1600px) {
.container-1600{max-width:1570px;width:100%;}
}

/* EOF*/

.color-dedalus{
background:#0a8ed0;
color:#fff;
}

.text-primary{color:#0a8ed0 !important;}
.btn-primary{background-color:#0a8ed0 !important;}

.no-caret::after {
display: none !important;
}

section {scroll-margin-top: 59px;}  
.type-text{letter-spacing: 1px;}
.text-muted-light{color: #b5b5b5;}
.header-text{font-size:48px;line-height:1;color:#000;font-weight:800;}

.contact-section {
background-color: #0c121e;
color: white;
padding: 40px 40px;
}
.contact-info-item {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.contact-info-item i {
background-color: #161f2e;
color: #0a8ed0;
width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
font-size: 1rem;
}
.info-label {
font-size: 0.75rem;
color: #6c757d;
margin-bottom: 2px;
text-transform: uppercase;
}
.info-text {
font-weight: 600;
font-size: 0.95rem;
}

.info-text a {
color:#fff;
}
/* Φόρμα Επικοινωνίας */
.contact-card {
background: white;
border-radius: 15px;
padding: 30px;
color: #333;
}

/*.form-control {
background-color: #f8f9fa;
border: none;
border-radius: 8px;
}*/
.btn-submit {
background-color: #007bff;
color: white;
border-radius: 10px;
padding: 12px;
font-weight: bold;
width: 100%;
border: none;
}
.map-container {
border-radius: 15px;
overflow: hidden;
margin-top: 30px;
}

.service-icon {
width: 45px;
height: 45px;
background-color: #0a8ed0;
color: white;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
}
.service-item h6 {
font-weight: bold;
margin-bottom: 2px;
}
.service-item p {
color: #313538;
font-size: 0.9rem;
}


.dark-banner {
background-color: #0c121e; 
color: white;
border-radius: 20px;
padding: 40px;
}
.service-list-item {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 0.95rem;
/*white-space: nowrap;*/
max-width:100%;
}
.service-list-item i {
color: #0a8ed0; 
margin-right: 10px;
font-size: 1.2rem;
}
.text-muted-custom {
color: #b5b5b5;
margin-bottom: 30px;
}

.rounded-custom {
border-radius: 20px; 
height: auto; 
object-fit: contain;   
width: 100%;
}

.btn-primary {
background-color: #007bff;
border: none;
transition: all 0.3s ease;
}

.btn-primary:hover {
background-color: #0056b3;
transform: scale(1.05);
}	

.brand-card {
background-color: #f8f9fa; 
border-radius: 12px;
height: 100px;
transition: transform 0.2s ease-in-out;
color: #495057;
}
.brand-card:hover {
transform: translateY(-5px);
background-color: #f1f3f5;
}


.feature-card {
background-color: #fff;
border-radius: 15px; 
padding: 25px;
height: 100%;
border: none;
transition: transform 0.2s;
}
.feature-card:hover {
transform: translateY(-5px); /* Εφέ hover */
}
.icon-box {
background-color: #0a8ed0;
color: white;
width: 35px;
height: 35px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
font-size: 1.1rem;
}
.feature-card h6 {
font-weight: 700;
color: #1a1a1a;
margin-bottom: 8px;
}
.feature-card p {
color: #6c757d;
font-size: 0.85rem;
line-height: 1.4;
margin-bottom: 0;
}

.features-bg {
padding: 30px 20px;
}	

.leasing-banner {
background-color: #0c121e; 
color: white;
border-radius: 20px;
padding: 40px;
}
.price-box {
background-color: #161f2e; 
border-radius: 15px;
padding: 30px;
text-align: center;
}
.price-value {
color: #0a8ed0; 
font-size: 3.5rem;
font-weight: 900;
line-height: 1;
}
.leasing-list {
list-style: none;
padding-left: 0;
}
.leasing-list li {
margin-bottom: 12px;
display: flex;
align-items: center;
font-size: 0.95rem;
}
.leasing-list i {
color: #0a8ed0;
margin-right: 10px;
font-size: 1.1rem;
}
.btn-blue {
background-color: #0a8ed0;
color: white;
border-radius: 10px;
padding: 12px 25px;
font-weight: bold;
border: none;
width: 100%;
}

.btn-blue:hover {
background-color: #1796d5;
color: white;
}

/*stolos*/
.font12{font-size:12px;}
#filter-cc .btn{font-size:14px;}
#filter-price .btn{font-size:14px;}
/* Hover effect στο κουμπί */
#enquiryForm button:hover {
background: #0056b3 !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0,123,255,0.3) !important;
}
/* Focus effects στα inputs */
#enquiryForm .form-control:focus {
background: #e9ecef !important;
box-shadow: none;
border: 1px solid #007bff !important;
}


h2.spec-title { font-weight: 600; font-size: 24px; margin-bottom: 20px; color: #212529; }
.spec-box {
background-color: #0a90ce;
color: white;
width: 38px;
height: 38px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
margin-right: 12px;
line-height: 1;
}
.label-text { font-size: 0.85rem; color: #6c757d; margin-bottom: 0; line-height: 1.2; }
.value-text { font-weight: 700; font-size: 1.05rem; margin-bottom: 0; }

.equipment-card {
background-color: #f9f9f9;
border-radius: 12px;
padding: 30px;
border: none;
}

.equipment-card ul {
column-count: 2;
column-gap: 40px;
list-style: none;
padding: 0;
margin: 0;
}

.equipment-card ul li {
margin-bottom: 17px;
font-size: 0.95rem;
display: flex;
align-items: flex-start;
color: #444;
break-inside: avoid;
text-align:left
}

/* icon */
.equipment-card ul li::before {
content: "\F430"; 
font-family: "bootstrap-icons";
color: #0a90ce;
margin-right: 12px;
font-size: 1.1rem;
line-height: 1;
flex-shrink: 0;
}

/*enquiry form*/
#enguiry-form .card { 
border: none; 
border-radius: 16px; 
box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
overflow: hidden;
}

#enguiry-form  .card-header {background: #ade0f936;border-bottom: 1px solid #edf2f7;padding: 20px;}

#enguiry-form .card-header h5 { font-weight: 600; color: #1a202c; letter-spacing: -0.5px; }

#enguiry-form .card-body { padding: 30px; }

#enguiry-form  .form-control {
height: 44px;
border-radius: 8px;
border: 1px solid #e2e8f0;
transition: all 0.2s ease;
}

#enguiry-form .form-control:focus { 
border-color: #3182ce; 
box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1); 
}

#enguiry-form label {font-size:14px;font-weight: 600;}

/* Modern Radio Buttons */
#enguiry-form .form-check { 
background: #f8fafc; 
padding: 12px 15px 12px 35px; 
border-radius: 8px; 
border: 1px solid #e2e8f0;
margin-bottom: 10px;
cursor: pointer;
transition: 0.2s;
}

#enguiry-form .form-check:hover { border-color: #cbd5e0; }

/* Submit Button */
#enguiry-form .btn-primary {
background-color: #007bff;
border: none;
height: 52px;
border-radius: 8px;
font-weight: 600;
font-size: 1rem;
transition: all 0.3s;
}

#enguiry-form .btn-primary:hover:not(:disabled) { background-color: #2b6cb0; transform: translateY(-1px); }
#enguiry-form .btn-primary:disabled { background-color: #a0aec0; opacity: 0.6; }
#enguiry-form .required { color: #e53e3e; }

@media only screen and (max-width: 767px) {
.navbar-custom {padding-bottom: 15px;}
section{scroll-margin-top: 68px;}
.header-text{font-size:36px;}
#filter-cc .btn{font-size:13px;}
#filter-price .btn{font-size:13px;}
}

@media (min-width: 768px){
.navbar-brand img{max-width:240px;transition: 400ms;}
.affix .navbar-brand img{max-width:150px;transition: 400ms;}
}

@media (max-width: 768px) {
.equipment-card ul {column-count: 1;}
}

ul.faq {
list-style: none;
padding: 0;
max-width: 800px;
margin: 0 auto;
text-align: center;
counter-reset: faq-counter;
}

ul.faq li {
background: #fdfdfd;
margin-bottom: 15px; 
padding: 15px 15px 15px 15px; /* Περισσότερο χώρο πάνω για το badge */
border-radius: 5px;
border: 1px solid #eee;
counter-increment: faq-counter;
position: relative;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Το Badge στην πάνω αριστερή γωνία */
ul.faq li::before {
content: counter(faq-counter);
position: absolute;
top: 0px;   /* Βγαίνει ελαφρώς έξω από το πλαίσιο για στυλ */
left: 0px;  /* Βγαίνει ελαφρώς έξω αριστερά */
background: #1982b1; /* Μπλε χρώμα Bootstrap */
color: white;
font-size: 0.8rem;
font-weight: bold;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius:5px 0px; 
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

ul.faq li strong { 
display: block;
color: #0056b3; 
font-size: 1.1rem;
margin-bottom: 5px;
}

ul.faq li p {
margin: 0;
color: #555;
font-size: 0.95rem; 
}

/* Leasing form*/
#businessModal .modal-content {
border: none;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
#businessModal .modal-header {
background-color: #f8f9fa;
border-bottom: 1px solid #eee;
border-radius: 15px 15px 0 0;
}
#businessModal .form-control {
border-radius: 8px;
border: 1px solid #ddd;
padding: 12px;
transition: all 0.3s;
}
#businessModal .form-control:focus {
border-color: #007bff;
box-shadow: 0 0 8px rgba(0,123,255,0.2);
}
#businessModal .form-group label {
font-weight: 600;
color: #555;
margin-bottom: 5px;
}
#businessModal .btn-submit {
background: linear-gradient(45deg, #007bff, #0056b3);
border: none;
border-radius: 8px;
padding: 10px 25px;
font-weight: bold;
transition: transform 0.2s;
}
#businessModal .btn-submit:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,123,255,0.3);
}

/*swiper main*/  

.brand-swiper {
padding: 40px 50px !important; 
margin-top: -40px;
position: relative;
overflow: hidden; 
}

.main-card {
height: 180px;
background: #ffffff;
border-radius: 12px;
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}

.main-card img.img-fluid {
height: 100% !important;  
width: auto !important; 
max-height: 150px; 
object-fit: contain; 
}

.swiper-button-next, 
.swiper-button-prev {
color: #333; 
width: 45px;
height: 45px;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
font-size: 18px !important;
font-weight: bold;
}

@media (max-width: 768px) {
.hero-main {min-height: 400px;}
.brand-swiper {padding: 30px 15px !important;}
/*    .swiper-button-next, 
.swiper-button-prev {
	display: none;
}*/
.main-card {height: 140px; }
}

.brand-swiper .swiper-wrapper {
transition-timing-function: ease-out !important;
}

/* Messenger */
.messenger-floating-btn {
bottom: 15px;
right: 15px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
font-size: 24px; 
}
.btn-messenger {
background-color: #0084FF;
border-color: #0084FF;
color: white;
}

.footer-page{
background-color: #0c121e;
color:#fff;
line-height:28px;
}

.footer-page .bi{margin-right:5px;}

.footer-page a{
color:#fff;
}

.footer-page .f-header{
color:#0a8ed0;
}

.footer-logo{
color: #adb5bd;
}
.footer-logo img{
width:auto;
max-height: 80px;
margin-bottom:10px;
}