@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Exo 2');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

body {
  font-size: 14px;
  line-height: 1.7;
  color: #595959!important;
  font-family: 'Raleway', sans-serif !important;
  background-color: #fff;
  letter-spacing:.2px;
}

/*
div
{
	border:1px solid black;
}
*/





.scroll {  overflow-x: auto;}
a {
  font-size: 15px;
  /*text-transform: uppercase;*/
  font-weight: 400;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration:none;
}

a.thin {
  font-size: 15px;
/*font-variant: small-caps;*/
  font-weight: 500;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration:none;
}  
	
	
.font_wh a{color:#FFF;}
.font_wh{color:#FFF;}
a:hover,a:active{
	text-decoration:none;
	 }

a, btn, button {
	text-decoration:none;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}
p {
  letter-spacing: 0.5px;
  font-size: 15px;

}
.top_header{
	display:none;	
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.7;
    font-weight: 200;
}

h1, h2, h3 {
    margin:0px 0px 20px 0px;
}

h1{font-size:40px;}

h2{font-size:28px;}


h3{font-size:24px;}

/* Margins */
.mt-10{margin-top:-50px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

/* Padding */

.pt-10{padding-top:-50px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr0{padding-right: 0px;}
.pr8{padding-right: 8px;}

.pb15{padding-bottom:15px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pbvh12{padding-bottom:12vh;}

.pl0{padding-left:0px;}
.pl8{padding-left:8px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}




.title-bg{background-color: #333; background-size:cover; padding-top:140px; padding-bottom:30px; color:#FFF;}
.border_1{border:1px #ddd solid;}
.headding{color:#2460c1; font-size:30px;font-weight:400;}

.sub-heading{color:#2460c1; font-size:20px;font-weight:500;}
.sub-heading-smaller{color:#2460c1; font-size:19px;font-weight:500;}
.sub-heading-smallest{color:#2460c1; font-size:17px;font-weight:500;}
.sub-heading-smallest-black{color:#595959; font-size:17px;font-weight:400!important;}
.sub-heading-smallest-bold{color:#2460c1; font-size:17px;font-weight:600;}

ul{list-style:disk;}
.reply{padding-left:30px; padding-right:20px; margin-right:-15px;}



.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word; }

/*=============nav=====================*/


.navbar{min-height: 50px;margin-bottom:0px; border: 0px;}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-top: -15px;}


.navbar  {
    background:transparent;
    background-image: none;
	position: fixed;
	top: 0;
	display: block;
}

.navbar ul li a {
color:black;}

.navbar ul li a:hover {
color:tomato;
background-color:transparent;
}

.navbar ul li a:focus {
color:white;
background-color:transparent;
}

.dropdown-toggle:hover {
  background:none;
  background-color:transparent;
  color:tomato !important;
}


.dropdown-toggle {
  background:none !important;
  color:white !important;
  padding-left:11px !important;
}

 .dropdown-menu {
padding:0px !important;
border:0  !important;
background-color:transparent!important;

 }

 .dropdown-menu > li > a{
			 background-color:rgba(0,0,0,0.3) !important;
 }
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
			color: black !important;
            background-image:none !important;
			
 }
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover {
			color: tomato !important;
            background-color:rgba(95,95,96,0.6) !important;
 }		

 .menumob {color:white; font-variant: small-caps; font-weight:300; font-size:14px}

 
@media  (max-width: 767px)  {
    .navbar-header {
        float: none;
    }
	
.navbar  {
    background:rgba(95,95,96,0.9);
    background-image: none;
}


    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
		padding: 5px 10px!important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
    .collapse.in{
  		display:block !important;
		margin-top:0px;
	}
	.dropdown-menu {
    min-width: 0px;
}
 
  .dropdown-menu > li > a{
			 background-color:rgba(95,95,96,0.2) !important;
 }

 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover {
			color: tomato !important;
            background-color:rgba(95,95,96,0.2) !important;
 }		

	 .dropdown-menu > li > a{
            color:white !important;
 }
}

/*=========================about-us-panel=====================*/

.about-us-panal{margin:5px;}
.about-us-panal img{min-width:100%; max-width:100%;}
.about-us-panal .effect {
  background: #e74c3c;
  width: 100%;
  height: 140px;
}

 .about-us-panal .effect .font-left {
  background: #FFF;
  color: #000;
  display: block;
  font-size: 26px;
  float: left;
  padding-top: 3px;
  padding-left: 13px;
  margin-left: 10px;
  width: 48px;
  border-radius: 50%;
  height: 50px;
}

.effect:hover .font-left{
transition:.4s;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
.effect .font-right{ color:#fff; font-size:26px; display:block; float:left; margin-left: 10px; text-transform:capitalize;}

/*============baner=============*/
.banner{background:#fff;}

.banner-wrap {
	position:relative;
	display:block;
	margin-top:0px;
	margin-bottom:1em;
	background:#fff;
	padding-bottom:50px;
}
.banner-wrap h5 {
	position:relative;
	background:#f00;
	font:400 16px/16px;
	color:#fff;
	text-transform:none;
	padding:2% 0% 2% 25%;
	margin-bottom:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.banner-wrap h5 strong {
	font-weight:300;
	display:block;
}

.banner-wrap .featured-thumbnail {
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
	border-right: 1px solid grey;
	border-left: 1px solid grey;
	border-top: 1px solid grey;
}
.banner-wrap .featured-thumbnail a { border:none; }
.banner-wrap .featured-thumbnail a img{min-width:100%; max-width:100%;}
.banner-wrap .block_info {
	position:relative;
	padding:10px 20px 0px;
	border-right: 1px solid grey;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-wrap .block_info {
	position:relative;
	padding:10px 20px 25px;
	border-right: 1px solid grey;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
}
.banner-wrap .block_info strong {
	position:relative;
	display:block;
	font:300 20px/24px;
	color:#3e454c;
	text-transform:uppercase;
	padding-bottom:11px;
}	
}




.banner-wrap .block_info strong {
	position:relative;
	display:block;
	font:300 20px/24px;
	color:#3e454c;
	text-transform:uppercase;
	padding-bottom:11px;
}
.banner-wrap .banner-btn {
	position:relative;
	float:right;
	margin-right:48px;

}
.banner-wrap .banner-btn .btn-link {
	position:relative;
	font:400 10px/10px;
	text-transform:uppercase;
	padding:10px 20px;
	color:#fff;
	text-shadow:none;
	background:#000;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	height:auto !important;
}
.banner-wrap .banner-btn .btn-link:before {
	position:absolute;
	display:block;
	height:32px;
	background:#3e454c;
	top:-1px;
	right:0;
	pointer-events:none;
	content:"";
	z-index:1;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	width:0;
	visibility:visible;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	z-index:1;
}
.banner-wrap .banner-btn .btn-link:after {
	position:absolute;
	display:block;
	width:35px;
	height:32px;
	top:-1px;
	right:-35px;
	pointer-events:none;
	content:"";
	z-index:2;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#3e454c url('../images/arr_1.png') 0 0 no-repeat;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.banner-wrap .banner-btn .btn-link strong {
	position:relative;
	display:block;
	z-index:10;
	font-weight:normal;
	visibility:visible !important;
}
.banner-wrap .banner-btn .btn-link:hover { text-decoration:none; }
.banner-wrap .banner-btn .btn-link:hover:before {
	width:100%;
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
}
.banner-wrap.banner_1 h5 
{ 
background:transparent; 
color:#000;
border: 1px solid;
padding-left:25%;
}


@media only screen and (max-width: 767px) and (min-width: 320px){
.banner-wrap {
    margin-top: 1vh!important;
    margin-bottom: 0.5vh!important;}
.banner-wrap.banner_1 .btn-link  {background:#54b2d6; }
}

.banner-wrap.banner_1:hover figure {
	opacity:0.6;
	filter:gray;
	-webkit-filter:grayscale(100%);
}

/*=======team-----about us==========*/

/*.about_us{background:#333 url(images/teambg.jpg) center center fixed; background-size:cover;}*/
.about_us img{max-width:100%; min-width:100%;}
.panel-ours{ margin:5px;}
.text-palne-ours{padding:20px; background:#2460c1; color:#FFF; text-align:center;}

.text-palne-ours-ul{padding:20px; background:#1a4fa5; color:#FFF; text-align:center;}
.text-palne-ours-ul p{margin-bottom:20px;}
.text-palne-ours-ul ul{list-style:none;  padding-left:0px; margin-top:10px;}
.text-palne-ours-ul ul li{list-style:none; display:inline-block;}
.text-palne-ours-ul ul li a{padding:10px 20px; color:#fff; border:1px #ddd solid;}


/*===========arrow list============*/

.arrow-list {
	font-size:15px;
	text-transform:uppercase;
	padding-bottom:16px;
}
.arrow-list ul { margin:0 !important; padding:0px; }
.arrow-list ul li {
	margin:0 !important;
	line-height:15px;
	background:#f4f5f5 !important;
}
.arrow-list ul li a {
	position:relative;
	display:block;
	padding:22px 0 22px 48px;
	color:#3e454c;
}
.arrow-list ul li a:after {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:0;
	height:100%;
	content:"";
	background:rgba(95,95,96,0.9) !important;
	z-index:1;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.arrow-list ul li a:hover { color:white; }
.arrow-list ul li a:hover:after { width:100%; }
.arrow-list ul li a strong {
	position:relative;
	font-weight:normal;
	z-index:10;
}
.arrow-list ul li a:before {
	position:absolute;
	display:block;
	left:20px;
	width:7px;
	height:11px;
	content:"" !important;
	background:url('../images/arr_2.png') 0 0 no-repeat;
	pointer-events:none;
}
.arrow-list ul li:nth-child(2n) { background:#fafafa !important; }
/*=================blog===================*/

.blog h3{margin:40px 0px;}
.read-more{ background:#C60; color:#fff; padding:10px 25px; margin:40px 0px; border-radius:5px;
-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.read-more:hover{background:none; color:#000; border:1px #C63 solid;
-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}

/*===========================comment-----------------------------*/
#comments {
  margin-top: 40px;
  border: 1px solid #e5e5e5;
  padding: 30px 30px 35px 35px;
}
.comments-title{margin-bottom:10px;}
.comment-area ol{
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#comments li.comment {
  margin-top: 30px;
}
#comments ol.comments-list > li:first-child {
  margin-top: 0;
}
#comments .comment-wrapper {
  margin-left: 40px;
  padding: 30px 30px 30px 60px;
  background-color: #f2f2f2;
  position: relative;
}
#comments .comment-avatar {
  position: absolute;
  width: 86px;
  height: 80px;
  top: 30px;
  left: -43px;
}
#comments .children {
  margin: 0 0 0 40px;
  padding: 0;
}
#comments header {
  margin-bottom: 20px;
}
#comments header h6 {
  font: bold 14px/24px;
  color: #131313;
  margin: 0;
  float: left;
}
#comments .comment-body p {
  margin-bottom: 0;
}


/*============== end  blog 2================*/




/*=============== post  ============*/
.post-bg{background:#f9f9f9;}
.post h4{margin:0px; font-size:16px;}
.post h5{margin:5px;  font-size:14px;}
.post p{font-size:12px;}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination>li {
  display: inline;
}

/*===============contact======================*/
.map-bg{background:#333; color:#FFF;}
.map{height:400px;}
.map iframe{height:100%; width:100%;}




.top-contact{background:#333;}


input:not([type=submit]) {
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 2px;
  margin-bottom: 7px;
  padding: 16px;
  border: 1px solid black;
  color: #000;
  outline: none;
  background: none;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;

}



textarea.oversize {
  width: 100%;
  font-size: 18px;
  padding: 10px 12px;
  height: 230px;
  background: none;
  color: rgb(0, 0, 0);
  border: 1px solid black;
}
.submit{
 width: 100%;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 7px;
  padding: 16px;
  border: 1px solid #fff;
  color: #fff;
  outline: none;
  background: none;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
  background: black;
}

.buttom-contact{  background: #2D2B28;
  width: 100%;
}

.social-media-buttons a{padding:5px 10px; margin:3px; display:inline-block; color:#FFF; background:#01414e;}


/*==========footer===============*/

/*.footer{background:url(../images/teambg.jpg) center center fixed; background-size:cover; background-attachment:fixed; padding:100px 0px; color:white;}*/
.footer{background-color:dimgrey; center center fixed; background-size:cover; background-attachment:fixed; padding:100px 0px; color:white;}
.footer ul{list-style:none; padding-left:0px;}
.footer ul li a{color:white; font-size:20px; padding:10px;}
.footer ul li a:hover{color:#fff;}
.footer a{color:white; font-size:20px!important}
.footer a:active {color:white; font-weight:20px;}
.footer a:visited {color:white; font-weight:20px;}
.footer a:hover{color:#fff;}


.footer table {
  width: 100%;
  border-collapse: collapse;
}
.footer table, th, td{
  border: solid 0px white!important;
}

.footer th {
  background: transparent;
  color: black;
  font-weight: bold;
}

.footer th, td{
  padding: 1px!important;
  text-align: left;
  font-size:20px!important;
}

@media all and (max-width:500px) {
.footer table, thead,  tbody, th,td, tr {display: block;}
}


/*==========new===============*/

.imghover:hover {
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	
.container1 {
position: relative;
width: 50%;
padding-left:10px;
}

.containerflex {
position: relative;
width: 100%;
padding-left:2%;
padding-right:2%;
padding-bottom:20px;
}


.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  position: absolute; 
  bottom: 0%;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 16px;
  padding: 20px;
  text-align: center;
  
}

.container1:hover .image {
  opacity: 0.3;
}

.container1:hover .middle {
  opacity: 1;
}


.container-fluid-custom {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.text {
  background-color: grey;
  color: white;
  font-size: 14px;
  padding: 0px 32px;
}
	
.textshadow {
	text-shadow: 4px 4px 4px #aaa;
}

.opacity-custom
{
background: transparent;	
}


.dot{
	border-bottom: 1px dotted black;
}
.mobile_equipment{display:none;width:100%}
.equipment-title{padding-left:0}
.mobile_aditional_padding{padding-left:40px!important;padding-right:40px!important}
.full_width{width:100%;float:left}
.equipment{background:white}
.eq_header{padding:20px;font-size:1.5em;font-weight:500;text-align:center;cursor:pointer}
.equipment-title{border-bottom:1px solid #bbb;font-weight:500;margin-bottom:10px;padding:10px;font-size:1.2em}
.eq_content{display:block;padding:0 30px 20px 30px;width:100%}
.eq_content>ul{clear:both;margin-bottom:20px;width:100%;padding:0 10px 0 10px}
.eq_content li{float:left;width:calc(100% / 3);padding:0 10px} 
@media (max-width:480px){.eq_content li{width:100%}}
@media (max-width:780px){.eq_content li{width:calc(100% / 2);display:none}.mobile_equipment{display:block}.eq_header{padding-left:40px;text-align:left}}
.align-center{text-align:center}
.spacer20{height:20px;width:100%;float:center}
.spacer55{height:55px;width:100%;float:center}
.spacer70{height:70px;width:100%;float:left}

@media only screen and (max-width: 767px) and (min-width: 200px){
	.spacer108{height:20px;width:100%;float:left}
	}
	
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.spacer108{height:40px;width:100%;float:left}
	}
	
@media only screen and (max-width: 3000px) and (min-width: 1025px){
	.spacer108{height:80px;width:100%;float:left}
	}

/*========== HERO IMAGE===============*/

.hero-image {
    background-image: url("../images/hero1.jpg");     /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-single {
    background-image: url("../images/hero2.jpg");     /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-faq {
  
    background-image: url("../images/hero3.jpg");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-contact {
  
    background-image: url("../images/hero5.jpg");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-maintenance {
  
    background-image: url("../images/hero6.jpg");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}

.hero-management {
  
    background-image: url("../images/hero7.jpg");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-saronic {
  
    background-image: url("../images/hero8.jpg");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-cyclades {
  
    background-image: url("../images/hero9.jpg");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-cruises {
  
    background-image: url("../images/hero10.png");   /* The image used */
    height: 20em;     /* Set a specific height */
    background-position: center;     /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%; /* Place text in the middle of the image */
    left: 50%; /* Place text in the middle of the image */

    transform: translate(-50%, -50%);
    color: white;
	font-weight:500;
	font-size:70px;
}

.hero-text-smaller {
    text-align: center;
    position: relative;
    top: 50%; /* Place text in the middle of the image */
    left: 50%; /* Place text in the middle of the image */

    transform: translate(-50%, -50%);
    color: white;
	font-weight:500;
	font-size:50px;
}

@media only screen and (max-width: 1100px) {
	.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
	font-weight:400;
	font-size:25px;}
    body {margin-top:50px;}

	.hero-text-smaller {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
	font-weight:400;
	font-size:25px !important;}
    body {margin-top:50px;}
}

	@media only screen and (max-width: 767px) {
	.hero-image, .hero-single, .hero-faq, .hero-contact, .hero-maintenance, .hero-management, .hero-saronic, .hero-cyclades {margin-top:50px; border:none;}}

/* F.A.Q. Collapsible cards
----------------------------------- */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: 1px solid gray;
  border-radius: 12px;
  margin-bottom: 3px;
}


.card-body{    
padding-left: 2px;
padding-bottom: 1px;
}
.card-header {
    padding: .1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 0px solid rgba(0,0,0,.125)}
	

.button a  {
  text-decoration: none;
}

.btn-link {
    color: tomato;
    font-weight: normal;
	border: 0px;
}

.btn-link:hover, .btn-link:active  .btn-link:focus{
    color: black;
    text-decoration: none;
    background-color: transparent;
	border-color:transparent;
	}
	
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	text-decoration: none;
	}
	
	/* For testimonials, used in index.php */
.grow { transition: all .6s ease-in-out; }
.grow:hover { transform: scale(1.2); }

/*.grow:hover {   -webkit-transform: rotate(360deg);
          transform: rotate(360deg);} */
		  
		  
 .carousel img {
        width:100% !important;
        min-width:100% !important;
        height: auto;
    }
	
	@media only screen and (max-width: 768px) {
	.carousel {padding-top:50px; border:none;}
}
.carousel-control.left{background-image: none!important;}	
.carousel-control.right{background-image: none!important;}

/****************************** CAROUSEL FADE ******************/


.carousel-inner .carousel-item.active > img {  /**  animation for first slide **/
    -webkit-animation: zoom 4s linear ;
    animation: zoom 4s  linear ;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }
    to {
       -webkit-transform: scale(1.1, 1.1);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }
    to {
        transform:  scale(1.1, 1.1);
    }
}

.item.active img {								/**  animation for the other slides **/
  transform: scale(1.1, 1.1);
  transition: transform 4000ms ease-out;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
   overflow:hidden;

}

.carousel-fade .carousel-inner .active {
  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
    }
}

/*** Carousel caption */
.carousel-caption {
    z-index: 1;
    display:table;
    width:100%;
    height:100%;
	font-size:4em;
	font-family: 'Roboto', sans-serif;


}

.carousel-caption div {
    display:table-cell;
    vertical-align: middle;
    text-align:center;

}

.trickcenter {
    position: fixed;
    top: 54%; /* 50% for perfect centering*/
    left: 50%;
}



/******** Fisrt page  */
.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}
@media only screen and (max-width: 768px) {
  .col { 
    display: block;
    width: 100%;
	  }
}
/******** Flickity  *****/

.flickity-fullscreen-button{ position: absolute; top:2%; right:4%; color:tomato;}
.flickity-prev-next-button {
  width: 40px;
  height: 40px;
  background: transparent;
  position:absolute;
}


.flickity-fullscreen-button .flickity-button-icon {
  left: 3px;
  top: 4px;
}


.flickity-prev-next-button .arrow {
  fill: tomato;
}

.flickity-prev-next-button.no-svg {
  color: tomato;
}
.flickity-prev-next-button:hover {
  background: rgba(255, 255, 255, 06);
}

/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: none;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 14px;
    height: 1px;
    margin: 0 6px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
}

.flickity-enabled.is-fullscreen {
padding-top:5%;
position:fixed;
z-index:1500;
}

/*** Button View Dates ***/
.btn_tomato {
    color: white!important;
    background-color: tomato;
    padding: 18px 0;
    font-weight: 200;
    font-size: 1.7rem;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 90%;
	border-radius: 4px;
}

/* Facebook Button */
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Row equal height index page*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}



.test1{
  overflow:scroll;
}
/* width */
.test1::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.test1::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
.test1::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.test1::-webkit-scrollbar-thumb:hover {
  background: tomato; 
}




.heartbeat {
	-webkit-animation: heartbeat 3s cubic-bezier(0.600, 0.040, 0.980, 0.335) infinite both;
	        animation: heartbeat 3s cubic-bezier(0.600, 0.040, 0.980, 0.335) infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-4 17:6:22
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/*used for contact antispam*/
form #website{ display:none; }