img {

	max-width: 100%;

}

a {

	outline: none !important;

}

a:hover {

	color: #2d8c37;

}

.logo {

	font-size: 30px;

	font-weight: 800;

	color: #fff;

	margin-top: 10px;

	margin-bottom: 5px;

}

header {

	position: absolute;

	left: 0px;

	right: 0px;

	z-index: 2000;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0+100;Neutral+Density */

	background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000', GradientType=0 ); /* IE6-9 */

	padding-top: 0px;

	box-shadow: 0px 3px 3px rgba(0,0,0,.2);

}

.call i {

	color: #ebbf45;

}

.demo {

	float: right;

	margin-top: 10px;

}

.top-menu {

	text-align: right;

}

.top-menu p {

	margin-bottom: 0px;

	font-weight: 600;

	color: #444;

	font-size: 17px;

	margin-top: 3px;

}

.top-menu a {

	color: #2d8c37;

}

.image2 {

	opacity: 1;

	display: block;

	width: 100%;

	height: auto;

	transition: .5s ease;

	backface-visibility: hidden;

}

.middle2 {

	transition: .5s ease;

	opacity: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	text-align: center;

}

.container3:hover .image2 {

	opacity: 0.3;

}

.container3:hover .middle2 {

	opacity: 1;

}

.text2 {

	background-color: #87a80d;

	color: white !important;

	font-size: 14px;

	padding: 8px 15px;

}

.text2 a {

	color: #fff;

}

.home-contact-box label {

	margin-bottom: 0px;

	margin: 10px auto 0px auto;

	font-weight: normal;

	font-size: 15px;

}

.home-contact-box .form-control {

	border: none;

	border-radius: 0px;

	border-bottom: 1px solid #ccc;

	box-shadow: none;

	padding-left: 0;

}

.owl-nav {

	display: none;

}

