@import url('https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');
/* -------------------------------- 



Primary style



-------------------------------- */





.trip-details h5 strong {
	color: #28a745;
}
a:hover {
	color: #28a745;
}
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	/* you need to set this to assign to the main element a min height of 100% */

  

	 

	overflow-x: hidden;
}
body {
	font-size: 100%;
	color: #4e6361;
	background-color: #f5f4e9;
	font-size: 14px;
	font-family: 'Rosario', sans-serif;
}
a {
	color: #6cac70;
	text-decoration: none;
}
/* -------------------------------- 



Modules - reusable parts of our design



-------------------------------- */



.cd-img-replace {
	/* replace text with a background-image */

  

	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.overflow-hidden {
	overflow: hidden;
}
/* -------------------------------- 



Main components 



-------------------------------- */



.cd-main-content {
	/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */

	z-index: 10;
	min-height: 100%;
	position: relative;
	background: #F5F4E9;
	z-index: 2;
	padding-top: 50px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.cd-main-content.lateral-menu-is-open {
/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/

  

}
 @media only screen and (min-width: 768px) {
.destination-content {
	padding-right: 20px;
}
.cd-main-content {
	padding-top: 0px;
}
}
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 30;
	/* Force Hardware Acceleration in WebKit */

  

	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.75+0,0+100 */

	background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000', GradientType=0 ); /* IE6-9 */
}
header.lateral-menu-is-open {
	/* translate to show the lateral menu */

  

	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
header.is-fixed {
	position: fixed;
}
.webday {
	display: none;
}
 @media only screen and (min-width: 768px) {
.grid figure figcaption {
	padding-left: 0px !important;
}
header {
	padding-top: 0px;
}
}
#cd-logo {
	display: block;
	float: left;
	margin: 0px 0 0 20px;
}
#cd-logo img {
	display: block;
	max-width: 180px;
}
 @media only screen and (min-width: 768px) {
#cd-logo {
	margin: 10px 0 0 30px;
}
}
#cd-top-nav {
	position: absolute;
	top: 0;
	right: 120px;
	height: 100%;
	display: none;
}
#cd-top-nav ul {
	height: 100%;
	padding-top: 18px;
}
#cd-top-nav li {
	display: inline-block;
	margin-right: 1em;
}
#cd-top-nav a {
	display: inline-block;
	padding: .5em;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 600;
}
#cd-top-nav a.current {
	background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
	color: rgba(255, 255, 255, 0.7);
}
 @media only screen and (min-width: 768px) {
#cd-top-nav {
	display: block;
}
}
.cd-menu-trigg {
	position: absolute;
	right: 30px;
	top: 4px;
	height: 100%;
	width: 50px;
}
.cd-menu-trigg .cd-menu-text {
	height: 100%;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	display: none;
}
.cd-menu-trigger {
	position: absolute;
	right: 30px;
	top: 4px;
	height: 100%;
	width: 50px;
}
.cd-menu-trigger .cd-menu-text {
	height: 100%;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	display: none;
}
.cd-menu-trigger .cd-menu-icon {
	/* this span is the central line in the menu menu */

  

	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 18px;
	height: 2px;
	background-color: #FFF;/* these are the upper and lower lines in the menu menu */
}
.cd-menu-trigger .cd-menu-icon::before, .cd-menu-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: inherit;
	left: 0;
	/* Force Hardware Acceleration in WebKit */

  

	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.cd-menu-trigger .cd-menu-icon::before {
	bottom: 5px;
}
.cd-menu-trigger .cd-menu-icon::after {
	top: 5px;
}
.cd-menu-trigger.is-clicked .cd-menu-icon {
	background-color: rgba(255, 255, 255, 0);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before, .cd-menu-trigger.is-clicked .cd-menu-icon::after {
	background-color: #000;
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
 @media only screen and (min-width: 768px) {
.cd-menu-trigger {
	width: 110px;
	padding-left: 1.25em;
}
.cd-menu-trigger .cd-menu-text {
	display: inline-block;
	line-height: 82px;
}
.cd-menu-trigger .cd-menu-icon {
	left: auto;
	right: 1.25em;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
}
#cd-lateral-nav {
	display: none;
	position: fixed;
	height: 100%;
	right: 0;
	top: 0;
	/* the secondary navigation is covered by the main element */

  

	z-index: 1;
	opacity: 0;
	width: 100%;
	background-color: rgba(255,255,255,.9);
	overflow-y: auto;
	/* Force Hardware Acceleration in WebKit */

  

	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	/* this creates the subtle slide in animation of the navigation */

  

	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px);
	padding-top: 60px;
}
#cd-lateral-nav .cd-navigation {
	margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
	padding: 0 10px 0px 15px;
	display: none;
}
#cd-lateral-nav a {
	display: block;
	line-height: 1.5em;
	padding: 0 16px 0 2px;
	color: #444;
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
}
#cd-lateral-nav a.current {
	background-color: #3a4a4d;
	color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
	color: #FFF;
}
 @media only screen and (min-width: 768px) {
#cd-lateral-nav .cd-navigation {
	margin: 0px auto;
	max-width: 400px;
}
}
#cd-lateral-nav.lateral-menu-is-open {
	opacity: 1;
	z-index: 20;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	/* smooth the scrolling on touch devices - webkit browsers */

  

	-webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */



#cd-lateral-nav .item-has-children > a {
	position: relative;/* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
	content: '';
	display: block;
	height: 11px;
	width: 8px;
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1em;
	background: url("https://codyhouse.co/demo/secondary-expandable-navigation/img/cd-arrow.svg") no-repeat center center;
	background-size: 8px 11px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials {
	padding: 0 32px;
	margin-top: 30px;
}
#cd-lateral-nav .socials:after {
	content: "";
	display: table;
	clear: both;
}
#cd-lateral-nav .socials a {
	height: 32px;
	float: left;
	padding: 0;
	background-image: url("../img/cd-socials.svg");
	background-repeat: no-repeat;
	background-size: 128px 64px;
	margin-right: .5em;
	border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
	background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
	background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
	background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
	background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
	background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
	background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
	background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
	background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
	background-position: -96px -32px;
}
a {
	text-shadow: none;
	color: #444;
}
ul {
	margin: 0px;
	padding: 0px;
}
.review .owl-nav {
	display: none;
}
.review {
	padding: 60px 0px;
}
.owl-dots {
	margin-top: 20px;
}
.review h2 {
	font-size: 34px;
	margin-bottom: 30px;
	text-align: center;
	background: url(../images/qq.png) center bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 40px;
	color: #666;
	font-weight: 300;
}
.testimonial-tile h5 {
	font-size: 18px;
	color: #444;
}
.testimonial-tile img {
	width: 50px !important;
	height: 50px !important;
	border-radius: 50%;
}
.testimonial-content {
	margin-top: 15px;
}
.testimonial-tile h6 {
	color: #888;
	font-size: 14px;
}
.testimonial-tile {
	border: 1px solid #c6c6c6;
	padding: 25px 25px;
	background: #ffffff5e url(../images/TS.png) top 10px right 10px no-repeat;
	border-radius: 20px;
}
footer {
	background: #282424;
	padding: 50px 0px 10px 0px;
}
.store-logos img {
	width: 170px;
	margin-right: 20px;
}
.company-logo {
	margin-bottom: 40px;
}
.store-logos p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}
.company-sec {
	margin-bottom: 40px;
}
.store-logos p strong {
	font-size: 16px;
}
.start {
	color: #323f73;
	background: #e1f2f8;
	padding: 40px 30px;
	border-radius: 20px;
	margin-top: -150px;
}
.start p {
	color: #7da3b0;
	font-size: 15px;
}
.start h2 {
	font-weight: 300;
	font-size: 28px;
}
.submit-btn {
	color: #fff;
	background-color: #2697c9;
	border-color: #2697c9;
	padding: 8px 23px;
	box-shadow: 0px 10px 10px #0000002b;
	border-radius: 10px;
}
.start input {
	height: 40px;
}
.start .form-control {
	font-size: 13px;
	color: #444;
	border: none;
}
.copy {
	border-top: 1px solid #888;
	;
	padding-top: 15px;
	margin-top: 20px;
}
.copy p {
	font-size: 13px;
	color: #fff;
}
.copy p a {
	float: right;
	margin-left: 20px;
	color: #71B3D0
}
.cd-navigation li {
	list-style: none;
	border-bottom: 1px solid #d5d5d5;
	padding: 8px 0px;
}
.social-media a {
	display: block;
	line-height: 2em;
	padding: 0 16px 0 32px;
	color: #177b09;
	font-weight: 600;
	padding: 8px 9px !important;
}
.hm-tab {
}
svg {
	display: block;
	overflow: visible;
}
.slider-container {
	position: relative;
	height: 100vh;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: all-scroll;
	z-index: 15
}
.slider-control {
	z-index: 2;
	position: absolute;
	top: 0;
	width: 12%;
	height: 100%;
	transition: opacity 0.3s;
	will-change: opacity;
	opacity: 0;
}
.slider-control.inactive:hover {
	cursor: auto;
}
.slider-control:not(.inactive):hover {
	opacity: 1;
	cursor: pointer;
}
.slider-control.left {
	left: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
	right: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}
.slider-pagi {
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	font-size: 0;
	list-style-type: none;
}
.slider-pagi__elem {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 1rem;
	height: 1rem;
	margin: 0 0.5rem;
	border-radius: 50%;
	border: 2px solid #fff;
	cursor: pointer;
}
.slider-pagi__elem:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1rem;
	height: 1rem;
	background: #fff;
	border-radius: 50%;
	transition: transform 0.3s;
	transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
	transform: translate(-50%, -50%) scale(1);
}
.slider {
	z-index: 1;
	position: relative;
	height: 100%;
}
.slider.animating {
	transition: transform 0.5s;
	will-change: transform;
}
.slider.animating .slide__bg {
	transition: transform 0.5s;
	will-change: transform;
	background-size: cover;
}
.slide {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.slide.active .slide__overlay, .slide.active .slide__text {
	opacity: 1;
	transform: translateX(0);
}
.slide__bg {
	position: absolute;
	top: 0;
	left: -50%;
	width: 100%;
	height: 100%;
	background-size: cover;
	will-change: transform;
}
.slide:nth-child(1) {
	left: 0;
}
.slide:nth-child(1) .slide__bg {
	left: 0;
	background-image: url(../images/slide4.jpg);
}
.slide:nth-child(1) .slide__overlay-path {
}
 @media (max-width: 991px) {
.slide:nth-child(1) .slide__text {
	background-color: rgba(0, 0, 0, 0.8);
}
}
.slide:nth-child(2) {
	left: 100%;
}
.slide:nth-child(2) .slide__bg {
	left: -50%;
	background-image: url(../images/slide2.jpg);
}
.slide:nth-child(2) .slide__overlay-path {
}
 @media (max-width: 991px) {
.slide:nth-child(2) .slide__text {
	background-color: rgba(0, 0, 0, 0.8);
}
}
.slide:nth-child(3) {
	left: 200%;
}
.slide:nth-child(3) .slide__bg {
	left: -100%;
	background-image: url(../images/slide3.jpg);
}
.slide:nth-child(3) .slide__overlay-path {
}
 @media (max-width: 991px) {
.slide:nth-child(3) .slide__text {
	background-color: rgba(0, 0, 0, 0.8);
}
}
.slide:nth-child(4) {
	left: 300%;
}
.slide:nth-child(4) .slide__bg {
	left: -150%;
	background-image: url(../images/slide1.jpg);
}
.slide:nth-child(4) .slide__overlay-path {
}
 @media (max-width: 991px) {
.slide:nth-child(4) .slide__text {
	background-color: rgba(0, 0, 0, 0.8);
}
}
.slide__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	min-height: 650px;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	will-change: transform, opacity;
	transform: translate3d(-20%, 0, 0);
	opacity: 0;
	width: 60%;
}
 @media (max-width: 991px) {
.slide__overlay {
	display: none;
}
}
.slide__overlay path {
	opacity: 0;
}
.slide__text {
	position: absolute;
	width: 50%;
	bottom: 30%;
	right: 25%;
	left: 25%;
	color: #fff;
	transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
	will-change: transform, opacity;
	transform: translateY(-50%);
	opacity: 0;
	text-align: center;
	padding: 30px 20px;
}
 @media (max-width: 991px) {
.slide__text {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20rem;
	text-align: center;
	transform: translateY(50%);
	transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
	padding: 0 1rem;
}
}
.slide__text-heading {
	font-size: 2.8rem;
 margin-bottom: .8rem;
	font-weight: 400 !important;
	text-shadow: rgba(0, 0, 0, 0.75) 5px 0px 10px;
}
 @media (max-width: 991px) {
.slide__text-heading {
	line-height: 20rem;
	font-size: 3.5rem;
}
}
.slide__text-desc {
	text-shadow: rgba(0, 0, 0, 0.75) 5px 0px 10px;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
}
 @media (max-width: 991px) {
.slide__text-desc {
	display: none;
}
}
.slide__text-link {
	z-index: 5;
	display: inline-block;
	position: relative;
	padding: 0.5rem;
	cursor: pointer;
	border: 1px solid #eee;
	padding: 6px 20px;
	border-radius: 5px;
	font-size: 1rem;
	perspective: 1000px;
}
 @media (max-width: 991px) {
.slide__text-link {
	display: none;
}
}
.slide__text-link:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: 50% 100%;
	transform: rotateX(-85deg);
	transition: transform 0.3s;
	will-change: transform;
}
.slide__text-link:hover:before {
	transform: rotateX(0);
}
.about {
	background: #fff url(../images/top-bg.png) bottom right no-repeat;
	padding: 80px 0px;
	text-align: center;
}
.about h2 {
	font-size: 40px;
	font-weight: 600;
}
.about h2 span {
	border-bottom: 1px solid #009200;
}
.about h2 {
	font-size: 22px;
	font-weight: 600;
}
.about p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 40px;
}
.mails {
	float: right;
	margin-right: 5%;
	width: 45%;
	padding: 28px 10px 0px 10px;
}
.mails a {
	color: #fff;
	border-right: 1px solid #fff;
	padding-left: 10px;
	padding-right: 8px;
}
.bd-none {
	border: none !important;
}
.about {
}
.about h3 {
	font-size: 26px;
	margin-top: 20px;
}
.more {
	border: 2px solid #1b1b1b;
	padding: 7px 20px;
	font-size: 14px;
	color: #fff;
	background: #1b1b1b;
}
img {
	max-width: 100%;
}
.experience {
	text-align: center;
	padding: 60px 0px;
	background: url(../images/bg5.jpg);
}
.experience h2 {
	font-size: 34px;
	margin-bottom: 0px;
	text-align: center;
	background: url(../images/qq.png) center bottom no-repeat;
	padding-bottom: 20px;
}
.experience h3 {
	font-size: 21px;
	text-align: left;
	margin-top: 10px;
}
.experience a {
	font-size: 14px;
	text-align: left;
	float: left;
	padding: 8px 20px;
	background: #7d7d7d;
	color: #fff;
}
.experience p {
	font-size: 15px;
	text-align: left;
	margin-bottom: 12px;
}
.experiencetiles {
	background: #ddddbb;
	padding: 10px !important;
	overflow: hidden;
	border: 1px solid #ccc;
	color: #666;
}
.ideas {
	padding: 50px 0px;
	background: #fff;
}
.grid {
}
/* Common style */

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	opacity: 0.9;
	width: 100%;
}
.grid figure figcaption {
	padding: 1em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 600;
	font-size: 22px;
	color: #444;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-ruby {
	background-color: #f5f5f5;
	margin-bottom: 30px;
	border: 1px solid #ddd;
}
figure.effect-ruby img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
figure.effect-ruby h2 {
	margin-top: 2%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}
figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 2em;
	border: 1px solid #fff;
	text-transform: none;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
	transform: translate3d(0, 20px, 0) scale(1.1);
}
figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}
.ideas h2 {
	font-size: 34px;
	margin-bottom: 0px;
	text-align: center;
	background: url(../images/qq.png) center bottom no-repeat;
	padding-bottom: 20px;
}
footer a {
	font-size: 14px !important;
	color: #eee;
}
footer h2 {
	font-size: 22px;
	color: #eee;
}
footer li {
	list-style: none;
}
footer p {
	font-size: 14px !important;
	color: #eee;
}
.socials a {
	margin-right: 10px;
}
.copys {
	border-top: 1px solid #eee;
	padding-top: 16px;
}
.copys p {
	color: #eee;
}
.copys p span {
	color: #eee;
	float: right
}
.testimonial-content p {
	font-size: 14px;
	color: #eee;
}
.owl-nav {
	display: none;
}
.subs {
	text-align: center !important;
	line-height: 24px;
	color: #888;
	font-size: 15px;
	margin-bottom: 30px !important;
}
.social-media {
	text-align: center;
}
#cd-lateral-nav .socials a {
	float: none;
	display: inline-block;
}
.show-scroll {
	display: block !important;
}
 @media screen and (max-width: 768px) {
.expdest-tile h3 {
	font-size: 15px !important;
}
.services {
	padding-top: 30px !important;
}
.exp-disc {
	height: 180px !important;
}
.about {
	padding: 50px 0px !important;
}
.grid figure h2 span {
	font-size: 20px !important;
}
.review h2 {
	font-size: 22px !important;
}
.service-tile {
	margin-bottom: 5px !important;
}
.destination-exp h2 {
	font-size: 22px !important;
}
.services h2 {
	font-size: 22px !important;
}
.spes {
	padding-bottom: 0px !important;
}
.video-container {
	padding: 91px 0px !important;
}
.whats {
	position: fixed !important;
}
.slider-pro {
	margin-top: 80px !important;
}
.link-box {
	display: none;
}
.mobile-day {
}
.main-title h4 {
	font-size: 15px !important;
}
.csss {
	background: #fff;
	padding-top: 15px;
}
.csr-block {
	text-align: center;
}
.tour-details__content .panel-title {
	font-size: 12px;
}
.package-details .container {
	width: 90%;
}
.panel-heading a::after {
	top: -7px !important;
}
.trip-details h5 {
	font-size: 14px !important;
	padding: 10px 0px 30px 0px !important;
}
.filter-box {
	margin-bottom: 30px;
}
.destination-exp {
	padding: 30px 0px !important;
}
.ideas {
	padding-bottom: 30px;
}
.video-container {
	margin-top: 50px !important;
}
.header2 {
	z-index: 125 !important;
}
.page-title {
	margin-top: 80px !important;
}
.inner-banner img {
	z-index: inherit !important;
}
.network {
	background-repeat: repeat !important;
}
.menu > label {
	background: #fff !important;
}
.menu > label i {
	color: #012c42 !important;
	font-size: 28px;
}
.menu, .menu a {
	color: #012c42 !important;
}
.menu > label {
	position: absolute;
	right: 16px;
	top: -60px;
}
#cd-logo {
	display: none;
}
.hide-mob {
	display: none !important;
	visibility: hidden;
}
.menu, .menu a {
	color: #fff !important;
}
.menu, .menu a {
	background: #012c42;
}
.menus {
	display: none;
}
.menu {
	display: block !important;
}
.page-title {
	z-index: 14 !important;
}
#cd-lateral-nav.lateral-menu-is-open {
	z-index: 30;
}
.page-title h1 {
	font-weight: 600;
	font-size: 28px !important;
	margin-top: 20px !important;
}
.page-title p {
	font-size: 13px;
}
.page-title {
	position: relative !important;
	color: #333 !important;
}
.inlus h4 {
	margin-top: 20px;
}
.txl, .txr {
	text-align: center !important;
}
.destination-content p {
	text-align: justify;
}
.mission {
	margin-top: 20px;
}
#cd-logo {
	margin: 10px 0 0 10px;
}
.cd-menu-trigger {
	right: 10px;
}
.whats {
	width: 50px !important;
	right: 20px !important;
	bottom: 18px !important;
}
.ideas h2 {
	font-size: 26px !important;
}
.experience h2 {
	font-size: 22px !important;
}
.about h3 {
	font-size: 28px !important;
}
.slider-container {
}
.about {
	text-align: center;
}
.slide__text-heading {
	line-height: 2rem;
}
.slide__text-heading {
	font-size: 1rem;
	margin-top: 20px;
	line-height: 1.2rem;
}
.slide__text {
	height: 8rem !important;
}
.cd-main-content {
	padding-top: 0 !important;
}
#cd-lateral-nav {
	padding-left: 20px;
	padding-right: 20px;
}
.mails {
	display: none;
}
.cd-menu-trigger {
	top: 10px;
}
.review h2 {
	font-size: 32px;
}
footer {
	text-align: center;
	padding: 30px 0px 10px 0px;
}
footer h2 {
	margin-top: 20px;
}
.copys p span {
	float: none !important;
}
#cd-lateral-nav a {
	font-size: 15px !important;
}
}
.whats {
	position: absolute;
	width: 83px;
	z-index: 200;
	right: 40px;
	bottom: 38px;
}
.menu-call a {
	text-align: center;
	text-transform: none !important;
	font-size: 15px !important;
}
.menu-call {
	line-height: 24px;
}
.txl {
	text-align: left;
}
.txr {
	text-align: right;
}
.content-wrapper {
	margin: 0 auto;
	max-width: 640px;
}
.video-container {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	padding: 220px 0px;
	position: relative;
	box-shadow: 0px 6px 10px #00000026;
	width: 700px;
	max-width: 100%;
	margin: 20px auto;
	margin-top: 20px;
	margin-bottom: 60px;
}
.video-container a {
	border-bottom: 18px solid transparent;
	border-left: 30px solid #0db14b;
	border-top: 18px solid transparent;
	box-sizing: border-box;
	height: 26px;
	margin: -13px 0 0 -11px;
	left: 50%;
	position: absolute;
	text-indent: -999em;
	top: 50%;
	width: 22px;
}
.video-container a:hover {
	border-left-color: #f00;
}
.video-container img {
	display: block;
}
.video-container iframe, .video-container object, .video-container embed, .video-container img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.video-container iframe {
	height: 100%;
}
.inner-banner {
	position: relative;
	width:100%;
}
.page-title {
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 40%;
	color: #fff;
	z-index: 18;
}
.page-title h1 span {
}
.page-title h1 {
	font-weight: 800;
	font-size: 50px;
}
.huge-type {
	font-size: 4rem;
}
.warning {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #333;
	color: #FFF;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}
 @supports (display: grid) {
 .warning {
 display: none;
}
}
.gallery {
	display: grid;
	grid-auto-flow: row dense;
	grid-gap: 1vw;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-auto-rows: 200px;
}
.gallery figure {
	position: relative;
	overflow: hidden;
	box-shadow: 2px 3px 6px #00000040;
	border-radius: 3px;
	outline: 1px solid #FFFFFF00;
	transition: transform 200ms ease-in-out;
}
.gallery figure:hover {
	z-index: 2;
	transform: scale(1.025);
}
.gallery figure figcaption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 0.2em 0.4em 0.2em;
	transform: translateY(101%);
	transition: transform 200ms ease-in-out;
}
.gallery figure:hover figcaption {
	transform: translateY(0);
}
.gallery figure img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	-o-object-fit: cover;
	object-fit: cover;
	transform: scale(1);
	transition: transform 1200ms ease-in-out, filter 240ms ease-in-out, object-position 1200ms ease-in-out;
	transition: transform 1200ms ease-in-out, filter 240ms ease-in-out, object-position 1200ms ease-in-out, -o-object-position 1200ms ease-in-out;
}
.gallery figure:hover img {
	transform: scale(1.05) rotate(-2deg);
	filter: blur(4px) brightness(0.3);
	-o-object-position: 60% 40%;
	object-position: 60% 40%;
}
 @media screen and (min-width: 480px) {
.gallery .intro {
	grid-area: span 2/span 2;
}
.gallery figure:nth-child(3n) {
	grid-area: span 2/span 1;
}
.gallery figure:nth-child(5n) {
	grid-area: span 1/span 2;
}
}
 @media screen and (min-width: 960px) {
.gallery .intro {
	grid-area: span 2/span 3;
}
.gallery figure:nth-child(7n) {
	grid-area: span 2/span 2;
}
.gallery figure:nth-child(11n) {
	grid-area: span 3/span 2;
}
.gallery figure:nth-child(13n) {
	grid-area: span 2/span 3;
}
}
 @media screen and (min-width: 1440px) {
html {
	font-size: 24px;
}
.gallery {
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-auto-rows: 250px;
}
}
.intro {
	background-color: #000;
	color: #fff;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 0.5em;
}
.intro h1 {
	font-size: 2.5rem;
	font-weight: 700;
}
.destination-content p {
	line-height: 24px;
	margin-top: 30px;
	font-size: 14px;
}
.destination-details {
	background: #fff;
	padding: 30px 0px;
}
.destination-content h3 {
	padding-top: 30px;
}
.destination-content p {
	margin-top: 0px;
}
.places {
	margin-top: 30px;
}
.destination-details h3 {
	margin-bottom: 10px;
}
.destination-details h3 span {
}
.list1 {
	border-right: 1px solid #eee;
	height: 100%;
	padding-right: 10px;
}
.list1 li {
	list-style: none;
	background: url(../images/list1.jpg) left top 8px no-repeat;
	padding-left: 15px;
	font-size: 14px;
}
.list3 {
	border-right: 1px solid #eee;
	padding-right: 10px;
	margin-bottom: 20px;
}
.list3 li {
	list-style: none;
	background: url(../images/list1.jpg) left top 8px no-repeat;
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 5px;
	color: #666;
}
.inlus {
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	padding: 25px 15px;
	border-radius: 5px;
}
.gallerys {
	margin-top: 20px;
}
.forms {
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	color: #333;
	padding: 20px;
	margin-top: 40px;
}
.forms h3 {
	font-size: 24px;
	color: #888;
}
.entry-title {
	font-size: 18px;
	text-align: center;
	margin-top: 6px;
}
.address {
	margin-top: 30px;
	margin-bottom: 30px;
}
.address article {
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,.1);
    padding: 10px;
    height: 250px !important;
    margin-bottom: 15px;
}
.demo .item {
	margin-bottom: 60px;
}
.content-slider li {
	background-color: #ed3020;
	text-align: center;
	color: #FFF;
}
.content-slider h3 {
	margin: 0;
	padding: 70px 0;
}
.demo {
	width: 800px;
}
.packageblock {
	background: #fff;
	margin-top: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
	margin-bottom: 14px;
	border-radius: 8px;
}
.pack-info {
	padding: 0px;
	padding-bottom: 10px;
}
.day-mask {
	position: relative;
	bottom: 8px;
	text-align: center;
	background: #098016;
	padding: 6px 10px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
}
.day-mask p {
	margin-bottom: 0px;
	font-size: 14px;
}
.main-title h4 {
	font-size: 16px;
	font-weight: bold;
	color: #444;
	margin-top: 0px;
}
.pack-price {
	font-size: 20px;
	font-weight: 600;
	color: #e31919;
}
.orange {
	color: #F90;
}
.visits {
	font-size: 11px;
}
.visits span {
	border: 1px solid #ddd;
	padding: 2px 8px;
	border-radius: 20px;
	margin-right: 4px;
	display: inline-block;
	margin-bottom: 4px;
}
.package-details {
	background: #fff;
	padding: 30px 0px;
	padding-top: 60px;
}
.tour-details__plan-count {
	width: 97px;
	height: 97px;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	border: 20px solid #fff;
	font-size: 18px;
	font-weight: 600;
	background-color: #F90;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 10;
}
.tour-details__plan-single {
	position: relative;
}
.tour-details__plan-content {
	border-left: 1px solid #eceeef;
	margin-left: 28.5px;
	padding-left: 60px;
	padding-bottom: 40px;
}
.tour-details__plan-content h3 {
	color: var(--thm-black);
	margin: 0;
	margin-bottom: 0px;
	font-weight: 600;
	margin-bottom: 5px;
}
.tour-details__plan-content span {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #13A7CA;
}
.tour-details__plan-content p {
	font-size: 18px;
	font-weight: 500;
	line-height: 34px;
	color: #9ca3a9;
	margin-top: 20px;
}
.tour-details__plan-content ul {
	margin-bottom: 0;
	margin-top: 15px;
}
.tour-details__plan-content ul li {
	color: #9ca3a9;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	display: inline-block;
	margin-right: 6px;
}
.tour-details__content p {
	font-size: 14px;
	text-align: justify;
	line-height: 24px;
	color: #666;
}
.tour-details__list li {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	padding-left: 21px;
	line-height: 1em;
	margin-bottom: 10px;
}
.tour-details__list li i {
	font-size: 14px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #090;
}
.package-details h3 {
	font-size: 24px;
}
.tour-details__plan-content h3 {
	font-size: 20px;
}
.tour-details__plan {
	margin-top: 20px;
}
.tour-details__list {
	margin-bottom: 30px;
}
.tour-price p span {
	font-size: 15px;
	font-size: 24px;
	color: #C00;
	font-weight: bold;
}
.tour-price {
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	color: #333;
	padding: 20px;
	margin-top: 20px;
}
.memberbox {
	margin: 20px 5px;
	height: 300px;
	background: #EDFEFF;
	box-shadow: 0px 2px 7px -4px #000;
	transition: 0.1s linear;
	backface-visibility: hidden;
	border-radius: 3px;
	border: none;
	overflow: hidden;
}
.memberbox:hover {
	box-shadow: 0px 2px 7px -1px #000;
	transition: 0.1s linear;
	border: none;
	backface-visibility: hidden;
}
.memberbox:hover .mphotohover {
	opacity: 0.9;
	transition: 0.1s linear;
	backface-visibility: hidden;
}
.memberphoto {
	height: 200px;
	background: #fff;
	box-sizing: border-box;
	backface-visibility: hidden;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 0px;
	transition: 0.1s linear;
}
.mphotohover {
	width: 100%;
	height: 100%;
	margin: 0px;
	backface-visibility: hidden;
	padding: 0px;
	border-radius: 3px 3px 0px 0px;
	opacity: 0;
	display: block;
	background: #33333370;
	transition: 0.1s linear;
}
.mphotohover img {
	width: 30px;
	display: block;
	position: absolute;
	top: 43%;
	backface-visibility: hidden;
	left: 45%;
}
.membername {
	background: #fff;
	padding: 10px;
	text-align: center;
	color: #333;
	font-size: 16px;
}
.membersubtitle {
	background: #fff;
	text-align: center;
	color: #333;
	font-size: 13px;
}
.header2 .cd-menu-trigger .cd-menu-icon {
	background-color: #444 !important;
}
.header2 {
	position: fixed;
	padding-top: 6px;
	height: 80px;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 15;
	background: #fff;
	box-shadow: 0px 5px 10px #0000001a;
}
.cd-menu-trigger.is-clicked {
	z-index: 60;
	opacity: 0;
	margin-top: 15px;
}
.header2 .cls-menu {
	margin-top: -2px;
}
.cls-menu {
	margin-top: 24px;
}
.inner-banner img {
	margin-top: -100px;
	position: relative;
	z-index: 16;
	width: 100% !important;
}
.why {
	text-align: center;
}
.why h4 {
	padding-top: 16px;
	font-size: 20px;
}
.whymarvel {
	margin-top: 58px;
}
.why p {
	line-height: 24px;
	font-size: 14px;
}
.history {
	margin-top: 55px;
}
.black {
	width: auto;
	opacity: 1;
	will-change: opacity;
	-webkit-transition: opacity .15s ease-out;
	-moz-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out;
	display: block;
}
.yellow {
	position: absolute;
	top: 0;
	left: auto;
	width: auto;
	opacity: 0;
	will-change: opacity;
	-webkit-transition: opacity .15s ease-out;
	-moz-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out;
	display: block;
	position: absolute;
}
.yellow:hover {
	opacity: 1;
}
.adventure {
	margin-left: 20px;
}
.wild {
	margin-bottom: 19px;
	margin-top: 60px;
}
.rig {
	line-height: 24px;
	margin-top: 30px;
	font-size: 14px;
}
.list2 li {
	list-style: none;
	background: url(../images/list1.jpg) left top 8px no-repeat;
	padding-left: 15px;
	font-size: 14px;
}
.list2 {
	border-right: 1px solid #eee;
	padding-right: 10px;
}
.awadslist {
	margin-bottom: 10px;
}
.place img {
	height: 300px;
	border-radius: 6px;
}
.pd {
	padding: 0;
}
.place {
	padding-top: 16px;
	padding-bottom: 16px;
}
.box {
	margin-bottom: 20px;
	padding: 25px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 1px 7px 0 rgb(171 179 194 / 40%);
}
.box p {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 2px;
}
.box h3 {
	margin: 0px;
	padding: 10px 0 10px 0;
	font-size: 25px;
}
.btn1 {
	text-align: right;
}
.destination-details {
	line-height: 24px;
	font-size: 14px;
}
.events {
	margin-bottom: 20px;
	padding: 25px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 1px 7px 0 rgb(171 179 194 / 40%);
}
.events-details {
	background: #fff;
	padding: 30px 0px;
}
.events h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 21px;
	font-size: 19px;
}
.events-details h3 span {
	border-bottom: 3px solid #888;
}
.pad {
	margin-bottom: 35px;
}
.pad1 {
	margin-top: 62px;
}
.events p {
	font-size: 14px;
}
.events a {
	color: #474747;
}
/* taking care of responsive layout */

