/*------------------------------------------------------------------
    Template Name:	Sooper
    Template URI:
    Description :: Music TEMPLATE
    Author:
    Author URI:
    License: GPL V2 or Later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Version: 1.0
*/

/*========================================================================
    Index
    ------------------------------------------------------------------------
    # -  1.0 - Index Page
    # -  2.0 - About
    # -  3.0 - Contact
    # -  4.0 - Price
    # -  5.0 - Desktop
    # -  6.0 - Feature
    # -  7.0 - Web Apps
    # -  8.0 - Dark Version
*/

/* -----------------------------------
** Index Page
-------------------------------------*/

html {
	overflow-x: hidden
}
body {
	font-family: 'Poppins', sans-serif;
	background-color: #fdfcff;
	overflow-x: hidden
}
h2,
h4 {
	color: #3a3161;
	font-weight: 600;
}
.navbar.scroll-nav {
	min-height: 35px;
	padding-bottom: 0px!important;
	padding-top: 0px!important;
	transition: all 0.3s ease;
	background: #337ab7!important;
	color: white;
}
iframe {
	height: 600px;
	width: 100%
}
.btn:focus {
	outline: none
}
.mobile-app-banner-image img {
	width: 60%;
}

/*search*/

.searchBox {
	margin: 13px 0px 31px;
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    transform:  translate(-50%,50%);
    background: #eeeeee;
    height: 64px;
    border-radius: 40px;
    padding: 10px;

}

.searchBox:hover > .searchInput {
    width: 321px;
    padding: 7px 64px 0px 0px;
    color: black;
    /*padding: 0 6px;*/
}

.searchBox:hover > .searchButton {
  background: #f95179;
  color : white;
}

.searchButton {
    color: #f95179;
    float: right;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}

.searchInput {
    border:none;
    background: none;
    outline:none;
    float:left;
    padding: 0;
    color: white;
    font-size: 16px;
    transition: 0.4s;
    line-height: 40px;
    width: 0px;

}

@media screen and (max-width: 620px) {
.searchBox:hover > .searchInput {
    width: 150px;
    padding: 0 6px;
}
}



/*search*/
.set-drop{
	border-radius: 24px;
    background-color: transparent;
}
.fa-select {
    font-family: 'Lato', 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
}
.navbtn{
	margin-right: 14px;
    border-radius: 28px !important;
    padding: 10px 22px !important;
}