.check-outer {

	display: block;

	position: relative;

	padding-left: 35px;

	margin-bottom: 22px;

	cursor: pointer;

	font-size: 13px !important;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

/* Hide the browser's default checkbox */



.check-outer input {

	position: absolute;

	opacity: 0;

	cursor: pointer;

	height: 0;

	width: 0;

}

/* Create a custom checkbox */



.checkmark {

	position: absolute;

	top: 0;

	left: 0;

	height: 25px;

	width: 25px;

	background-color: #eee;

	border: 1px solid #ddd;

}

/* On mouse-over, add a grey background color */



.check-outer:hover input ~ .checkmark {

	background-color: #ccc;

}

/* When the checkbox is checked, add a blue background */



.check-outer input:checked ~ .checkmark {

	background-color: #e40000;

}

/* Create the checkmark/indicator (hidden when not checked) */



.checkmark:after {

	content: "";

	position: absolute;

	display: none;

}

/* Show the checkmark when checked */



.check-outer input:checked ~ .checkmark:after {

	display: block;

}

/* Style the checkmark/indicator */



.check-outer .checkmark:after {

	left: 9px;

	top: 7px;

	width: 5px;

	height: 10px;

	border: solid white;

	border-width: 0 3px 3px 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.custom-select {

	position: relative;

	text-align: left;

	width: 100%;

}

.select-items div {

	color: #fff !important;

}

.custom-select select {

	display: none; /*hide original SELECT element: */

}

.select-selected {

	background-color: #fff;

}

/* Style the arrow inside the select element: */



.select-selected:after {

	position: absolute;

	content: "";

	top: 10px;

	right: 10px;

	width: 0;

	height: 0;

	border: 6px solid transparent;

	border-color: #0d5ea0 transparent transparent transparent;

}

/* Point the arrow upwards when the select box is open (active): */



.select-selected.select-arrow-active:after {

	border-color: transparent transparent #0d5ea0 transparent;

}

/* style the items (options), including the selected item: */



.select-items div, .select-selected {

	color: #444;

	padding: 2px 10px;

	border: 1px solid transparent;

	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;

	cursor: pointer;

	border: none;

}

/* Style items (options): */



.select-items {

	position: absolute;

	top: 100%;

	left: 0;

	right: 0;

	z-index: 99;

	background-color: #0d5ea0;

}

/* Hide the items when the select box is closed: */



.select-hide {

	display: none;

}

.select-items div:hover, .same-as-selected {

	background-color: rgba(0, 0, 0, 0.1);

}

.caption {

	position: absolute;

	font-size: 1.5em;

	top: 0;

	left: 15px;

	border: none;

	text-shadow: 1px 1px 1px rgba(0,0,0,.5);

	padding-top: 250px;

	text-align: center;

	right: 0px;

}

.caption a {

	color: #fff;

	font-size: 16px;

	padding: 4px 15px;

	border: 2px solid #fff;

}

.caption h1 {

	color: #fff;

	font-weight: 300;

	font-size: 50px;

}

.caption p {

	color: #fff;

	font-size: 16px;

	margin-bottom: 20px;

}

.cart-btn {

	background: #2d8c37;

	color: #fff !important;

	border-radius: 4px;

	box-shadow: 0px 5px 10px #0000003d;

}

.top-offer {

}

/*the container must be positioned relative:*/



.autocomplete {

	position: relative;

	display: inline-block;

	margin-top: 10px;

}

input {

	border: 1px solid transparent;

	background-color: #f1f1f1;

	padding: 10px;

	font-size: 16px;

}

input[type=text] {

	background-color: #fff;

	width: 100%;

}

.btn-submit {

	background-color: #F7941E;

	color: #fff;

	cursor: pointer;

	padding: 15px 0px;

	border-radius: 0px;

	text-transform: uppercase;

	font-size: 20px;

}

.btn-submit:hover {

	background-color: #7fc513;

	color: #fff;

}

.autocomplete-items {

	position: absolute;

	border: 1px solid #d4d4d4;

	border-bottom: none;

	border-top: none;

	z-index: 99;

	/*position the autocomplete items to be the same width as the container:*/



	top: 100%;

	left: 0;

	right: 0;

}

.autocomplete-items div {

	padding: 10px;

	cursor: pointer;

	background-color: #fff;

	border-bottom: 1px solid #d4d4d4;

}

/*when hovering an item:*/



.autocomplete-items div:hover {

	background-color: #e9e9e9;

}

/*when navigating through the items using the arrow keys:*/



.autocomplete-active {

	background-color: DodgerBlue !important;

	color: #ffffff;

}

.search-box {

	z-index: 200;

	position: absolute;

	left: 20%;

	right: 20%;

	top: 400px;

	background: #fff;

}

.cart-btn i {

	color: #fff !important;

}

.search-box {

	border-radius: 10px;

	overflow: hidden;

	border: 10px solid rgb(195, 219, 195);

}

#myInput {

	border-bottom-left-radius: 30px;

	border-top-left-radius: 30px;

	padding-left: 35px;

}

.tiles h3 {

	font-size: 16px;

	margin: 5px 0px;

}

.package-name {

	font-weight: 600;

	color: #fff;

}

.pack-content {

	margin-top: 0px;

	padding-right: 0px;

	padding-left: 0px;

	color: #333;

	padding-bottom: 5px;

}

.top-offer {

	background: #f5f4f5;

	padding: 30px 0px 40px 0px;

}

.tiles {

	background: #fff;

	margin-bottom: 30px;

}

.day-night {

	color: #eaeaea;

	font-size: 24px;

	font-weight: 800;

	position: absolute;

	right: 10px;

	top: 10px;

	z-index: 60;

	background: #e19709bf;

	padding: 8px;

	border-radius: 5px;

}

.home-banner {

}

.package-price {

	margin-top: 0px;

	color: #ffffff;

	font-size: 20px;

	text-align: center;

	font-weight: bold;

}

.top-offer h2 {

	font-size: 32px;

	margin-bottom: 25px !important;

	font-weight: 800;

	text-align: center;

}

.offer-text label {

	color: #fff;

}

.ribbon1 {

	position: absolute;

	top: -6.1px;

	right: 10px;

}

.ribbon1:after {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	border-left: 53px solid transparent;

	border-right: 53px solid transparent;

	border-top: 10px solid #98CE44;

}

.ribbon1 span {

	position: relative;

	display: block;

	text-align: center;

	background: #98CE44;

	font-size: 14px;

	line-height: 1;

	padding: 12px 8px 10px;

	border-top-right-radius: 8px;

	width: 105px;

	color: #fff;

	font-weight: 500;

}

.ribbon1 span:before, .ribbon1 span:after {

	position: absolute;

	content: "";

}

.ribbon1 span:before {

	height: 6px;

	width: 6px;

	left: -6px;

	top: 0;

	background: #F8463F;

}

.ribbon1 span:after {

	height: 6px;

	width: 8px;

	left: -8px;

	top: 0;

	border-radius: 8px 8px 0 0;

	background: #C02031;

}

.ribbon2 {

	width: 100px;

	padding: 15px 0 5px 0;

	position: absolute;

	top: -6px;

	left: 25px;

	text-align: center;

	border-top-left-radius: 3px;

	background: #6db00a;

	color: #fff;

	z-index: 50;

}

.ribbon2:before {

	height: 0;

	width: 0;

	right: -5.5px;

	top: 0.1px;

	border-bottom: 6px solid #8D5A20;

	border-right: 6px solid transparent;

}

.ribbon2:before, .ribbon2:after {

	content: "";

	position: absolute;

}

.ribbon2:after {

	height: 0;

	width: 0;

	bottom: -29.5px;

	left: 0;

	border-left: 50px solid #6db00a;

	border-right: 50px solid #6db00a;

	border-bottom: 30px solid transparent;

}

.ribbon3 {

	width: 150px;

	height: 50px;

	line-height: 50px;

	padding-left: 15px;

	position: absolute;

	left: -8px;

	top: 20px;

	background: #f2c206;

	color: #fff;

	font-weight: 500;

}

.ribbon3:before, .ribbon3:after {

	content: "";

	position: absolute;

}

.ribbon3:before {

	height: 0;

	width: 0;

	top: -8.5px;

	left: 0.1px;

	border-bottom: 9px solid black;

	border-left: 9px solid transparent;

}

.ribbon3:after {

	height: 0;

	width: 0;

	right: -14.5px;

	border-top: 25px solid transparent;

	border-bottom: 25px solid transparent;

	border-left: 15px solid #f2c206;

}

.ribbon5 {

	display: block;

	width: calc(100% + 19px);

	height: 37px;

	line-height: 36px;

	text-align: center;

	margin-left: -24px;

	margin-right: -10px;

	background: #99ce07;

	position: absolute;

	top: 6px;

	color: #fff;

	font-weight: 600;

	font-size: 17px;

}

.ribbon5:before, .ribbon5:after {

	content: "";

	position: absolute;

}

.ribbon5:before {

	height: 0;

	width: 0;

	bottom: -10px;

	left: 0;

	border-top: 10px solid #688c04;

	border-left: 10px solid transparent;

}

.ribbon5:after {

	height: 0;

	width: 0;

	right: 0;

	bottom: -10px;

	border-top: 10px solid #688c04;

	border-right: 10px solid transparent;

}

.wrap {

	overflow: hidden;

}

.wrap:before, .wrap:after {

	content: "";

	position: absolute;

}

.wrap:before {

	width: 40px;

	height: 8px;

	right: 100px;

	background: transparent;

	border-radius: 8px 8px 0px 0px;

}

.wrap:after {

	width: 8px;

	height: 40px;

	right: 0px;

	top: 100px;

	background: transparent;

	border-radius: 0px 8px 8px 0px;

}

.ribbon6 {

	width: 200px;

	height: 28px;

	line-height: 28px;

	position: absolute;

	top: 30px;

	right: -50px;

	z-index: 2;

	overflow: hidden;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	border: 1px dashed;

	box-shadow: 0 0 0 3px #98CE44, 0px 21px 5px -18px rgba(0,0,0,0.6);

	background: #98CE44;

	text-align: center;

	color: #fff;

	font-size: 11px

}



@media (max-width: 414px) {

	body .btnside {

    right: -13.5% !important;

}

	

}



@media (min-width: 500px) {

.ribbons-wrapper {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.ribbon {

	width: 48%;

}

}

.read-more {

	padding: 9px 30px;

	color: #fff;

	border-radius: 5px;

	background: #f7941e;

	font-size: 15px;

	font-weight: 600;

	box-shadow: 0px 5px 10px #0000003d;

}

.read-more:hover {

	color: #fff;

}

.read-more2 {

	padding: 10px 30px;

	color: #fff;

	border-radius: 10px;

	background: #98CE44;

	border: none;

}

.read-more2:hover {

	background: #8db106;

}

.read-more3:hover {

	background: #f21d25;

}

.read-more3 {

	padding: 10px 30px;

	color: #fff;

	border-radius: 10px;

	background: #d01118;

	border: none;

}

.read-more2:hover {

	color: #fff;

}

.inbound {

	overflow: visible !important;

}

.bg-white {

	background: #fff !important

}

.newsletter {

	background: #fff;

	padding: 30px 0px 40px 0px;

	color: #fff;

}

.newsletter h2 {

	font-size: 32px;

	margin-bottom: 25px !important;

	font-weight: 800;

	text-align: center;

	color: #444;

}

.newsletter h2 small {

	color: #eee;

	margin-top: 15px;

}

.goog-te-gadget-icon {

	display: none;

}

.goog-te-menu-value img {

	display: none;

}

.goog-te-gadget {

	font-size: 11px;

	color: #666;

	white-space: nowrap;

	margin-top: 0px;

	float: right;

	margin-left: 10px;

	border: none;

	box-shadow: none;

}

#quote-carousel {

	padding: 0 10px 30px 10px;

	margin-top: 60px;

}

#quote-carousel .carousel-control {

	background: none;

	color: #CACACA;

	font-size: 2.3em;

	text-shadow: none;

	margin-top: 30px;

}

