/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



.banner-left{width:50%; float:left; margin:315px 0 0 60px; padding:0; color:#fff; }  
.banner-left h5{width:100%; float:left; margin:0px; padding:0px 0 10px; font-size:24px; font-weight:700; color:#fff; }  
.banner-left h2{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:48px; font-weight:900; color:#fff;} 
.book-btn1{ width:132px; border:0; border-radius:5px; float:left; padding:0px 0px; margin:0 15px 0 0; height:47px; cursor:pointer; background:#1e9bd7; text-align:center; color:#FFFFFF; line-height:47px; font-size:16px; font-weight:700; text-transform:uppercase}
.book-btn1:hover{background:#f76945;}
.timetable-btn1{ width:222px; border:0; border-radius:5px; float:left; padding:0px 0px; margin:0; height:47px; cursor:pointer; background:#f76945; text-align:center; color:#FFFFFF; line-height:47px; font-size:16px; font-weight:700; text-transform:uppercase}
.timetable-btn1:hover{background:#1e9bd7;}

.mid-route{width:100%; float:left; margin:0px;}
.mid-route h4{width:100%; float:left; margin:0px; padding:0px 0 40px; font-size:30px; font-weight:300; color:#333; text-align:center;} 
.mid-route h2{width:100%; float:left; margin:0px; padding:0px 0 10px; font-size:40px; font-weight:700; color:#333333; line-height:48px; text-align:center;} 
.mid-route ul{width:100%; float:none; margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.mid-route ul li{width:31%; float:none; margin:0px 1% 30px; padding:0px; list-style: none; box-shadow:#999 0 0 0; vertical-align:top; border-radius: 10px;}
.mid-route ul li ul li {
    width: 100%;
    margin: 0 0px 0 0;
    padding: 0px;
    box-shadow: none;
    list-style: none;
}
.mid-route ul li .img1{width:100%; float:left; margin:0px 0 0px; padding:0px; line-height:0px;}
.mid-route ul li .img1 img{width:100%; height:auto; border-radius: 10px 10px 0 0;}
.route-text{width:100%; float:left; margin:0px; padding:20px; font-family:lato;}
.route-text h5{width:100%; float:left; margin:0px 0 6px; padding:0px; font-size:18px; font-weight:500; color:#333; text-transform:capitalize; min-height:45px; font-family:poppins;}
.route-text h5 a{color:#1e9bd7;}
.route-text h5 a:hover{color:#f76945;}
.route-text p{width:100%; float:left; margin:0px 0 5px; padding:0px; font-size:16px; font-weight:400; color:#333; font-family:lato; }
.route-text .price{width:auto; float:right; margin:-32px 25px 0 0; padding:0px; font-size:18px; font-weight:400; color:#333; line-height:18px;}


.book-btn2{ width:122px; border:0; border-radius:5px; float:left; padding:0px 0px; margin:0 20px 0 0; height:43px; cursor:pointer; background:#f76945; text-align:center; color:#FFFFFF; line-height:43px; font-size:15px; font-weight:700; text-transform:uppercase}
.book-btn2:hover{background:#1e9bd7; color:#fff;}

.timetable-btn2{ width:162px; border:0; border-radius:5px; float:left; padding:0px 0px; margin:0; height:43px; cursor:pointer; background:#1e9bd7; text-align:center; color:#FFFFFF; line-height:43px; font-size:15px; font-weight:700; text-transform:uppercase}
.timetable-btn2:hover{background:#f76945; color:#fff;}
 




#mixedSlider2 {
  position: relative;width:100%; float:left; /*display:none; */
}
#mixedSlider2 .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin:0 0px;
}
#mixedSlider2 .MS-content .item {
  display: inline-block;
  width:31.75%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0px 0px;
  margin:0 10px 20px;
  box-shadow: #999 0 0 5px;
  border-radius:10px;
  list-style: none;
}
#mixedSlider2 .MS-content .item img{width:100%; height:auto;}

 
#mixedSlider2 .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider2 .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider2 .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider2 .MS-content .item p {width:100%; float:left;  margin:0px 0px 10px 0px; font-size:18px; font-weight:400;  text-align:left; color:#333; line-height:normal}
#mixedSlider2 .MS-content .item p a{color:#f26e20; }
#mixedSlider2 .MS-content .item p a:hover{color:#333;}
#mixedSlider2 .MS-content .item p span{ margin:5px 0px 5px !important; font-size:16px; font-weight:300;  text-align:left; color:#333; float:left; line-height:24px;}

#mixedSlider2 .MS-content .item:hover .icons{background:#f36915; color:#f36915;} 
/*#mixedSlider .MS-content .item p span{font-size:16px; font-weight:700}*/
#mixedSlider2 .MS-content .item a {
 /*  float: right;
  margin: 0 20px 0 0;
 font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;*/
  transition: linear 0.1s;
}
#mixedSlider2 .MS-content .item a:hover {
   /* text-shadow: 0 0 1px grey; */
}
#mixedSlider2 .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 35px;
  top:60px;
  color: rgba(0, 0, 0, 0.6);
  transition: 0.15s linear;
  cursor:pointer;
}
#mixedSlider2 .MS-controls button:hover {
 color: rgba(0, 0, 0, 1);
}



@media (max-width: 992px) {
  #mixedSlider2 .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider2 .MS-controls .MS-left {
  left:0px;
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-controls .MS-left {
    left: 10px;
  }
}
#mixedSlider2 .MS-controls .MS-right {
  right:0px;
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-controls .MS-right {
    right: 0px;
  }
}

#mixedSlider2 .MS-content .item .img1{width:100%; float:left; margin:0px 0 14px; padding:0px; line-height:0px;height: 200px;overflow: hidden;}
#mixedSlider2 .MS-content .item .img1 img{width:100%; height:100%;}
#mixedSlider2 .MS-content .item h5{font-family: 'poppins', sans-serif;width:100%; float:left; margin:0px 0 6px; padding:0px; font-size:18px; font-weight:700; color:#f76945; text-align:left; text-transform:capitalize; min-height:50px}
#mixedSlider2 .MS-content .item h5 a{color:#f76945;}
#mixedSlider2 .MS-content .item h5 a:hover{color:#f76945;}
#mixedSlider2 .MS-content .item ul{width:100%; float:none; margin:0px; padding:0px; text-align:center; display:inline-block}
#mixedSlider2 .MS-content .item ul li{width:auto; float:none; margin:0px 1% 0px; padding:0px; text-align:center; display:inline-block;}








@media only screen and (min-width: 1000px) and (max-width: 1199px) {

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
#mixedSlider2 .MS-content .item .img1 {height: 140px;}
	.banner-left {
    width:100%;
    margin:215px 0 0 0;
	}	
	.banner .flex-viewport{max-height: 700px;}
	.flexslider .slides > li {
	    min-height:651px; background-size:cover!important;
	}
	.mid-route h2{font-size:34px;}
	.mid-route h4{font-size:28px;}
	.mid-route ul li {
	    width: 47%;
	    float: none;
	    margin: 0px 1% 30px;
	    padding: 0px;
	    text-align: center;
	    display: inline-block;
	}
	.newsletter ul li h3 {
		width: auto;
		float: left;
		margin:0 0 10px;
		padding: 0px;
		font-size:36px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.banner-left {
    width:100%;
    margin:215px 0 0 0;
	}	
	.banner .flex-viewport{max-height: 700px;}
	.flexslider .slides > li {
	    min-height:651px; background-size:cover!important;
	}
	.mid-route h2{font-size:34px;}
	.mid-route h4{font-size:28px;}
	.mid-route ul li {
	    width: 47%;
	    float: none;
	    margin: 0px 1% 30px;
	    padding: 0px;
	    /*text-align: center;*/
	    display: inline-block;
	}
	 .book-btn2 {
	    width: 100px;
		font-size: 14px;
	}	
	.timetable-btn2 {
	    width: 130px;
		font-size: 14px;
	} 
	.timetable-new ul li {
	    width: 50%;
	    float: left;
	    margin: 0px 0px 10px 0;}
		
	.mid-section {
	    width: 100%;
	    float: left;
	    margin: 0px;
	    padding:40px 0;
	}	
	.mid-section h3 {
	    padding: 0px 0 30px;
	    font-size: 36px;
	}
	.mid-section p {
	    padding: 0px 0% 20px;
	    font-size: 20px;
	    line-height: 30px;
	}
	.newsletter ul li h3 {
		width: auto;
		float: left;
		margin:0 0 10px;
		padding: 0px;
		font-size:36px;
	}
	.newsletter ul li .txtfield{
		min-width: 442px;
	}
	
}

@media only screen and (max-width: 479px) {
#mixedSlider2 .MS-content .item .img1 {height: 170px;}
	.mid-route ul{ display:none;}
	.book-btn{margin:10px 0 0 ; position:absolute;}
	.banner-left h2 {
	    padding: 0px 0 20px;
	    font-size:30px;
	    font-weight: 900;
	} 
	 
	.banner-left {
	    width:100%;
	    margin:150px 0 0 0;
	}	
	.banner .flex-viewport{max-height: 600px;}
	.flexslider .slides > li {
	    min-height:450px; background-size:cover!important;
	}
	.mid-route h2{font-size: 30px;
	    line-height: 40px;}
		
		#mixedSlider2 {
	  position: relative;width:100%; float:left; display:block; 
	}
	#mixedSlider2 .MS-content .item {
	  display: inline-block;
	    width:95%;
	    position: relative;
	    vertical-align: top;
	    overflow: hidden;
	    height: 100%;
	    white-space: normal;
	    padding: 0px 0px;
	    margin: 0 10px 20px;
	}

	.mid-route h4{font-size:28px;}
	.mid-route ul li {
	    width: 47%;
	    float: none;
	    margin: 0px 1% 30px; vertical-align:top;
	    padding: 0px;
	    text-align: center;
	    display: inline-block;
	}
	 .book-btn2 {
	    width: 100%;}	
	.timetable-btn2 {
	    width: 100%;} 
	.timetable-new ul li {
	    width: 100%;
	    float: left;
	    margin: 0px 0px 10px 0;}

	.mid-section {
	    width: 100%;
	    float: left;
	    margin: 0px;
	    padding:40px 0;
	}	
	.newsletter ul li {width:100%; margin:0 0 10px}
	.signup-btn{float:none; margin:0 auto; display:table;}
	.newsletter ul li .txtfield {
		width:100%;

	}		
	.newsletter ul li h3 {
		width: 100%;
		float: left;
		margin:0 0 10px;
		padding: 0px;
		font-size:30px; text-align:center
	}
}



#book-btn2-ferry {
  width: 122px;
  border: 0;
  border-radius: 0px;
  float: none;
  padding: 0px 0px;
  margin: 0 auto;
  height: 43px;
  cursor: pointer;
  background: #f76945;
  text-align: center;
  color: #FFFFFF;
  line-height: 43px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  display: table;
  box-shadow: none!important;
  border-radius: 5px;
}

#book-btn2-ferry:hover {
  background: #1e9bd7;
  color: #FFFFFF;
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
.route-text-ps {
  min-height: auto !important;
}
	.route-text h6 {
  float: left !important;
}
	.route-text p {margin: 0px 0 0px !important;}
}

.view_timetable_text a:hover {
  color: #f76945 !important;
}
.route-text-ps {
  min-height: 50px;
}

.view_timetable_text {
  font-size: 1rem;
  clear: both;
  padding: 0;
}

/* Align bullet points to top of list */
selector .elementor-icon-list-item{align-items: start!important;}
selector .elementor-icon-list-item .elementor-icon-list-icon{margin-top: 5px!important;}
.grecaptcha-badge { visibility: hidden; }