.gallery1 {
	display: flex;
	flex-wrap: wrap;/*margin: 0.5rem;*/
}
.single-video {
	width: 14rem;
	flex-grow: 1;
	margin: 0.5rem;
}
/* taking care of the video aspect-ratio */

.single-video figure {
	position: relative;
	padding: 0 0 56.25% 0;
}
.single-video figure iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
.single-video .brand p {
	line-height: 24px;
	margin-top: 30px;
	font-size: 14px;
	text-align: justify;
}
.section2 {
	background: #f5f5f5;
	padding: 50px 0px;
}
.section2 {
	text-align: center;
}
.team-profile {
	background: #fff;
	padding-top: 15px;
	margin-bottom: 20px;
}
.team-profile h4 {
	margin-top: 15px;
	font-size: 18px;
}
.teamprofile p {
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.img-box {
	background: url(../images/bg4.png) center bottom no-repeat;
	background-size: contain;
	padding-bottom: 150px;
}
.sub-heads {
	background: url(../images/tk.png) bottom left no-repeat;
	padding-bottom: 10px;
	border-bottom: none !important;
}
.sub-heads-center {
	background: url(../images/tk.png) bottom center no-repeat;
	padding-bottom: 10px;
	border-bottom: none !important;
	margin-bottom: 0px !important;
	display: inline-block;
}
.network {
	background: url(../images/network.png) center no-repeat;
	padding: 100px 0px;
	text-align: center;
	color: #fff;
}
.network h3 {
	font-size: 34px;
}
.net-tile {
	border: 1px solid #999;
	padding: 30px 0px;
	margin-top: 20px;
	transition: ease all 0.5s;
	border-radius: 3px;
}
.net-tile:hover {
	background: #0db24c;
	color: #fff;
}
.brands {
	padding: 60px 0px;
	background: #fff;
	text-align: center
}
.brands img {
	margin-bottom: 20px;
	border: 1px solid #eee;
}
.awards {
	padding: 60px 0px;
	background: #fff url(../images/awards-bg.jpg) left top no-repeat;
}
.list2 li {
	background: url(lis.png) left top 3px no-repeat;
	padding-left: 20px;
	margin-bottom: 14px;
}
.awards .list2 {
	text-align: justify;
}
.award-port {
}
.menu {
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu, .menu a {
	color: #444;
	text-decoration: none;
}
.menu a {
	display: block;
	white-space: nowrap;
}
.menu-dropdown, .menu input[type=checkbox] {
	display: none;
}
.menu label:hover {
	cursor: pointer;
}



/* narrow styles */

@media screen and (max-width: 1024px) {
.menu > ul, .menu-righticon {
	display: none;
}
input[type=checkbox]:checked + ul {
	display: block;
	-webkit-animation: grow 0.5s ease-in-out;
	animation: grow 0.5s ease-in-out;
}
}

/* large styles */

@media screen and (min-width: 1025px) {
.menu > label, input[type=checkbox] {
	display: none;
}
.menu a {
	padding: 15px 13px;
	font-size: 14px;
}
.menu > ul > li {
	display: inline-block;
}
.menu-hasdropdown {
	position: relative;
}
.menu-hasdropdown:hover > ul {
	display: block;
	-webkit-animation: grow 0.5s ease-in-out;
	animation: grow 0.5s ease-in-out;
}
.menu-hasdropdown > ul {
	position: absolute;
	top: 100%;
	left: 0;
	background: #ffff;
}
.menu-hasflyout > ul {
	left: 100%;
	top: 0;
}
.menu-hasflyout .menu-downicon {
	display: none;
}
}

/* look and feel only, not needed for core menu*/

@-webkit-keyframes grow {
 0% {
 display: none;
 opacity: 0;
}
 50% {
 display: block;
 opacity: 0.5;
}
 100% {
 opacity: 1;
}
}
 @keyframes grow {
 0% {
 display: none;
 opacity: 0;
}
 50% {
 display: block;
 opacity: 0.5;
}
 100% {
 opacity: 1;
}
}
.menu-dropdown a {
	padding: 5px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}



/* narrow  */

@media screen and (max-width: 1024px) {
.menu > label {
	background: black;
	display: block;
	padding: 15px 20px;
	text-align: right;
}
.menu a {
	padding: 5px 20px;
}
.menu > ul i {
	padding: 5px 10px;
	background: #012c42;
}
.menu-dropdown a {
	background: #024d74;
}
.menu-hasflyout > ul a {
	background: #023d5b;
}
}
 @media screen and (min-width: 1025px) {
.menu {
	margin: 0 auto;
	margin-top: 10px;
}
}
.menubar {
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 80px;
	padding-top: 5px;
	background: #fff;
}
.menus {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 200;
	cursor: pointer;
}
html {
	scroll-behavior: smooth;
}
.menus i {
	font-size: 30px;
	color: #ccc;
	border: 1px solid #ccc;
	padding: 4px 7px;
	border-radius: 4px;
}
.colour-logo img {
	width: 170px;
}
.showscroll {
	display: block !important;
}
.team-main {
	margin-bottom: 30px;
}
.brand-list {
	margin-top: 30px;
}
.trip-details {
	background: #fff;
	padding: 8px;
	box-shadow: 0px 3px 13px #00000012;
	border-radius: 6px;
}
.trip-details h5 {
	font-size: 16px;
	padding: 15px 0px 35px 0px;
	text-align: left;
	height: 40px;
	color: #529160;
	margin-bottom: 0px;
}
.bd-btm {
	border-bottom: 1px solid #ddd;
}
.bd-right {
	border-right: 1px solid #ddd;
}
.inside-body {
	padding: 15px;
}
.list-group.vertical-steps .list-group-item {
	border: none;
	border-left: 3px solid #0052c2;
	box-sizing: border-box;
	border-radius: 0;
	counter-increment: step-counter;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
}
.list-group.vertical-steps .list-group-item.active {
	background-color: transparent;
	color: inherit;
}
.list-group.vertical-steps .list-group-item:last-child {
	border-left: 3px solid transparent;
	padding-bottom: 0;
}
.list-group.vertical-steps .list-group-item::before {
	border-radius: 50%;
	background-color: #0052c2;
	color: #fff;
	content: counter(step-counter);
	display: inline-block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin-left: -35px;
	text-align: center;
	width: 25px;
}
.list-group.vertical-steps .list-group-item span, .list-group.vertical-steps .list-group-item a {
	display: block;
	overflow: hidden;
	padding-top: 2px;
}
/* End of Vertical Step */



#how-to .panel-group .panel {
	border-radius: 0px;
	border: 0px;
}
#how-to .panel-group {
	margin: 0px;
}
#how-to .panel-heading {
	padding: 0px !important;
	border-radius: 0px;
}
#how-to .parent a {
	display: block;
	text-decoration: none;
	padding: 25px;
}
#how-to .child a {
	display: block;
	text-decoration: none;
	padding: 10px;
}
#how-to .parent {
	background-color: #fff !important;
}
#how-to .child {
	background-color: #fff !important;
}
#how-to .panel-body {
	border: none;
}
#how-to .panel-body {
	padding: 0px;
}
#how-to .panel-group .panel+.panel {
	margin: 0px;
}
#how-to .panel-group .parent {
	border-bottom: 1px solid #ecf0f1;
}
#how-to .panel-group .child {
	border-bottom: 1px solid #FDFDFD;
}
#superaccordion {
}
.panel-heading a:after {
	content: "";
	position: relative;
	top: 1px;
	right: 10px;
	display: inline-block;
	font-style: normal;
	font-weight: 700;
	font-size: 14pt;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: right;
	transition: transform .25s linear;
	-webkit-transition: -webkit-transform .25s linear;
	color: #fff;
	width: 30px;
	background: #28a745;
	height: 30px;
	padding: 6px 6px 6px 9px;
	line-height: 18px;
	border-radius: 50%;
}
.panel-heading a[aria-expanded="true"]:after {
	content: "\2212";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.panel-heading a[aria-expanded="false"]:after {
	content: "\002b";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.parent a:after {
	content: "";
	position: relative;
	top: -15px;
	right: 10px;
	display: inline-block;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: right;
	transition: transform .25s linear;
	-webkit-transition: -webkit-transform .25s linear;
	color: #333;
}
.panel-title {
	font-size: 15px;
	border-radius: 4px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84d673+0,ffffff+100&0.3+0,0+100 */

	background: -moz-linear-gradient(left, rgba(132,214,115,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(132,214,115,0.3) 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(132,214,115,0.3) 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d84d673', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
}
.tras {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 20px;
}
.destination-exp {
	background: #f5f5f5;
	padding: 50px 0px;
}
.destination-exp h2 {
	font-size: 34px;
	margin-bottom: 30px;
	text-align: center;
	background: url(../images/qq.png) center bottom no-repeat;
	padding-bottom: 20px;
}
.expdest-tile {
	background: #fff;
	margin-bottom: 30px;
	border-radius: 6px;
}
.expdest-tile h3 {
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 8px;
}
.exp-disc h3 a {
	color: #444;
}
.exp-disc {
	margin-top: -24px;
	position: relative;
	z-index: 20;
	background: #fff;
	padding-top: 15px;
	margin-bottom: 20px;
	border-radius: 7px;
	padding-bottom: 20px;
	box-shadow: 5px 6px 6px #00000014;
	height: 150px;
}
.service-tile {
	text-align: center;
}
.service-tile img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 10px;
}
.services {
	background: #fff;
	padding: 50px 0px;
	padding-top: 60px;
	padding-bottom: 20px;
}
.services h2 {
	font-size: 34px;
	margin-bottom: 30px;
	text-align: center;
	background: url(../images/qq.png) center bottom no-repeat;
	padding-bottom: 20px;
}
.services p {
	font-size: 14px;
	text-align: center;
	color: #444;
}
.services h3 {
	font-size: 18px;
	text-align: center;
	color: #444;
	margin-top: 15px;
}
.btns {
	color: #0db14c;
	font-size: 14px
}
.expdest-tile img {
	transition: ease all 0.5s;
}
.expdest-tile:hover img {
	transform: scale(1.3);
}
.image-box {
	overflow: hidden;
}
.expdest-tile p {
	font-size: 14px;
	margin-bottom: 3px;
}
.plus-box {
	background: #fff;
	width: 40px;
	height: 40px;
	padding: 12px 3px 3px 3px;
	margin-top: -36px;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0px 4px 4px #00000030;
	color: #0db14c;
}
.service-tile {
	margin-bottom: 30px;
	padding: 20px 8px;
	transition: ease all 0.5s;
	border-radius: 8px;
}
.service-tile:hover {
	background: #f5f5f5;
}
.tb-filter-nav {
	padding-top: 12px
}
.tb-filter-nav>ul>li, .nav-pills>li {
	margin: 0;
	padding: 8px 2px
}
.tb-filter-nav>ul>li:before {
	content: "";
	padding: 0
}
.tb-filter-nav>ul>li>a, .nav-pills>li>a {
	border: 1px solid #28a745;
	border-color: #28a745;
	border-radius: 1px;
	color: inherit;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	outline: 0;
	padding: 8px 8px;
	-webkit-transition: background-color .2s ease-out, border-color .2s ease-out;
	transition: background-color .2s ease-out, border-color .2s ease-out;
	box-shadow: 0px 3px 3px #00000012;
}
.text-light .tb-filter-nav>ul>li>a, .text-light .nav-pills>li>a {
	border-color: rgba(0, 0, 0, .3)
}
 @media(max-width:767px) {
.tb-filter-nav>ul>li>a, .nav-pills>li>a {
	font-size: 1.3em;
	padding: 10px 18px
}
}
.tb-filter-nav>ul>li.active a, .text-light .tb-filter-nav>ul>li.active a, .nav-pills>li.active>a, .text-light .nav-pills>li.active>a, .tb-filter-nav>ul>li>a:hover, .tb-filter-nav>ul>li>a:focus, .text-light .tb-filter-nav>ul>li>a:hover, .text-light .tb-filter-nav>ul>li>a:focus, .nav-pills>li>a:hover, .nav-pills>li>a:focus, .text-light .nav-pills>li>a:hover, .text-light .nav-pills>li>a:focus {
	background-color: #27a544;
	border-color: transparent;
	color: #fff
}
.tb-filter-nav>ul>li.active a, .tb-filter-nav>ul>li.active a:hover, .tb-filter-nav>ul>li.active a:focus, .nav-pills>li.active a, .nav-pills>li.active a:hover, .nav-pills>li.active a:focus {
	background-color: #1a212c
}
.text-light .tb-filter-nav>ul>li.active a, .text-light .tb-filter-nav>ul>li.active a:hover, .text-light .tb-filter-nav>ul>li.active a:focus, .text-light .nav-pills>li.active a, .text-light .nav-pills>li.active a:hover, .text-light .nav-pills>li.active a:focus {
	background-color: #fff;
	color: #1a1a1a
}
.active.in {
	opacity: 1;
}
.nav-pills>li>a {
	font-size: 11px;
}
.nav-pills>li>a.active {
}
.tabbe-pans {
	background: #fff;
	box-shadow: 0px 3px 13px #00000012;
	margin-top: 20px;
	padding-top: 15px;
}
.tour-sidebar label {
	font-size: 14px;
}
.tour-sidebar .form-control {
	font-size: 14px;
}
.heighlights {
	background: #fff;
	box-shadow: 0px 2px 10px rgba(0,0,0,.1);
	color: #333;
	padding: 20px;
	margin-top: 30px;
}
.experts {
	background: #fff;
	box-shadow: 0px 2px 10px rgba(0,0,0,.1);
	color: #333;
	padding: 20px;
	margin-top: 30px;
	min-height: 100px;
	width: 100%;
}
.policies {
	background: #fff;
	box-shadow: 0px 3px 13px #00000012;
	margin-top: 20px;
	padding-top: 15px;
}
.envisaged {
	background: #fff;
	box-shadow: 0px 3px 13px #00000012;
	margin-top: 20px;
	padding-top: 15px;
}
.inclusions {
	background: #fff;
	box-shadow: 0px 3px 13px #00000012;
	margin-top: 20px;
	padding-top: 15px;
}
.table th, .table td {
	padding: 0.30rem;
 vertical-align:
}
.hotel-table {
	font-size: 13px;
}
.book-now {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.37);
}
#calltrap-btn {
	background-color: #28A745;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	height: 64px;
	opacity: 0.7;
	position: relative;
	float: right;
	text-align: left;
	width: 64px;
	z-index: 9999;
	-webkit-animation: calltrap_opacity 3s infinite linear;
	-moz-animation: calltrap_opacity 3s infinite linear;
	-o-animation: calltrap_opacity 3s infinite linear;
	animation: calltrap_opacity 3s infinite linear
}
#calltrap-btn i {
	font-size: 34px;
	color: #fff;
}
#calltrap-btn.calltrap_offline {
	background-color: #28A745
}
.experts {
	float: right;
}
.experts h3 {
	font-size: 20px;
	margin-top: 20px;
	color: #28a745;
	font-weight: bold;
}
#calltrap-ico {
	width: 32px;
	height: 32px;
	position: absolute;
	margin: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border: 0;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
	-moz-animation: uptocallmini 1.5s 0s ease-out infinite;
	-o-animation: uptocallmini 1.5s 0s ease-out infinite;
	animation: uptocallmini 1.5s 0s ease-out infinite
}
#calltrap-ico:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	top: 0;
	left: 0;
	background-image: url("phone-call.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-animation: calltrap_spin 3s infinite linear;
	-moz-animation: calltrap_spin 3s infinite linear;
	-o-animation: calltrap_spin 3s infinite linear;
	animation: calltrap_spin 3s infinite linear
}
.calltrap_offline #calltrap-ico {
	-webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
	-moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
	-o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
	animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