#quote-carousel .carousel-indicators {

	position: relative;

	right: 50%;

	top: auto;

	bottom: 0px;

	margin-top: 20px;

	margin-right: -19px;

}

#quote-carousel .carousel-indicators li {

	width: 50px;

	height: 50px;

	cursor: pointer;

	border: 1px solid #ccc;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

	border-radius: 50%;

	opacity: 0.4;

	overflow: hidden;

	transition: all .4s ease-in;

	vertical-align: middle;

}

#quote-carousel .carousel-indicators .active {

	width: 128px;

	height: 128px;

	opacity: 1;

	transition: all .2s;

}

.item blockquote {

	border-left: none;

	margin: 0;

}

.item blockquote p:before {

	content: "\f10d";

	font-family: 'Fontawesome';

	float: left;

	margin-right: 10px;

}

.testimonials {

	padding: 30px 0px;

	background: url(../images/tes.jpg);

	background-size: cover;

}

.testimonials h2 {

	text-align: center;

}

.clients img {

	border: 2px solid #eee;

}

.clients {

	background: #f5f5f5;

	padding: 20px 0px;

	padding-bottom: 0px;

}

.clients h2 {

	text-align: center;

}

blockquote {

	font-size: 14px !important;

}

#footer {

	background: #05390d;

	padding: 20px 0px;

	float: left;

	width: 100%;

}

