@import url(trustyou-iconic.css);
.cursor {
    position: absolute;
    top:50%;
    left:50%;
    height:20px;
    width:20px;
    z-index:99999;
    background: url(/assets/images/cursor.png) center;
}
.play-control {
    color: rgba(255, 255, 255, 1);
	cursor: pointer;
    font-size: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.play-control:hover {
    color: rgba(255, 255, 255, 0.7);
}
video::-webkit-media-controls {
    display: none !important;
}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #map {
        display: none;
        height: 100%;
        width: 100%;
    }
    #map-wrapper {
        height: 100%;
        width: 100%;
    }

.child-age { display: none;}
.card img, .modal-body .hotel-images img {
    color:#fff;
    height: 488px;
    width: auto;
}
.main-content > .container {
    padding-bottom: 50px;
    padding-top: 50px;
}
.wrap {
    height: 634px;
    /* height: 455px;
    padding: 2%; */
	width: 520px;
	margin: 0 auto;
}

@media (max-height: 768px) {
	.card img, .modal-body .hotel-images img {
		color:#fff;
		/* height: 420px; */
		width: auto;
	}
	.main-content > .container {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.wrap {
		height: 610px;
		margin: 20px auto;
		width: 460px;
	}
	.item-box {
		background: #272c42 none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		cursor: pointer;
		float: left;
		height: 214px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 214px;
	}
}

.month-input-temp{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    color: #272c42;
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 12px;
    margin: 0;
    position: relative;
}
.month-input-temp.selected {
    background: #80cbdb;
}
.month-temp {
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    width: 50%;
	float: right;
}
.month-temp > span {
	background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    display: block;
    float: right;
    height: 45px;
    margin-right: 15px;
    padding: 14px 7px;
    text-align: center;
    width: 45px;
}
.month-input {
    display: inline-block;
    padding: 32px 0;
    text-align: center;
    width: 50%;

}

.why-card {
    height: 488px;
    position: relative;
    text-align: left;
	margin-top: 5px;
}
.why-family.item-box .summary-icon, .why-accommodation.item-box .summary-icon, .why-activity.item-box .summary-icon, .why-food.item-box .summary-icon {
    height: 88px !important;
    margin: 60px 0 10px;
    width: 88px !important;
}
.why-item {
    display: block;
    height: 244px;
}
.why-item.active {
    background-color: #8eccda;
	background-image: url("../images/icons/wg-check-icon.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% auto;
    display: block;
}
.why-item.active img{
   opacity: 0.2;
}
.why-item.active > span {
    color: #272c42 ;
}

.bleft{
	border-left: 1px solid #d9d9d9;
}
.bright{
	border-right: 1px solid #d9d9d9;
}
.btop{
	border-top: 1px solid #d9d9d9;
}
.bbtm{
	border-bottom: 1px solid #d9d9d9;
}

@media (max-height: 768px) {
	.why-card {
		height: 438px;
	}
}
.back{
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.mini-why .why-family.item-box .summary-icon, .mini-why .why-accommodation.item-box .summary-icon, .mini-why .why-activity.item-box .summary-icon, .mini-why .why-food.item-box .summary-icon {
    height: 60px !important;
    margin: 30px 0 10px;
    width: 60px !important;
}
#food-toggler {
    height: 100%;
    width: 100%;
}
.vegan-gf {
    background: #272c42 none repeat scroll 0 0;
    min-height: 435px;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 123;
}
.food-wrapper .item-box .summary-icon {
    height: 88px !important;
    margin: 60px 0 10px;
    width: 88px !important;
}
.food-box {
    background: #272c42 none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    float: left;
    height: 170px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 50%;
}
.food-box .summary-icon {
    height: auto;
    width: 100px;
}
.food-box span {
    color: #fff;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}
.food-box .why-item {
    height: auto;
    margin: 20px;
}

.skoosh-icons img { width: 30px !important; height: 30px !important; margin-top: 5px;}
.food-mini-icons img {
    height: 30px !important;
    width: 30px !important;
}

.green-bg {
    background: #00b300 none repeat scroll 0 0;
    border-radius: 50%;
}
.orange-bg {
    background: #fba931 none repeat scroll 0 0;
    border-radius: 50%;
}



.hostel {
    height: 34px !important;
    padding-top: 4px !important;
    width: auto !important;
}
.microsite_rating {
    /* height: 3.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem; */
	float: right;
	margin-top: 2px;
	margin-left: 5px;
}
.microsite_rating .ratingbox {
    background-color: #ff7346;
    border-radius: 3px !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding:0.2rem;
    text-align: center;
	float: left;
    width: 3.4rem;
}
.microsite_rating .ratingdetails {
    line-height: 15px;
    margin-left: 4rem;
    margin-top: 0px;
}
.microsite_rating .ratingword {
    color: #000;
    font-size: 14px !important;
    font-weight: bold;
    position: relative;
    top: -2px;
}
.ratingdetails .ratingword {
    font-weight: bold;
    line-height: 18px;
    position: relative;
    text-align: left;
    top: -4px;
}
.microsite_rating .reviews-count {
    color: #000;
    display: block;
    font-size: 0.65rem;
    position: relative;
    text-transform: capitalize;
    top: -4px;
}



.hc_logo {
    height: 35px !important;
    width: auto !important;
	float: left;
	margin-right: 10px;
}
.hostel-world.hc_logo {
    height: 43px !important;
    padding-top: 4px;
}
.hc-ty-ratings {
    border-radius: 0 5px 0 0;
    bottom: 0;
    float: left;
    text-align: left;
}


/* HotelsWorld Rating */


.hw_rating {
    border-bottom: 1px dotted #ccc;
    height: 4rem;
    margin-bottom: 1rem;
    padding: 1rem; 
}

.hw_rating .ratingbox {
    background-color: #ff7346;
    border-radius: 3px !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding:0.2rem;
    text-align: center;
	float: left;
    width: 3.4rem;
}
.hw_rating .ratingdetails {
    line-height: 15px;
    margin-left: 4rem;
    margin-top: 0px;
}
.hw_rating .ratingword {
    color: #ff7346;
    font-size: 14px !important;
    font-weight: bold;
    position: relative;
    top: -2px;
}
.ratingdetails .ratingword {
    font-weight: bold;
    line-height: 18px;
    position: relative;
    text-align: left;
    top: -4px;
}
.hw_rating .reviews-count {
    color: #ff7346;
    display: block;
    font-size: 0.65rem;
    position: relative;
    text-transform: capitalize;
    top: -4px;
}

[class*="block-grid-"] {
    display: block;
    /* margin: 0 -0.625rem; */
    padding: 0;
}
[class*="block-grid-"] {
    /* margin-left: -0.625rem !important;
    margin-right: -0.625rem !important; */
}
[class*="block-grid-"]::before, [class*="block-grid-"]::after {
    content: " ";
    display: table;
}
[class*="block-grid-"]::after {
    clear: both;
}
[class*="block-grid-"]::before, [class*="block-grid-"]::after {
    content: " ";
    display: table;
}
.large-block-grid-1 > li {
    list-style: outside none none;
    width: 100%;
}
[class*="block-grid-"] > li {
    padding-bottom: 0rem;
}
.large-block-grid-1 > li:nth-of-type(n) {
    clear: none;
}
.large-block-grid-1 > li:nth-of-type(n+1) {
    clear: both;
}
span.ratinglabel {
    color: #222;
    padding-right: 1rem;
    white-space: nowrap;
    width: 100%;
}
span.ratingpercent {
    color: #222;
    float: right;
    padding-left: 1rem;
}
div.ratingbar {
    padding-bottom: 0.5rem;
}
.ratingbackground {
    background-color: #eee;
    border-bottom: 1px solid #e4e4e4;
    height: 6px;
    margin-top: 0.4rem;
    width: 100%;
}
.rounded {
    border-radius: 3px !important;
}
.ratingbackground span {
    background-color: #ff7346;
    border-bottom: 1px solid #e75c00;
    display: block;
    height: 6px;
    width: 78%;
}
.large-block-grid-1.ratingbreakdownlist {
    padding: 10px 25px;
}
.button {
    background-color: #008cba;
    border-color: #007095;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    padding: 1rem 2rem 1.0625rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
}
.button {
    background-color: #ff7346;
    border: 1px solid #ff5a33;
    border-radius: 3px !important;
    color: white;
    display: inline-block;
    font-weight: normal !important;
    margin: 0;
    padding: 0.8rem 1.5rem;
}
.button.tiny {
    font-size: 0.6875rem;
    padding: 0.625rem 1.25rem 0.6875rem;
}
.button.tiny {
    font-size: 0.9rem;
}
.button.tiny:hover {
    background: #ff5a33;
	color: #fff;
}
#bookNowButton.ratingsectionbtn {
    margin-top: 1rem;
    width: 100%;
}
.hw_button{
	padding: 0 25px;
}
.available > span{
	color: #5ccb41 !important;
}
.modal-dialog.modal-wg {
    width: 514px;
	margin: 155px auto;
}
.modal-wg .modal-header {
    border-bottom: 0px !important;
    min-height: 16.43px;
    padding: 15px;
}
.modal-wg .modal-header .close {
    margin-top: -8px;
}

/*-----------skoosh small images grid -------------------*/

.touch .grid-overflow {
    overflow-y: hidden !important;
}

.grid-overflow{
	height: 482px;
}
.skoosh-grid {
    margin: 0;
    padding: 0;
	text-align: left;
}
.skoosh-grid li {
    display: inline-block;
    list-style: outside none none;
}
.skoosh-grid li img {
    height: auto !important;
    margin: 0 3px 10px;
    width: 152px !important;
}
/* .love-heart {
    color: red;
    font-size: 36px;
    position: absolute;
    right: 10px;
    top: 0px;
	z-index: 2;
} */
.love-heart {
    color: #333;
    font-size: 36px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}

.love-heart i {
    position: absolute;
    right: 0;
}

.love-heart .fa.fa-heart-o {
    color: #fff;
}
.love-heart .fa.fa-heart {
    color: rgba(0,0,0,0.5);
}
.love-heart:hover .fa.fa-heart-o {
    color: #fff;
}
.love-heart:hover .fa.fa-heart {
    color: rgba(0,0,0,0.8);
}
.love-heart.liked .fa.fa-heart-o {
    /* color: rgba(255, 255, 255, 0.6); */
	color: red;
}
.love-heart:hover {
    color: #fff;
}
.likes-number {
    background: #fff none repeat scroll 0 0;
	color: #7f7f7f;
	font-size: 18px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
	-webkit-border-radius: 0px 0px 0px 3px;
	   -moz-border-radius: 0px 0px 0px 3px;
			border-radius: 0px 0px 0px 3px;
}
.likes-number i {
    color: red !important;
	font-size: 16px !important;
}
.saved-venues {
    background: #272c42 none repeat scroll 0 0;
    height: 530px;
    padding: 5px;
    position: relative;
}
.saved-venues img {
    height: 450px;
    width: auto;
	margin-top: 6px;
}
.saved-venue-item {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
	margin-bottom: 10px;
}
.modal-header .destination {
    display: block !important;
    margin: 0 !important;
}

.destination-photo img {
    height: auto;
    width: 488px;
}
.modal-body .item-box {
    background: #272c42 none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    float: left;
    height: 240px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 240px;
}
.food-type-wrapper {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: auto;
    min-height: 100%;
    padding-top: 30%;
    position: relative;
    z-index: 1;
}

.coming-soon-overlay {
    height: auto;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 240px;
}
.coming-soon-overlay .coming-soon-img {
    height: auto !important;
    width: 100% !important;
}

.likes-number.c-sleep i, .love-heart.c-sleep i{
	color: #6642ff;
}
.likes-number.c-food i, .love-heart.c-food i{
	color: #00e135;
}
.likes-number.c-activity i, .love-heart.c-activity i{
	color: #f00000;
}
.modal-body {
    padding: 0 15px 15px;
    position: relative;
}



.grid-holder {
    margin-top: 5px;
}
.cal-box {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    float: left;
    height: 122px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 33.3%;
}
.month-box {
    font-family: "open sans";
    text-align: left;
}
.month-box span {
    color: #292e40;
    font-size: 18px;
    font-weight: 300;
    padding: 10px;
}
.card-boxes {
    border: 1px solid #d9d9d9;
    overflow: hidden;
}
.month-box .trips {
    background: #272c42 none repeat scroll 0 0;
    -webkit-border-radius: 20px 0px 0px 20px;
	   -moz-border-radius: 20px 0px 0px 20px;
			border-radius: 20px 0px 0px 20px;
    bottom: 10px;
    color: #fff;
	font-size: 14px;
    line-height: 32px;
    padding: 5px 10px 5px 20px;
    position: absolute;
    right: 0;
}
.month-box .trips:hover {
    background: #8eccda;
	color: #272c42 ;
}


.google-maps {
        position: relative;
        padding-bottom: 100%;
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


.gyg-wrapper {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    bottom: 0;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
	color: #000;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
.gyg-badge {
    position: absolute;
    right: 0;
    z-index: 999;
}
.gyg-badge > img {
    height: auto !important;
    width: 50px !important;
}
.gyg-header {
	border-bottom: 1px solid #d9d9d9;
    padding: 10px;
}
.gyg-photo {
    height: 80px;
    overflow: hidden;
    width: 80px;
	text-align: center;
}
.gyg-photo img {
    height: 100px !important;
    width: auto !important;
}
.gyg-wrapper h4 {
    font-family: "open sans";
    font-weight: 400;
}
.gyg-title {
    left: 100px;
    padding: 6px 0;
    position: absolute;
    right: 60px;
}
.gyg-content{
	padding: 10px;
	font-size: 14px;
	font-family: "open sans";
}
.gyg-content h4{
	margin-top: 10px;
	text-decoration: underline;
}
.gyg-content ul {
    color: #000;
    font-family: "open sans";
    font-size: 14px;
    line-height: 24px;
    list-style: outside none none;
    padding-left: 10px;
}
.gyg-content p {
    line-height: 24px;
    padding-left: 10px;
}


.item-box i {
    color: #fff;
    font-size: 120px;
	display: block;
}
.item-box .icon-box {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}
.icon-box span{
	font-size: 18px;
	color: #fff;
}

.item-box > img {
    height: auto;
    width: 100%;
}
.actions-control {
    font-size: 0;
    margin-top: 10px;
    text-align: center;
}
.actions-control a {
    background: #292e40 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease 0s;
	vertical-align: top;
}

.actions-control a span {
    background: transparent none repeat scroll 0 0;
    color: #8e8e93;
    display: block;
    font-size: 28px;
    font-style: normal;
    height: 60px;
    line-height: 62px;
    text-align: center;
    width: 60px;
}
.actions-control .small {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    font-size: 24px;
	margin-top: 4px;
}
.actions-control .small:hover {
    color: #292e40 ;
}
.actions-control .small span {
    display: block;
    font-size: 24px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    width: 50px;
}
.share-wg {
    background: rgba(255, 255, 255, 0.92) none repeat scroll 0 0;
    bottom: 0;
    display: block;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3;
}
.share-icon {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    line-height: 48px;
    margin: 0 0px;
    outline: 0 none;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
}









@media(max-width: 359px) and (min-width: 320px){
	.main-content > .container {
	  padding-bottom: 0px;
	  padding-top: 0px;
	}
	.wrap  {
		height: 400px;
		padding: 0;
		width: 290px;
		margin: 20px auto;
	}
	
	.item-box {
		background: #272c42 none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		float: left;
		height: 129px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 129px;
	}
	.fav-travel.item-box .summary-icon, .fav-destination.item-box .summary-icon {
		height: 70px !important;
		margin: 20px 0 0;
		width: 70px !important;
	}
	.fav-venue i, .fav-weather i {
		display: block;
		font-size: 46px;
		padding: 34px 0 10px;
	}
	.hotel-images {
		margin-top: 0 !important;
	}
	.cssmap-250 {
		height: 250px !important;
		padding-top: 60px !important;
		width: 250px;
	}
	.fav-travel.item-box .summary-icon, .fav-venue.item-box .summary-icon, .fav-weather.item-box .summary-icon, .fav-destination.item-box .summary-icon {
		height: 70px !important;
		margin: 20px 0 0;
		width: 70px !important;
	}
	.months-cal .month-select {
		display: inline-block;
		font-size: 18px;
		height: 61px;
		padding: 6px;
		text-align: center;
	}
	.month-input-temp {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		color: #272c42;
		cursor: pointer;
		display: block;
		font-size: 12px;
		line-height: 12px;
		margin: 0;
		position: relative;
	}
	.month-input {
		display: inline-block;
		padding: 16px 0;
		text-align: center;
		width: 50%;
	}
	.month-temp {
		display: inline-block;
		float: right;
		padding: 11px 0;
		text-align: center;
		width: 50%;
	}
	.month-temp > span {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		display: block;
		float: right;
		height: 25px;
		margin-right: 5px;
		padding: 5px 2px;
		text-align: center;
		width: 25px;
	}
	.fav-card{
		text-align: left;
		position:relative;
		height: 256px;
	}
	.mini-travel-option-icons .circular-icon {
		display: inline-block;
		font-size: 14px;
		height: 24px;
		padding: 0;
		width: 24px;
	}
	.mini-travel-option-icons {
		padding: 5px;
	}
	.mini-travel-time, .mini-travel-cost {
		color: #80cbdb;
		display: block;
		font-size: 14px;
		margin-top: 0;
	}
	.item-box span {
		color: #fff;
		display: block;
		font-size: 14px;
		text-transform: uppercase;
	}
	.controls {
		font-size: 0;
		margin-top: 10px !important;
	}
	
	
	.skoosh-icons img { width: 20px !important; height: 20px !important; margin-top: 2px;}
	.food-mini-icons img {
		height: 20px !important;
		width: 20px !important;
	}
	.why-card {
		height: 256px;
		margin-top: 5px;
		position: relative;
		text-align: left;
	}
	.why-family.item-box .summary-icon, .why-accommodation.item-box .summary-icon, .why-activity.item-box .summary-icon, .why-food.item-box .summary-icon {
		height: 68px !important;
		margin: 15px 0 10px;
		width: 68px !important;
	}
	.food-box .why-item {
		height: auto;
		margin: 10px;
	}
	.food-box span {
		color: #fff;
		display: block;
		font-size: 14px;
		text-transform: uppercase;
	}
	.food-box .why-item {
		height: auto;
		margin: 20px 10px;
	}
	.modal-dialog.modal-wg {
		margin: 90px auto;
		width: auto;
	}
	
	.destination-photo img {
		height: auto;
		width: 298px;
	}
	.item-box i {
		color: #fff;
		font-size: 60px;
	}
	.icon-box span {
		margin-top: 10px;
	}
	.likes-number .number {
		color: #7f7f7f;
		display: inline-block;
	}
	.share-icon {
		border-radius: 3px;
		display: inline-block;
		font-size: 16px;
		height: 40px;
		line-height: 38px;
		margin: 0 2px;
		outline: 0 none;
		text-align: center;
		transition: all 0.3s ease 0s;
		width: 40px;
	}
	.card img, .modal-body .hotel-images img {
		height: 288px;
		width: auto;
	}
	.spacer-40{
		display: none;
	}
	
}

@media(max-width: 480px) and (min-width: 360px){
	.wrap {
		height: 384px;
		margin: 25px auto;
		padding: 0;
		width: 330px;
	}
	.main-content > .container {
		padding-bottom: 0;
		padding-top: 0;
	}
	#app .app-content {
		height: 100%;
		padding-bottom: 190px;
	}
	.fav-card {
		height: 298px;
		position: relative;
		text-align: left;
	}
	.card img, .modal-body .hotel-images img {
		height: 298px ;
		width: auto;
	}
	.months-cal .month-select {
		display: inline-block;
		font-size: 18px;
		height: 74px;
		padding: 6px;
		text-align: center;
	}
	.month-input-temp {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		color: #272c42;
		cursor: pointer;
		display: block;
		font-size: 12px;
		line-height: 12px;
		margin: 0;
		position: relative;
	}
	.month-input {
		display: inline-block;
		padding: 22px 0;
		text-align: center;
		width: 50%;
	}
	.month-temp {
		display: inline-block;
		float: right;
		padding: 14px 0;
		text-align: center;
		width: 50%;
	}
	.month-temp > span {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		display: block;
		float: right;
		height: 30px;
		margin-right: 5px;
		padding: 7px 2px;
		text-align: center;
		width: 30px;
	}
	.mini-calendar .months-cal .month-select {
		padding: 8px;
	}
	
	.why-card {
		height: 298px;
		position: relative;
		text-align: left;
	}
	.why-family.item-box .summary-icon, .why-accommodation.item-box .summary-icon, .why-activity.item-box .summary-icon, .why-food.item-box .summary-icon {
		height: 60px !important;
		margin: 34px 0 12px;
		width: 60px !important;
	}
	.why-item {
		display: block;
		height: 149px;
	}
	.why-item.active {
		background-color: #8eccda;
		background-image: url("../images/icons/wg-check-icon.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 50% auto;
		display: block;
	}
	.why-item.active img{
	   opacity: 0.2;
	}
	
	.skoosh-icons img { width: 32px !important; height: 32px !important; margin-top: 5px;}
	.food-mini-icons img {
		height: 20px !important;
		width: 20px !important;
	}
	.food-box span {
		color: #fff;
		display: block;
		font-size: 14px;
		text-transform: uppercase;
	}
	.mini-why .why-family.item-box .summary-icon, .mini-why .why-accommodation.item-box .summary-icon, .mini-why .why-activity.item-box .summary-icon, .mini-why .why-food.item-box .summary-icon {
		height: 55px !important;
		margin: 9px 0;
		width: 55px !important;
	}
	.mini-why .why-item {
		height: 80px;
	}
	.mini-why .item-box {
		height: 75px;
		width: 50%;
	}
	.modal-dialog.modal-wg {
		margin: 70px 20px;
		width: auto;
	}
	.likes-number i {
		font-size: 13px;
	}
	.likes-number .number {
		color: #7f7f7f;
		display: inline-block;
	}
	
	.grid-overflow{
		height: 298px;
	}
	.skoosh-grid {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.skoosh-grid li {
		display: inline-block;
		list-style: outside none none;
	}
	.skoosh-grid li img {
		height: auto;
		margin: 0 0 6px 3px;
		width: 139px !important;
	}
	.saved-venues {
		background: #272c42 none repeat scroll 0 0;
		height: 330px;
		padding: 5px;
		position: relative;
	}
	.saved-venues img {
		height: 296px;
		margin-top: 6px;
		width: auto;
	}
	
	.destination-photo img {
		height: auto;
		width: 328px;
	}
	.likes-number {
		background: #fff none repeat scroll 0 0;
		border-radius: 0 0 0 3px;
		color: #7f7f7f;
		font-size: 18px;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
	
	.coming-soon-overlay {
		height: auto;
		padding: 0px;
		position: absolute;
		text-align: center;
		width: 149px;
	}
	.low45{
		margin-top: 45px;
	}
	.cal-box {
		background: #ffffff none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		float: left;
		height: 82px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 33.3%;
	}
	.month-box .trips {
		background: #272c42 none repeat scroll 0 0;
		border-radius: 20px 0 0 20px;
		bottom: 10px;
		color: #fff;
		font-size: 12px;
		line-height: 12px;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		text-align: right;
	}
	.month-box span {
		color: #292e40;
		font-size: 14px;
		font-weight: 300;
		padding: 10px;
	}
	.low45 {
		margin-top: 25px;
	}
	
    .touch .grid-overflow {
		overflow-y: scroll !important;
    }
	
	.item-box i {
		color: #fff;
		font-size: 80px;
	}
	.icon-box span {
		margin-top: 10px;
	}
	.share-icon {
		border-radius: 3px;
		display: inline-block;
		font-size: 16px;
		height: 40px;
		line-height: 38px;
		margin: 0 5px;
		outline: 0 none;
		text-align: center;
		transition: all 0.3s ease 0s;
		width: 40px;
	}
	.spacer-40{
		display: none;
	}
}


@media(max-width: 767px) and (min-width: 481px){
	.wrap {
		height: 384px;
		margin: 0 auto;
		padding: 0;
		width: 420px;
	}
	.card img, .modal-body .hotel-images img {
		height: 388px ;
		width: auto;
	}
	.item-box {
		background: #272c42 none repeat scroll 0 0;
		border: 1px solid #d9d9d9;
		float: left;
		height: 194px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 194px;
	}
	.fav-card {
		height: 390px;
		position: relative;
		text-align: left;
	}
	.fav-travel.item-box .summary-icon, .fav-destination.item-box .summary-icon {
		height: 88px !important;
		margin: 30px 0 10px;
		width: 88px !important;
	}
	.fav-venue i, .fav-weather i {
		display: block;
		font-size: 80px;
		padding: 30px 0 18px;
	}
	
	.modal-dialog.modal-wg {
		margin: 90px auto;
		width: 520px;
	}
	.saved-venues {
		background: #272c42 none repeat scroll 0 0;
		height: 350px;
		padding: 5px;
		position: relative;
	}
	
	.low45{
		margin-top: 45px;
	}
}

@media(max-width: 1366px) and (min-width: 768px){
	
	.modal-dialog.modal-wg {
		width: 514px;
		margin: 68px auto;
	}
	.main-content > .container {
		padding-bottom: 50px;
		padding-top: 0px;
	}
}

.month-range .ui-slider-tip { display: none !important;}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: auto !important;
    left: 0;
    top: 20px;
    width: 100%;
}


.item-square .mini-icon-box {
	height: 100%;
    text-align: center;
	position: relative;
}
.item-square .mini-icon-box i {
    padding: 26px 0 0;
}
.item-square .mini-icon-box span {
    color: #fff;
    font-size: 12px;
}
.mini-icon-box .venues-number {
    background: #ffffff;
	border-radius: 0 0 0 3px;
    color: #000;
    line-height: 12px;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
}
.mini-icon-box .venues-number span.number {
    color: #7f7f7f;
    font-size: 14px;
}
.mini-icon-box .venues-number i {
    color: red;
    display: inline;
    font-size: 12px;
}



.wg-search > form {
    padding: 20px 0;
}
.wg-search input {
    width: 100%;
	display: block;
	height: 45px;
	border-radius: 3px !important;
}
.modal-wg .container {
    width: auto;
}
.wg-search {
    background: #272c42 none repeat scroll 0 0;
    padding: 40px 20px;
}
.wg-search .form-group {
    margin-bottom: 5px;
    /* padding: 20px; */
}
.wg-search h3 {
    color: #fff;
    display: block;
    font-size: 20px;
    text-align: center;
}

.hotel-images .swiper-pagination {
    position: relative;
}
.hotel-images .swiper-pagination-bullet {
    margin: 0 3px;
}

/* ----------------- Flights Styles ----------------------*/

.wg-flights-wrapper {
    background: #292e40 none repeat scroll 0 0;
    bottom: 0;
    font-size: 13px;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    /* border: 1px solid #d9d9d9;
	padding: 10px; */
}
.wg-flights-header {
    /* background: #272c42 none repeat scroll 0 0; */
    color: #03b0d5;
    font-size: 16px;
    /* padding: 0px 5px 20px; */
    position: relative;
    text-align: right;
	line-height: 1.5em;
}
.wg-flights-header img {
    height: auto !important;
    vertical-align: top;
    width: 140px !important;
}
.wg-flights-section {
	padding: 20px 10px;
}
.flight-edit-button {
    position: absolute;
    right: 5px;
}
.wg-flights-body {
    /* margin: -15px 15px 0; */
	position: relative;
}
.details-flight {
    padding-right: 114px;
}
.flight-company {
    border-bottom: 1px solid #6e707b;
    color: #d9d9d9;
    font-size: 16px;
    /* padding: 5px 5px 5px 0; */
}
.flight-company .days {
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}
.flight-details {
    background: rgba(0, 0, 0, 0) url("/assets/images/plane-arrow.png") no-repeat scroll center center;
	padding: 0 20px;
}
.flight-departure, .flight-arrival {
    padding: 10px;
	font-size: 14px;
    text-align: center;
	color: #d9d9d9;
}
.flight-departure > div, .flight-arrival > div {
    padding-top: 4px;
}
.airport-prefix {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}
.the-flight {
	background: #3f4353 none repeat scroll 0 0;
	border: 1px solid #6e707b;
	margin-bottom: 15px;
	position: relative;
	/* padding: 0 15px 10px; */
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
}
.flight-price {
    /* background: #fff none repeat scroll 0 0; */
    border-left: 1px solid #6e707b;
    padding: 10px;
    position: absolute;
    right: 0;
	text-align: center;
    top: 0;
	color: #d9d9d9;
}
.flight-price .find-flights{
	font-size: 16px;
}
.flight-price .price-of-flights {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6em;
	color: #fff;
}
.price-of-flights {
    padding-bottom: 4px;
    padding-top: 15px;
}
.modal-body .company-logo img {
    height: 32px;
    width: 32px;
	margin: 0 ;
}
.flight-selected-months {
	/* position: absolute; */
	border: 0;
	border-top: 1px solid #545866;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 36px;
	padding: 10px;
	background: #3f4353;
	display: block;
}
.starting-month, .ending-month {
	display: inline-block;
	width: 40%;
	text-align: center;
	border-right: 1px solid #d9d9d9;
	line-height: 18px;
	color: #d9d9d9;
}
.edit-month {
	float: right;
	text-align: center;
	width: 18%;
}
.eidt-month-icon {
	background: #d9d9d9;
	padding: 6px 10px;
	border-radius: 2px;
	color: #414042;
	cursor: pointer;
}
.direct-flight-selector {
	position: relative;
	line-height: 36px;
	font-size: 16px;
	color: #d9d9d9;
}
.specific-days-selector {
	position: relative;
	line-height: 36px;
	font-size: 16px;
	color: #d9d9d9;
}
.select-nr-days {
	position: absolute;
	top: 0;
	right: 10px;
}
.specific-days-selector, .direct-flight-selector{
	margin: 30px 0;
}
#flights_modal .wg-flights-wrapper{
	position: relative;
}
.flights-to-destination {
	color: #414042 !important;
	font-size: 16px !important;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#switch{
    top: 0;
    right: 10px;
    width: 75px;
    height: 40px;
}
.toggle-switch{
    position: absolute;
    border: 2px solid #d9d9d9 ;
    border-radius: 20px;
    -webkit-transition: border-color .6s  ease-out;
    transition: border-color .6s  ease-out;
    box-sizing: border-box;
}
.toggle-switch.toggle-switch-on{
    border-color: rgba(137, 194, 217, .4);
    -webkit-transition: all .5s .15s ease-out;
    transition: all .5s .15s ease-out;
}
.toggle-switch-button{
    position: absolute;
    top: 4px;
    width: 28px;
    bottom: 4px;
    right: 39px;
    background-color: #3f4353 ;
    border-radius: 19px; 
    cursor: pointer;
    -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
    transition: all .3s .1s, width .1s, top .1s, bottom .1s;
}
.toggle-switch-on .toggle-switch-button{
    top: 3px;
    width: 65px;
    bottom: 3px;
    right: 3px;
    border-radius: 23px;
    background-color: #89c2da;
    /* box-shadow: 0 0 16px #4b7a8d; */
    -webkit-transition: all .2s .1s, right .1s;
    transition: all .2s .1s, right .1s;
}
.toggle-switch-text-on{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 36px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
    -webkit-user-select: none; /* Chrome/Safari */    
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */


    color: rgba(0,0,0,0);
}
.beta-v {
	position: absolute;
	/* top: 10px; */
	right: calc(50% - 25px);
	font-size: 16px;
	font-weight: 700;
	background: #89c2da;
	padding: 5px;
}
.toggle-switch-on .toggle-switch-text-on{
    color: #3b6a7d;
    -webkit-transition: color .3s .15s ;
    transition: color .3s .15s ;
}
.toggle-switch-text-off{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    line-height: 36px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: bold;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    cursor: pointer;

    color: #3f4353;
}
.toggle-switch-on .toggle-switch-text-off{
    color: rgba(0,0,0,0);
}
/* used for streak effect */
.glow-comp{
    position: absolute;
    opacity: 0;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 6px;
    background-color: rgba(75, 122, 141, .1);
    box-shadow: 0 0 12px rgba(75, 122, 141, .2);
    -webkit-transition: opacity 4.5s 1s;
    transition: opacity 4.5s 1s;
}
.toggle-switch-on .glow-comp{
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}


.form-control.input-lg.departure-airport {
	font-size: 16px;
	border-radius: 3px !important;
	border: none;
}
.selected-pills {
	margin: 10px 0;
}
.airport-pill {
	padding: 3px 34px 3px 5px;
	position: relative;
	border: 1px solid #545866;
	display: inline-block;
	border-radius: 3px;
	background: #3b3f50;
	overflow: hidden;
}
.airport-pill-remove {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #292e40;
	color: #bb1a1a;
	padding: 8px;
	font-size: 8px;
	cursor: pointer;
}
.airport-pill-remove:hover {
	color: #fff;
}

.flying-dates {
	border: 1px solid rgba(255,255,255,.2);
	padding: 5px;
	border-radius: 5px;
	background: #3b3f50;
	margin: 20px 0;
}
.fly-in, .fly-out {
	float: left;
	width: 50%;
	padding: 5px;
	position: relative;
}
.fly-out {
	border-right: 1px solid rgba(255,255,255,.2);
}
.fly-in-date, .fly-out-date {
	font-size: 16px;
	color: #d9d9d9;
	padding-left: 35px;
}
.fly-calendar {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 48px;
	color: #d9d9d9;
	cursor: pointer;
}
.fly-out-title, .fly-in-title {
	font-size: 24px;
	position: absolute;
	left: 5px;
	top: 0;
}
@media (max-width: 485px){
	.details-flight {
		padding-right: 0; 
	}
	.flight-details {
		background: rgba(0, 0, 0, 0) url("/assets/images/plane-arrow.png") no-repeat scroll center center;
		padding: 0 10px;
	}
	.flight-departure, .flight-arrival {
		padding: 5px;
		font-size: 14px;
		text-align: center;
		color: #d9d9d9;
	}
	.flight-price {
		/* background: #fff none repeat scroll 0 0; */
		border-left: 1px solid #6e707b;
		padding: 10px;
		position: relative;
		right: 0;
		text-align: center;
		top: 0;
		color: #d9d9d9;
	}
	.arrival-date, .departure-date {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.flight-price .price-of-flights {
		font-size: 30px;
		font-weight: 700;
		line-height: 1em;
		color: #fff;
	}
	.flight-price {
		/* background: #fff none repeat scroll 0 0; */
		border-left: none;
		padding: 10px;
		position: relative;
		right: 0;
		text-align: center;
		top: 0;
		color: #d9d9d9;
		border-top: 1px solid #6e707b;
	}
	.fly-calendar {
		position: absolute;
		right: 0px;
		top: 30%;
		transform: translateY(-50%);
		font-size: 32px;
		color: #d9d9d9;
		cursor: pointer;
	}
}














/* new reviews style */

.reviews {
    padding-top: 10px;
}
.reviews-header {
    background: #272c42 none repeat scroll 0 0;
    padding: 5px 15px 25px;
}
.reviews-location-name {
    color: #ffffff;
    font-size: 22px;
	margin-right: 15px;
}
.reviews-location-type {
    color: #d9d9d9;
    font-size: 14px;
}
.reviews-location-address {
    color: #d9d9d9;
	padding-bottom: 8px;
}
.reviews-ratings {
    padding: 8px 0px 0;
	border-top: 1px solid #686c7b;
	position: relative;
}
.reviews-ratings .venue-votes {
	color: #fff;
    float: left;
    line-height: 18px;
    padding: 2px 7px;
}
.ratingbox {
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 24px;
    padding: 0.2rem;
    text-align: center;
    width: 3.4rem;
}
.ratingbox.gyg{
	background: #ff3d00;
}
.ratingbox.fs{
	background: #73cf42;
}
.ratingbox.hw{
	background: #ff7346;
}
.venue-score.gyg{
	background: #ff3d00;
}
.venue-score.fs{
	background: #73cf42;
}
.venue-score.ty{
	background: transparent;
	padding: 0;
	max-height: 60px;
}
.trustscore-container .score {
	margin-top: 12px !important;
	color: #ddd !important;
}
.trustscore-container .badges {
	top: 0;
	position: absolute;
}
.trustyou-ui.rating {
	display: none;
}
.venue-score.hw{
	background: #ff7346;
}
.reviews-section .gyg-badge {
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    bottom: 0;
    height: 35px;
    left: 0;
    padding: 0;
    text-align: center;
    width: 35px;
}
.review-badge {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    bottom: 1px;
    height: 36px;
    left: 1px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 36px;
    z-index: 100;
}
.review-badge img {
    height: 35px !important;
    width: auto !important;
}
.reviews-section .gyg-badge img {
    height: 35px !important;
    width: auto !important;
}
.rating-stars {
    background-image: url("/assets/images/yellow-stars.svg");
    background-position: -1000px center;
    background-repeat: no-repeat;
    direction: rtl;
    display: inline-block;
    height: 18px;
    text-indent: -9000px;
    vertical-align: middle;
    width: 92px;
}
.rating-stars--medium {
    /* background-size: 115px 270px; */
    height: 20px;
    width: 115px;
}
.rating-stars.s50 {
    background-position: 0 0;
}
.rating-stars.s45 {
    background-position: 0 -20px;
}
.rating-stars.s40 {
    background-position: 0 -40px;
}
.rating-stars.s35 {
    background-position: 0 -60px;
}
.rating-stars.s30 {
    background-position: 0 -80px;
}
.rating-stars.s25 {
    background-position: 0 -100px;
}
.rating-stars.s20{
    background-position: 0 -120px;
}
.rating-stars.s15{
    background-position: 0 -140px;
}
.rating-stars.s10{
    background-position: 0 -160px;
}
.rating-stars--medium.s50 {
    background-position: 0 0;
}
.reviews-body {
    margin: -15px 15px 0;
}
.reviews-gyg {
    border-top: 1px solid #d9d9d9;
}
.review-title.gyg, .review-title.hw {
    color: #414042;
    float: left;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
}
.review-header {
    border-top: 1ps solid #d9d9d9;;
}
.review-header.gyg, .review-header.hw {
    padding: 5px 0;
}
.review-details.gyg, .review-details.hw {
    float: right;
    font-size: 12px;
    text-align: right;
}
.byline .author {
    color: #414042;
    font-weight: 600;
}
.revirew-text {
    color: #414042;
    font-family: "Lato";
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0;
}
.venues-more-info {
    border-left: 1px solid #d9d9d9;
    float: right;
    font-size: 18px;
    line-height: 26px;
    padding: 7px 10px 7px 15px;
    color: #414042;
    cursor: pointer;
}
.venue-links{
	background: #efefef;
	margin-top: 8px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.venue-votes.hw{
	color: #ff7346;
	font-size: 14px;
}
.venue-votes.hw .reviews-count {
    color: #ff7346;
    display: block;
    font-size: 0.65rem;
    position: relative;
    text-transform: capitalize;
    /* top: -4px; */
}

.hw-avatar {
    background-image: url("http://icd.hwstatic.com/static/images/3.36.1.0/user_avatar_default.jpg");
    background-position: center center;
    border: 1px solid #ccc;
    height: 34px;
    margin-bottom: 0.5rem;
    width: 34px;
}
.hw-textrating {
    background-color: #ff7346;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.1rem 0.3rem;
    text-align: center;
    white-space: nowrap;
    width: auto;
}
.reviews.hw{
	margin-left: 50px;
}

.reviews.hw .review-header {
    height: 20px;
    line-height: 18px;
}
.the-review {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 0 15px 10px;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
			box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}
.view-on {
    margin-bottom: 20px;
    text-align: center;
}
.hw-user, .fs-user{
	margin-top: 12px;
}
span.reviewdate {
    color: #666;
    display: inline-block;
    float: right;
    font-size: 0.75rem;
    margin-left: 1rem;
    margin-top: 0.2rem;
    position: relative;
}
.venue-review-avatar.fs {
    margin-top: 10px;
}
.wg-reviews-wrapper{
	background: #f6f6f6;
}
.byline {
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
}
.venue-more-info {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 5px;
	cursor: pointer;
}
.venue-source.gyg, .venue-source.fs, .venue-source.ty{
    position: absolute;
    right: 0;
    top: 3px;
}
.venue-source.gyg img {
    height: 55px;
    width: auto;
}
.venue-source.fs img, .venue-source.ty img{
    height: 45px;
    width: auto;
	margin-top: 5px;
}

.card{
	position: absolute;
	width: 100%;
  -webkit-transform: rotateX(0deg) translate3d(0,0,0);
  -moz-transform: rotateX(0deg) translate3d(0,0,0);
  -ms-transform: rotateX(0deg) translate3d(0,0,0);
  -o-transform: rotateX(0deg) translate3d(0,0,0);
  transform: rotateX(0deg) translate3d(0,0,0);
      transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.card:nth-child(4) {
  z-index: 97;
}
.card:nth-child(3) {
  z-index: 98;
}
.card:nth-child(2) {
  z-index: 99;
}
.card:nth-child(1) {
  z-index: 100;
  transform: perspective(1400px) rotateX(0deg);
}
.card:nth-child(3) {
  -webkit-transform: scale(0.9216) translate3d(0,-30px,0);
  -moz-transform: scale(0.9216) translate3d(0,-30px,0);
  -ms-transform: scale(0.9216) translate3d(0,-30px,0);
  -o-transform: scale(0.9216) translate3d(0,-30px,0);
  transform: scale(0.9216) translate3d(0,-30px,0);
  background: #43485c;
}
.card:nth-child(2) {
  -webkit-transform: scale(0.96) translate3d(0,-15px,0);
  -moz-transform: scale(0.96) translate3d(0,-15px,0);
  -ms-transform: scale(0.96) translate3d(0,-15px,0);
  -o-transform: scale(0.96) translate3d(0,-15px,0);
  transform: scale(0.96) translate3d(0,-15px,0);
  background: #777c90;
}
.card:nth-child(1) {
  -webkit-transform: scale(1) translate3d(0,0px,0);
  -moz-transform: scale(1) translate3d(0,0px,0);
  -ms-transform: scale(1) translate3d(0,0px,0);
  -o-transform: scale(1) translate3d(0,0px,0);
  transform: scale(1) translate3d(0,0px,0);
  transform: perspective(1400px) rotateX(0deg);
}
.flip-container:nth-child(3) ~ div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 5;
  -webkit-transform: scale(0.884736) translate3d(0,10px,0);
  -moz-transform: scale(0.884736) translate3d(0,10px,0);
  -ms-transform: scale(0.884736) translate3d(0,10px,0);
  -o-transform: scale(0.884736) translate3d(0,10px,0);
  transform: scale(0.884736) translate3d(0,10px,0);
}

.flip-container.flipped.dislike-flipped {
    transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
	transform: perspective(1400px) rotateX(-180deg);
	transform-origin: bottom;
}

.flip-container.dislike-flipped {
    transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
	transform: perspective(1400px) rotateX(-180deg);
	transform-origin: bottom;
}


.spacer-5 {
    height: 5px;
}
.spacer-18 {
    height: 18px;
}
.spacer-40 {
    height: 40px;
}
.blur {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.7;
	z-index: 11;
    display: none;
}



.calendar-table{display:table;width:100%;table-layout:fixed; height: 100%;}
.calendar-row{display:table-row;}
.calendar-cell{display:table-cell;text-align:center; vertical-align: middle;}

/* TEMP */
.calendar-table{border:none;}
.calendar-row{}
.calendar-cell{border-left:#fff 1px solid;border-top:#fff 1px solid;}
.calendar-row:first-child .calendar-cell{border-top:none;}
.calendar-cell:first-child{border-left:none;}

.filter-calendar {
    height: 140px;
    padding: 38px 10px;
    width: 230px;
}
/* .filter-calendar .month:first-child {
    border-bottom: 1px solid #8e8e93;
    padding-bottom: 12px;
} */
.filter-calendar .month:first-child {
    float: left;
}
.filter-calendar .month:last-child {
    float: right;
}
.filter-calendar .month {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}
.filter-calendar .month span {
    display: block;
    font-size: 26px;
    line-height: 26px;
	font-weight: 700;
}
.filter-calendar > span {
    display: inline-block;
    /* line-height: 28px;
    padding: 10px 0; */
}
.filter-calendar .filter-calendar span span {
    display: block;
}
.filter-calendar .months {
    color: #fff;
    font-size: 16px;
}
.filter-calendar .temps {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}
.filter-calendar .temps > .convert-cf-source {
	color: #fff;
	font-size: 26px;
	font-weight: 700;
}
.filter-calendar .temps > span {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding: 10px 0;
    vertical-align: top;
}
.filter-calendar-single {
	border: 3px solid #fff;
	border-radius: 70px;
	height: 90px;
	padding: 12px 10px;
	width: 90px;
}
.filter-calendar .months-single {
    color: #fff;
    font-size: 16px;
}
.filter-calendar .temps-single {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}
.convert-cf {
	color: #999;
	font-size: 18px;
	font-weight: 400;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.convert-cf:hover, .convert-cf:focus {
	color: #d9d9d9;
}
.convert-cf .active {
	color: #fff;
	font-weight: 700;
}
.select-nr-days .tapEntry{
	width: 30px;
}

.select-nr-days .tapBox {
	display: block;
	float: right;
	margin: 0;
	border: 2px solid #d9d9d9;
	border-radius: 20px;
}
.select-nr-days .tapDown {
	border: none;
	border-radius: 100%;
	color: #fff;
	float: left;
	height: 34px;
	text-align: center;
	width: 34px;
	cursor: pointer;
}
.select-nr-days .tapUp {
	border: none;
	border-radius: 100%;
	color: #fff;
	float: left;
	height: 34px;
	text-align: center;
	width: 34px;
	cursor: pointer;
}
.select-nr-days .tapEntry span {
	font-size: 16px;
}
.select-nr-days .tapDown span,.select-nr-days  .tapUp span,.select-nr-days  .tapEntry span{
	font-size: 14px;
}
.select-nr-days .tapEntry span {
	font-size: 16px !important;
	font-weight: 700;
}


@media (max-width: 480px) and (min-width: 320px) {
	.convert-cf span {
		color: #fff;
		font-weight: 700;
		display: inline !important;
	}
}
.click-calendar {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 18px;
}
.click-calendar i {
	font-size: 34px;
}


@media (max-width: 485px){
	
	.filter-calendar .temp-single {
		border: 3px solid #fff;
		border-radius: 70px;
		height: 90px;
		padding: 12px 10px;
		width: 90px;
	}
	.filter-calendar {
		/* border: 3px solid #fff; */
		border-radius: 70px;
		height: 120px;
		padding: 22px 0px;
		width: 140px;
	}
	.filter-calendar .temps {
		color: #fff;
		font-size: 21px;
		font-weight: 700;
	}
	.filter-calendar .months {
		color: #fff;
		font-size: 16px;
		padding-top: 8px;
	}
	.filter-calendar .temps > span {
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		padding: 8px 0;
		vertical-align: top;
		margin-top: 0;
		display: inline-block;
	}
	.filter-calendar-single {
		border: 3px solid #fff;
		border-radius: 70px;
		height: 90px;
		padding: 12px 10px;
		width: 90px;
	}
}

.seg {
  display: inline-block;
  margin: 0 5px;
  font-family: 'Helvetica Neue', sans-serif;
}
.mt-20{
	margin-top: 20px;
}
.flip-wrapper {
	position: relative;
	height: 30px;
	width: 20px;
    /* float:left; */
	display: inline-block;
/* 
    border-left: 1px solid #000; */
}
.flip-wrapper div { width: 20px;}

.flip {
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  /* border: 1px solid black; */
  border-left: none;
  height: 100%;
  padding: 0 1px;
  color: #FAFAFA;
  border-radius: 0px;
  background: #272c42;
  font-weight: normal;
  font-size: 24px;
  text-shadow: 0 -1px  black;
  /* box-shadow: 0 1px 2px rgba(0,0,0,.3),
              0 1px 0 rgba(255,255,255,.3) inset;
              0 0 1px rgba(255,255,255,.3) inset; */
}

.flip--top, .flip--bottom { overflow: hidden; }

.flip--top.animated {
  animation: flip 1000ms ease-in-out 1000ms;
}
.flip--top {
  transform-origin: bottom;
  height: 50%;
  border-radius:0;
  z-index: 2;

  backface-visibility: hidden;
}

.flip--back.animated {
  animation: flip-back 1000ms ease-in-out 1000ms;
}
.flip--back {
  line-height: 0;
  transform-origin: top;
  transform: rotateX(180deg);
  margin-top: 14px;
  border-radius:0;
}

.flip--bottom {
  height: 50%;
  margin-top: 15px;
  border-radius: 0;
  border-top: none;
  line-height: 0;
  z-index: 1
}


@-webkit-keyframes flip {
  to {
    transform: rotateX(180deg); 
  }
}

@-webkit-keyframes flip-back {
  to {
    transform: rotateX(0deg); 
  }
}
/* 
.category-sleep {
    background: #61b5c1;
}
.category-food {
    background: #64fa3a;
}
.category-activity {
    background: #f05158;
}
 */
.venue-icon-modal {
	position: absolute;
	font-size: 40px;
	color: #414042;
	top: 7px;
}


.wg-location-header {
	text-align: center;
	padding: 20px 20px 0;
}
.wg-pin {
	width: 64px;
	height: 64px;
	padding: 8px;
	background: #272c42;
	border-radius: 50%;
	margin: 0 auto;
}
.wg-pin img {
	width: 50px;
	height: auto;
}

.share-location-text {
	color: #000;
	font-size: 16px;
	padding: 20px;
	text-align: center;
	letter-spacing: 1px;
}
.share-location-buttons {
	border-top: 1px solid #8eccda;
	text-align: center;
}
.share-location-buttons a {
	color: #272c42;
	width: 49%;
	padding: 10px;
	display: inline-block;
	margin: 10px 0;
}
.share-location-buttons a:last-child {
	border-left: 1px solid #8eccda;
}


.hotel-prices {
	background: #272c42;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 40px;
	font-size: 14px;
}
.info-prices {
	border-bottom: 1px solid #4a5373;
	width: 60%;
	margin: 20px auto 5px;
}
.hotel-arrival {
	float: left;
	text-align: right;
	width: 50%;
	padding-right: 40px;
	border-right: 1px solid #4a5373;
	padding-bottom: 10px;
}
.hotel-departure {
	float: left;
	text-align: left;
	width: 50%;
	padding-left: 40px;
}
.arrival-date, .departure-date {
	font-size: 14px;
	/* color: #000; */
	line-height: 12px;
}
.info-price {
	font-size: 30px;
	/* color: #272c42; */
	font-weight: 700;
	padding-top: 50px;
}
.wg-button {
	background: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	margin-top: 40px;
	color: #272c42;
}
.wg-button:hover {
	background: #272c42;
	color: #fff;
	border: 1px solid #8e8e93;
}
.arrival-text, .departure-text {
	color: #8e8e93;
}
@media (max-width: 485px){
	
	.wg-button {
		background: #fff;
		border: none;
		padding: 10px 20px;
		border-radius: 5px;
		margin-top: 10px;
		color: #272c42;
	}
	.info-price {
		padding-top: 0px;
	}
	.hotel-prices {
		padding-top: 20px;
	}
/* 	.arrival-date, .departure-date {
		font-size: 20px;
		line-height: 36px;
	} */
	.info-prices {
		border-bottom: 1px solid #4a5373;
		width: 80%;
		margin: 20px auto 5px;
	}
	.wg-flights-wrapper.perfect-scrollbar {
		overflow-y: auto;
	}
}

.map-filters-container {
	position: absolute;
	bottom: 54px;
	left: 0;
	right: 0;
	z-index: 1100;
	background: #272c42;
	padding-top: 20px;
}


.side-pull {
    position: fixed;
    right: 0px;
	margin-top: 5px;
    top: 60px;
	bottom: 53px;
    min-width: 260px;
    /* padding: 20px !important;
    height: calc(100vh - 60px); */
    background-color: rgba(27, 31, 46, 1);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
	overflow-y: auto;
	z-index: 2;
}
.side-pull .favView .background {
    background: #1b1f2e none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.side-pull .favView {
    margin-bottom: 8px;
    padding: 15px 5px;
    position: relative;
    text-align: center;
	border-bottom: 1px solid #272c42;
}
.side-pull li {
    margin-bottom: 20px;
}
.nav-view {
    transform: translateX(0);
}
.side-pull li {
	list-style-type: none;
	margin-bottom: 20px;
}
.side-pull ul {
	padding: 0 10px;
}
.side-pull .dropdown-header {
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	float: none;
}
.side-pull .saved-trips {
	color: #80cbdb;
	float: none;
	padding: 0;
}
.fav-saved{
	width: 210px;
}

header .navbar-right > li > a:hover, header .navbar-right > li > a:focus, header .navbar-right > li > a:active {
	background: #1c222a !important;
}

body.no-scroll {
    overflow-y: hidden;
}










/* =========== The side menu ============ */


.sidebar-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 999;
    display: none;
    cursor: crosshair
}
.wg-sidebar {
    background: #414141 none repeat scroll 0 0;
    bottom: 0;
    right: 0px;
    min-width: 350px;
    padding: 20px;
    position: fixed;
    top: 0;
	height: 100%;
	-webkit-transition: transform 320ms ease;
    -moz-transition: transform 320ms ease;
    -ms-transition: transform 320ms ease;
    -o-transition: transform 320ms ease;
    transition: transform 320ms ease;
	z-index: 99;
}
.wg-sidebar.sidebar-closed {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
	right: 0;
}
.transparent {
	background: transparent !important;
	border: 1px solid rgba(217, 217, 217, 0.1) !important;
}
@media (max-width: 480px){
	.wg-sidebar {
		background: #acacac none repeat scroll 0 0;
		bottom: 0;
		height: 100%;
		left: 20px;
		min-width: 300px;
		padding: 20px;
		position: fixed;
		right: 20px;
		top: 10px;
		transition: transform 320ms ease 0s;
		z-index: 99;
	}
	.navbar .navbar-header .js-openSidebar{
		height: auto;
	}
	.side-pull {
		bottom: 0;
	}
	.nav-view{
		right: 15px;
	}
	
	.wg-pin {
		width: 64px;
		height: 40px;
		padding: 8px;
		background: #272c42;
		border-radius: 50%;
		margin: 0 auto;
	}
	.share-destination-card .share-icon {
		border-radius: 0;
		line-height: 36px;
		width: 40px;
		height: 40px;
	}
}
@media (min-width: 320px) and (max-width: 359px){
	.wg-pin {
		width: 64px;
		height: 30px;
		padding: 0;
		background: #272c42;
		border-radius: 50%;
		margin: 0 auto;
	}
	
	.item-box i {
		color: #fff;
		font-size: 40px;
	}
	.filter-calendar .temps {
		color: #fff;
		font-size: 20px;
		font-weight: 700;
	}
	.filter-calendar .temps > .convert-cf-source {
		color: #fff;
		font-size: 20px;
		font-weight: 700;
	}
}

.ty-tabs {
	background: #fff;
}
.ty-tabs ul.trustyou {
	display: table;
	padding: 0;
	background: #e6e8e8;
	margin: 0;
}
.ty-tabs li {
	display: table-cell;
	position: relative;
	width: auto;
	vertical-align: bottom;
}
.ty-tabs ul.trustyou li a {
	width: 1000px;
	display: table-cell;
	vertical-align: middle;
	height: 64px;
	font-size: 12px;
	padding: 5px 0;
	color: #272c42;
	text-align: center;
}
.ty-tabs ul.trustyou li.active a {
	background: #fff
}
.ty-tabs ul.trustyou li a span {
	display: block;
	color: #999;
}
.ty-tabs ul.trustyou li.active a span {
	color: #689cd4;
}
.ty-tabs ul.trustyou li a span i {
	/* font-size: 24px;
	margin-top: 10px; */
}
.ty-tabs ul.trustyou li a span.type {
	font-weight: 600;
}
.ty-tabs ul.trustyou li a span.percentage {
	font-weight: 300;
}

.highlight-category {
	padding: 10px 0;
	border-top: 1px dashed #d9d9d9;
}
.good-to-know .category-label {
	float: left;
	width: 120px;
	word-break: break-all;
	line-height: 1.0em;
	padding: 0 5px;
}
.good-to-know .category-label .result-chart {
	float: left;
	margin-right: 15px;
	width: 100px;
	height: 15px;
	background: #f0f0f0;
}
.good-to-know .category-label .result-chart .result-value {
	height: 100%;
	background: #9acf89;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
.good-to-know .category-results {
	float: left;
	width: calc(100% - 125px);
}
.good-to-know .result-description p {
	margin: 2px 0;
}
.result-description .ty-icon {
	font-size: 12px;
	color: #9acf89;
}

@media( max-width: 485px ){
	.good-to-know .category-label {
		float: none;
		width: 100%;
		word-break: break-all;
		line-height: 1.0em;
		padding: 0 5px;
		display: block;
	}
	.good-to-know .category-label .result-chart {
		float: none;
		margin-right: 15px;
		width: 100%;
		height: 15px;
		background: #f0f0f0;
	}
	.good-to-know .category-results {
		float: none;
		width: 100%;
		padding: 20px 5px 0;
	}
	.good-to-know .result-description p {
		margin: 0 0 10px;
	}
}

.badge-ty.ranking {
	border-bottom: none;
	padding-bottom: 0;
	margin-top: 4px;
}
.badge-ty.ranking .rank {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	width: calc(100% - 26px);
	margin-bottom: 0px;
	min-height: 45px;
}
.starburst {
	background: #d4d4d4;
	width: 26px;
	height: 26px;
	text-align: center;
	color: #fff;
	position: relative;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	float: left;
	z-index: 3;
}
.starburst {
 background:#d4d4d4;
 width:26px;
 height:26px;
 text-align:center;
 color:#fff;
 position:relative;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg);
 float:left;
 z-index:3
}

.starburst:after,.starburst:before {
 content:"";
 position:absolute;
 z-index:3;
 width:26px;
 height:26px;
 background:#d4d4d4
}
.starburst:before {
 top:0;
 left:0;
 -webkit-transform:rotate(-30deg);
 -moz-transform:rotate(-30deg);
 -ms-transform:rotate(-30deg);
 -o-transform:rotate(-30deg);
 transform:rotate(-30deg)
}
.starburst:after {
 top:0;
 left:0;
 -webkit-transform:rotate(-15deg);
 -moz-transform:rotate(-15deg);
 -ms-transform:rotate(-15deg);
 -o-transform:rotate(-15deg);
 transform:rotate(-15deg)
}
.starburst span {
 position:absolute;
 width:26px;
 height:26px;
 bottom:0;
 right:0;
 background:#d4d4d4;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg);
 z-index:4
}
.starburst span:after,.starburst span:before {
 top:0;
 left:0;
 height:26px;
 width:26px;
 background:#d4d4d4;
 content:"";
 position:absolute
}
.starburst span:before {
 -webkit-transform:rotate(60deg);
 -moz-transform:rotate(60deg);
 -ms-transform:rotate(60deg);
 -o-transform:rotate(60deg);
 transform:rotate(60deg)
}
.starburst span:after {
 -webkit-transform:rotate(75deg);
 -moz-transform:rotate(75deg);
 -ms-transform:rotate(75deg);
 -o-transform:rotate(75deg);
 transform:rotate(75deg)
}
.starburst .ty-icon {
 color:#fff;
 font-size:18px;
 position:relative;
 top:3px;
 z-index:1
}
.starburst .ribbon-tail {
 position:relative;
 z-index:2;
 display:inline-block;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.starburst .ribbon-tail:after,.starburst .ribbon-tail:before {
 content:'';
 position:absolute;
 display:block;
 width:0;
 height:0;
 z-index:-1;
 padding-top:21px
}
.starburst .ribbon-tail:before {
 border-color:transparent #bbbdc0;
 border-style:solid;
 border-width:0 11px 11px;
 left:-10px;
 top:4px;
}
.badge-ty.ranking .rank .rank-value {
 -moz-transition:all .1s ease-in-out;
 -o-transition:all .1s ease-in-out;
 -webkit-transition:all .1s ease-in-out;
 transition:all .1s ease-in-out;
 color:#333;
 text-transform:capitalize;
 text-align:left;
 font-size:.9em;
 font-weight:500;
 padding:0px 0 2px 7px;
 width:100%;
 width:calc(100% - 40px);
 margin-left:30px;
 position:absolute;
 line-height:14px
}
.badge-ty.ranking .rank .rank-value strong {
 color:#3498db;
 text-transform:uppercase;
 display: block;
 text-align: left;
}
.badge-ty.ranking .rank .rank-value .hotel-type {
	font-size: 1.2em;
	color: #000;
}
.badge-ty.ranking .rank .rank-value .ranking-percentage {
 -moz-transition:all .1s ease-in-out;
 -o-transition:all .1s ease-in-out;
 -webkit-transition:all .1s ease-in-out;
 transition:all .1s ease-in-out;
 display:block;
 text-transform:none;
 color:#aaa;
 font-weight:400;
 margin-top:0px
}
.rank-value .label {
	padding: 3px 0 0 !important;
	font-size: 1.2em !important;
	line-height: 14px;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 14px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 2px solid #7d808e;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.popover-title {
	text-align: center;
	color: #272c42;
	font-weight: 700;
	font-size: 16px !important;
}
.popover-content {
	color: #000;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
	margin: 0 5px;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
	border-left-color: #ccc !important;
	margin: 0;
}
.popover[class*="tour-"] .popover-navigation {
	padding: 9px 14px;
	overflow: hidden;
}
.btn-default:focus, .btn-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad !important;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad !important;
}
.fade.in {
	opacity: 1;
}























#venue_modal #spinner { top: 35%; }