#calltrap-overlay {
	background-color: #191919;
	background-color: rgba(25, 25, 25, 0.9);
	position: fixed;
	z-index: 9998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	display: none
}
#calltrap-overlay .b-calltrap-overlay {
	display: table;
	width: 100%;
	height: 100%
}
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
	display: table-row;
	padding: 0;
	margin: 0
}
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#calltrap-overlay .b-calltrap-overlay__body-block {
	padding: 0 7px
}
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
	height: 1px
}
#calltrap-overlay .b-calltrap__container {
	background-color: white;
	border: 5px solid #2074a1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
	max-width: 500px;
	display: block;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.3;
	position: relative;
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-overlay .b-calltrap__container {
	width: 290px
}
}
#calltrap-overlay .b-calltrap__close {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#calltrap-overlay .b-calltrap__close:hover {
	opacity: 1
}
#calltrap-success, #calltrap-form {
	display: block
}
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
	margin: 20px 25px 35px
}
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
	font-size: 20px;
	margin: 0 0 17px;
	text-align: left
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
	padding-right: 20px
}
}
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
	text-align: left
}
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
	margin: 0 0 0.55em
}
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	padding: 0 15px 0;
	height: 44px;
	line-height: 40px;
	background-color: white;
	border: 2px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width: 100%;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
	margin-bottom: 13px
}
}
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
	background-color: #ffc0c0;
	color: red;
	border-color: red
}
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
	background-color: #eee;
	border-color: #bdbdbd;
	cursor: default
}
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
	border: 2px solid #2074a1
}
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #2074a1;
	border: 2px solid #2074a1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 0;
	height: 44px;
	line-height: 40px;
	outline: medium none;
	display: inline-block;
	width: 180px;
	text-align: center;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
	width: 100%
}
}
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
	background-color: #1c658c
}
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
	background-color: #bdbdbd !important;
	cursor: default
}
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
	margin: 20px 0 0;
	padding: 0;
	padding: 0 200px 0 0
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
	padding: 0
}
}
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
	position: relative;
	float: right
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
	float: none
}
}
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
	margin-left: -100%;
	width: 100%
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
	margin-left: 0
}
}
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
	margin-right: -200px;
	overflow: visible;
	width: 200px;
	text-align: right
}
 @media screen and (min-width: 1px) and (max-width: 500px) {
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
	margin-right: 0;
	width: auto;
	text-align: left
}
}
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
	clear: both
}
#calltrap-success {
	display: none
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
	background-color: #1CB2ED
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
	background-color: #2e8c1c
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
	border-color: #1CB2ED
}
#calltrap-overlay.calltrap_offline .b-calltrap__container {
	border-color: #1CB2ED
}
 @-webkit-keyframes calltrap_opacity {
 0% {
 opacity: 1
}
 57% {
 opacity: 0.75
}
 75% {
 opacity: 0.95
}
 100% {
 opacity: 1
}
}
 @-moz-keyframes calltrap_opacity {
 0% {
 opacity: 1
}
 57% {
 opacity: 0.75
}
 75% {
 opacity: 0.95
}
 100% {
 opacity: 1
}
}
 @-o-keyframes calltrap_opacity {
 0% {
 opacity: 1
}
 57% {
 opacity: 0.75
}
 75% {
 opacity: 0.95
}
 100% {
 opacity: 1
}
}
 @keyframes calltrap_opacity {
 0% {
 opacity: 1
}
 57% {
 opacity: 0.75
}
 75% {
 opacity: 0.95
}
 100% {
 opacity: 1
}
}
 @-webkit-keyframes calltrap_spin {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
 30% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
 33% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 36% {
 -webkit-transform: rotate(10deg);
 transform: rotate(10deg)
}
 39% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 42% {
 -webkit-transform: rotate(10deg);
 transform: rotate(10deg)
}
 45% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 48% {
 -webkit-transform: rotate(10deg);
 transform: rotate(10deg);
 opacity: 1
}
 51% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 54% {
 -webkit-transform: rotate(10deg);
 transform: rotate(10deg)
}
 57% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
}
 @-moz-keyframes calltrap_spin {
 0% {
 -moz-transform: rotate(0deg);
 transform: rotate(0deg)
}
 30% {
 -moz-transform: rotate(0deg);
 transform: rotate(0deg)
}
 33% {
 -moz-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 36% {
 -moz-transform: rotate(10deg);
 transform: rotate(10deg)
}
 39% {
 -moz-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 42% {
 -moz-transform: rotate(10deg);
 transform: rotate(10deg)
}
 45% {
 -moz-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 48% {
 -moz-transform: rotate(10deg);
 transform: rotate(10deg);
 opacity: 1
}
 51% {
 -moz-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 54% {
 -moz-transform: rotate(10deg);
 transform: rotate(10deg)
}
 57% {
 -moz-transform: rotate(0deg);
 transform: rotate(0deg)
}
}
 @-o-keyframes calltrap_spin {
 0% {
 -o-transform: rotate(0deg);
 transform: rotate(0deg)
}
 30% {
 -o-transform: rotate(0deg);
 transform: rotate(0deg)
}
 33% {
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 36% {
 -o-transform: rotate(10deg);
 transform: rotate(10deg)
}
 39% {
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 42% {
 -o-transform: rotate(10deg);
 transform: rotate(10deg)
}
 45% {
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 48% {
 -o-transform: rotate(10deg);
 transform: rotate(10deg);
 opacity: 1
}
 51% {
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 54% {
 -o-transform: rotate(10deg);
 transform: rotate(10deg)
}
 57% {
 -o-transform: rotate(0deg);
 transform: rotate(0deg)
}
}
 @keyframes calltrap_spin {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg)
}
 30% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg)
}
 33% {
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 36% {
 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 transform: rotate(10deg)
}
 39% {
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 42% {
 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 transform: rotate(10deg)
}
 45% {
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 48% {
 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 transform: rotate(10deg);
 opacity: 1
}
 51% {
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 transform: rotate(-10deg)
}
 54% {
 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 transform: rotate(10deg)
}
 57% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg)
}
}
 @-webkit-keyframes uptocallmini {
 0% {
 -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
 10% {
 -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
 box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
 100% {
 -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
 @-moz-keyframes uptocallmini {
 0% {
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
 10% {
 box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
 100% {
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
 @-o-keyframes uptocallmini {
 0% {
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
 10% {
 box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
 100% {
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
 @keyframes uptocallmini {
 0% {
 -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
}
 10% {
 -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
 box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
}
 100% {
 -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
 box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
}
}
 @-webkit-keyframes uptocallmini_offline {
 0% {
 -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
 10% {
 -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
 box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
}
 100% {
 -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
 @-moz-keyframes uptocallmini_offline {
 0% {
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
 10% {
 box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
}
 100% {
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
 @-o-keyframes uptocallmini_offline {
 0% {
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
 10% {
 box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
}
 100% {
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
 @keyframes uptocallmini_offline {
 0% {
 -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
}
 10% {
 -webkit-box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
 box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
}
 100% {
 -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
 box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
}
}
.inner {
	padding: 80px 0px;
	background: #f5f5f5;
	display: block;
}
.inner h2 span {
	background: url(../images/tk.png) left bottom no-repeat;
	padding-bottom: 10px;
}
.inner h2 {
	margin-bottom: 20px;
}
.mice-tile {
	background: #fff;
	padding: 20px;
	display: block;
	height: 100%;
}
.content {
	position: relative;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
}
.content .content-overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay {
	opacity: 1;
}
.content-image {
	width: 100%;
}
.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}
.content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
.content-details p {
	color: #fff;
	font-size: 0.8em;
}
.fadeIn-bottom {
	top: 80%;
}
.fadeIn-top {
	top: 20%;
}
.fadeIn-left {
	left: 20%;
}
.fadeIn-right {
	left: 80%;
}
.mice-content {
	background: #fff;
	font-size: 15px;
	padding: 0px;
	margin-top: 20px;
	line-height: 24px;
	border-radius: 8px;
}
.mice-row {
	background: #fff;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	margin-bottom: 8px;
}
.checkbox input[type="checkbox"] {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	margin: 0;
	opacity: 0;
	z-index: 1;
}
.checkbox label {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 0.5em;
}
.checkbox label:before, .checkbox label:after {
	content: '';
	display: block;
	position: absolute;
}
.checkbox label:before {
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: #ddd;
	border-radius: 2px;
}
.checkbox label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background: #28a745;
	opacity: 0;
	pointer-events: none;
}
.checkbox input:checked ~ label:after {
	opacity: 1;
}
.checkbox input:focus ~ label:before {
	background: #eee;
}
.filter-container {
	padding: 2%;
	min-height: 400px;
	position: relative;
	width: 400px;
}
.filter-container .mix {
	/*  width: 100%;

  margin: 10px 20px 10px 0px;

  border-radius: 5px ;

  padding: 20px;

  float: left;*/

	margin-bottom: 20px;
	display: none;
}
.filter-container .mix-inside {
	padding: 20px;
	min-height: 260px;
	background-image: -webkit-linear-gradient(top, rgba(201, 202, 204, 0.45) 0%, rgba(201, 202, 204, 0.15) 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(201, 202, 204, 0.45)), to(rgba(201, 202, 204, 0.15)));
	background-image: linear-gradient(to bottom, rgba(201, 202, 204, 0.45) 0%, rgba(201, 202, 204, 0.15) 50%);
}
/**

 * Fail message styles

 */

.filter-container .fail-message {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: 150ms;
	transition: 150ms;
}
.filter-container .fail-message:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.filter-container .fail-message span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 700;
	color: #414141;
}
.filter-container.fail .fail-message {
	opacity: 1;
	pointer-events: auto;
}
.endOfLease.important {
	display: none !important;
}
.filter-box {
	background: #fff;
	padding-top: 20px;
}
.packages {
	padding: 60px 0px 40px 0px;
}
.filter-box h5 {
	font-size: 19px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1bbf0f+0,299a0b+100 */

	background: rgb(27,191,15); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(27,191,15,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(27,191,15,1) 0%, rgba(41,154,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(27,191,15,1) 0%, rgba(41,154,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bbf0f', endColorstr='#299a0b', GradientType=0 ); /* IE6-9 */
	padding: 3px 10px;
	border-radius: 4px;
}
.filter-box .panel-heading a::after {
	top: -38px;
}
.filter-box .panel-title {
	padding: 6px;
}
.filter-box .panel-heading a::after {
	content: "\002b";
}
.filter-box .checkbox label {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 1.8em;
	font-size: 13px;
}
.filter-box fieldset {
}
.rating span {
	font-size: 15px;
}
.cruise img {
	width: 100%;
	max-width: 450px;
	background: #fff;
	box-shadow: 0px 6px 10px rgba(0,0,0,.2);
}
.p-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.p-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.cruise p {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
}
.cruise {
	margin-top: 20px;
}
.cru-block {
	background: #fff;
	margin-bottom: 30px;
}
.testimonials {
	padding: 70px 0px 50px 0px;
}
.testimonial-tile-inner {
	border: 1px solid #d9d9d9;
	padding: 25px 25px;
	background: url(../images/ss.png) top 10px right 10px no-repeat, #ecebe6 url(../images/aa.png) bottom 10px left 10px no-repeat;
	border-radius: 10px;
	margin-bottom: 30px;
}
.testimonial-tile-inner h5 {
	font-size: 18px;
	color: #444;
}
.testimonial-tile-inner img {
	width: 80px !important;
	height: 80px !important;
	border-radius: 50%;
}
.testimonial-tile-inner h6 {
	color: #666;
	font-size: 14px;
}
.testimonial-content p {
	font-size: 15px;
	color: #555;
}
.profile-tile {
	text-align: center;
}
.testimonial-tile-inner h5 {
	margin-bottom: 3px;
}
.testimonial-tile-inner h4 {
	font-size: 14px;
	color: #13b534;
}
.thumbnail img {
	border-radius: 8px;
}
.video-test .testimonial-tile-inner {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.video-test .thumbnail img {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.destination-list .experiencetiles {
	margin-bottom: 20px;
}
.csr {
	padding-top: 60px;
}
.csr p {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 30px;
}
.csr-block {
	background: #f5f5f5;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	margin-bottom: 30px;
}
.csr-content {
	padding: 25px;
}
.csr-content h3 {
	margin-bottom: 20px;
}
.csr-content h3 span {
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
}
.csr-content a {
	background: #28a745;
	padding: 6px 20px;
	color: #fff;
}
.video {
	width: 100%;
	height: 400px;
	margin: auto;
	display: block;
	border: none;
}
.popup-btn, .close-btn {
	width: 100px;
	height: 50px;
	display: block;
	margin: 50px auto;
	cursor: pointer;
	border: 2px solid black;
	background-color: white;
}
.popup-btn:hover {
	color: white;
	background-color: black;
}
.video-popup {
	display: none;
	width: 100%;
	height: 100vh;
	margin: auto;
	position: fixed;
	top: 0;
	boxshadow: 10px 10px 10px 10px black;
}
.popup-bg {
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100vh;
	position: absolute;
}
.popup-content {
	background: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: auto;
}
.popup-title {
	padding: 30px;
	margin: 0 auto;
	color: red;
	text-transform: uppercase;
}
.cs-video {
	width: 100%;
}
.oneday h2 {
	margin-bottom: 30px;
}
.onday-content {
	background: #fff;
	box-shadow: 0px 3px 13px #00000012;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.oneday-head {
	margin-top: 0px;
}
.mapss {
	width: 100%;
	height: 300px;
}
.oneday p {
	margin-top: 15px;
}
.map-outer {
	margin-top: 20px;
}
.oneday .trip-details h5 {
	font-size: 13px;
}
.mice-tile h3 span {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}
.btn-success {
	box-shadow: 0px 4px 5px #0000003d;
}
.main-heads span {
	border-bottom: 1px solid #0db14c !important;
}
.entry-content i {
	color: #0db14c
}
.testimonial-tile-inner .testimonial-content p {
	color: #555;
}
.ideatext {
	text-align: center;
	margin-bottom: 50px;
	font-size: 15px;
}
.spimg {
	overflow: hidden;
}
.spes {
	background: #f5f5f5;
	padding-bottom: 30px;
}
#example1 .sp-thumbnail {
	width: 100%;
	padding: 8px;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#example1 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}
#example1 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}
 @media (max-width: 860px) {
#example1 .hide-medium-screen {
	display: none;
}
}
 @media (max-width: 640px) {
#example1 .sp-layer {
	font-size: 14px;
}
#example1 .hide-small-screen {
	display: none;
}
}
 @media (max-width: 500px) {
#example1 .sp-thumbnail {
	text-align: center;
}
#example1 .sp-thumbnail-title {
	font-size: 12px;
	text-transform: uppercase;
}
#example1 .sp-thumbnail-description {
	display: none;
}
}
.inbount-tile h3 {
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}
.inbount-tile p {
	font-size: 15px;
	text-align: justify;
}
.bg-cr1 {
	box-shadow: 0 0 7px #5554;
	padding: 0px 30px;
}
 @media only screen and (min-width: 768px) {
.border-md-bottom {
	border-bottom: 1px solid #000 !important;
}
}
.bloblog {
	margin-top:20px
}
.bloblog .card-img-top {
	height:60px
}
.blog-til {
	 
  margin-bottom: 10px;
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
	
}
.blog-til p {
	line-height: 20px;
 
	
}
.brecent h4 {
	margin-top: 20px;
  border-bottom: 1px solid #ccc;
	
}
.brecent .card-title  {
	font-size:20px
}
.blog-til h5 {
	font-size:16px !important
	
}
.brecent  {
	background: #f5f5f5;
  padding: 10px;
}
.blog-main h5 {
	font-size:26px !important
	
	
}
	
	.item.test {
    height: 276px !important;
    width: 100% !important;
    object-fit: cover;
}

.pack-in{
    
     font-size: 18px;
    margin-top: 6px;
    text-align: center;
    
    margin-top: 0;
    padding: 5px 5px;
    color: #444;
    
}
.social ul li {
    display: inline-block;
    font-size: 25px;
    margin: 5px;
    padding: 10px;
}