#footer h2 {

	font-size: 20px;

	color: #eee;

}

#footer a {

	font-size: 14px;

	color: #eee;

}

#footer li {

	list-style: none;

}

#footer p {

	color: #eee;

}

.comment {

	background: #f5f5f5 !important;

}

input[type="file"] {

	display: block;

	padding: 5px 0px;

	max-width: 100%;

}

@media (max-width: 768px) {

	

 

	.detail-box .btn-enquire {

  

    padding: 10px 15px !important;

	

	}

	.tab-container ul.tabs li a {

    

    font-size: 12px !important;

	}

	.tabs li {

    width: auto !important;

	}

	

	.about-page {

   

    padding-top: 0px !important;

	}

	

	ul.triangle li::before {  

		display:none !important;

	}

	

	body .about-page h1 {

		padding-top:40px !important;

	font-size:30px !important;

	float:left;

	width: 100%;

	}

	.day-night {

     

    font-size: 16px;

	}

	

	#footer {

		text-align:center;

	}

	

	.kode-parallax-wrapper .columns {

		margin-bottom:30px;

		}

	

	.kode-counter span {

    

    font-size: 34px !important;

	padding-bottom:0px !important;

	

	}

	

	.kode-counter small {

  

    font-size: 14px !important;

	

	}

	.trip_customization article a {

		margin-top:0px !important;

	}

	.trip_customization section article h3 {

   

    font-size: 25px !important;

    margin-top: 8px !important;

	}

	

	 .section-1-3 {width:100% !important;

	 text-align:center;

	 }

	 .trip_customization article p {

  

    margin: 0px 0 !important;

	 }

	

	.howitworks h3 {

    font-size: 26px !important;

	}

	

	.why p {

    

    text-align: justify;

}

	

	.why h2 {

    

    font-size: 30px !important;

	}

	

	

	header .logo {max-width:130px;

	}

	

	

	header {text-align:left;

	}

	

	

	