.mobile-app-banner {
	/*padding-top: 210px;*/
	/*background-image: url(../image/banner.png);*/
	background-size: 100%;
	/*padding-bottom: 230px;*/
	background-repeat: no-repeat;
}
.mobile-app-banner-content {
	color: #fff;
}
.mobile-app-banner-image img {
	margin-right: 0px
}
.mobile-app-banner-image {
	text-align: right;
}
.navigation .navbar-nav > li > .dropdown-menu {
	border-radius: 20px;
    margin-top: 16px;
    text-align: left;
	box-shadow: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 0px 0px;
	margin-right: 13px !important;
}
.navigation .navbar-nav > li > .dropdown-menu >li > a {
	line-height: 38px
}
.navigation .nav > li > a:hover,
.nav > li > a:focus {
	background: transparent;
}
.navigation .navbar-nav {
	margin-top: 16px;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background: transparent
}
.navigation .button-right {
	border-radius: 4px;
}
.navigation .button-right li a:hover {
	/*background-color: #a99dba;*/
	background: linear-gradient(to right, #021728 0%, #2e5472 100%);
	border-radius: 4px;
	color: white;
	font-weight: 600;
	transition: 0.4s;
}
.navigation .button-right li a:focus {
	background-color: #a99dba;
	border-radius: 4px;
	color: #46356b;
	font-weight: 600;
	transition: 0.4s;
}
.navigation .navbar {
	padding: 10px 0px;
	background-color: #337ab7!important;
}
.navigation .navbar-brand {
	height: auto;
	padding: 24px 15px
}
.navigation .button-right li a {
	padding: 17px 35px;
	color: #fff;
	background: linear-gradient(to right, #2e5472 0%, #021728 100%);
	/*background-color: #fb527a;*/
	border-radius: 4px;
	font-weight: 600;
	font-size: 14px;
}
.navigation .menu-left li a {
	color: #8671a7;
	font-weight: 600;
	font-size: 15px;
}
.navigation .menu-left {
	display: inline-block;
}
.navigation .menu-left li a:hover {
	color: #fff;
	transition: 0.4s;
	background: transparent;
}
.navigation .menu-left li a:focus {
	color: #fff;
	transition: 0.4s;
	background: transparent;
}
.navigation .menu-left.active:active {
	transition: 0.4s;
	background: transition;
}
.navigation .dropdown-menu li a:hover {
	background-color: transparent;
	color: #fb527a
}
.mobile-app-banner-content h1 {
	font-size: 56px;
	color: #fff;
	font-weight: 600;
}
.mobile-app-banner-content p {
	font-size: 22px;
	color: #9789ac;
	line-height: 40px;
	margin: 30px 0px;
}
.btn-pink {
	background: linear-gradient(to right, #2e5472 0%, #021728 100%);
	/*background-color: #fb527a;*/
	color: #fff;
	font-weight: 600!important;
	/*margin-right: 10px;*/
	font-size: 14px;
}
.btn-blue {
	background-color: #fb527a;
	color: #fff;
	font-weight: 600!important;
	font-size: 14px;
}
.buttons {
	margin-top: 50px;
}
.navigation .navbar-nav {
	float: none;
	margin-right: 0px
}
p {
	color: #575a73;
	font-size: 14px;
	line-height: 20px;
}
a:hover {
	text-decoration: none
}
.heading {
	margin-bottom: 59px
}
.headbetter {
	padding-left: 105px;
	padding-top: 60px
}
.headbetter p {
	margin: 20px 0px
}
.heading h3 {
	margin: 8px 0px;
	font-size: 30px;
	color: #3a3161;
	font-weight: 600
}
.overlay {
	position: absolute;
	top: 0%;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}
.overlay img {
	width: auto!important;
	margin: 209px 0px;
}
.overlay-image {
	position: relative;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.10);
}
.overlay-image img {
	width: 100%;
	padding: 10px;
	cursor: pointer
}
.overlay-image:hover .overlay {
	opacity: 1;
}
.overlay-image .overlay {
    background: rgba(58, 49, 97, .75);
    border-radius: 4px;
    top:10px;
    left:10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.icon {
	color: #ffff;
	font-size: 33px;
	background-color: #fb527a;
	border-radius: 60px;
	padding: 28px 40px 28px 40px;
}
.icon:hover {
	color: #fff;
}
.buttons {
	margin: 40px 0px 0px
}
.buttons .btn {
	padding: 10px 20px;
	/*margin-bottom: 20px;
	margin-right: 13px;*/
}
.buttons .btn-pink:hover,
.buttons .btn-blue:hover {
	color: #fff!important
}
.buttons .btn:hover {
	background: #d3d4dc;
	/*padding: 18px 40px;*/
	color: #46356b;
	transition: background-color 0.5s ease;
}
.testimonial {
	padding: 100px 0px
}
.work {
	padding-bottom: 120px;
	padding-top: 100px;
}
.video {
	padding-top: 75px;
	padding-bottom: 5px;
}
.question,
.trust {
	/*background: #f5f4f8;
	padding: 100px 0px*/
}
.question .quest-text {
	border-radius: 4px;
	background: #fff;
	padding: 30px 30px;
	border: 1px solid #ddd;
	transition: all 0.3s ease-in-out;
}
.quest-text h4 {
	margin-bottom: 34px;
	margin-top: 12px;
}
.question .quest-text:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-top: 5px solid #d3d4dc;
	padding-top: 25px
}
.feature {
	/*margin-top: -250px*/
}
.feature-text {
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out;
}
.feature-text h4 {
	margin: 15px 0px
}
.feature-text:hover {
	/*border-left: 6px solid linear-gradient(to right, #2e5472 0%, #021728 100%);*/
	border-left: 6px solid #2e5472;
	/*padding: 10px;*/
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.quest-text1 {
	padding: 50px;
	margin: 0px 15px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 50px;
	transition: all 0.3s ease-in-out;
}
.quest-text1:hover {
	border-top: 6px solid #fb527a;
	padding-top: 45px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.clear-fix {
	clear: both
}
.footer {
	padding: 100px 0px
}
.social {
	border: 1px solid #ddd;
	background: #fff;
	transition: all 0.3s ease-in-out;
	border-radius: 6px;
	padding: 40px
}
.youtube:hover {
	border-top: 6px solid #e22a2a;
	padding-top: 35px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 6px
}
.facebook:hover {
	border-top: 6px solid #3768c2;
	padding-top: 35px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 6px
}
.twitter:hover {
	border-top: 6px solid #33afef;
	padding-top: 35px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 6px
}
.facebook .fb a {
	background: #3768c2;
	color: #fff;
	font-size: 14px;
	padding: 12px 16px 12px 0px;
	border-radius: 4px
}
.youtube .ytb a {
	background: #e22a2a;
	color: #fff;
	font-size: 14px;
	padding: 12px 16px 12px 0px;
	border-radius: 4px
}
.twitter .twitt a {
	background: #33afef;
	color: #fff;
	font-size: 14px;
	padding: 12px 16px 12px 0px;
	border-radius: 4px
}
.twitter .twitt a span,
.youtube .ytb a span,
.facebook .fb a span {
	padding: 12px 16px;
	margin-right: 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.fb,
.ytb,
.twitt {
	margin: 20px 0px;
}
.hrline {
	border-top: 1px solid #ddd;
	margin-top: 110px;
}
.playstore h2 {
	font-size: 50px;
	margin-top: 40px
}
.playstore p {
	color: #9699b1;
	font-size: 34px;
	padding-top: 4px;
	padding-bottom: 10px;
}
.read {
	background: #fb527a;
	color: #fff;
	display: inline-block;
	padding: 10px 40px 0px;
	margin-top: 40px;
	border: 1px solid transparent;
	margin-bottom: 20px;
	border-radius: 4px;
}
.color-p {
	font-weight: 600;
	color: #9699b1;
	margin: 12px 0px 12px
}
.app-store .apple {
	float: left;
	margin-top: 12px;
	font-size: 40px;
	margin-right: 10px;
}
.mleft {
	margin-left: 10px;
}
.app-store p span {
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
}
.app-store p {
	font-size: 24px;
	float: right;
	color: #fff;
	margin-top: 0px;
	line-height: 1;
}
.app-store:hover {
	background: #3a3161;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.5s ease;
}
.purple .fa {
	color: #fff!important;
	margin-top: -5px;
	padding: 6px 10px;
	background: #ab9dec;
	border-radius: 50%;
}
.pink .fa {
	color: #fff;
	padding: 6px 10px;
	margin-top: -5px;
	background: #ff91aa;
	border-radius: 50%;
}
.yellow .fa {
	color: #fff;
	margin-top: -5px;
	background: #ffc160;
	padding: 6px 10px;
	border-radius: 50%;
}
.work-text {
	padding: 0px 55px
}
.work-text h4 {
	font-size: 22px;
	margin-bottom: 20px
}
.work-text p {
	font-size: 16px;
	line-height: 30px;
	width: 90%
}
.work-text h4 img {
	margin-right: 20px;
	height: auto;
	width: auto;
	box-shadow: none;
	margin-bottom: 0px
}
.work-text img {
	width: 100%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	margin-bottom: 40px
}
.img-hover1 {
	background: url(../image/mobile.png);
	height: 60px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.feature-text:hover .img-hover1 {
	background: url(../image/mobile-hover.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.img-hover2 {
	background: url(../image/hand.png);
	height: 60px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-bottom: 30px;
}
.feature-text:hover .img-hover2 {
	background: url(../image/hand-hover.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.img-hover3 {
	background: url(../image/desktop.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.feature-text:hover .img-hover3 {
	background: url(../image/desktop-hover.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.img-hover4 {
	background: url(../image/girl.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.feature-text:hover .img-hover4 {
	background: url(../image/girl-hover2.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-bottom: 30px;
}
.img-hover5 {
	background: url(../image/mobile-lock.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.feature-text:hover .img-hover5 {
	background: url(../image/mobile-lock-hover.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.img-hover6 {
	background: url(../image/pin-map.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-bottom: 30px;
}
.feature-text:hover .img-hover6 {
	background: url(../image/pin-map-hover6.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.img-hover7 {
	background: url(../image/person.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-bottom: 30px;
}
.feature-text:hover .img-hover7 {
	background: url(../image/person-hover5.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.img-hover8 {
	background: url(../image/mobile1.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.feature-text:hover .img-hover8 {
	background: url(../image/mobile1-hover.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.quest-text1 {
	text-align: center;
}
.quest-text1 img {
	display: inline-block!important;
}
.responsive2 .slick-slide:focus {
	outline: none
}
.img-hover9 {
	background: url(../image/danny.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.quest-text1:hover .img-hover9 {
	background: url(../image/dann-hover.png);
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.no-padding {
	padding: 0px
}
.quest-text1:focus {
	outline: none
}
.quest-text1:hover h5 a {
	color: #fb527a;
	font-size: 15px;
	transition: 0.4s;
}
.quest-text1 h5 a {
	color: #3a3161;
	font-size: 15px;
	font-weight: 600;
}
.line {
	line-height: 38px;
	font-size: 18px
}
.testimonial .slick-dots li button {
	background-color: #d6d3df!important;
	border-radius: 50px;
}
.testimonial .slick-dots li button:hover {
	background-color: #3a3161!important;
	border-radius: 50px;
	transition: 0.4s;
}
.testimonial li.slick-active button {
	background-color: #3a3161!important;
	border-radius: 50px;
	transition: 0.4s;
}
.border-hr {
	border-top: 1px solid #ddd!important;
}
.slick-dots li button:before {
	color: transparent!important;
}
.footer-text p {
	color: #8671a7;
}
.footer-text a {
	color: #fff;
	text-decoration: none;
}
.footer-text a:hover {
	color: #8671a7;
}
.footer-copyright {
	background-image: url(../image/footer-image.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}
.footer-section-back {
	padding-top: 250px;
	padding-bottom: 50px
}
/* -----------------------------------
** End Index
-------------------------------------*/

/* -----------------------------------
** About
-------------------------------------*/

.news-overlay {
	border-radius: 8px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.8);
}
.overlay-text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.overlay-text a {
	color: #fff;
	font-size: 30px;
}
.about-overlay:hover .news-overlay {
	opacity: 1;
}
.about-box:hover h4 {
	color: #fb527a
}
.about {
	padding: 100px 0px
}
.history {
	
}
.team {
	padding-top: 110px;
	padding-bottom: 110px;
}
.team-border {
	border-right: 1px solid #ddd;
	margin-bottom: 20px
}
.about-overlay {
	position: relative
}
.about-box img {
	border-radius: 8px;
}
.about-box h4 {
	margin: 35px 0px
}
.team-member h4 {
	padding-top: 20px;
}
.team-member p {
	padding-top: 0px;
}
.team-member img {
	width: 260px;
	height: 260px
}
.team-member .main-3-section ul {
	padding: 20px 0px 10px;
	margin-bottom: 0;
}
.history img {
	border-radius: 8px;
	width: 100%;
	margin-bottom: 20px;
}
.timeline-content p {
	padding-top: 0px;
}
.timeline-info span {
	color: #fb527a;
	font-size: 20px;
}
.main-navigation .navbar-custom {
	background-color: #337ab7!important;
}
.main-navigation .menu-left li a:hover {
	color: #fb527a;
	transition: 0.4s;
	background: transparent;
}
.main-navigation .menu-left li a:focus {
	color: #fb527a;
	transition: 0.4s;
	background: transparent;
}
.main-navigation .menu-left li a: {
	color: #575a73!important;
}
.hr-heading {
	border-top: 1px solid#ddd;
	width: 100%;
}
.text-home-about p {
	text-align: left;
	color: #3a3161;
	font-weight: 600;
}
.nav-pagination {
	padding: 145px 0px 0px;
	background: #f5f4f8;
}
.nav-pagination1 ul {
	list-style: none;
	padding: 0px;
}
.nav-pagination1 ul li {
	display: inline-block;
}
.nav-pagination1 ul li a {
	color: #575a73;
	font-size: 16px;
	text-decoration: none;
}
.nav-pagination1 ul li {
	color: #575a73;
	font-size: 16px;
	text-decoration: none;
}
.nav-pagination1 ul li:nth-child(2) {
	margin: 0px 5px
}
.hraing {
	border-top: 1px solid#ddd;
	margin-top: 14px;
	margin-bottom: 54px;
}
.sooper-text h4 {
	margin-top: 0px;
	font-weight: normal
}
.footer-bottom {
	background-image: url(../image/footer-image-gray.png) !important;
	padding-top: 50px;
	background-repeat: no-repeat !important;
	background-size: cover;
	background-position: center !important;
}
.hraing1 {
	border-top: 1px solid #ddd;
	margin-top: 40px;
	margin-bottom: 0px;
}
.footer-bottom1 {
	text-align: center;
}
.footer-bottom1 p {
	margin: 50px 0px;
	font-size: 15px;
	color: #575a73;
	font-weight: 500
}
.footer-bottom1 p a {
	color: #fb527a;
}
.footer-bottom1 p a:hover {
	color: #fb527a;
}
.timeline {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.timeline h1,
.timeline h2,
.timeline h3,
.timeline h4,
.timeline h5,
.timeline h6 {
	line-height: inherit;
	margin-bottom: 30px;
	font-weight: 600;
}
/*----- TIMELINE ITEM -----*/

.timeline-item {
	padding-top: 36px;
	padding-left: 40px;
	position: relative;
}
.timeline-item:last-child {
	padding-bottom: 0;
}
/*----- TIMELINE INFO -----*/

.timeline-info {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
	white-space: nowrap;
}
/*----- TIMELINE MARKER -----*/

.timeline-marker {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15px;
}
.timeline-marker:before {
	z-index: 99;
	background: #fb527a;
	border: 3px solid transparent;
	border-radius: 100%;
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	top: 40px;
	left: 0;
	width: 15px;
	transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
	height: 250px;
	content: "";
	width: 3px;
	background: #ccd5db;
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 6px;
}
.timeline-item:last-child .timeline-marker:after {
	content: none;
}
/*----- TIMELINE CONTENT -----*/

.timeline-content {
	margin-top: -30px;
	margin-left: 100px;
	margin-right: 0;
}
.timeline-content p:last-child {
	margin-bottom: 0;
}
/*----- TIMELINE PERIOD -----*/

.period {
	padding: 0;
}
.period .timeline-info {
	display: none;
}
.period .timeline-marker:before {
	background: transparent;
	content: "";
	width: 15px;
	height: auto;
	border: none;
	border-radius: 0;
	top: 0;
	bottom: 30px;
	position: absolute;
	border-top: 3px solid #ccd5db;
	border-bottom: 3px solid #ccd5db;
}
.period .timeline-marker:after {
	content: "";
	height: 32px;
	top: auto;
}
.period .timeline-content {
	padding: 40px 0 70px;
}
.period .timeline-title {
	margin: 0;
}
/*----------------------------------------------
MOD: TIMELINE SPLIT
----------------------------------------------*/

/* -----------------------------------
** End About
-------------------------------------*/

/* -----------------------------------
** Contact
-------------------------------------*/

.contact-section {
	padding-top: 110px;
	padding-bottom: 120px;
}
.contact-section .form-control:focus {
	border-color: #fb527a;
	box-shadow: none
}
.main-3-section ul {
	padding: 0;
	padding: 20px 0px
}
.main-3-section ul li {
	margin: 0px 8px;
	list-style: none;
	display: inline
}
.main-3-section ul li a {
	padding: 10px 14px;
	background: #d3d4dc;
	border-radius: 50%;
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.main-3-section ul li.facebook-icon a {
	padding: 10px 16px
}
.main-3-section ul li.gmail-icon {
	margin-right: 0
}
.main-3-section ul li.gmail-icon a {
	padding: 10px 12px;
}
.main-3-section ul li.twitter-icon {
	margin-left: 0px
}
.main-3-section ul li:hover a {
	background: #fb527a;
}
.send-message {
	background: #fb527a;
	color: #fff;
	padding: 15px 30px;
	margin-bottom: 20px
}
.send-message:hover {
	background: #d3d4dc;
	color: #fff
}
.input-box::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #575a73;
}
.textarea1::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #575a73;
}
.bg-section {
	padding-left: 50px
}
.main-3-section p {
	padding-top: 0px;
	padding-bottom: 20px;
}
.input-box { margin-bottom: 20px;
	padding: 28px 24px;
	font-size: 16px;
}
.main-3-section h5 {
	margin-top: 0px;
	color: #3a3161;
	font-size: 16px
}
.textarea1 {
	padding: 20px;
	font-size: 16px
}
/* -----------------------------------
** End Contact
-------------------------------------*/

/* -----------------------------------
**  Price
-------------------------------------*/

.pricing-option:hover h1 {
	color: #fb527a
}
.hr {
	height: 1px;
	width: 50px;
	margin: 25px auto;
	background: #ddd;
}
.pricing-table {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
.pricing-table .pricing-option {
	padding-top: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 100%;
	background: white;
	float: left;
	text-align: center;
	transition: all 0.3s ease-in-out;
}
.pricing-table .pricing-option:hover {
	border-top: 6px solid #fb527a!important;
	padding-top: 35px;
	cursor: pointer;
	box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
	transform: scale(1.04);
}
.pricing-option:hover .button {
	background: #fb527a;
	color: #fff
}
.pricing-table .pricing-option h1 {
	font-size: 60px;
	font-weight: normal;
	margin: 40px 0;
	transition: all 0.3s ease-in-out;
}
.pricing-option ul li {
	color: #3a3161;
	font-size: 16px;
	line-height: 52px;
}
.pricing-list .pricing-top h1,
.pricing-list .pricing-top h4,
.pricing-list .pricing-top p {
	color: #fff;
	font-weight: normal
}
.pricing-list .pricing-top {
	border-bottom: 1px solid #ddd;
	padding-top: 40px;
	background: #d3d4dc
}
.pricing-list .pricing-option:hover {
	border-top: 0px!important;
	padding-top: 0px
}
.pricing-list .pricing-option {
	padding: 0px
}
.pricing-list .pricing-option:hover .pricing-top {
	background: #fb527a
}
.pricing {
	padding-top: 120px;
	padding-bottom: 115px;
}
.pricing-list {
	padding-bottom: 120px;
}
.pricing-option p {
	color: #3a3161;
}
.pricing-option h4 {
	font-size: 24px;
	font-weight: normal;
}
.pricing-table {
	color: #3a3161;
}
.button {
	background: #d3d4dc;
	color: #fff;
	padding: 15px 30px;
}
.pricing-option ul {
	padding: 0;
	list-style: none;
	margin-top: 25px;
	margin-bottom: 25px;
}
.price {
	border-top: 1px solid #ddd;
	padding: 27px 0px
}
/* -----------------------------------
** End Price
-------------------------------------*/

/* -----------------------------------
** Desktop
-------------------------------------*/

.main-navigation .menu-left li a {
	color: #fff
}
.main-navigation .button-right li a:hover {
	background: #d3d4dc;
	color: #fff
}
.desk-trust ul {
	padding: 0
}
.desk-trust ul li {
	list-style: none;
	display: inline-block;
	margin: 20px 30px 20px 40px;
}
.desktop {
	padding-top: 220px;
	height: 800px;
	background-color: #f5f4f8;
}
.desktop-mobile-app {
	margin-top: -312px
}
.desktop-mobile-app img {
	width: 100%
}
.soft-heading {
	margin-bottom: 30px;
}
.soft-heading h3 {
	font-size: 60px;
	font-weight: 500
}
.desktop p {
	font-size: 22px;
}
.desktop-img img {
	width: auto
}
.text-box-image {
	padding-top: 80px;
	padding-bottom: 80px;
}
.desk-trust {
	text-align: center;
}
.discover {
	padding: 100px 0px;
	background: #f5f4f8
}
.right-text h4 {
	font-size: 22px;
	margin-bottom: 30px
}
.left-text {
	padding-left: 70px
}
.right-text p {
	line-height: 31px;
}
.button3 {
	padding: 15px 30px;
	color: #fff;
	margin-top: 30px;
	background-color: #d3d4dc;
	margin-bottom: 20px
}
.button3:hover {
	background: #fb527a;
	color: #fff
}
.desk-question {
	background: none;
	padding-bottom: 107px;
}
.hreing {
	margin: 100px 0px;
	border-top: 1px solid#ddd;
}
.left-text-desktop h3 {
	color: #3a3161;
	font-size: 50px;
	margin-top: 0px;
}
.left-text-desktop p {
	font-size: 34px;
	padding-top: 4px;
}
.getbutton {
	text-align: right;
	padding-top: 15px;
}
.button4 {
	padding: 15px 30px;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	background-color: #fb527a;
}
.button4:hover {
	background: #d3d4dc;
	color: #fff;
	border-radius: 4px;
	font-weight: 600;
	transition: 0.4s;
}
/* -----------------------------------
** End Desktop
-------------------------------------*/

/* -----------------------------------
** Feature
-------------------------------------*/

#features {
	padding: 100px 0px;
}
.feature-tab {
	background: #20082a
}
.feature {
	padding: 50px 0px
}
ul.banner-tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
ul.banner-tabs li.active {
	padding-bottom: 22px;
	color: #3a3161;
	display: block;
	border-bottom: 2px solid #fb527a;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
}
ul.banner-tabs li:hover {
	padding-bottom: 22px;
	border-bottom: 2px solid #fb527a;
}
.tab_content {
	display: none;
	margin-top: 60px;
	padding-bottom: 101px;
	border-bottom: 1px solid #ddd;
}
.tab_content img {
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	width: 100%;
	border-radius: 4px;
	width: auto;
	float: right;
}
.tab_content p {
	padding-top: 32px;
	line-height: 35px;
}
ul.banner-tabs li {
	text-align: center;
	float: left;
	margin: 0;
	cursor: pointer;
	font-size: 18px;
	margin: 0px 46px;
	padding: 0px 10px;
	line-height: 31px;
	color: #3a3161;
	overflow: hidden;
	position: relative;
	font-weight: 600
}
.new-feature {
	margin-top: 0px
}
.tab_content h2 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px
}
.card {
	background: url(../image/mobile.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li:hover .card,
ul.banner-tabs li.active .card {
	background: url(../image/mobile-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card1 {
	background: url(../image/hand.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card1,
ul.banner-tabs li:hover .card1 {
	background: url(../image/hand-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card2 {
	background: url(../image/desktop.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card2,
ul.banner-tabs li:hover .card2 {
	background: url(../image/desktop-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card3 {
	background: url(../image/mobile1.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card3,
ul.banner-tabs li:hover .card3 {
	background: url(../image/mobile1-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card4 {
	background: url(../image/mobile-lock.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card4,
ul.banner-tabs li:hover .card4 {
	background: url(../image/mobile-lock-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
/* -----------------------------------
** End Feature
-------------------------------------*/

/* -----------------------------------
** Web Apps
-------------------------------------*/

.feature-card .img-feature {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.feature-card {
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
}
.check-out-text:hover .img-feature {
	display: inline;
}
.no-padd {
	padding-right: 0px!important;
}
.no-padd img {
	width: 100%
}
.container-app {
	margin-right: 0px;
}
.banner-app {
	background-image: url(../image/banner-image-1.png);
	padding-top: 230px;
	background-repeat: no-repeat;
	background-size: cover;
}
.text-color h3 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
}
.text-color p {
	color: #9789ac;
	font-size: 22px;
}
.button6 {
	padding: 15px 30px;
	margin-top: 20px;
}
.button6:hover {
	background: #d3d4dc;
	color: #46356b;
	transition: background-color 0.5s ease;
}
.circle-img {
	padding: 20px 50px;
}
.web-section {
	padding-top: 100px;
	padding-bottom: 80px
}
.main-container-div {
	padding-top: 8px;
}
.haring {
	border-top: 1px solid#ddd;
	margin: 80px 0px;
}
.main-container-div .right-text {
	padding-top: 35px;
}
.newsletter {
	padding: 100px 0px;
	background: url(../image/newsletter.jpg);
	background-size: cover;
	background-repeat: no-repeat
}
.newsletter .heading h3 {
	color: #fff
}
.newsletter .heading p {
	color: #9380a7
}
.btn-subscribe {
	background: #fb527a;
	color: #fff;
	margin-left: 10px;
	padding: 17px 50px;
}
.btn-subscribe:hover {
	background: #d3d4dc;
	color: #fff
}
.forms .form-group {
	width: 48%
}
.forms input {
	width: 100%!important;
	height: 58px;
	padding: 6px 10px 6px 41px;
}
.forms input:focus {
	box-shadow: none
}
.forms input::-webkit-input-placeholder {
	color: #5d4666;
}
.btn-subscribe:focus,
.btn-subscribe:active {
	outline: 0
}
.forms input:focus {
	border-color: transparent
}
.screenshot {
	padding: 100px 0px
}
.newsletter1 {
	margin-top: 0px;
	margin-bottom: 50px;
}
.newsletter1 p {
	padding-top: 5px;
	font-size: 18px;
}
/*carousel*/
 .carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}
 .carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*carousal end*/
.question-2 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.newsletter2 .desk-trust ul li {
	margin: 12px;
}
.getone {
	text-align: center;
}
.getone h1 {
	font-size: 40px;
	color: #3f3164;
}
.getone h5 {
	font-size: 18px;
	color: #575a73;
	margin-top: 16px;
	margin-bottom: 40px;
}
.button-text-center {
	text-align: center;
}
.button-text-center .button7:hover {
	background-color: #3a3161;
	border-radius: 4px;
	color: #fff!important;
	font-weight: 600;
	transition: 0.4s;
}
.check-out-text h4 {
	margin-bottom: 30px
}
.check-out-text {
	padding: 20px 50px;
}
.button-text-center .button7 {
	padding: 22px 50px;
	margin-bottom: 20px;
	font-size: 16px;
	border-radius: 4px;
	color: #fff!important;
	font-weight: 600;
	transition: 0.4s;
}
.better-section {
	margin-top: -220px;
}
.container-background {
	background-color: #fff;
	padding-bottom: 100px;
	padding-top: 100px;
	margin-top: -220px;
	margin-bottom: 120px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.logo-footer2,
.footer-div1,
.unoorder {
	margin-bottom: 20px
}
.newsletter2 {
	padding: 100px 0px 300px;
	background: url(../image/newsletter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.newsletter1 h3 {
	color: #fff;
}
.section-color-div-footer {
	padding-bottom: 50px;
	background: #f5f4f8
}
.better-section {
	background-color: #f5f4f8;
}
.footer-div1 h5 {
	color: #3a3161;
	font-size: 16px;
	font-weight: bold;
}
.footer-div1 ul {
	padding: 0px;
	list-style: none;
	line-height: 27px;
	margin-top: 25px;
}
.footer-div1 ul li a {
	color: #575a73;
	font-size: 15px;
	text-decoration: none;
}
.footer-div1 ul li a:hover {
	color: #fb527a
}
.unoorder ul {
	margin-top: 40px;
}
.unoorder h5 {
	color: #3a3161;
	font-size: 16px;
	font-weight: bold;
}
.footer12 {
	border-top: 1px solid#ddd;
	margin-bottom: 50px;
	margin-top: 30px
}
.bottom-footer3 {
	text-align: right;
}
.bottom-footer3 p {
	padding: 0px;
	font-size: 15px;
}
.bottom-footer3 p a {
	color: #575a73;
}
.bottom-footer4 p a:hover {
	color: #fb527a;
	transition: 0.4s;
}
.bottom-footer3 p a:hover {
	color: #fb527a;
	transition: 0.4s;
}
.bottom-footer4 p {
	padding: 0px;
	color: #575a73;
	font-weight: 500;
	font-size: 15px;
}
.bottom-footer4 p a {
	color: #fb527a
}
.footer-bottom-sectionright {
	padding-bottom: 40px;
}
/* -----------------------------------
** End Web apps
-------------------------------------*/

/* -----------------------------------
** Dark Version
-------------------------------------*/

.card-tab {
	background: url(../image/mobile-dark.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card-tab,
ul.banner-tabs li:hover .card-tab {
	background: url(../image/mobile-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card-tab1 {
	background: url(../image/hand-dark.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card-tab1,
ul.banner-tabs li:hover .card-tab1 {
	background: url(../image/hand-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card-tab2 {
	background: url(../image/desktop-dark.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card-tab2,
ul.banner-tabs li:hover .card-tab2 {
	background: url(../image/desktop-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card-tab3 {
	background: url(../image/mobile1-dark.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card-tab3,
ul.banner-tabs li:hover .card-tab3 {
	background: url(../image/mobile1-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.card-tab4 {
	background: url(../image/mobile-lock-dark.png);
	margin-bottom: 10px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
ul.banner-tabs li.active .card-tab4,
ul.banner-tabs li:hover .card-tab4 {
	background: url(../image/mobile-lock-hover.png);
	height: 60px;
	margin-bottom: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
}
.dark-nav {
	position: relative
}
.back-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(32, 8, 43, 0.6);
}
.dark-page {
	background: #25092e
}
.dark-nav .menu-left li a {
	color: #865380;
}
.top-head {
	padding: 180px 0px 20px;
	color: #fff;
}
.dark-nav {
	background-image: url(../image/header-top.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.dark-head {
	background-color: #20082a;
	color: #fff;
	padding-top: 14px;
}
.dark-head1 h1 {
	font-size: 50px;
	margin-bottom: 10px;
	font-weight: normal
}
.dark-head1 p {
	font-size: 22px;
	color: #5d4666;
}
.image-center {
	text-align: center;
	margin-top: 35px
}
.image-center img {
	display: inline-block;
}
.buttontabs {
	background-color: #fb527a;
	padding: 15px 30px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px
}
.buttontabs:hover {
	color: #fff;
	background: #d3d4dc;
	transition: 0.4s;
}
.content1 p {
	color: #5d4666;
}
.content1 {
	border-bottom: 0px;
	padding-bottom: 0px
}
ul.color-tabs li.active {
	color: #fff;
}
ul.color-tabs li {
	color: #5d4666;
}
.tascolor h4 {
	color: #fff;
}
ul.color-tabs {
	border-bottom: 1px solid #372140;
}
.back1 {
	background-color: #1b0723;
}
.back1 .heading h3 {
	color: #fff;
}
.back1 .quest-text {
	background-color: #1b0723;
	border: 1px solid#372140;
}
.back1 .quest-text:hover {
	border-top: 5px solid#372140;
}
.back1 .quest-text h4 {
	color: #fff;
}
.back1 .quest-text p {
	color: #5d4666;
}
.slider-four {
	background-color: #20082a;
	padding-top: 100px;
	padding-bottom: 100px;
}
.slider-four .heading h3 {
	color: #fff;
}
.responsive4 {
	text-align: center;
}
.responsive4 img {
	width: 100%;
	padding: 14px;
}
.container2 {
	background-color: #1b0723;
	padding-bottom: 100px;
	padding-top: 100px;
	border-radius: 4px
}
.new-screens {
	background-color: #20082a;
}
.new-screens input {
	background-color: #372140;
	border: 1px solid#372140;
}
.new-screens input:focus {
	box-shadow: none;
	border-color: none
}
.new-screens p {
	color: #5d4666;
}
.two-phone1 {
	padding-top: 34px;
}
two-phone1 img {
	width: 1005%
}
.dark-b {
	margin-bottom: 85px
}
.dark-b .apple {
	margin-top: 7px
}
.dark-b h2 {
	font-size: 40px;
	color: #fff;
}
.dark-b p {
	padding-top: 0px;
	font-size: 22px;
	color: #5d4666;
}
.dark-b p span {
	color: #5d4666;
}
.footer-color {
	background-color: #20082a;
	padding-bottom: 0px;
}
.footer-color .read {
	background-color: #372140;
	border: 1px solid#372140;
	color: #5d4666;
	padding: 8px 33px;
}
.footer-color .read:hover {
	background-color: #fb527a;
	color: #fff;
	border: 1px solid#fb527a;
}
.footer-bottom1 .footer-logo-text {
	text-align: left;
}
.footer-bottom1 .hraing1 {
	border: 1px solid #2b1535;
}
.footer-bottom1 .main-3-section ul li a {
	background-color: #372140;
	color: #5d4666
}
.footer-bottom1 .main-3-section ul li a:hover {
	background: #fb527a;
	color: #fff
}
.dark-nav .navbar.scroll-nav {
	background-color: #20082a!important
}
.responsive4 .slick-dots li button:hover {
	background-color: #42234f!important;
	border-radius: 50px;
	transition: 0.4s;
}
.responsive4 .slick-dots li button {
	background-color: #270d31!important;
	border-radius: 50px;
}
.responsive4 .slick-prev:before,
.responsive4 .slick-next:before {
	font-size: 14px
}
.responsive4 .slick-prev:hover:before,
.responsive4 .slick-next:hover:before {
	color: #fb527a
}
.responsive4 .slick-prev:before,
.responsive4 .slick-next:before {
	color: #372140
}
.responsive4 .slick-prev,
.responsive4 .slick-next {
	height: auto;
	width: auto;
	border: 2px solid #372140;
	border-radius: 50%;
	padding: 6px 8px;
}
.responsive4 .slick-prev:hover,
.responsive4 .slick-next:hover {
	border: 2px solid #fb527a
}
.responsive4 .slick-next {
	right: -100px
}
.responsive4 .slick-prev {
	left: -100px
}
.responsive4 li.slick-active button {
	background: #42234f!important
}
.bottom-dark {
	padding: 100px 0px;
	background: #1b0723;
	padding-bottom: 0px;
}
.bottom-dark p {
	color: #5d4666
}
/* -----------------------------------
** End Dark Version
-------------------------------------*/
/*///////////////////////custom css/////////////////////////////*/
.scroll_y {
  height:500px;
  overflow-y: scroll;
}
/* width */
.scroll_y::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll_y::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scroll_y::-webkit-scrollbar-thumb {
  background: #6f60b2; 
  border-radius: 10px;
}

/* Handle on hover */
.scroll_y::-webkit-scrollbar-thumb:hover {
  background: #3A3161; 
}
.scroll_booking {
  height:600px;
  overflow-y: scroll;
}
/* width */
.scroll_booking::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll_booking::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scroll_booking::-webkit-scrollbar-thumb {
  background: #6f60b2; 
  border-radius: 10px;
}

/* Handle on hover */
.scroll_booking::-webkit-scrollbar-thumb:hover {
  background: #3A3161; 
}
.scroll_yh {
  height:1800px;
  overflow-y: scroll;
}
/* width */
.scroll_yh::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll_yh::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scroll_yh::-webkit-scrollbar-thumb {
  background: #6f60b2; 
  border-radius: 10px;
}

/* Handle on hover */
.scroll_yh::-webkit-scrollbar-thumb:hover {
  background: #3A3161; 
}
.scroll_yh_mobile {
  height:150px;
  overflow-y: scroll;
}
/* width */
.scroll_yh_mobile::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll_yh_mobile::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scroll_yh_mobile::-webkit-scrollbar-thumb {
  background: #6f60b2; 
  border-radius: 10px;
}

/* Handle on hover */
.scroll_yh_mobile::-webkit-scrollbar-thumb:hover {
  background: #3A3161; 
}

.scroll_boats_reviews {
  height:800px;
  overflow-y: scroll;
}
/* width */
.scroll_boats_reviews::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll_boats_reviews::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scroll_boats_reviews::-webkit-scrollbar-thumb {
  background: #6f60b2; 
  border-radius: 10px;
}

/* Handle on hover */
.scroll_boats_reviews::-webkit-scrollbar-thumb:hover {
  background: #3A3161; 
}
.scroll_hotel_reviews {
  height:1000px;
  overflow-y: scroll;
}
/* width */
.scroll_hotel_reviews::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.scroll_hotel_reviews::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scroll_hotel_reviews::-webkit-scrollbar-thumb {
  background: #6f60b2; 
  border-radius: 10px;
}

/* Handle on hover */
.scroll_hotel_reviews::-webkit-scrollbar-thumb:hover {
  background: #3A3161; 
}
.right_scroll_cards
{
	width: 100%;
	background-color: white;
	margin-left: 0px;
	padding:10px 10px 10px 0px;
	border-radius: 10px;
}
.right_scroll_styling
{
	background-color: #F5F4F8;
	border-radius: 6px;
	border:1px solid #ddd;
}
.p_font
{
	font-size: 10px;
	line-height: 15px;
}
.p_b_t
{
	padding-top: 0;
	padding-bottom: 0;
}
.mlt10{
	margin-right: 10px;
	margin-left: 10px;
}
.mt_20
{
	margin-top: 20px;
	margin-bottom: 20px;
}
.mt_10
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mt_b_0
{
	margin-top: 0;
	margin-bottom: 0;
}
.mb_pb_0
{
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.mt_b_5
{
	margin-top: 5px;
	margin-bottom: 5px;
}
.pl_0
{
	padding-left: 0;
}
.pr_0
{
	padding-right: 0;
}
/*.detail_row_icons
{
	border:1px solid red;
	padding: 10px;
	border-radius: 50px;
	color: red;
	font-size: 25px !important;
}
*/
/*.icon_size
{
	height: 50px;
	width: 50px;
}*/
.detail_row_icons{
	background-color: rgba(255,94,94,0.1);
	border-radius: 100px;
	padding: 20px;
	font-size: 20px !important;
	color: #FB527A;
}
.mt_p
{
	margin-top: 20px;
	font-size: 12px;
}
.card_height
{
	border-radius: 10px;
	padding: 5px;
	background-color: white;
	height: 30vh;
}



nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

.checked {
  color: orange;
}

/*End custom*/

/*Fpage*/
.mt20{
	margin-top: 20px;
}
.set-calb{
	background-color: transparent; 
	border-radius: 0px 21px 21px 0px;
}
.set-cala{
	color: white; 
	background: linear-gradient(to right, #2e5472 0%, #021728 100%);
	border-radius: 21px 0px 0px 19px;
}
.set-cal{
	background-color: #EEEEEE; 
	border-radius: 35px;  
	width: 100%; 
	margin-top: 10%;
}
.padd-cal{
	padding: 26px 0px
}
.fw700 {
	font-weight: 700;
}
.icon-font-padd{
	font-size: 40px !important; 
	padding: 10px;
}
.padding-seth{
    padding: 150px 0px 0px 0px;
}
.fw900{
	font-weight: 900;
}
.br28{
	border-radius: 28px;
}
.textw{
	color: white;
}
.background-set{
background-image: url(../image/img1.jpg); 
background-size: cover; 
background-position: center; 
border-radius: 0px 35px 35px 0px; 
height: 800px;
}
.bg-text-set{
	padding: 228px 80px 0px 0px; 
	float: right;
}
.twhite{
	color: white;
}
.br34{
	border-radius: 34px;
}
.sbox-padding{
	padding: 5px 3px 0px 73px;
}
.sbox-button{
	position: absolute; 
	right: 11px; 
	border:green;
}
.font46{
	font-size: 46px !important;
}
.circle-btn-set{
	padding: 16px 16px 11px 17px !important; 
	border-radius: 28px !important;
}
.p-m-00{
	padding: 0px !important;
	margin: 0px !important;
}
/*Fpage End*/

.checkall{
	    background: none;
    line-height: 0px;
    border: none;
    border-top: none;
    border-bottom: none;
    padding: 0px;
}

.check-clr{
	color: green;
}
.close-clr{
	color: red;
}

/*Media Query*/
/*@media screen and (max-width: 670px) {


h1{
	font-size: 26px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 23px;
}
.tcenter{
	text-align: center;
}
.buttons {
margin: 10px 0px 0px;
}
.pt0{
	padding-top: 0px !important;
}
.feature {
    padding: 13px 0px;
}
.pt40{
	padding-top: 40px;
}
.mb2{
	margin-bottom: 2px !important;
}
.cal{
	width: 61%;
    left: 67px;
    margin-top: 19px;
}
.background-set {
	height: 520px;
	border-radius: 0px 0px 35px 35px;
}
.bg-text-set {
    padding: 207px 43px 0px 29px;
    }
.padding-seth {
    padding: 12px 0px 0px 0px;
}
.searchBox {
    margin: 0px 0px 0px;
    width: 93%;
    }
.searchBox:hover > .searchInput {
    spadding: 7px 0px 0px 0px;
    width: 72%;
}    
}

*/


h5{
font-weight: 600;
}
/*detail-one*/
.rating-bg{
background: blue;
color: white;
padding: 0px 5px 0px;
font-weight: 500;
}
.rating-remark{
color: black;
font-weight: 500;
font-size: 16px;
}
.border-none{
border-radius: none ;
}
.bg-blue{
background-color: #337AB7;
color: white;
}
.mt-2px{
margin-top: 2px
}
.btn1{
padding: 4px 8px;
font-size: 12px;
margin-bottom: 6px !important;
}
.form-v4-content .form-detail .input-text
{
	margin-bottom: 0px !important;
}
.input_margin
{
	margin-bottom: 10px;
}
.offer_style
{
	font-weight: bolder;
	font-size: 20px;
}
.offerTag
{
	font-weight: bold;
	color: white;
	margin-bottom: 0;
}
.offerImage
{
	border-radius: 10px 10px 10px 0px;
	width: 100%;
}
.listingOfferImage
{
	width: 100%;
	height: 180px;
	padding: 0;
}
.mapMobile
{
	margin-top: 50px;
}
/*Media Query*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{
	.mobile-app-banner
	{
		padding-top: 0px !important;
	}
	.padding-seth
	{
		padding: 15px 0 0 0 !important;
	}
	.buttons
	{
		margin: 20px 0px 0px;
	}
	.feature
	{
		padding: 10px 0px 0px 0px ;
	}
	.heading
	{
		margin-bottom: 30px;
	}
	.padding_mobile
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.feature-text
	{
		margin-bottom: 20px !important;
	}
	.mobile_title
	{
		font-size: 11px;
		font-weight: bold;
		margin: 5px 0px 0px 0px;
	}
	.mobile_location
	{
		font-size: 11px;
		margin-bottom: 0px;
	}
	.mobile_reviews
	{
		font-size: 11px;
		margin-bottom: 0;
	}
	.mobile_label
	{
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.mobile_input_margin
	{
		margin-bottom: 10px;
	}
	.price_mobile
	{
		font-size: 12px;
	}
	.days_nights_mobile
	{
	    font-size: 9px !important;
	    padding: 2px !important;
	    margin-left: 5px !important;
	}
	.new_footer_top
	{
		padding-top: 0 !important;
	}
	.footer-bottom
	{
		padding-top: 0px;
	}
	.mobile_nav_width
	{
		width: 32.5%;
		display: inline-block !important;
	}
	.nav-tabs.nav-justified > li > a
	{
		margin-bottom: 0 !important;
	}
	.nav-justified > li > a
	{
		margin-bottom: 0 !important;
	}
	.form-v4-content
	{
		margin: 0 !important;
	}
	.tab-content
	{
		padding: 10px !important;
	}
	.supplier_heading_margin
	{
		margin-top: 0px !important;
	}
	.form-v4-content .form-detail
	{
		padding: 10px !important;
	}
	.supplier_regestration_mobile
	{
		font-size: 20px !important;
		margin: 10px 0px !important;
	}
	.nav-pagination
	{
		padding: 70px 0px 0px 0px !important;
	}
	.padding_supplier_top
	{
		padding-top: 20px !important;
	}
	.main-navigation .navbar-toggle
	{
		border: 1px solid #021728 !important;
		background: #2c455a !important;
	}
	.background-set
	{
		height:400px !important;
	}
	.bg-text-set
	{
		padding: 150px 80px 0px 0px;
	}
	.fw900
	{
		font-weight: 600;
	}
	.available_rooms_mobile
	{
		font-weight: bold !important;
		font-size: 11px !important;
	}
	.padding_card_mobile
	{
		padding-right: 0;
	}
	.available_rooms_btns_mobile
	{
		font-size: 10px !important;
		padding: 5px 10px !important;
	}
	.label_margin_mobile_available_rooms
	{
		margin: 10px 0px !important;
	}
	.label_font_mobile_available_rooms
	{
		font-size: 12px !important;
	}
	.font_mobile_hotels_price
	{
		font-size: 14px !important;
	}
	.offer_style
	{
		margin: 20px 0px 10px 0px;
	}
	.listingOfferImage
	{
		height: 150px;
	}
	.question, .trust
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.mapMobile
	{
		margin-top: 50px;
	}
	.reviewSectionMobile
	{
		margin-top: 70px;
		padding: 20px;
	}
	.marginBottomMobile
	{
		margin-bottom: 50px;
	}
	.paddingListing
	{
		padding-left: 0 !important;
		padding-right: 0 !important; 
	}
	.hotelListScroll
	{
		margin-bottom: 50px;
	}
	.listingMobileFont
	{
		font-size: 14px;
	}
	.footer_font
	{
		font-size: 11px !important;
	}
	.tour_mobile_title
	{
		font-size: 16px;
		margin-bottom: 10px;		
	}
	.mobile_view
	{
		padding-left: 0;
		font-size: 10px;
	}
	.facilities_mobile
	{
		padding: 10px;
	}
	.mobile_tour_review
	{
		margin-top: 90px;
	}
}
/* Extra small devices (phones, 600px and down) */


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) 
{

}














@media (min-width: 768px) {
	.slick-hero-slider-wrapper .draggable { height:620px !important; }
	.hero-text{line-height: 6;}
	.hero-text h2{position: relative; top:-8rem; text-align: center !important;width: 100%; text-shadow: 10 12px 15px #000;}
	.hero-text p{font-size:18px;position: relative; top:-11rem; text-align: center !important;width: 100%; text-shadow: 10 12px 15px rgba(0,0,0,.37);}

}
@media (min-width: 520px){
	.hero-text{display: none;}
}
@media (min-width: 992px){
	.hero-text{display: block;}
}


.menu-horizontal-wrapper-02 { background: transparent; color: white; -webkit-box-shadow: none; box-shadow: none;}
.menu-horizontal-wrapper-02 .menu-horizontal-content { padding: 5px }
.menu-horizontal-wrapper-02 .form-icon-left .form-control { padding-left: 45px; height: 55px; }
.menu-horizontal-wrapper-02 .form-icon-left .icon-font { left: 8px; color: #363636 !important; font-size: 21px; }
.form-icon-left .form-control { font-size: 15px;/*margin-bottom: 5px*/ }
.form-search-main-01 .form-inner .mb-10 { width: 100%; padding: 15px; margin: -10px 0px 5px 0px !important; padding-top: 13px !important; border-radius: 3px; }
.form-search-main-01 .form-inner .row-return { position: relative !important; }
.menu-horizontal-02 { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.menu-horizontal-wrapper-02 { background: #fff; padding: 25px; color: white; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #000; }
.menu-horizontal-02 ul li.active a, .menu-horizontal-02 ul li a.active { margin-bottom: 5px;border-radius: 4px; font-weight: bold; background-color: rgb(6, 76, 231); position: relative!important; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.23921568627450981);}
.menu-horizontal-02 ul li.active a, .menu-horizontal-02 ul li a.active:hover { color: #fff}
.select2-container .select2-choice>.select2-chosen { font-size: 15px; }
.select2-search input { font-size: 15px; letter-spacing: 1px; padding: 10px 20px 10px 20px; width: 100%; border: 1px #a5a5a5 solid; height: 55px !important; border-radius: 0px; margin-top: 5px; }



/*.menu-horizontal-wrapper-02 .chosen-single{ margin-bottom: 5px; height: 60px; background: #ffffff !important; line-height: 50px; font-size: 15px; padding-top: 7px; }
.menu-horizontal-wrapper-02 select{ background: #ffffff !important; font-size: 15px; }
.menu-horizontal-wrapper-02 button{ height: 46px; margin: 10px 0 10px; }
.menu-horizontal-wrapper-02 .row-return .chosen-single { line-height: 25px }
@media screen and (min-width:200px){
    .row-return{ position:relative; top: -3px; width:100% }
    .footer-menu{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 10px;}
    .footer_menu .main-nav >li>ul{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom:15px}
    #footer .row.gap-40 > [class*=col]{padding-bottom: 0px;}
    .footer_menu .main-nav >li>ul>li{position: relative; overflow: hidden;}
} */


.footer_menu .main-nav > li{text-align:left!important;position: relative;}
.footer_menu .main-nav >li>ul>li>a:hover{color: #ff5252;}
.footer_menu .main-nav > li > a{line-height:1.1;color:#FFF;text-transform:uppercase;margin-bottom:25px;display:block;position: relative;overflow: hidden;}
.footer_menu .main-nav >li>ul>li>a{color:rgba(255,255,255,0.7)}

@media screen and (min-width:500px) {
    .footer-menu{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom:0px;}
    #footer .row.gap-40 > [class*=col]{padding-bottom: 40px;}
.footer_menu .main-nav >li>ul{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.footer_menu .main-nav >li>ul>li{margin-right:10px;}
.footer_menu .main-nav >li>ul>li>a{font-size:14px}
.footer_menu .main-nav > li > a{font-size:16px}
}
@media screen and (min-width:786px) {
.footer_menu .main-nav > li > a{font-size:19px;font-weight:700}
.footer_menu .main-nav{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-pack:distribute;justify-content:space-around}
.footer_menu .main-nav >li>ul{display:block!important;margin-bottom:0}
.footer_menu .main-nav >li>ul>li{margin-top:10px!important;margin-right:0!important;}
.footer_menu .main-nav >li>ul>li>a{font-size:16px}
}
@media screen and (min-width:992px){
.row-return { position: absolute; right: 0; top: 10px; width: 50%; }
}
#myTab .nav-item{
	position: relative;overflow: hidden;
}

.product-grid-item .discount { display: inline-block; background: red; padding: 8px 10px; border-radius: 4px; color: #fff; position: absolute; top: 200px; height: 34px; left: 12px; box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.61176470); }
.discount { display: inline-block; background: red; padding: 5px 10px; border-radius: 4px; color: #fff; position: absolute; bottom: 150px; height: 34px; left: 12px; box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.61176470); }

.row-return .chosen-single span { font-family: 12px !important }
.bootstrap-touchspin { height: 55px; z-index: 1 }
/*.form-search-main-01 .form-people-thread { margin: 15px 0 5px }*/
.product-long-item .discount{ bottom: 35px;left:25px }
.detail-header .discount{ position:static !important;box-shadow:none; padding: 2px 16px; }

.form-spin-group label { width: 100%; text-align: center; }
.form-spin-group .form-icon-left .icon-font { left: -10px; color: #363636 !important; font-size: 21px; margin-left: 12px; }
.bootstrap-touchspin input { text-align: center; }
.bootstrap-touchspin .input-group-btn-vertical { border-left : none !important; position: unset; width: 0px; }
.bootstrap-touchspin-down { left: 15px !important; top: 13px !important; height: 25px !important; border-radius: 50px !important; border-bottom: 1.5px solid #595959 !important; border: 1.5px solid #595959; color: #595959 !important; z-index: 10; font-size: 15.5px !important;}
.bootstrap-touchspin-up { right: 15px !important; top: 13px !important; height: 25px !important; border-radius: 50px !important; border-bottom: 1.5px solid #595959 !important; border: 1.5px solid #595959; color: #595959 !important; z-index: 10 font-size: 15.5px !important; }
#airDatepickerRange-flight { margin-bottom: 0px !important }
.form-icon-left input { }

.featured { padding-top: 45px; background-color: #f2f6fb; padding-bottom: 55px; }
.form-search-main-01 .btn-primary { font-size: 14px; font-weight: 500; padding-top: 8px; letter-spacing: 2px !important; height: 55px; margin: 32px 0 0px; }
.form-search-main-01 .col-xs-12,.form-search-main-01 .col-6,.form-search-main-01 .col,.form-search-main-01 .col-4 { padding-left: 0px !important; padding-right: 0px !important;; }
/*.form-search-main-01 .form-control,.form-search-main-01 .chosen-the-basic,.form-search-main-01 .chosen-single { border-radius: 0px;border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-radius: 0px !important; border: none !important;}*/
/*.form-search-main-01 button { border-radius: 0px;border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-radius: 0px !important;}*/
/*.form-search-main-01 .chosen-drop { position: absolute; z-index: 9999; top: -315px; }*/
.form-search-main-01 label { color: #000; font-weight: bold; padding: 5px 0px; top: 0px; position: relative; z-index: 10; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; }
.form-search-main-01 .custom-control-label { position: relative !important; padding: 0px !important; font-size: 14px !important; }
.form-search-main-01 .flightclass .chosen-single { padding-top: 1px !important }
.form-search-main-01 .flightclass .icon-font { top: 3px !important }
.pure-material-textfield-outlined {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 35, 76, 191));
    position: relative;
    display: block;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

.chosen-container-single .chosen-single span { color: #000; }

/* Input, Textarea */
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 35, 76, 191));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Span */
.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size: 75%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Corners */
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::before,
.pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
}

.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

/* Placeholder-shown */
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 68px;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

/* Focus */
.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 35, 76, 191));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;
}

.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 35, 76, 191));
}

.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/* Disabled */
.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}
.coupon-label {padding-top: 0; overflow: visible;}
.coupon-label > input + span{top: -6px;}

.list-search-box { box-shadow: 0 2px 10px 0 rgba(0,0,0,.07); }
@media screen and (max-width: 768px){
	.navbar .main-nav-menu .main-nav{
		float: none !important;
	}

}
.flightclass .trip_class{
	height: 35px !important;
	padding-top: 10px !important
}
.flightclass .chosen-drop{
	  top: 29px !important;
}
.flightclass .bx.bx-time{
	margin-top: -3px;
}

.change-search-wrapper .form-search-main-01 label { color: #000; font-weight: bold; padding: 0px 0px; z-index: 10; font-size: 16px; text-align: left; }
/*.change-search-wrapper .row.mb-15 > [class*=col] { padding-bottom: 15px; }*/
.change-search-wrapper .form-search-main-01 .form-people-thread { margin: -13px 0 !important; }
.change-search-wrapper .select2-choice>.select2-chosen { margin-top: 0px !important; }
/*.form-spin-group { margin: -5px 0 0 0 !important; }*/

.hotel-room-sm-item .the-hotel-item small { display: block; }

 .booking-selection-box input { min-height: 3.6rem; }
 .booking-selection-box .form-spin-group .form-icon-left .icon-font { min-height: 3.6rem; margin-left: 40%; }
 .back-to-top { bottom: 50px !important; }

 #change-search .form-search-main-01 .form-control { height: 55px !important; }
 #change-search .form-search-main-01 .form-spin-group .form-icon-left .icon-font { left: -10px; color: #363636 !important; font-size: 21px; margin-left: 40%; }
 #change-search .form-search-main-01 .row-reverse { display: flex; align-items: center !important; width: 100% }
 #change-search .form-search-main-01  .form-spin-group .form-icon-left .icon-font i { top: 0px; }
 #change-search .form-search-main-01 .btn-primary { margin: 27px 0 0px; }

 .hero-form-inner { background: hsl(0deg 0% 100% / 10%); padding: 15px; border: 0 solid hsla(0,0%,100%,.2); border-radius: 10px 10px 10px 10px; box-shadow: 0 20px 80px rgb(0 0 0 / 21%); }
 #exampleInputEmail1 { min-height: 50px;border: 0px }
 .slick-list.draggable .slick-track .image img { max-height: 600px }


 .image-caption-01 .overlay-relative { min-height: 150px; }


/*============================================================================================*/
/* Select2 */
/*============================================================================================*/
.select2-container{margin:0;position:relative;display:inline-block;zoom:1;*display:inline;vertical-align:middle}
.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;box-sizing:border-box}
.select2-container .select2-choice{display:block;overflow:hidden;position:relative;white-space:nowrap;line-height:26px;color:#444;text-decoration:none;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;}
.select2-container.select2-drop-above .select2-choice{border-bottom-color:#aaa;border-radius:1px}
.select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right:42px}
.select2-container .select2-choice>.select2-chosen{font-size: 13px;padding-top: 10px; height: 25px; float: left; padding-left: 0px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: auto; line-height: 0px; text-transform: capitalize;}
.select2-container .select2-choice abbr{display:none;width:12px;height:12px;position:absolute;right:0px;top:4px;font-size:1px;text-decoration:none;border:0;background:url(../img/select2.png) right top no-repeat;cursor:pointer;outline:0;}
.select2-container.select2-allowclear .select2-choice abbr{display:inline-block}
.select2-container .select2-choice abbr:hover{background-position:right -11px;cursor:pointer}
.select2-drop-mask{border:0;margin:0;padding:0;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:9998;background-color:#fff;filter:alpha(opacity=0)}
.select2-drop{width:100%;margin-top:-60px;position:absolute;z-index:9999;top:100%;color:#000;border-top:0;height:50px;line-height:32px}
.select2-drop.select2-drop-above{margin-top:1px;border-top:1px solid #aaa;border-bottom:0}
.select2-drop-active{/*border:1px solid #7c7c7c;*/border-top:0}
.select2-drop.select2-drop-above.select2-drop-active{border-top:1px solid #5897fb}
.select2-drop-auto-width{border-top:1px solid #aaa;width:auto}
.select2-drop-auto-width .select2-search{padding-top:4px}
.select2-container .select2-choice .select2-arrow{display:inline-block;width:18px;height:100%;position:absolute;right:0;top:0}
.select2-search{display:inline-block;width:100%;min-height:26px;margin:0;padding-left:1px;padding-right:1px;position:relative;z-index:10000;white-space:nowrap}
.select2-search input { font-size: 14px; letter-spacing: 1px; width: 100%; height: 34px !important; padding: 5px 20px 3px 5px; margin-top: 24px; outline: 0; border: 0 solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url(../img/select2.png) no-repeat 100% -22px; }
.select2-drop.select2-drop-above .select2-search input{margin-top:4px}
.select2-search input.select2-active{background:#fff url(../img/select2-spinner.gif) no-repeat 100%}
/*.select2-container-active .select2-choice,.select2-container-active .select2-choices{border:1px solid #5897fb;outline:0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}*/
.select2-dropdown-open .select2-choice{border-bottom-color:transparent;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{border:1px solid #5897fb;border-top-color:transparent}
.select2-dropdown-open .select2-choice .select2-arrow{background:transparent;border-left:none;-webkit-filter:none;filter:none}
.select2-dropdown-open .select2-choice .select2-arrow b{background-position:-18px 1px}
.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.select2-results{max-height: 250px;background: white; overflow-y: scroll; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 50px 100px, rgba(0, 0, 0, 0.29) 0 5px 50px; box-shadow: rgba(0, 0, 0, 0.25) 0 50px 100px, rgba(0, 0, 0, 0.29) 0 5px 50px; };background:#efefef;max-height:200px;padding:0;margin:0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);
.select2-results ul.select2-result-sub{margin:0;padding-left:0;padding-left: 0px !important}
.select2-results ul.select2-result-sub>li .select2-result-label{padding-left:20px}
.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:40px}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:60px}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:80px}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:100px}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:110px}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:120px}
.select2-results li{list-style:none;display:list-item;background-image:none}
.select2-results li.select2-result-with-children>.select2-result-label{ font-size: 12px;font-weight:700;background:#ebebeb;text-transform:uppercase;letter-spacing:1px}
.select2-results .select2-result-label{font-size: 1.1rem;padding:5px 15px;margin:0;cursor:pointer;min-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.select2-results .select2-highlighted{background:#3875d7;color:#fff}
.select2-results li em{background:#feffde;font-style:normal}
.select2-results .select2-highlighted em{background:transparent}
.select2-results .select2-highlighted ul{background:#fff;color:#000}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4;display:list-item;padding-left:5px}
.select2-results .select2-disabled.select2-highlighted{color:#666;background:#f4f4f4;display:list-item;cursor:default}
.select2-results .select2-disabled{background:#f4f4f4;display:list-item;cursor:default}
.select2-results .select2-selected{display:none}
.select2-more-results.select2-active{background:#f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%}
.select2-more-results{background:#f4f4f4;display:list-item}
.select2-container.select2-container-disabled .select2-choice{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}
.select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color:#f4f4f4;background-image:none;border-left:0}
.select2-container.select2-container-disabled .select2-choice abbr{display:none}
.select2-container-multi .select2-choices{height:auto!important;height:1%;margin:0;padding:0;position:relative;border:1px solid #aaa;cursor:text;overflow:hidden;background-color:#fff}
.select2-locked{padding:3px 5px 3px 5px!important}
.select2-container-multi .select2-choices{min-height:26px}
.select2-container-multi.select2-container-active .select2-choices{border:1px solid #5897fb;outline:0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.select2-container-multi .select2-choices li{float:left;list-style:none}
html[dir="rtl"] .select2-container-multi .select2-choices li{float:right}
.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}
.select2-container-multi .select2-choices .select2-search-field input{padding:5px;margin:1px 0;font-family:sans-serif;font-size:100%;color:#666;outline:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent!important}
.select2-container-multi .select2-choices .select2-search-field input.select2-active{background:#fff url(../img/select2-spinner.gif) no-repeat 100%!important}
.select2-default{color:#999!important}
.select2-container-multi .select2-choices .select2-search-choice{padding:3px 5px 3px 18px;margin:3px 0 3px 5px;position:relative;line-height:13px;color:#333;cursor:default;border:1px solid #aaa;border-radius:1px;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05));box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05));-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e4e4e4}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice{margin-left:0;margin-right:5px}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default}
.select2-container-multi .select2-choices .select2-search-choice-focus{background:#d4d4d4}
.select2-search-choice-close{display:block;width:12px;height:13px;position:absolute;right:3px;top:4px;font-size:1px;outline:0;background:url(../img/select2.png) right top no-repeat}
html[dir="rtl"] .select2-search-choice-close{right:auto;left:3px}
.select2-container-multi .select2-search-choice-close{left:3px}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{background-position:right -11px}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{background-position:right -11px}
.select2-container-multi.select2-container-disabled .select2-choices{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding:3px 5px 3px 5px;border:1px solid #ddd;background-image:none;background-color:#f4f4f4}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:0}
.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline;    font-weight: bold;}
.select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}
.select2-display-none{display:none}
.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx){.select2-search input,.select2-search-choice-close,.select2-container .select2-choice abbr,.select2-container .select2-choice .select2-arrow b{background-image:url(../img/select2x2.png)!important;background-repeat:no-repeat!important;background-size:60px 40px!important}
.select2-search input{background-position:100% -21px!important}
} 
.px-20{
    padding-left: 20px;
    padding-right: 20px;
}

.select2-results {
max-height: 365px;
padding-left: 0px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
background-color: #ffffff;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*============================================================================================*/
/* Select2 */
/*============================================================================================*/

/* Availability Calendar */
.calendar-legend { margin: 0 0 10px; text-align: left; }
.calendar-legend .calendar-key { display: inline-block; line-height: 21px; height: 21px; width: 23px; position: relative; }
.calendar-legend .available-key { background-color: #fff; }
.calendar-legend .calendar-key-box { height: 21px; width: 23px; position: absolute; top: 4px; left: 0; border: 1px solid #dbdbdb; }
.calendar-legend .calendar-key { display: inline-block; line-height: 21px; height: 21px; width: 23px; position: relative; }
 dt { font-weight: 700; }
.calendar-legend .calendar-label { margin: 0 30px 0 5px; }
.calendar-legend dt, .calendar-legend dd { display: inline-block; }
.calendar-legend .blocked-key { background-color: #FF9494; text-decoration: line-through; }
.today { background-color: #8AB1FF; border-radius: 0px !important; color: #fff; padding: 3px; }
.calendar-legend .today { background-color: #8AB1FF; }
.notavailable{ background-color: #FF9494; text-decoration: line-through; }
.availability-table { width: 30% !important; margin-top: 15px !important;padding:10px;border: solid 1px #F5F5F5;width: 31%;margin-left: 1%;margin-right: 1%;height: 250px; margin-top:2% }
.availability-table td{text-align: center;}
/* Datepicker Padding issue fix */


/*map css*/
.map-contact-wrapper .infoBox{background:#3f51b5!important;border:1px solid #3f51b5;border-radius:3px;font-size:14px;line-height:1.2;width:140px!important;margin-left:-70px;padding:10px;text-align:center;-webkit-box-shadow:0 0 20px -2px rgba(0,0,0,0.21);box-shadow:0 0 20px -2px rgba(0,0,0,0.21)}
.map-contact-wrapper .infoBox:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#3f51b5;border-width:10px;margin-left:-10px}
.map-contact-wrapper .infoBox>img{height:16px;width:16px;overflow:hidden;position:absolute!important;top:-8px;right:-8px;display:block;background:#FFF;border-radius:50%;border:2px solid #FFF;-webkit-box-shadow:0 0 20px -2px rgba(0,0,0,0.21);box-shadow:0 0 20px -2px rgba(0,0,0,0.21)}
.map-contact-wrapper .infoBox h6{margin:0;line-height:1;color:#FFF;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.map-contact-wrapper .infoBox #infobox{position:relative}
#hotel-detail-map{width:100%;height:520px}
.c0ntact-map .infoBox h6{font-size:11px;font-weight:500}
.hotel-detail-location-wrapper .map-holder,.map-holder{background:#FFF;padding:5px;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.09);box-shadow:0 0 6px 0 rgba(0,0,0,0.09)}

.infoBox{background:#fff!important;border:1px solid #3f51b5;border-radius:4px;font-size:14px;line-height:1.2;width:120px!important;margin-left:-60px;padding:10px;text-align:center;z-index:99}
.infoBox:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#3f51b5;border-width:10px;margin-left:-10px}
.infoBox>img{height:16px;width:16px;overflow:hidden;position:absolute!important;top:-8px;right:-8px;display:block;background:#FFF;border-radius:50%;border:1px solid #FFF}
.infoBox h4,.infoBox h5,.infoBox h6{margin:0;line-height:1}
.c0ntact-map .infoBox h6{font-size:11px;font-weight:500}
.infoBox #infobox{position:relative}
.infobox-wrapper{display:none}
.hotel-detail-location-wrapper .infoBox{padding:7px;letter-spacing:1px}

.map-contact-wrapper .infoBox{background:#3f51b5!important;border:1px solid #3f51b5;border-radius:3px;font-size:14px;line-height:1.2;width:140px!important;margin-left:-70px;padding:10px;text-align:center;-webkit-box-shadow:0 0 20px -2px rgba(0,0,0,0.21);box-shadow:0 0 20px -2px rgba(0,0,0,0.21)}
.map-contact-wrapper .infoBox:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#3f51b5;border-width:10px;margin-left:-10px}
.map-contact-wrapper .infoBox>img{height:16px;width:16px;overflow:hidden;position:absolute!important;top:-8px;right:-8px;display:block;background:#FFF;border-radius:50%;border:2px solid #FFF;-webkit-box-shadow:0 0 20px -2px rgba(0,0,0,0.21);box-shadow:0 0 20px -2px rgba(0,0,0,0.21)}
.map-contact-wrapper .infoBox h6{margin:0;line-height:1;color:#FFF;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.map-contact-wrapper .infoBox #infobox{position:relative}
.infobox-wrapper{display:none}
/*mapp css end */

/*Thank you msg*/
.op-header2 {
  background: url(thankyou.jpg) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 104px;
  padding-bottom: 137px;
  position: relative;
  z-index: 2;
}
/*End thank you msg*/