.pak_detail h2 {

	margin-top:  0px !important;

}

.text2 h2 {

	font-size: 30px !important;

}

.text2 h1 {

	font-size: 24px !important;

}

.btnside {

	right: -7.5% !important;

}

.tabs li {

	width: 100%;

}

.visa-page .image-box .visa_card {

	margin-bottom: 15px !important;

}

.search-box .autocomplete input {

	text-align: center;

}

.menu-toggle {

	width: auto !important;

	position: absolute;

	right: 10px;

	top: -65px;

}

.menu-toggle h3 {

	color: #444 !important;

	font-weight: normal;

}

.search-box {

	top: 3%;

	display:none !important;

}

.caption h1 {

	font-size: 22px;

}

.menu-toggle {

	background: none !important;

}

.pack-content {

	height: auto;

}

.tiles {

	padding-bottom:  0px;

}

.clients img {

	margin-bottom: 10px;

}

.pack-content {

	height: auto !important;

}

.large-block {

	padding: 10px !important;

}

.hero-text h1 {

	font-size: 24px !important;

}

.hero-text {

	top: 60%;

}

#display_packages {

	padding: 15px;

}

.pak_detail {

	margin-top: 115px !important;

}

#main ul li {

	list-style: none;

	margin: 5px;

}

.visa-details {

	padding: 10px 20px !important;

	height: auto !important;

	text-align: center;

}

.image-box .visa_card {

	margin-bottom: 0px !important;

}

.details {

	text-align: center !important;

}

}

.visa_card {

	margin-bottom: 30px;

}

.tiles img {

	height: 260px;

	width: 100%;

}

.pack-content {

	height: 78px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	padding: 10px;

	right: 0px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0 ); /* IE6-9 */

}

.search-tile {

	background: #fff;

	margin-top: 20px;

}

.search-details {

	padding-left: 0px !important;

}

.search-details h3 {

	font-size: 22px;

}

.rating {

	float: right;

}

.search-details p strong {

	color: #F00;

	font-size: 20px;

}

.search-details h4 {

}

.fltlft {

	float: left !important;

	width: 100%;

}

.menus {

	background: #fff;

}

.bod-right {

	border-right: 1px solid #ddd;

	padding-right: 6px;

}

.autocomplete input {

	text-transform: uppercase !important;

}

 .autocomplete input:focus, .autocomplete input:focus-visible {

 outline: none;

}

#myDiv a {

	color: #444;

}

.image-hover * {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

.image-hover {

	position: relative;

	display: inline-block;

	overflow: hidden;

	background: #fff;

	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)

}

.image-hover a {

	text-decoration: none

}

/*** effect zoom in ***/



.img-zoom-in img {

	transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

}

.img-zoom-in:hover img {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2)

}

/*** effect zoom out ***/



.img-zoom-out img {

	transition: all .2s ease-in-out;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

}

.img-zoom-out:hover img {

	transform: scale(0.9);

	-webkit-transform: scale(0.9);

	-moz-transform: scale(0.9);

	-ms-transform: scale(0.9);

	-o-transform: scale(0.9)

}

.days {

	color: #eaeaea;

	font-size: 24px;

	font-weight: 800;

	position: absolute;

	right: 10px;

	top: 10px;

	z-index: 60;

	background: #e19709bf;

	padding: 8px;

	border-radius: 5px;

}

.offer {

	background: url(../images/bg1.jpg) center no-repeat;

	padding: 100px 0px;

}

.offer-text {

	background: rgba(0,0,0,.5);

	color: #fff;

	padding: 30px;

}

.offer-text h1 {

	font-size: 50px;

	font-weight: 800;

}

.offer-text h2 {

	font-size: 20px;

	font-weight: 600;

}

.offer-text p {

	font-size: 15px;

}

.inter {

	background: f5f5f5;

}

.testimonials p {

	text-align: center;

}

#quotes img {

	width: 60px;

	height: 60px;

	border-radius: 50%;

}

#quotes h5 {

	color: #C30;

	text-align: center;

}

#quotes {

	padding: 100px 0px !important;

}

.q-text {

	background: #f5f5f5;

	padding: 15px;

	border: 1px solid #eee;

	border-radius: 10px;

	min-height: 200px;

}

.testy {

	width: 100%;

	height: 200px;

}

.testy-img {

	width: 70px;

	height: 70px;

	border-radius: 50%;

}

#quotes2 {

	margin-top: 100px;

	background: #f5f5f5;

	padding: 20px;

	border: 1px solid #eee;

}

.testimonials img {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	border: 2px solid #ed217c;

}

.hero-text h1 {

	margin-top: 90px;

}

.gallery img {

	margin-bottom: 0px;

	margin-top: 30px;

	box-shadow: 0px 10px 10px rgba(0,0,0,.1);

}

.tile {

	background: #f6f6f6 url(../images/tes.png) left 20px bottom 10px no-repeat;

	padding: 10px 20px;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 20px;

}

.tile p {

	text-align: justify;

}

.tile h6 {

	font-size: 14px;

	color: #C60;

	margin: 0px;

	font-weight: 600;

}

.text2 {

	color: #fff;

	padding: 60px 30px;

}

.text2 h2 {

	font-size: 50px;

	color: #fff !important;

}

.text2 p {

	font-size: 20px;

	color: #fff !important;

}

.show-all article {

	margin-bottom: 0px !important;

}

.gallery {

	padding: 40px 0px;

}

.fixed-departure {

	color: #fff;

	font-size: 12px;

	padding: 2px 4px;

	border: 1px solid #ddd;

	border-radius: 6px;

	margin-right: 5px;

	display: inline-block;

	margin-bottom: 4px;

}

.detail-box {

	background: #fff;

	margin-top: 30px;

	padding: 20px;

	border-radius: 8px;

	box-shadow: 0pc 8px 15px rgba(0,0,0,.3);

}

.detail-box h3 {

	color: #333;

	margin-top: 0px;

	border-bottom: 2px dotted #aaa;

}

.tabs .active {

	border-bottom: 3px solid #F7941E !important;

}

.tabs .active a {

	color: #F7941E !important;

}

#cruise-features1 {

	border: 1px solid #ddd;

}

.short-description {

	color: #444;

}

.mice {

	padding-top: 20px

}

.top-content p {

	font-size: 16px;

	line-height: 24px;

	margin-bottom: 25px;

}

.mice .tiles img {

	box-shadow: 0px 5px 10px rgba(0,0,0,.2);

}

.mice .tiles h3 {

	font-size: 24px;

	margin-top: 20px;

	border-left: 3px solid #ed217c;

	padding-left: 10px;

}

.mice {

	padding-bottom: 30px;

}

body {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

.top-row {

	display: none;

}

.btnside img {

	width: 30px;

}

.modal .btn-primary {

	color: #fff;

	background-color: #F7941E;

	border-color: #357ebd;

	border: none !important;

	border-radius: 6px !important;

	box-shadow: 0px 5px 9px #00000052;

	font-size: 15px !important;

	text-transform: uppercase;

	font-weight: 600;

}

.about {

	padding: 20px 0px 60px 0px;

	text-align: center;

}

.about p {

	font-size: 16px;

	width: 900px;

	max-width: 100%;

	margin: 0px auto;

	color: #666;

}

.about h2 {

	font-weight: 800;

	font-size: 34px;

}

.why {

	padding: 50px 0px 60px 0px;

	text-align: left;

}

.why p {

	font-size: 16px;

	width: 900px;

	max-width: 100%;

	margin: 0px auto;

	color: #666;

}

.why h2 {

	font-weight: 800;

	font-size: 34px;

}

.why ul {

	margin-top: 30px;

}

.why h6 {

	font-size: 20px;

}

.why li {

	padding: 0 0 0 45px;

	margin: 0 0 20px;

	position: relative;

	list-style: none;

}

.why li .h5 {

	border: medium solid #F7941E;

	border-radius: 40px;

	color: #F7941E;

	display: block;

	height: 30px;

	left: 0;

	line-height: 27px;

	position: absolute;

	text-align: center;

	top: 0;

	width: 30px;

	margin: 0;

}

.why li h4 {

	margin: 0;

}

.why li p {

	margin: 0;

}

.about-page {

	padding-bottom: 0px;

	padding-top: 60px;

}

.about-page h1 {

	font-size: 40px !important;

}

.about-page p {

	font-size: 16px !important;

	color: #777 !important;

}

#kode-parallax-wrapper-6 {

	background-image: url('https://kodeforest.com/wp-demo/travel/wide/wp-content/uploads/2015/08/package-6.jpg');

	padding-top: 50px;

	padding-bottom: 50px;

}

#kode-parallax-wrapper-6 {

	position: relative;

	z-index: 666;

}

.kode-parallax-wrapper {

	float: left;

	width: 100%;

}

#kode-parallax-wrapper-6 .container {

	position: relative;

	z-index: 99999;

}

.kode-counter i {

	color: #2d8c37;

	margin: 10px 0 18px;

}

.kode-counter span {

	color: #2d8c37;

	display: block;

	font-size: 50px;

	font-weight: 700;

	padding: 0 0 16px;

	position: relative;

	margin-bottom: 5px;

}

.kode-counter small {

	color: #2d8c37;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 700;

}

#testy .review-card {

	padding: 30px 25px;

	margin: 20px 10px;

	text-align: center;

	box-shadow: 0 0 16px rgba(17,17,26,.1);

	border-radius: 20px 20px 0 0;

}

#testy .review-card .reviewer-img img {

	height: 80px !important;

	width: 80px !important;

	border-radius: 50%;

	border: 8px solid rgba(48,79,71,.1);

	margin: 0 auto;

}

#testy .review-card h3 {

	margin-top: 20px;

	font-weight: 700;

	font-size: 25px;

	line-height: 29px;

	text-transform: capitalize;

	color: #262339;

}

#testy .review-card h5 {

	font-weight: 500;

	font-size: 20px;

	line-height: 23px;

	text-transform: capitalize;

	color: #a5a5a5;

	margin: 10px 0 22px;

}

#testy .review-card p {

	position: relative;

}

#testy .review-card p::before {

	position: absolute;

	content: "";

	background: url(../images/quote-rwview.4390d32b.svg);

	left: 0;

	bottom: 100%;

	height: 37px;

	width: 37px;

}

#testy .owl-dots {

	text-align: center;

	margin-top: 20px;

}

#testy .owl-dots button.owl-dot {

	height: 10px;

	width: 25px;

	background: #304f47;

	transition: all .3s;

	margin: 0 12.5px;

	border-radius: 5px;

}

#testy .owl-dots button.active.owl-dot {

	height: 15px;

	background: #F7941E;

}

#testy .owl-dots button.owl-dot {

	height: 15px;

	width: 15px;

	background: #304f47;

	transition: all .3s;

	margin: 0 12.5px;

	border-radius: 16px !important;

}

.testimoni {

	padding: 60px 0px;

}

.kode-parallax-wrapper .columns {

	text-align: center;

}

.testimoni h5 {

	font-size: 32px;

	margin-bottom: 25px !important;

	font-weight: 800;

	text-align: center;

}

.testimoni h5 {

	font-size: 32px;

	margin-bottom: 10px !important;

	font-weight: 800;

	text-align: center;

}

.testimoni h6 {

	font-size: 15px;

	margin-bottom: 25px !important;

	font-weight: 800;

	text-align: center;

}

.newsletter img {

	height: 100px;

}

.newsletter {

	text-align: center;

}

.blog-more {

	color: #17387b;

	background: #2d8c37;

	color: #fff !important;

	border-radius: 4px;

	box-shadow: 0px 5px 10px #0000003;

	padding: 6px 10px;

}

.blog-tile h3 {

	white-space: nowrap;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

}

.cop {

	border-top: 1px solid #090;

	padding-top: 15px;

	margin-top: 8px !important;

}

.howitworks {

	background-color: #fffef4;

	padding: 10px 0 30px;

}

.howitworks h3 {

	font-size: 32px;

	font-weight: 300;

	margin: 30px 0 20px;

	text-align: center;

}

.howitworks section img {

	margin: 0 0 0 15px;

}

.howitworks section h4 {

	color: #454545;

	font-size: 18px;

	font-weight: 800;

}

.howitworks section p {

	color: #454545;

	margin: 0;

}

.trip_customization {

	padding: 15px 0;

}

.trip_customization section {

	background-image: url(../images/hexagon_pattern.png);

	background-repeat: no-repeat;

	min-height: 131px;

}

.section-1-3 {

	float: left;

	height: auto;

	width: 33.3333%;

	padding: 15px;

	box-sizing: border-box;

}

.trip_customization article h3 {

	color: #F7941E;

	font-size: 30px;

	margin-top: 48px !important;

}

.trip_customization article p {

	color: #F7941E;

	font-size: 17px;

	font-weight: 600;

	margin: 30px 0;

}

.trip_customization article a {

	background-color: #F7941E;

	border-radius: 5px;

	color: #fff;

	display: block;

	font-size: 20px;

	font-weight: 800;

	margin: 30px 0 0;

	padding: 15px 0;

	text-align: center;

	width: 100%;

}

.enquieres .btn {

	padding: 12px 20px;

	border: none !important;

	font-size: 15px !important;

	font-weight: 600;

	box-shadow: 0px 5px 10px #0000003d;

	border-radius: 5px !important;

}

.cruise-booking-form .input-text, .cruise-booking-form span.custom-select {

	padding-left: 15px;

	padding-right: 15px;

	background: #fff;

	height: 40px;

}

.cruise-booking-form h2 {

	font-size: 30px;

	color: #444;

	margin-top: 0px;

}

.icon-link i {

	font-size: 24px;

	line-height: 40px;

}

.icon-link {

	width: 40px;

	height: 40px;

	background-color: #666;

	line-height: 40px;

	text-align: center;

	vertical-align: middle;

	display: inline-block;

	cursor: pointer;

	outline: none;

	margin: 5px;

	box-sizing: content-box;

	border-radius: 6px;

}

.icon-link.fill.facebook {

	background-color: #3b5998;

}

.icon-link.fill.facebook:hover {

	background-color: #fff;

}

.icon-link.fill.facebook:hover .fa-facebook {

	color: #3b5998;

	transition: color 150ms ease-in-out;

}

.icon-link.fill.tumblr {

	background-color: #df1a1a;

}

.icon-link.fill.tumblr:hover {

	background-color: #fff;

}

.icon-link.fill.tumblr:hover .fa-youtube {

	color: #df1a1a;

	transition: color 150ms ease-in-out;

}

.icon-link.fill.linkedin {

	background-color: #007bb6;

}

.icon-link.fill.linkedin:hover {

	background-color: #fff;

}

.icon-link.fill.linkedin:hover .fa-linkedin {

	color: #007bb6;

	transition: color 150ms ease-in-out;

}

.icon-link.fill.twitter {

	background-color: #00aced;

}

.icon-link.fill.twitter:hover {

	background-color: #fff;

}

.icon-link.fill.twitter:hover .fa-twitter {

	color: #00aced;

	transition: color 150ms ease-in-out;

}

.qks li {

	display: inline-block;

	border-right: 1px solid #ddd;

	padding-right: 10px;

	margin-right: 5px;

	margin-bottom: 5px;

}

.blogllist {

	padding-top: 60px;

}

.tourss {

	padding-top: 60px;

}

.feed h2 {

	color: #444;

}



@media (min-width: 768px) and (max-width: 1200px) {

	.detail-box .btn-enquire {

  

    padding: 10px 15px !important;

	

	}

	

	.trip_customization article h3 {

   

    font-size: 26px;

	}

	.day-night {

     

    font-size: 18px;

	}

	

	.ace-responsive-menu > li > a {

    

    padding: 4px 9px 4px 9px !important;

   

    margin-bottom: 6px !important;

	}

	.enqs {float:right !important;

	}

}

	



 @media (min-width: 414px) and (max-width: 768px) {

	 #footer {

    text-align: left;

}

	 .col-sm-6 {

	width:49% !important;

	display: inline-block;

	padding-right: 11px;

    padding-left: 11px;

}



.package-price {

    

    font-size: 16px;

}



.mxd {

	max-height:250px;

	overflow:hidden;

	padding-bottom:20px;

	

}

 }

 

 .testimonialvideo {

	 width:100%;

	 min-height:254px;

	 

	 

 }

	

	.child-pris strong {

		font-size:18px !important;

	}

	.toppris {margin-bottom:0px;

	}