﻿/*
Sworld css main file
*/


/*
michele.css
main.css
main2.css
layout.css
homeLeft.css
index.jsp block1 style
guest.jsp block1 style
index.jsp style block 2
aHeader.jsp
aNotifications.jsp
aMenu.jsp - nothing
aWelcome.jsp - nothing
aHome.jsp
aFilters.jsp - in aHome.jsp
aSocial.jsp
aProfileWall.jsp
aProfileContent.jsp
aProfileFriends.jsp
aProfileMessages.jsp
aProfileSmilingFaces.jsp
aProfileBuyings.jsp
aProfileSeller.jsp
aProfileExpert.jsp
aProfileEditUserData.jsp
aVisitedProfile.jsp
aChatWindow.jsp
aDisclaimer.jsp
aPlaceAddPriceModal.jsp
aContentAddModal.jsp
	aPlaceAddModal.jsp
	aPhotoAlbumAddModal.jsp
	aItineraryAddModal.jsp
	aEventAddModal.jsp
	aMuseumAddModal.jsp
aDiaryAddModal.jsp	
aQuickRequestAddModal.jsp
aSmilingfacesAddModal.jsp
aBuyTicketModal.jsp
ticketsIn.css
aTicketsAddModal.jsp
aBhAddModal.jsp
sw-partners.jsp
aBecomePremiumUserModal.jsp
aBecomeSellerUserModal.jsp
aBecomeExpertUserModal.jsp
*/


/*
<!-- Project css -->
*/


/*
pulse - text opacity animation
*/
#cardComp{
	display:none;
	/* width: 315px;
	height: auto; */
	text-align: center;
	position: absolute;
	background-color: #fff;
	z-index: 99999;
	right: 20px; 
	bottom: 45px;
	border: 1px solid #000;
}
.imageCardComp{
	border: 1px solid darkgrey;
	height: 395px;
	box-shadow: 0 20px 16px -16px #333333;;
	padding: 4px;
             }

p#listMsg ul li{
cursor:pointer;
}

#formattedMsg{
background: #e6e6e6;
border-radius: 8px;
padding: 5px;		
}


#detailsMapPlace
{

    position: relative;
    top:0;
    bottom:0;
    width:100%;
    height: 180px;
	
	
	
}

.iconWhite{color:#fff;}

.mapboxgl-ctrl-geocoder { min-width:100%; }

  #giveVoice{
	position: absolute; 
	left: 20px; top: 20px; 
	font-size: 13px;
    }

.pulse {
	-webkit-animation: blink 1500ms infinite;
	animation: blink 1500ms infinite;
}

@-webkit-keyframes blink {
	50% {
		opacity: 0.6;
	}
}

@keyframes blink {
	50% {
		opacity: 0.6;
	}
}


/*michele.css*/

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
ul {
	padding-left: 0px;
	display: block;
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}

.catUnChecked {
	background-color: #cecece !important
}

figure.front .amazingViews,
figure.front .cat_oid_11 {
	background-image: url(../image/filters/1.png);
	background-color: rgb(154, 245, 19), 245, 19), 245, 19), 245, 19);
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .artMuseums,
figure.front .cat_oid_14  {
	background-image: url(../image/filters/2.png);
	background-color: #3F606F;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .historicalSites,
figure.front .cat_oid_16  {
	background-image: url(../image/filters/3.png);
	background-color: #163446;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .lighthouses,
figure.front .cat_oid_20  {
	background-image: url(../image/filters/4.png);
	background-color: #866995;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .manufacturers,
figure.front .cat_oid_22  {
	background-image: url(../image/filters/5.png);
	background-color: #865A33;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .movieLocations,
figure.front .cat_oid_24  {
	background-image: url(../image/filters/6.png);
	background-color: #A94144;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .musicWorld,
figure.front .cat_oid_25  {
	background-image: url(../image/filters/7.png);
	background-color: #D68845;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .placesToStay,
figure.front .cat_oid_26  {
	background-image: url(../image/filters/8.png);
	background-color: #DAAD58;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .buildingsCastles,
figure.front .cat_oid_29  {
	background-image: url(../image/filters/9.png);
	background-color: #27767A;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .seeSites,
figure.front .cat_oid_30  {
	background-image: url(../image/filters/10.png);
	background-color: #05BDC7;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .pristineNature,
figure.front .cat_oid_33  {
	background-image: url(../image/filters/11.png);
	background-color: #76904F;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .smallVillages,
figure.front .cat_oid_35  {
	background-image: url(../image/filters/12.png);
	background-color: #866995;
	background-size: 30px;
	background-repeat: no-repeat;
}


figure.front .gardensAndParks,
figure.front .cat_oid_59  {
	background-image: url(../image/filters/11.png);
	background-color: #866995;
	background-size: 30px;
	background-repeat: no-repeat;
}


figure.front .beachesAndpools,
figure.front .cat_oid_58  {
	background-image: url(../image/filters/13.png);
	background-color: #866995;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .teatro,
figure.front .cat_oid_41  {
	background-image: url(../image/filters/13.png);
	background-color: #f8993b;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .concerti,
figure.front .cat_oid_42  {
	background-image: url(../image/filters/14.png);
	background-color: #aa4145;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .mercatini,
figure.front .cat_oid_43  {
	background-image: url(../image/filters/15.png);
	background-color: #d88946;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .mercatiniDiNatale,
figure.front .cat_oid_44  {
	background-image: url(../image/filters/16.png);
	background-color: #dbad58;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .presepi,
figure.front .cat_oid_45  {
	background-image: url(../image/filters/17.png);
	background-color: #22777a;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .carnevale,
figure.front .cat_oid_46  {
	background-image: url(../image/filters/18.png);
	background-color: #19bdc7;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .processioniReligiose,
figure.front .cat_oid_47  {
	background-image: url(../image/filters/19.png);
	background-color: #779150;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .pasqua,
figure.front .cat_oid_48  {
	background-image: url(../image/filters/20.png);
	background-color: #886b97;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .gallerie,
figure.front .cat_oid_57  {
	background-image: url(../image/filters/21.png);
	background-color: #f8993b;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .religiousPlaces,
figure.front .cat_oid_13  {
	background-image: url(../image/filters/22.png);
	background-color: #54458a;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .restaurantsBarsCafes,
figure.front .cat_oid_15  {
	background-image: url(../image/filters/23.png);
	background-color: #19bdc7;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .sportsActivities,
figure.front .cat_oid_19  {
	background-image: url(../image/filters/24.png);
	background-color: #886b97;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .typicalProducts,
figure.front .cat_oid_21  {
	background-image: url(../image/filters/25.png);
	background-color: #25957c;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .wineWorld,
figure.front .cat_oid_23  {
	background-image: url(../image/filters/26.png);
	background-color: #9b6d2f;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .other,
figure.front .cat_oid_27  {
	background-image: url(../image/filters/27.png);
	background-color: #9962a5;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .groups,
figure.front .cat_oid_28  {
	background-image: url(../image/filters/28.png);
	background-color: #686868;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .mountainSites,
figure.front .cat_oid_31  {
	background-image: url(../image/filters/29.png);
	background-color: #276C2D;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .folk,
figure.front .cat_oid_32  {
	background-image: url(../image/filters/30.png);
	background-color: #866995;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .trekking,
figure.front .cat_oid_34  {
	background-image: url(../image/filters/31.png);
	background-color: #276C2D;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .ghostsLegends,
figure.front .cat_oid_37  {
	background-image: url(../image/filters/32.png);
	background-color: #76904F;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .historicalEstablishment,
figure.front .cat_oid_38  {
	background-image: url(../image/filters/33.png);
	background-color: #27767A;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .fountainsSquares,
figure.front .cat_oid_39  {
	background-image: url(../image/filters/34.png);
	background-color: #3F606F;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .sfilateStoriche,
figure.front .cat_oid_49  {
	background-image: url(../image/filters/35.png);
	background-color: #9962a5;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .sfilateDiModa,
figure.front .cat_oid_50  {
	background-image: url(../image/filters/36.png);
	background-color: #1477a1;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .mostre,
figure.front .cat_oid_51  {
	background-image: url(../image/filters/37.png);
	background-color: #d86047;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .sagre,
figure.front .cat_oid_52  {
	background-image: url(../image/filters/38.png);
	background-color: #22777c;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .presentazioneLibri,
figure.front .cat_oid_53  {
	background-image: url(../image/filters/39.png);
	background-color: #878d37;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .fiere,
figure.front .cat_oid_54 {
	background-image: url(../image/filters/40.png);
	background-color: #779150;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .wineTasting,
figure.front .cat_oid_55  {
	background-image: url(../image/filters/41.png);
	background-color: #22777a;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.front .musei,
figure.front .cat_oid_56  {
	background-image: url(../image/filters/42.png);
	background-color: #3e6270;
	background-size: 30px;
	background-repeat: no-repeat;
}

figure.back .typePlace{
	background-image: url("../img/menu/IconsSet0103.png");
	background-color: #54B849;
	background-repeat: no-repeat;
}

figure.back .typePhoto{
	background-image: url("../img/menu/IconsSet0104.png");
	background-color: #54B849;
	background-repeat: no-repeat;
}

figure.back .typeItinerary{
	background-image: url("../img/menu/IconsSet0106.png");
	background-color: #54B849;
	background-repeat: no-repeat;
}

figure.back .typeEvent{
	background-image: url("../img/menu/IconsSet0107.png");
	background-color: #54B849;
	background-repeat: no-repeat;
}

figure.back .typeMuseum{
	background-image: url("../img/menu/IconsSet0108.png");
	background-color: #54B849;
	background-repeat: no-repeat;
}

.filterCategoriesButtonListLeft .btn .badge,
.filterCategoriesButtonListRight .btn .badge {
	top: 0;
	margin: 0;
	height: 10px;
	width: 10px;
	background-color: transparent;
	color: white
}

.opacity05 {
	opacity: 0.5
}

.bgGray1 {
	background-color: #DCDCDC
}

.bgGray2 {
	background-color: #BEBEBE
}

.bgGray3 {
	background-color: #969696
}

.bgGray4 {
	background-color: #646464
}

.bgGray5 {
	background-color: #323232
}

.hidden {
	display: none !important;
}

.pull-left {
	float: left!important;
}

.pull-right {
	float: right!important;
}

.badge:empty {
	display: none;
}

.globe {
	background-image: url(../image/home/35px.png);
	background-position: 10px 15px;
	background-repeat: no-repeat;
}

.map-marker {
	background-image: url(../image/home/35px.png);
	background-position: 10px -390px;
	background-repeat: no-repeat;
}

.picture-o {
	background-image: url(../image/home/35px.png);
	background-position: 10px -174px;
	background-repeat: no-repeat;
}

.book {
	background-image: url(../image/home/35px.png);
	background-position: 10px -218px;
	background-repeat: no-repeat;
}

.road {
	background-image: url(../image/home/35px.png);
	background-position: 10px -260px;
	background-repeat: no-repeat;
}

.calendar {
	background-image: url(../image/home/35px.png);
	background-position: 10px -304px;
	background-repeat: no-repeat;
}

.lightbulb {
	background-image: url(../image/home/35px.png);
	background-position: 10px -348px;
	background-repeat: no-repeat;
}

.map-o {
	background-image: url(../image/home/35px.png);
	background-position: 10px -676px;
	background-repeat: no-repeat;
}

.share-alt {
	background-image: url(../image/home/35px.png);
	background-position: 10px -434px;
	background-repeat: no-repeat;
}

.user-plus {
	background-image: url(../image/home/35px.png);
	background-position: 10px -478px;
	background-repeat: no-repeat;
}

.comment {
	background-image: url(../image/home/35px.png);
	background-position: 10px -522px;
	background-repeat: no-repeat;
}

.question {
	background-image: url(../image/home/35px.png);
	background-position: 10px -566px;
	background-repeat: no-repeat;
}

.qrcode {
	background-image: url(../image/home/35px.png);
	background-position: 10px -44px;
	background-repeat: no-repeat;
}

.ambulance {
	background-image: url(../image/home/35px.png);
	background-position: 10px -88px;
	background-repeat: no-repeat;
}

div.contentZoomService {
	padding-bottom: 10px;
}

div.category {
	position: relative;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 0px 0px 0px 40px;
	font-size: 12px;
	line-height: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	color: white;
	width: 40px;
	background-repeat: no-repeat;
	height: 40px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	float: left;
	margin-right: 22px;
	margin-left: 0px;
}

#perOraWrapper3:hover {
	overflow-y: auto;
}

#perOraWrapper3 {
	height: 570px;
	overflow: hidden;
}

#perOraWrapper3 {
	height: calc( 100vh - 320px);
	overflow-y: hidden;
}

#perOraWrapper3 {
	overflow-y: auto;
}

#zoomCarousel {
	padding: 0px 0px;
}

#expandDetails {
	height: 100%;
	-webkit-box-shadow: 0.4vw 0px 1.6vw 1px rgba(50, 50, 50, 1);
	box-shadow: 0.4vw 0px 1.6vw 1px rgba(50, 50, 50, 1);
	z-index: 100;
	width: calc( 780px + ( ( 100vh - 5vw) / 14));

	overflow: hidden; 
	top: 0; 
	left: 0; 
	
	position: absolute; 
	background:rgba(255, 255, 255, 1); 
	z-index: 10000000000;'
}

#expandDetails .contentZoomDataTime {
	font-weight: bold;
	padding: 15px;
	text-align: center;
	color: red;
	padding-top: 0;
	padding-bottom: 10px;
}

#expandDetails .contentZoomDataTime p {
	margin: 0;
}

#expandDetails .contentZoomDataTime p.zoomDay {
	font-size: 34px;
	line-height: 30px;
}

#expandDetails .contentZoomDataTime p.zoomMonth {
	font-size: 18px;
	line-height: 14px;
	text-transform: uppercase;
}

#expandDetails .contentZoomDataTime p.zoomYear {
	font-size: 18px;
	line-height: 16px;
}

div#expandDetails #componentDetails,
div#expandDetails #placeDetails,
div#expandDetails #photoDetails,
div#expandDetails #pathDetails,
div#expandDetails #eventDetails {
	display: none;
}

div#expandDetails div.closeDetails {
	color: #FF0000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	position: absolute;
	top: 20px;
	right: 35px;
	z-index: 1;
	opacity: 1;
}

div#expandDetails.zoomComponent div.closeDetails {
	display: none;
}


/*############################################*/

div#expandDetails div.closeDetails span {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

div#expandDetails div.closeDetails span.warp::before,
div#expandDetails div.closeDetails span.warp::after {
	border-radius: 120% 0;
}

div#expandDetails div.closeDetails span.black::before,
div#expandDetails div.closeDetails span.black::after {
	height: 8px;
	margin-top: -4px;
}

div#expandDetails div.closeDetails span::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

div#expandDetails div.closeDetails span::before,
div#expandDetails div.closeDetails span::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #FF0000;
}

div#expandDetails div.closeDetails span::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/*############################################*/

div#expandDetails.zoomComponent #componentDetails {
	display: block
}

div#expandDetails.zoomPlace #placeDetails {
	display: block
}

div#expandDetails.zoomPhoto #photoDetails {
	display: block
}

div#expandDetails.zoomPath #pathDetails {
	display: block
}

div#expandDetails.zoomEvent #eventDetails {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

div#expandDetails #componentDetails,
div#expandDetails #placeDetails,
div#expandDetails #photoDetails,
div#expandDetails #pathDetails,
div#expandDetails #eventDetails {
	padding: 40px 40px 35px 40px;
	width: 100%;
	height: calc( 100vh - 158px);
	position: relative;
	overflow: hidden;
}

div#expandDetails div.contentZoom {
	height: 100%;
	position: relative;
}

div#expandDetails div.contentZoom div.backToList {
	width: 40px;
	display: inline-block;
	background: url('../image/home/icon_back.png') no-repeat 6px 0px;
	left: 0px;
	top: 25px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
}

#sw-left.path div#expandDetails div.backToList {
	width: 40px;
	display: inline-block;
	background: url('../image/home/icon_back.png') no-repeat 6px 0px;
	left: 0px;
	top: 25px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
}

#sw-left.path div#expandDetails div.backToComplexItem {
	width: 40px;
	display: inline-block;
	background: url('../image/home/icon_back.png') no-repeat 6px 0px;
	left: 0px;
	top: 25px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
}

#sw-left.event div#expandDetails div.backToList {
	width: 40px;
	display: inline-block;
	background: url('../image/home/icon_back.png') no-repeat 6px 0px;
	left: 0px;
	top: 25px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
}

#sw-left.event {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	height: calc( 100vh - 60px);
	background-color: #F0F0F0;
}

#sw-left.eventSimple {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	height: calc( 100vh - 60px);
	background-color: #F0F0F0;
}

div#sw-left.event div#expandDetails div#eventDetails {
	border-left: 1px solid #cecece;
	overflow: hidden;
	background-color: #F0F0F0;
	position: absolute;
	width: 635px;
	padding: 25px 40px;
	height: calc( 100vh - 60px);
	-webkit-transition: width 0.7s ease;
	-o-transition: width 0.7s ease;
	transition: width 0.7s ease;
}

.card.onDetails {
	/*
	background:#FFF;padding:10px;width:100%;border:1px solid #d8d8d8;border-radius:3px;cursor:pointer;overflow:hidden;margin-bottom:25px;
	*/
	background: #FFF;
	padding: 0px;
	width: 100%;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
	height: 80px;
	border-bottom: 2px solid #3F7EB4;
	/* box-shadow: 0 0 8px rgba(0, 0, 0, 1); */
}


.card.onDetails .profileInfo h3{
	color: #3F7EB4;
}

.card.onDetails .profileInfo h3,
.card.onDetails .profilePicture {
	cursor: pointer;
	cursor: hand;
}

.listCards .card.onDetails:first-of-type {
	margin-top: 20px;
}

.card.onDetails:last-of-type {
	margin-bottom: 0;
}

.card.onDetails .profilePicture {
	/*
	width:70px;height:70px;border-radius:0;overflow:hidden;float:left;margin:0 0 0 0;
	*/
	width: 70px;
	height: 70px;
	border-radius: 10%;
	overflow: hidden;
	float: left;
	margin: 0 0 0 0;
	position: absolute;
	bottom: 5px;
}

.card.onDetails .profilePicture img {
	height: 70px;
	width: auto;
}

.card.onDetails h1,
.card.onDetails h2,
.card.onDetails p {
	margin: 0;
}

.card.onDetails h1 {
	/*
	font-size:16px;line-height:16px;
	*/
	font-size: 22px;
	line-height: 24px;
	font-family: Antonio-Bold;
	color: #3F7EB4;
}

.card.onDetails h2 {
	/*
	margin-top:2px;font-size:14px;
	*/
	font-family: Arimo-regular;
	margin-top: 2px;
	font-size: 14px;
	color: #999999;
	font-style: italic;
}

.card.onDetails p {
	margin-top: 5px;
	font-size: 14px;
	line-height: 16px;
}

.card.onDetails .profileInfo {
	/*
	float:none;clear:none;margin-left:80px;height:initial;margin-bottom:0;
	*/
	float: none;
	clear: none;
	margin-left: 90px;
	height: initial;
	margin-bottom: 0;
	position: absolute;
	bottom: 5px;
}

#componentDetails .card.onDetails {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 5px 0;
	height: auto;
}

#componentDetails .card.onDetails #profileDescLeft {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#componentDetails .card.onDetails #profileDescLeft div.sw-backToProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
}

#componentDetails div.componentAuthor {
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	border-left: 1px solid #aaaaaa;
}

#componentDetails div.componentAuthor div.profilePicture {
	position: relative;
	bottom: 0;
}

#componentDetails div.componentAuthor div.profileInfo {
	position: relative;
	margin: 0 0 0 10px;
	bottom: 0;
}

#componentDetails div.componentAuthor div.contentZoomRating {
	margin: 0;
	float: none;
	position: relative;
}


/*###########################*/

.button {
	background: #BBB;
	color: #FFF;
	text-align: center;
	font-size: 16px !important;
	line-height: 16px;
	padding: 5px 10px;
	font-weight: bold;
	cursor: pointer;
}

.right {
	float: right;
}

h4.title4 {
	display: inline-block;
	margin: 0;
	font-size: 15px;
}

div#expandDetails div.contentZoom div.contentZoomTitle {
	/*
	font-size:32px;font-weight:400;color:#333333;line-height:32px;
	*/
	font-size: 18px;
	color: #333333;
	line-height: 45px;
	/* text-align: center; */
	font-family: Antonio-Bold;
	color: #3F7EB4;
	min-height: 45px;
}

div#expandDetails div.contentZoom div.contentZoomTitle>div {
	/*
	padding: 0;
    float: left;
    margin-right: 15px;
    */
	padding: 0;
	float: left;
	margin-right: 15px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

div#expandDetails div.contentZoom div.contentZoomTitle span {}

div#expandDetails div.contentZoom div.contentZoomData {
	font-weight: 400;
	color: #A0A0A0;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 15px;
	font-family: Arimo-Regular;
	margin-left: 0px;
	border-bottom: 1px solid #cccccc;
}

div#expandDetails div.contentZoom div.contentZoomData span.address {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
}

div#expandDetails div.contentZoom div.contentZoomData span.quick-info-distance {
	display: inline-block;
	font-size: 14px;
	color: #A0A0A0;
	background-image: url(../image/home/icon_distance.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
	background-position: -8px -6px;
	margin: 0px 0px 0px 0px;
}

div#expandDetails #perOraWrapper3 {
	height: calc( 100% - 95px);
	overflow-y: hidden;
	width: 90.8%;
	float: right;
	padding: 0px 20px;
}

div#expandDetails #perOraWrapper3 {
	overflow-y: auto;
}

.contentZoomImageCarousel>span {
	position: absolute;
}

div#expandDetails #perOraWrapper3 div.contentZoomService {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
}

div#expandDetails #perOraWrapper3 div.contentZoomService div.category {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 0px 0px 0px 40px;
	font-size: 12px;
	line-height: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	color: white;
	width: 170px;
	background-repeat: no-repeat;
	background-position-y: -1px;
	background-position-x: 3px;
}

#zoomCarousel {
	padding: 0px 0px;
	width: 100%;
	height: 100%;
}

#zoomCarousel div.zoomOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	color: #fff;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 27px;
}

#zoomCarousel div.item:hover div.zoomOverlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#zoomCarousel div.zoomOverlay>div {
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	border: 5px solid #FFFFFF;
	border-radius: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	pointer-events: none;
}

#zoomCarousel div.zoomOverlay>div i {}

#zoomCarousel .contentZoomDataTime {
	font-size: 12px;
	font-weight: bold;
}

.contentZoomSubTitle {
	height: 15%;
	color: #666666;
	font-size: 2.2rem;
	line-height: 1.3;
	text-align: justify;
}

.contentZoomSubTitle p {
	white-space: pre-wrap;
}

.contentZoomWrap {
	padding: 0;
}

body.detailsOn #expandDetails .mCSB_outside+.mCSB_scrollTools {
	right: -3px;
}

.detailsSideMenu {
	height: calc( 100vh - 300px);
	padding: 0;
	border-right: 1px solid #aaaaaa;
	width: 9.2%;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

div.detailsSideMenu div.zoomRuler {
	position: relative;
	width: 80%;
	height: 1px;
	margin: 0px auto;
	background-color: #cccccc;
	margin-bottom: 10px;
}

.detailsMaincontent {
	/* 
    background-color: #f4f4f4; 
    */
	padding: 0;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.contentZoomDescription {
	/*
	text-align:justify;font-size:14px;margin-top:5px;margin-bottom:20px;white-space:pre-wrap;
	*/
	text-align: justify;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: AlegreyaSans-Medium;
	line-height: 21px;
}

.contentZoomDescription p {
	font-size: 14px;
	font-weight: 400;
	white-space: pre-wrap;
	letter-spacing: 1px;
	text-align: justify;
}

.contentZoomTags {
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	margin: auto;
	margin-left: 0px;
}

.contentZoomTags .tags {
	color: #87cefa;
}

.contentZoomRating {
	margin: 8px 0px;
	bottom: 0px;
	float: right;
	position: absolute;
	right: 0;
	margin-right:10px;
}

.contentZoomDataTime .downloadGuide {
	background: #007672;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	border: 1px solid transparent;
	white-space: nowrap;
	font-size: 13px;
	line-height: 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	color: white;
	width: 200px;
	border-radius: 4px;
	padding: 0;
}

.contentZoomDataTime .personalGuide {
	background: #66CC00;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	border: 1px solid transparent;
	white-space: nowrap;
	font-size: 13px;
	line-height: 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	color: white;
	width: 200px;
	border-radius: 4px;
	padding: 0;
	margin-left: 20px;
}

.photoContentZoomData,
.photoPreviewData {
	font-weight: 400;
	color: #A0A0A0;
	background-repeat: no-repeat;
	line-height: 12px;
	font-size: 12px;
	padding-bottom: 10px;
	width: 690px;
	margin: auto;
}

.zoomContentCanvas {
	font-family: 'Roboto', sans-serif;
}

div.contentZoomWrap div.rateIt {
    width: 100%;
    height: 140px;
    position: relative;
    background: #fff;
    float: right;
    /* margin-left: 20px; */
    /* margin-right: 0px; */
    padding: 20px;
    background: #cccccc;
    margin-bottom: 20px;
}

div.contentZoomWrap div.ads {
    width: 100%;
    height: 140px;
    position: relative;
    background: transparent;
    float: right;
    margin-bottom: 20px;
	border:1px solid #F7F7F7;	
}



#expandDetails div.footer {
	opacity: 1;
	position: absolute;
	width: 100%;
	height: 60px;
	background-color: #26a69a;
	bottom: 0;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.listViewFooter li {
	padding-top: 10px;
	margin: 0;
	font-size: 14px;
	padding: 9px 18px;
}

#mainFooter .nav>li>a {
	position: relative;
	display: block;
	padding: 5px 0;
}

div.contentZoomCal div.table-time {
	/*overflow:hidden;*/
	width: 100%;
	height: 94px;
	margin: 0px 0px 5px 0px;
	position: relative
}

div.contentZoomCal div.table-time a.time-row {
	border: 1px solid #E7E7E7;
	padding: 14px 0 6px 0;
	text-align: center;
	cursor: pointer;
	float: left;
	text-decoration: none;
	font-size: 12px;
}

div.contentZoomCal div.table-time a.time-row.time-free {
	color: #7ED321;
}

div.contentZoomCal div.table-time a.time-row.time-busy {
	color: #FF8428;
}

div.contentZoomCal div.table-time a.time-row.time-active {
	background: #007C92;
	color: #FFF;
}

#listJsp {
	position: absolute;
	width: 0;
	height: 0;
	background: #2A2A2A;
}

body.showcase #listJsp {
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: #2A2A2A;
	z-index: 100000000;
}

div#divPM span,
div#divAM span {
	position: absolute;
	width: 180px;
	background-color: #428bca;
	color: #fff;
	border: 4px solid #003C71;
	height: 30px;
	line-height: 30px;
	text-align: center;
	visibility: hidden;
	top: -35px;
	z-index: 999999;
	padding: 0px;
	font-size: 13px;
	line-height: 1.8;
}

div#divPM span:after,
div#divAM span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #003C71;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

div#divPM:hover span,
div#divAM:hover span {
	visibility: visible;
}

#addPlaceDescription::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px;
}

#addPlaceDescription::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6);
}

#addPlaceDescription::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}

#addPlaceDescription::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0;
}

.imgGarbage {
	position: absolute;
	top: -6px;
	right: 8px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	z-index: 100;
	font-size: 12px;
}

.imgGarbage {
	/* correggere per add content horizontal */
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 100;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #FFFFFF;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #FF0000;
	border-radius: 100%;
}

.imgGarbage a i {
	/* vedi sopra */
	color: #FFFFFF;
}

div.dtp-picker div.dtp-buttons button {
	margin-right: 10px;
}

div#sw_edy_Img_AddTrigger p span {
	font-size: 14px;
}

div#sw_Event_Img_AddTrigger p span {
	font-size: 14px;
}

div#sw_Path_Img_AddTrigger p span {
	font-size: 14px;
}


/*
PRINT TICKET
*/

#sw-printTicketModal {
	font-family: Arimo-Regular;
}

#sw-printTicketModal .form-control {
	border: 1px solid #e6e6e6;
}

#sw-printTicketModal label {
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

#sw-printTicketModal .modal-dialog {}

#sw-printTicketModal .modal-content {}

#sw-printTicketModal .modal-body {}

#sw-printTicketModal .sw-printTicketHeader {
	margin-bottom: 0px;
	border-bottom: 1px solid #cecece;
	padding: 0px 30px 0px 30px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
}

#sw-printTicketModal .sw-printTicketHeader .introHeader {}

#sw-printTicketModal .sw-printTicketWrapper {
	width: 860px;
	position: relative;
	padding: 0px;
	margin: 0;
	overflow: hidden !important;
	background-color: #f0f0f0;
}

#sw-printTicketModal #sw-printTicketFooter {
	border-top: 1px solid #cecece;
	padding: 0px 45px 0px 45px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
}

.introFooter {}

#sw-printTicketFooter button {
	float: right;
	margin-left: 20px;
	background: #00739a;
	border: none;
	color: #FFF;
	margin-top: -5px;
	font-family: Antonio-Regular;
}

#sw-printTicketFooter button.annulla {
	background: #8a8a8a;
	float: left;
	margin-left: 0;
}

.ticket {
	padding: 20px;
	background: #FFF;
	position: relative;
}

.ticketFrame {
	border: 3px solid #000;
	height: 360px;
	width: 100%;
	position: relative;
	background: #D5102B;
}

.ticketInner {
	background: #FFF;
	margin: 0 60px;
	height: 100%;
	position: relative;
}

.ticketCircle {
	width: 60px;
	height: 60px;
	background: #FFF;
	border-radius: 50%;
	position: absolute;
	z-index: 10;
}

.ticket .ticketCircle:nth-child(1) {
	border-right: 3px solid #000;
	top: 170px;
	left: 0;
}

.ticket .ticketCircle:nth-child(2) {
	border-left: 3px solid #000;
	top: 170px;
	right: 0;
}

.ticketInner .leftSide {
	width: calc(100% - 256px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.ticketInner .rightSide {
	width: 256px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.ticketInner .rightSide .logo {
	width: 100%;
}

.ticketInner .field {
	float: left;
	width: 100%;
	margin-top: 15px;
}

.ticketInner .label,
.ticketInner .value {
	width: 50%;
	color: #000;
	float: left;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-align: left;
}

.ticketInner .value {
	font-weight: bold;
}

.staryellow {
	color: #DAA520;
}

.infoPlace {
	cursor: pointer;
}

#PreviewImg {
	display: none;
}

#InputFile,
#uploadImg {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

#SaveResetnewImg {
	display: none;
}

div.wheretobuydrinkeat {
	font-family: Antonio-Regular;
	padding: 0 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.wheretobuydrinkeat div.wheretobuy {
	background: #3F7EB4;
	color: #FFF;
	margin-right: 20px;
	cursor: pointer;
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
	letter-spacing: .5px;
}

div.wheretodrink {
	background: #76ff03;
	color: #FFF;
	margin-right: 20px;
	cursor: pointer;
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
	letter-spacing: .5px;
}

div.wheretoeat {
	background: #ef6c00;
	color: #FFF;
	margin-right: 20px;
	cursor: pointer;
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
	letter-spacing: .5px;
}


/*________________________________________*/


/*css/main.css*/


/* ==========================================================================
SecretWorld custom styles
========================================================================== */

* {
	outline: none !important;
}

textarea {
	resize: none !important;
}

input:-webkit-autofill {
	border: 1px solid #C0C0C0;
	-webkit-box-shadow: 0 0 1000px white inset;
	box-shadow: 0 0 1000px white inset;
}


/*
_____________________________________________________________________________
1.0		- helper-class
_____________________________________________________________________________
*/

.sw-pointer {
	cursor: pointer;
	cursor: hand;
}

.errorInput {
	border: 1px solid red !important;
}

.errorCheckbox {
	outline: 1px solid red !important;
}

.blink_me {
	-webkit-animation: blinker 2s linear infinite;
	animation: blinker 2s linear infinite;
}

@-webkit-keyframes blinker {
	50% {
		opacity: 0.4;
	}
}

@keyframes blinker {
	50% {
		opacity: 0.4;
	}
}


/*
_____________________________________________________________________________
1.0		- override bootstrap rules
_____________________________________________________________________________
*/

body.sw-body #zoomCarousel .carousel-control {
	top: 0px !important;
	bottom: 0px !important;
}


/*
_____________________________________________________________________________
1.0		- fonts
_____________________________________________________________________________
*/

@font-face {
	font-family: alegreya-sans;
	src: url(../fonts/alegreya-sans.light.ttf);
	font-weight: light;
}

@font-face {
	font-family: AlegreyaSans-Medium;
	src: url(../fonts/AlegreyaSans-Medium.otf);
}

@font-face {
	font-family: Antonio-Bold;
	src: url(../fonts/Antonio-Bold.ttf);
	font-weight: bold;
}

@font-face {
	font-family: Antonio-Light;
	src: url(../fonts/Antonio-Light.ttf);
	font-weight: lighter;
}

@font-face {
	font-family: Antonio-Regular;
	src: url(../fonts/Antonio-Regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: Arimo-Bold;
	src: url(../fonts/Arimo-Bold.ttf);
	font-weight: bold;
}

@font-face {
	font-family: Arimo-BoldItalic;
	src: url(../fonts/Arimo-BoldItalic.ttf);
	font-weight: bold;
}

@font-face {
	font-family: Arimo-Regular;
	src: url(../fonts/Arimo-Regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: Arimo-Italic;
	src: url(../fonts/Arimo-Italic.ttf);
	font-weight: italic;
}

span.arimoBold.blueHigh {
	color: #286D94;
	font-family: Arimo-Bold;
	text-align: center;
	/*
font-size: 22px;
*/
	font-size: 1.55rem;
}

span.arimo.regular {
	color: #666666;
	/*
font-size: 18px;
*/
	font-size: 1.07rem;
	font-family: Arimo-Bold;
	text-align: center;
}

.ant {
	font-family: Antonio-Regular;
	font-size: 2.55rem;
	text-align: left;
	color: #000000;
}


/*
_____________________________________________________________________________
2.0		- layout - paste file layout.css
_____________________________________________________________________________
*/


/*
_____________________________________________________________________________
2.0		- context switch classes
_____________________________________________________________________________
*/

body {
	font-family: Arimo-Regular;
}

body.enter div#sw-menu {
	margin-left: -60px;
	display: none;
}

body.enter div#sw-wrap {
	/*     margin-left: -100vw;
    left: -100vw;
    commented to load the map
display:none;
 */
}

body.enter div#wrapper {
	margin-left: -100vw;
	left: -100vw;
	display: none;
}

body.enter div#wrapperVisited {
	margin-left: -100vw;
	left: -100vw;
	display: none;
}

body.enter #sw-searchBy,
body.enter #sw-searchBox,

/*
body.enter div.sw-header-offset,
*/

body.enter div.sw-header-add,
body.enter div.sw-header-notifications,
body.enter div.sw-header-user {
	display: none;
}

body.explore div.sw-header-app {
	display: none !important;
}

body.social div.sw-header-app {
	display: none !important;
}

body.explore div#sw-access {
	margin-top: -100rem;
	display: none;
}

body.explore div#wrapper {
	margin-left: -100vw;
	left: -100vw;
	-webkit-transition-property: margin-left, background;
	-o-transition-property: margin-left, background;
	transition-property: margin-left, background;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	display: none;
}

body.explore div#wrapperVisited {
	margin-left: -100vw;
	left: -100vw;
	-webkit-transition-property: margin-left, background;
	-o-transition-property: margin-left, background;
	transition-property: margin-left, background;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	display: none;
}

body.social.visited div#wrapperVisited,
body.explore.visited div#wrapperVisited {
	margin-left: 0;
	left: 0;
	-webkit-transition-property: margin-left, background;
	-o-transition-property: margin-left, background;
	transition-property: margin-left, background;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    font-family: Antonio-Regular;
    letter-spacing: 1px;
}

body.social.visited div#wrapper {
	display: none;
}


/* body.explore.visited div#sw-wrap {
    margin-left: -100vw;
    left: -100vw;
} */

body.explore.visited div#sw-main {
	margin-left: -100vw;
	left: -100vw;
}

body.social div#wrapper {
	top:0;
	margin-left: 0;
	left: 0;
	-webkit-transition-property: margin-left, background;
	-o-transition-property: margin-left, background;
	transition-property: margin-left, background;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	    font-family: Antonio-Regular;
    letter-spacing: 1px;
}

body.social div#wrapperVisited {
	margin-left: -100vw;
	left: -100vw;
	display: none;
}

body.social div#sw-wrap {
	margin-left: -100vw;
	left: -100vw;
	display: none;
}


/*
_____________________________________________________________________________
3.0		- sw-getApp screen
_____________________________________________________________________________
*/

#sw-getApp {
	background-color: #62B946;
}

#sw-getApp>div {
	width: 50%;
	height: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arimo-Regular;
	letter-spacing: 2px;
}

#sw-getApp-logo {
	padding: 0rem 1.0029rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
	z-index: 100;
}

div.appNext {
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}


/*
_____________________________________________________________________________
3.0		- sw-bg-slider
_____________________________________________________________________________
*/

#sw-bg-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sw-bg-slider {
	list-style: none;
	z-index: 1;
}

.sw-bg-slider li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation: imageAnimation 60s linear infinite 0s;
	animation: imageAnimation 60s linear infinite 0s;
}

.sw-bg-slider li:nth-child(1) span {
	background-image: url('../img/01_login-page.jpg');
}

.sw-bg-slider li:nth-child(2) span {
	background-image: url('../img/toscana.jpg');
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

.sw-bg-slider li:nth-child(3) span {
	background-image: url('../img/02_login-page.jpg');
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}

.sw-bg-slider li:nth-child(4) span {
	background-image: url('../img/dolomiti.jpg');
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}

.sw-bg-slider li:nth-child(5) span {
	background-image: url('../img/03_login-page.jpg');
	-webkit-animation-delay: 40s;
	animation-delay: 40s;
}

.sw-bg-slider li:nth-child(6) span {
	background-image: url('../img/04_login-page.jpg');
	-webkit-animation-delay: 50s;
	animation-delay: 50s;
}

@-webkit-keyframes imageAnimation {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
	}
	12.5% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
	}
	25% {
		opacity: 1;
	}
	37.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes imageAnimation {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	12.5% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	25% {
		opacity: 1;
	}
	37.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes titleAnimation {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	37.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes titleAnimation {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	37.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.no-cssanimations .sw-bg-slider li span {
	opacity: 1;
}


/*
_____________________________________________________________________________
4.0		- sw-lang
_____________________________________________________________________________
*/

#sw-lang {
	position: absolute;
	top: -40vh;
	left: 0;
	width: 100vw;
	height: 40vh;
	background: rgba(63, 126, 180, 0.6);
	/* 	border-bottom: 4px solid #3F7EB4;
    border-left: 0px solid #3F7EB4;
    border-right: 0px solid #3F7EB4; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Arimo-Regular;
	font-size: 17px;
	text-align: center;
	color: white;
	-webkit-transition-property: top;
	-o-transition-property: top;
	transition-property: top;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}

body.lang-out #sw-lang {
	top: 0;
	-webkit-transition-property: top;
	-o-transition-property: top;
	transition-property: top;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	z-index: 890;
}

#sw-lang div.flag {
	width: 5%;
	height: 18%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


/*
_____________________________________________________________________________
4.0		- sw-cookie
_____________________________________________________________________________
*/

#sw-cookie {
	position: absolute;
	left: -3000px;
	width: 800px;
	background: rgba(63, 126, 180, 0.6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
	font-family: Arimo-Regular;
	font-size: 17px;
	text-align: center;
	color: white;
	-webkit-transition-property: top;
	-o-transition-property: top;
	transition-property: top;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	padding: 5vw 40px 0px 40px;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	bottom: 10px;
	-webkit-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 800ms;
	-o-transition-duration: 800ms;
	transition-duration: 800ms;
}

body.cookie-out #sw-cookie {
	-webkit-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 800ms;
	-o-transition-duration: 800ms;
	transition-duration: 800ms;
	bottom: 10px;
	left: 30px;
}

html.ie body.cookie-out #sw-cookie {
	display: none !important;
}

#sw-cookie div {
	max-width: 1200px;
	/* padding: 25px 0; */
}

#sw-cookie p {
	text-align: justify;
	text-justify: auto;
	margin: 0px;
}

#sw-cookie a.info {
	color: #fff;
	text-decoration: underline
}

body.cookie-out div.sw-header-i18n img,
body.cookie-out div.sw-header-i18n span {
	/*
    display: none;
    */
}

#sw-cookie a#continue {
	float: right !important;
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-top: 20px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}


/*
_____________________________________________________________________________
4.0		- sw-header
_____________________________________________________________________________
*/

#sw-header {
	background: #21abd2;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 1);
}

#sw-header-rel {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


/*	logo	*/

#sw-logo {
	padding: 0rem 1.0029rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
}
#sw-logo.mobileLogo {
    display:none;
}
#sw-logo img {
	max-height: 90%;
}


/*sw-header-searchBlock*/

#sw-header-searchBlock {
	width: 36.3104rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-searchBy {
	position: relative;
	width: 5.4905rem;
	height: 2.1962rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

#sw-searchBy-sw {
	position: relative;
	text-align: center;
	background: #333333;
	padding: 0.275rem;
}

#sw-searchBy-sw img {
	max-width: 1.9rem;
}

#sw-searchBy-google {
	position: relative;
	padding: 0.3660rem;
	text-align: center;
	background: white;
}

#sw-searchBy-google img {
	max-width: 1.6467rem;
}


/*	searchBox	*/

#sw-searchBox {
	width: 30.3807rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

#sw-searchBox .form-control {
	height: 2.189rem;
	line-height: 1;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	padding: 0.4392rem 1.0498rem;
	font-size: 1.0249rem;
}

#sw-searchBox .input-group-addon {
	padding: 0.4392rem 2.0498rem;
	font-size: 1.0249rem;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: none;
	border-radius: 0px;
	background-color: #337ab7;
	color: #FFFFFF;
}

div.sw-header-offset {
	position: relative;
	height: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

/*	help	*/
.header-trophy{
    padding: 0px 1.8302rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    /* border-left: 1px solid #F0F0F0; */
    /* border-right: 1px solid #F0F0F0; */
}

.header-trophy div{
/* border: 4px solid #fff; */
padding-left: 25px; 
padding-right: 25px; 
padding-top: 0px; 
padding-bottom: 5px;
}

.header-help , .header-info, header-info{
    width: 6.5886rem;
    padding: 0px 1.8302rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    /* border-left: 1px solid #F0F0F0; */
    /* border-right: 1px solid #F0F0F0; */
}
.sw-header-help-trigger , .sw-header-info-trigger, .sw-header-home-trigger{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.sw-header-help-trigger img , .sw-header-info-trigger img{
    max-width: 100%;
}

/*	add			*/

div.sw-header-add {
	background: #214c7f;
	width: 6.5886rem;
	padding: 0 1.8302rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

div.sw-header-add img {
	max-width: 100%;
}

div.sw-header-notifications {
	width: 18.3016rem;
	height: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	/* border-left: 1px solid #F0F0F0; */
	/* border-right: 1px solid #F0F0F0; */
	position: relative;
}

div.sw-notifications-item {
	width: 1.9766rem;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

div.sw-notifications-item img {
	max-width: 100%;
}

div.sw-header-user {
	height: 100%;
	background: #b9e986;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 2rem;
	width: auto;
}

div.sw-header-avatar {
	width: 3.6603rem;
	background-color: #333333;
	/* old */
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 3.6603rem;
	overflow: hidden;
	background-color: #00739A;
}

div.sw-header-avatar img {
	width: 65%;
}

div.sw-header-name {
	font-size: 1.1713rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: uppercase;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0 1.5rem;
}

div.sw-header-name a {
	color: #FFFFFF;
}

div.sw-header-i18n {
	/*     position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 3rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
	position: relative;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/* border-left: 1px solid #F0F0F0; */
	height: 50%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 20px;
}

div.sw-header-i18n img {
	max-height: 90%;
}

div.sw-header-app {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50%;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	padding: 0 15px 0 25px;
	display: none !important;
}

div.sw-header-osApp {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 55px;
}

div.sw-header-osApp img {
	max-height: 88%;
}

div.sw-header-androidApp {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.sw-header-androidApp img {
	max-height: 100%;
}

div#sw-cookie .btn {
	font-size: 18px;
	letter-spacing: 1px;
	border-radius: 0;
	border: none;
	font-family: Antonio-Regular;
	padding: 4px 20px;
}

body.enter #sw-header-rel {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

body.explore #sw-wrap {
	left: 0;
}


/* body.explore div.sw-header-i18n {
    display: none;
}
body.social div.sw-header-i18n {
    display: none;
}
body.visited div.sw-header-i18n {
    display: none;
} */


/*
_____________________________________________________________________________
5.0		- sw-menu
_____________________________________________________________________________
*/

#sw-menu {
	/*
position: absolute;
top: 0;
left: 0;
z-index: 850;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 850;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

body.detailsOn:not(.visited) #sw-menu {
	left: -300px !important;
}

body.detailsOn.social:not(.visited) #sw-menu {
	left: 0px !important;
}

div#sw-menu-rel {
	position: relative;
	width: 100%;
	height: 100%;
	background: green;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 1);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 1);
}

.iconProfile {
	background-color: #009BCC;
}

.home {
	background-color: #54B849;
}

.genricContent {
	background-color: #54B849;
}

.pictureContent {
	background-color: #54B849;
}

.diaryContent {
	background-color: #54B849;
}

.itineraryContent {
	background-color: #54B849;
}

.eventContent {
	background-color: #54B849;
}

.museumContent {
	background-color: #54B849;
}

.globalMap {
	background-color: #FF6726;
}

.booking {
	background-color: #D5102B;
}

.searchFriends {
	background-color: #D5102B;
}

.sendMessage {
	background-color: #D5102B;
}

.quickRequest {
	background-color: #D5102B;
}

.qrCode {
	background-color: #009BCC;
}

.smilingFaces {
	background-color: #009BCC;
}

.moviesLocation {
	background-color: #009BCC;
}

div.helpMiddle div.iconProfileText,
div.helpMiddle div.homeText,
div.helpMiddle div.genricContentText,
div.helpMiddle div.pictureContentText,
div.helpMiddle div.diaryContentText,
div.helpMiddle div.itineraryContentText,
div.helpMiddle div.eventContentText,
div.helpMiddle div.museumContentText,
div.helpMiddle div.globalMapText,
div.helpMiddle div.quickRequestText,
div.helpMiddle div.searchFriendsText,
div.helpMiddle div.sendMessageText,
div.helpMiddle div.smilingFacesText,
div.helpMiddle div.moviesLocationText {
	display: none;
}

div.sw-menu-tab div.active {
	opacity: .8;
}

div.iconStrip {
	position: relative;
	width: 100%;
	height: calc( 100% / 13);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

div.iconStrip img {
	height: 60%;
	width: 60%;
	margin: auto;
	cursor: hand;
	cursor: pointer;
}

div.ruler {
	position: absolute;
	bottom: 0;
	width: 80%;
	height: 1px;
	margin: 0px auto;
	background-color: #F0F0F0;
}


/*
_____________________________________________________________________________
8.0		- sw-wrapper
_____________________________________________________________________________
*/

#wrapper #wrapperMain {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	background: #FFFFFF;
}


/*
#wrapper #sw-wrapperLeft {
     			width: 32.8%;
height: 100%;
padding: 2.9993rem;
overflow: hidden;
transition: width 0.5s, padding 0.5s; 
}
*/

body.visited #visitedProfileDescLeft {
	-ms-flex-item-align: start;
	    align-self: flex-start;
}


/*
#wrapper #wrapperMain.mapout #sw-wrapperLeft {
     width: 0%;
    -webkit-transition: width 0.5s, padding 0.5s;
    -o-transition: width 0.5s, padding 0.5s;
    transition: width 0.5s, padding 0.5s;
    padding: 0;
}
*/


/* 
#wrapper #wrapperMain.mapout #sw-wrapperRight {
    width: 780px;
    -webkit-transition: width 0.5s, padding 0.5s;
    -o-transition: width 0.5s, padding 0.5s;
    transition: width 0.5s, padding 0.5s;
    padding: 0; 
}
 */

#wrapper #sw-wrapperRight {
	width: 67.2%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/*     -webkit-box-shadow: 0.9196rem 0px 1.6105rem 1px rgba(140, 140, 140, 1);
    box-shadow: 0.9196rem 0px 1.6105rem 1px rgba(140, 140, 140, 1); */
	z-index: 100;
}

#sw-wrapperRight:hover {
	/*
overflow:auto;
*/
}
#mapContentUser, #listOpt{display:block}
#mapContentUser.hide, #listOpt.hide{display:none;}

#wrapper #sw-wrapperOff {
	/* height: 100%; */
	/* width: 0; */
	/* background: #ededed; */
	/* -webkit-transition: width 0.5s; */
	/* -o-transition: width 0.5s; */
	/* transition: width 0.5s; */
	/* overflow-y: auto; */
}

#wrapper #wrapperMain.mapout #sw-wrapperOff {
	/*     width: calc(100vw - 780px); */
	/*     -webkit-transition: width 0.5s; */
	/*     -o-transition: width 0.5s; */
	/*     transition: width 0.5s; */
}


/* 	#socialCard{
width:35rem;
height: calc( 100vh - 80px );
float:left;
z-index:10;
background: pink;
}
#socialCard div.photo.square{
width:100%;
border-radius:100%;
}
#socialCard div.photo.square:after{
content:'';
display:block;
padding-bottom:100%
} */

#wrapper #dashboard {
	background: cyan;
}


/* 
#wrapper #sw-wrapperRight {
	width:100%;
	height:66%;
}
 */


/* #wrapper #profileConsole-a ul,
#wrapper #profileConsole-b ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#wrapper #sw-wrapperRight div.square {
    position: relative;
    width: 23.9%;
    cursor: pointer;
    cursor: hand;
    border: 8px solid rgb(239, 239, 239);
}
#wrapper #sw-wrapperRight div.square:after {
    
content: "";
display: block;
padding-bottom: 100%;

}
#wrapper #sw-wrapperRight div.square div.profile-tab-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 50%;
    margin-top: -40%;
    color: #FFFFFF;
    font-family: Arimo-Bold;
    text-transform: uppercase;
}
#wrapper #sw-wrapperRight div.square div.profile-tab-icon img {
    width: 40%;
} */

#wrapper #profileDesc {
	padding: 40px 40px 0px 40px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

#wrapper #profileDescLeft {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #profileDescRight {
	height: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border-bottom: 1px solid black;
}

#wrapper #profileConsole {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 0;
	min-height: 0;
	padding: 0 40px 40px 40px;
}

#wrapper #profileDescRight button.sw-edit-profile-button {
	/*
border-radius: 1rem;
font-size: 0.48rem;
font-family: Arimo-Regular;
letter-spacing: 0.0732rem;
padding: 0.2800rem 1.000rem 0.100rem 1.000rem;
border: none;
background-color: #25749B;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 1.5373rem;
*/
}

#wrapper #profileDescRight button.sw-sign-out-button {
	/*
background-color: #333333;
color: #FFFFFF;
border-radius: 1rem;
font-size: 0.48rem;
font-family: Arimo-Regular;
letter-spacing: 0.0732rem;
padding: 0.2800rem 1.000rem 0.100rem 1.000rem;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 1.5373rem;
*/
}

#wrapper #profileDescRight button.sw-show-on-map {
	/*
-ms-flex-item-align: end;
align-self: flex-end;
background-color: #333333;
color: #FFFFFF;
border-radius: 1rem;
font-size: 0.48rem;
font-family: Arimo-Regular;
letter-spacing: 0.0732rem;
padding: 0.2800rem 1.000rem 0.100rem 1.000rem;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 1.5373rem;
*/
}

.chipButton {
	border-radius: 15px !important;
	font-size: 12px !important;
	font-family: Arimo-Regular !important;
	letter-spacing: 1px !important;
	padding: 5px 10px !important;
	border: none !important;
	background-color: #25749B !important;
	color: #FFFFFF !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	line-height: 1 !important;
}

#wrapper .sw-profile-wall {
	background-color: #319F82
}

#wrapper .sw-profile-contents {
	background-color: #39AE5D
}

#wrapper .sw-profile-friends {
	background-color: #3F7EB4
}

#wrapper .sw-profile-messages {
	background-color: #8C394B
}

#wrapper .sw-profile-requests {
	background-color: #E4C81F
}

#wrapper .sw-profile-orders {
	background-color: #DD7F28
}

#wrapper .sw-profile-seller {
	background-color: #E04942
}

#wrapper .sw-profile-expert {
	background-color: #2D3D4D
}

#wrapper #profileConsole div.sw-mydash-tabcontent
/*#sw-mydash0*/

{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	height: 100%;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

#wrapper #wrapperMain div.sw-mydash-tabcontent {
	display: none;
}

#wrapper #profileConsole div#sw-mydash0.sw-mydash-tabcontent {
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	overflow: hidden;
	height: 100%;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

#wrapper #wrapperMain.dash div#sw-mydash0.sw-mydash-tabcontent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/*
#profileConsole #mydash0,
*/

#wrapper #wrapperMain.dash #sw-mydash0 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.wall #sw-mydash1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.contents #sw-mydash2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.friends #sw-mydash3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.messages #sw-mydash4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.requests #sw-mydash5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.orders #sw-mydash6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.seller #sw-mydash7 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.expert #sw-mydash8 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapper #wrapperMain.wall button.sw-edit-profile-button,
#wrapper #wrapperMain.contents button.sw-edit-profile-button,
#wrapper #wrapperMain.friends button.sw-edit-profile-button,
#wrapper #wrapperMain.messages button.sw-edit-profile-button,
#wrapper #wrapperMain.requests button.sw-edit-profile-button,
#wrapper #wrapperMain.orders button.sw-edit-profile-button,
#wrapper #wrapperMain.seller button.sw-edit-profile-button,
#wrapper #wrapperMain.expert button.sw-edit-profile-button {
	display: none;
}

#wrapper #wrapperMain.wall button.sw-sign-out-button,
#wrapper #wrapperMain.contents button.sw-sign-out-button,
#wrapper #wrapperMain.friends button.sw-sign-out-button,
#wrapper #wrapperMain.messages button.sw-sign-out-button,
#wrapper #wrapperMain.requests button.sw-sign-out-button,
#wrapper #wrapperMain.orders button.sw-sign-out-button,
#wrapper #wrapperMain.seller button.sw-sign-out-button,
#wrapper #wrapperMain.expert button.sw-edit-profile-button {
	display: none;
}

#wrapper #wrapperMain.dash #profileDescRight button.sw-show-on-map {
	display: none;
}

#wrapper div.profileButtons {}


/* #wrapperMain.contents button.sw-show-on-map,
#wrapperMain.friends button.sw-show-on-map{
display:flex;
} */


/*
_____________________________________________________________________________
8.0		- img in frame -
_____________________________________________________________________________
*/

.frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.frame img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-width: 100%;
	/*
min-height: 100%
*/
}


/*
_____________________________________________________________________________
8.0		- sw-welcome -
_____________________________________________________________________________
*/


/* #sw-welcome{
position: absolute;
top: 18vh;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
transition-property: height;
transition-duration: 300ms;
} */


/* body.lang-out #sw-welcome{
display:none;
} */

body.cookie-out #sw-welcome {
	/*
    opacity: 0;
    */
}

body.lang-out #sw-welcome {
	opacity: 0;
	z-index: -1;
}

body #sw-welcome {
	opacity: 1;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	display: none;
}

body.enter #sw-welcome {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sw-slogan {
	height: auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 1;
	margin-right: 0rem;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

#sw-slogan p {
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

#sw-slogan p:nth-child(1) {
	font-family: Antonio-Bold;
	font-size: 3.1479rem;
	font-weight: bold;
	text-align: right;
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	/* 	    padding-left: 9rem; */
	-ms-flex-item-align: end;
	align-self: flex-end;
}

#sw-slogan p:nth-child(2) {
	line-height: 1;
	font-family: Arimo-Italic;
	font-size: 1.3rem;
	text-align: right;
	font-weight: bold;
	/* 		padding-left: 8rem; */
}

#sw-slogan p:nth-child(3) {
	line-height: 1;
	font-family: Arimo-Italic;
	font-size: 1.3rem;
	text-align: right;
	font-weight: bold;
	/* 		padding-left: 8rem; */
}


/*
_____________________________________________________________________________
8.0		#sw-welcome #sw-getIn-tab
_____________________________________________________________________________
*/


/* #sw-welcome #sw-getIn-tab{position:relative;z-index:100;width:41rem;flex:0 0 auto;background-color:#FFFFFF;border-radius:8px;-webkit-box-shadow:-0.44rem .044rem 1.46rem 0.15rem rgba(20,20,20,.5);-moz-box-shadow:-0.44rem 0.44rem 1.46rem 0.15rem rgba(20,20,20,.5);box-shadow:-0.44rem 0.44rem 1.46rem 0.15rem rgba(20, 20, 20,.5);transition-property:height;transition-duration:300ms;}
#sw-welcome.login #sw-getIn-tab{height:14.71rem;}
#sw-welcome.signup #sw-getIn-tab{height:30.8931rem;}
#sw-welcome div.tablinks{position:absolute;top:-2.0833rem;z-index:-1;width:7.8125rem;height:2.60rem;font-family:Antonio-Regular;font-size:1.34rem;-webkit-box-shadow:-0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20,.5);-moz-box-shadow:-0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20,.5);box-shadow:-0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20,.5);text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;}
#sw-welcome div.loginTab{left:2.60rem;background-color:#62B946;color:#FFFFFF;}
#sw-welcome.signup div.loginTab{background-color:#E6E6E6;color:#666666;}
#sw-welcome div.registerTab{left:12.03rem;background-color:#E6E6E6;color:#666666;}
#sw-welcome.signup div.registerTab{background-color:#62B946;color:#FFFFFF;}
#sw-welcome div.guestTab{right:2.8069rem;background-color:#0168A3;color:#FFFFFF;}
#sw-welcome div.tablinks.active{z-index:1 !important;}
#sw-welcome div.tabcontent:nth-child(1){display:block;}
#sw-welcome div.tabcontent{height:100%;z-index:1;background-color:#FFFFFF;border-radius:8px;display:none;flex-direction:column;align-items:center;justify-content:center;}
Login
#sw-welcome div#Login{display:flex;font-size:1.024rem;}
div.sw-login-wrap{width:100%;display:flex;justify-content:space-around;margin-bottom:0.5rem;}
div.sw-login-left, div.sw-login-right{display:flex;flex-direction:column;align-items:stretch;width:40%;}
div.sw-login-left input[Type='email'], div.sw-login-right input[Type='password']{width:100%;margin-bottom:1.15rem;padding-left:0.7321rem;opacity:.7;height:2.3000rem;outline:none;}
div.sw-login-left>div{display:flex;align-items:center;justify-content:flex-start;}
div.sw-login-left input[Type='checkbox']{margin:0;margin-right:10px;}
div.sw-login-left p{font-family:Arimo-Regular;font-size:.88rem;margin:0;}
div.sw-login-right>div{display:flex;align-items:center;justify-content:space-between;}
div.sw-login-right a{font-size:.88rem;}
#sw-login-button{width:7.32rem;height:2.20rem;line-height:2.34rem;background:#0168A3;text-align:center;color:white;float:right;font-family:Antonio-Regular;letter-spacing:.22rem;font-size:1.34rem;}
Register
#sw-signup-wrap{display:flex;flex-direction:column;align-items:center;font-size:0.8785rem;width:100%;}
#sw-signup-wrap div.login-facebook, #sw-signup-wrap div.login-google, #sw-signup-wrap div.login-twitter, #sw-signup-wrap div.login-linkedin{width:3.6603rem;height:3.6603rem;overflow:hidden;}
#sw-signup-wrap div.login-facebook img{width:13.4451rem;margin-left:-0.6589rem;margin-top:-0.6589rem;}
#sw-signup-wrap div.login-google img{width:13.4451rem;margin-left:-0.6589rem;margin-top:-4.65rem;}
#sw-signup-wrap div.login-twitter img{width:13.4451rem;margin-left:-4.65rem;margin-top:-0.6589rem;}
#sw-signup-wrap div.login-linkedin img{width:13.4451rem;margin-left:-8.6384rem;margin-top:-4.65rem;}
#sw-signup-ruler{width:92%;margin-bottom:1.8302rem;margin-top:1.8302rem;}
#sw-signup-ruler div.sw-signup-ruler-line{height:1px;background:#CCCCCC;align-items:center;display:flex;justify-content:center;position:relative;}
#sw-signup-ruler div.sw-signup-ruler-box{background:#FFFFFF;border:1px solid #CCCCCC;padding:0.23rem 0.844rem 0.23rem 0.844rem;text-align:center;line-height:1.2rem;}
div.sw-signup-inputarea{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;}
div.sw-signup-left, div.sw-signup-right{display:flex;flex-direction:column;align-items:flex-start;height:auto;width:42%;}
div.sw-signup-left input[Type='email'], div.sw-signup-right input[Type='email'], div.sw-signup-left input[Type='password'], div.sw-signup-right input[Type='password'], div.sw-signup-left input[Type='text'], div.sw-signup-right input[Type='text']{width:100%;margin-bottom:1.15rem;padding-left:0.7321rem;opacity:.7;height:2.3000rem;outline:none;}
#sw-signup-disclaimer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;}
#sw-disclaimer-left, #sw-disclaimer-right{display:flex;flex-direction:row;align-items:center;height:auto;width:42%;}
#sw-signup-disclaimer input{margin:0;margin-right:0.7321rem;}
#sw-signup-disclaimer p{font-family:Arimo-Regular;font-size:0.8785rem;margin:0;color:#999999;}
#sw-signup-disclaimer p span a{color:#000000;font-family:Arimo-Bold;}
#sw-signup-action{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;}
#sw-signup-cancel, #sw-signup-create{line-height:2.2694rem;width:42%;text-align:center;color:white;font-family:Antonio-Regular;letter-spacing:.22rem;font-size:1.34rem;}
#sw-signup-cancel{background-color:#E6E6E6;color:#666666;}
#sw-signup-create{background:#0168A3;} */

#sw-welcome #sw-getIn-tab {
	position: relative;
	z-index: 100;
	width: 656px;
	width: 41rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background-color: #FFFFFF;
	border-radius: 8px;
	-webkit-box-shadow: -0.44rem 0.44rem 1.46rem 0.15rem rgba(20, 20, 20, .5);
	box-shadow: -0.44rem 0.44rem 1.46rem 0.15rem rgba(20, 20, 20, .5);
	-webkit-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}

#sw-welcome.login #sw-getIn-tab {
	height: 235.36px;
	height: 14.71rem;
}

#sw-welcome.signup #sw-getIn-tab {
	height: 494.289px;
	height: 30.8931rem;
}

#sw-welcome div.tablinks {
	position: absolute;
	top: -33.332px;
	top: -2.0833rem;
	z-index: -1;
	width: 125px;
	width: 7.8125rem;
	height: 41.6px;
	height: 2.60rem;
	font-family: Antonio-Regular;
	font-size: 21.44px;
	font-size: 1.34rem;
	-webkit-box-shadow: -0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20, .5);
	box-shadow: -0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20, .5);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#sw-welcome div.loginTab {
	left: 41.6px;
	left: 2.60rem;
	background-color: #62B946;
	color: #FFFFFF;
}

#sw-welcome.signup div.loginTab {
	background-color: #E6E6E6;
	color: #666666;
}

#sw-welcome div.registerTab {
	left: 192.48px;
	left: 12.03rem;
	background-color: #E6E6E6;
	color: #666666;
}

#sw-welcome.signup div.registerTab {
	background-color: #62B946;
	color: #FFFFFF;
}

#sw-welcome div.recoveryPswTab {
	display: none;
}

#sw-welcome div.guestTab {
	right: 44.91px;
	right: 2.8069rem;
	background-color: #0168A3;
	color: #FFFFFF;
}

.guestBlink {
	-webkit-animation: guestBlinker 4s steps(2, end) infinite;
	animation: guestBlinker 4s steps(2, end) infinite;
}

@-webkit-keyframes guestBlinker {
	0% {
		background-color: #0168A3;
	}
	50% {
		background-color: #0168A3;
	}
	51% {
		background-color: #FF0000;
	}
	100% {
		background-color: #FF0000;
	}
}

@keyframes guestBlinker {
	0% {
		background-color: #0168A3;
	}
	50% {
		background-color: #0168A3;
	}
	51% {
		background-color: #FF0000;
	}
	100% {
		background-color: #FF0000;
	}
}

#sw-welcome div.tablinks.active {
	z-index: 3 !important;
}

#sw-welcome div.tabcontent:nth-child(1) {
	display: block;
}

#sw-welcome div.tabcontent {
	height: 100%;
	z-index: 1;
	background-color: #FFFFFF;
	border-radius: 8px;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/*	Login	*/

#sw-welcome div#Login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16.384px;
	font-size: 1.024rem;
	position: relative;
}

#sw-welcome div#Login form {
	width: 100%;
	position: relative;
}

div.sw-login-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

div.sw-login-left,
div.sw-login-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 40%;
}

div.sw-login-left input[Type='text'],
div.sw-login-left input[Type='email'],
div.sw-login-right input[Type='password'] {
	width: 100%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

div.sw-login-left>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

div.sw-login-left input[Type='checkbox'] {
	margin: 0;
	margin-right: 10px;
}

div.sw-login-left p {
	font-family: Arimo-Regular;
	font-size: 14.08px;
	font-size: .88rem;
	margin: 0;
}

div.sw-login-right>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
}

div.sw-login-right a {
	font-size: 14.08px;
	font-size: .88rem;
}

#Login div.login-facebook,
#Login div.login-google,
#Login div.login-twitter,
#Login div.login-linkedin {
	width: 58.564px;
	width: 3.6603rem;
	height: 58.564px;
	height: 3.6603rem;
	overflow: hidden;
}

#Login div.login-facebook img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#Login div.login-google img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#Login div.login-twitter img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -74.4px;
	margin-left: -4.65rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#Login div.login-linkedin img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -138.214px;
	margin-left: -8.6384rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#sw-login-button,
#sw-recoveryPsw-send {
	width: 117.12px;
	width: 7.32rem;
	height: 35.2px;
	height: 2.20rem;
	line-height: 37.44px;
	line-height: 2.34rem;
	background: #0168A3;
	text-align: center;
	color: white;
	float: right;
	font-family: Antonio-Regular;
	letter-spacing: 3.52px;
	letter-spacing: .22rem;
	font-size: 21.44px;
	font-size: 1.34rem;
}


/*	Recovery	*/

#sw-welcome div#Recovery {
	display: none;
	font-size: 16.384px;
	font-size: 1.024rem;
}

div.sw-recovery-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

div.sw-recovery-wrap div.sw-recovery-email {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 90%;
}

div.sw-recovery-left,
div.sw-recovery-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 40%;
}

div.sw-recovery-email input[Type='email'],
div.sw-recovery-right input[Type='password'] {
	width: 100%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

div.sw-recovery-left>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

div#sw-recoveryPsw-cancel {
	width: 7.32rem;
	height: 2.20rem;
	line-height: 2rem;
	background: #cccccc;
	text-align: center;
	float: right;
	font-family: Antonio-Regular;
	letter-spacing: .22rem;
	font-size: 1.34rem;
	color: #000000;
	border: 1px solid #333333;
	background-color: #f0f0f0;
}

div.sw-recovery-left p {
	font-family: Arimo-Regular;
	font-size: 14.08px;
	font-size: .88rem;
	margin: 0;
}

div.sw-recovery-right>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
}

div.sw-recovery-right a {
	font-size: 14.08px;
	font-size: .88rem;
}

#sw-recovery-button {
	width: 117.12px;
	width: 7.32rem;
	height: 35.2px;
	height: 2.20rem;
	line-height: 37.44px;
	line-height: 2.34rem;
	background: #0168A3;
	text-align: center;
	color: white;
	float: right;
	font-family: Antonio-Regular;
	letter-spacing: 3.52px;
	letter-spacing: .22rem;
	font-size: 21.44px;
	font-size: 1.34rem;
}


/*	Register	*/

#sw-signup-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14.056px;
	font-size: 0.8785rem;
	width: 100%;
}

#sw-signup-wrap form {
	width: 100%;
}

#sw-signup-wrap div.login-facebook,
#sw-signup-wrap div.login-google,
#sw-signup-wrap div.login-twitter,
#sw-signup-wrap div.login-linkedin {
	width: 58.564px;
	width: 3.6603rem;
	height: 58.564px;
	height: 3.6603rem;
	overflow: hidden;
}

#sw-signup-wrap div.login-facebook img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#sw-signup-wrap div.login-google img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#sw-signup-wrap div.login-twitter img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -74.4px;
	margin-left: -4.65rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#sw-signup-wrap div.login-linkedin img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -138.214px;
	margin-left: -8.6384rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#sw-signup-ruler {
	width: 92%;
	margin-bottom: 29.283px;
	margin-bottom: 1.8302rem;
	margin-top: 29.283px;
	margin-top: 1.8302rem;
}

#sw-signup-ruler div.sw-signup-ruler-line {
	height: 1px;
	background: #CCCCCC;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

#sw-signup-ruler div.sw-signup-ruler-box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 3.68px 13.504px 3.68px 13.504px;
	padding: 0.23rem 0.844rem 0.23rem 0.844rem;
	text-align: center;
	line-height: 19.2px;
	line-height: 1.2rem;
}

div.sw-signup-inputarea {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

div.sw-signup-left,
div.sw-signup-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: auto;
	width: 42%;
}

div.sw-signup-left img.captcha,
div.sw-signup-left input[Type='email'],
div.sw-signup-right input[Type='email'],
div.sw-signup-left input[Type='password'],
div.sw-signup-right input[Type='password'],
div.sw-signup-left input[Type='text'],
div.sw-signup-right input[Type='text'] {
	width: 100%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

#sw-signup-disclaimer {
	margin-bottom: 10px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#sw-disclaimer-left,
#sw-disclaimer-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: auto;
	width: 42%;
}

#sw-signup-disclaimer input {
	margin: 0;
	margin-right: 11.713px;
	margin-right: 0.7321rem;
}

#sw-signup-disclaimer p {
	font-family: Arimo-Regular;
	font-size: 14.056px;
	font-size: 0.8785rem;
	margin: 0;
	color: #999999;
}

#sw-signup-disclaimer p span a {
	color: #000000;
	font-family: Arimo-Bold;
}

#sw-signup-action {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#sw-signup-cancel,
#sw-signup-create {
	line-height: 36.31px;
	line-height: 2.2694rem;
	width: 42%;
	text-align: center;
	color: white;
	font-family: Antonio-Regular;
	letter-spacing: 3.52px;
	letter-spacing: .22rem;
	font-size: 21.44px;
	font-size: 1.34rem;
}

#sw-signup-cancel {
	background-color: #E6E6E6;
	color: #666666;
}

#sw-signup-create {
	background: #0168A3;
}


/*
#########################
?	-	itemList rules
#########################
*/


/*
#scrollElement{margin:0;width:100%;}
#scrollElement ul {padding-left:0px;padding-top:20px;}
#scrollElement ul li{position: relative; width: 100%; display: flex; flex-direction: column; height: auto; margin-bottom: 20px;}
#scrollElement ul li:after {content:"";display:block;padding-bottom:30%;}
#scrollElement ul li article{margin:auto;width:100%;border:1px solid #d8d8d8;background-color:#FFFFFF;position:absolute;box-sizing:border-box;height:100%;-webkit-box-shadow:-6px 6px 20px 2px rgba(20,20,20,.5);-moz-box-shadow:-6px 6px 20px 2px rgba(20,20,20,.5);box-shadow:2px 1px 10px 0px rgba(50, 50, 50,.5);}
#scrollElement ul li article .itemSmallAttribute{display:none;}
#scrollElement ul li article .itemSmallAttribute .itemAuthor{font-weight:900;cursor:pointer;cursor:hand;}
#scrollElement ul li article .itemSmallAttribute .itemDate{font-weight:400;color:#A0A0A0;}
*/


/*
#scrollElement ul li article .itemImgContainer{background-color:#FFFFFF;height:100%;padding:0;cursor:pointer;cursor:hand;float:left;width:30%;overflow:hidden;}
#scrollElement ul li article .itemImgContainer .itemImgBox{position:relative;}
#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape{height:100%;}
#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape>img {position:relative;left:50%;top:50%;width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:auto;}
#scrollElement ul li article .itemImgContainer .itemImgBox.superLandscape>img{position:relative;left:50%;top:50%;height:100% !important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:none !important;width:auto;}
#scrollElement ul li article .itemImgLabel{position:absolute;bottom:10px;left:10px;width:170px;height:32px;padding:0;color:#FFFFFF;font-size:12px;background-size:contain;background-repeat:no-repeat;padding-left:36px;line-height:32px;font-weight:600px;}
*/


/*
#scrollElement ul li article .itemContent{height:100%;padding:0px 25px;width:70%;position:absolute;right:0px;border-left:1px solid #d8d8d8;}
#scrollElement ul li article .itemContent .itemAttribute{font-size:.78125rem;height:19%;border-bottom:1px solid #C0C0C0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
#scrollElement ul li article .itemContent .itemAttribute .itemAuthor{font-weight:900;cursor:pointer;cursor:hand;flex:0 0 auto;}
#scrollElement ul li article .itemContent .itemAttribute .itemDate{font-weight:400;color:#A0A0A0;flex:0 0 auto;}
#scrollElement ul li article .itemContent .itemTitle{color:#666666;letter-spacing:-1px;height:13.5%;font-size:1.025rem;display:flex;align-items:center;}
#scrollElement ul li article .itemContent .itemTitle span{cursor:pointer;cursor:hand;}
#scrollElement ul li article .itemContent .itemShortContent{line-height:.978rem;text-align:justify;font-size:.878rem;height:26.5%;overflow:hidden;display:flex;align-items:center;justify-content:center;letter-spacing:0px;}
#scrollElement ul li article .itemContent .itemShortContent p{color:#909090;font-weight:400;font-family:arial;margin:0px;word-wrap:break-word;text-align:justify;}
#scrollElement ul li article .itemContent .itemGroup {height:38px;}
#scrollElement ul li article .itemContent .itemGroup div{width:24px;border-radius:24px;background:#DEDEDE;height:24px;margin:7px 5px 7px 0px;float:left;}
#scrollElement ul li article .itemContent .itemQuickInfo{height:20%;width:100%;font-size:14px;position:relative;border-top:1px solid #C0C0C0;display:flex;align-items:center;justify-content:space-between;}
#scrollElement ul li article .itemContent .itemQuickInfo span:first-child{font-size:14px;color:#A0A0A0;flex:0 0 auto;height:100%;}
#scrollElement ul li article .itemContent .itemQuickInfo span:nth-child(2){font-size:14px;margin-left:5px;color:green;flex:0 0 auto;}
#scrollElement ul li article .itemContent .itemRating{z-index:1;min-width:80px;flex:0 0 auto;}
#scrollElement ul li article .itemContent .itemRating div.five-star{height:16px;}
*/


/*
#scrollElement ul li article .itemContent .itemRating div.five-star.rating5{background:url(../image/home/ratings_small.png) no-repeat 0px 0px;}
#scrollElement ul li article .itemContent .itemRating div.five-star.rating4{background:url(../image/home/ratings_small.png) no-repeat 0px -16px;}
#scrollElement ul li article .itemContent .itemRating div.five-star.rating3{background:url(../image/home/ratings_small.png) no-repeat 0px -32px;}
#scrollElement ul li article .itemContent .itemRating div.five-star.rating2{background:url(../image/home/ratings_small.png) no-repeat 0px -48px;}
#scrollElement ul li article .itemContent .itemRating div.five-star.rating1{background:url(../image/home/ratings_small.png) no-repeat 0px -64px;}
*/


/*
.zoomable{}
.itemAttribute{}
.itemAuthor{}
.itemDate{}
.lan-flag{}
.itemImgContainer{}
.itemImgBox{}
.itemImgBox img{}
.itemImgLabel{}
.category{}
.itemContent{}
.itemContent .itemAttribute {}
.itemContent .itemAttribute .profile-image {width:9%;height:100%;overflow:hidden;background:pink;flex:0 0 auto;border-radius:100%;}
.itemContent .itemAttribute .profile-image img{width:100%;height:100%;}
.itemContent .itemAttribute .itemAuthor{}
.itemContent .itemAttribute .itemDate{}
.itemContent .itemAttribute .itemClick{flex:0 0 auto;}
.itemContent .itemAttribute .lan-flag{width:6%;height:50%;overflow:hidden;background:pink;flex:0 0 auto;}
.itemContent .itemAttribute .myDash{margin:0 2% 0 2%;font-weight:900;flex:0 0 auto;flex:0 0 auto;}
.itemContent .itemTitle{}
.itemContent .itemTitle .content-title{}
.itemContent .itemShortContent{}
.itemContent .itemShortContent p{}
.itemContent .itemGroup{}
.itemContent .buyAndRent{height:16%;}
.itemContent .premiumDiscounts{left:-220px;top:10px;position:absolute;padding-bottom:5px;}
.itemContent .premiumDiscounts .btn{background:#dab500;color:#000;border-radius:0;font-weight:bold;}
.itemContent .buyAndRent .contentBuy{margin-right:5px;}
.itemContent .buyAndRent .contentRent{margin-right:5px;}
.itemContent .buyAndRent .ticketBuy{margin-right:5px;}
.itemContent .buyAndRent .buy-w-pp{margin-right:5px;color:black;}
.itemContent .itemQuickInfo{}
.itemContent .itemQuickInfo .quick-info-distance{}
.itemContent .itemQuickInfo .quick-info-service{}
.itemContent .itemRating{}
.itemContent .itemRating .five-star{}
ul.myContent button{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;cursor:hand;background-image:none;border:1px solid transparent;white-space:nowrap;padding:.2rem .8rem;font-size:.8rem;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
*/


/*********************************************/

@media (min-width: 1366px) {
	#scrollElement {
		/*margin:0px 28px;width:680px;*/
		width: 680px;
		overflow: visible;
		margin: auto;
		/*margin-top: 40px;*/
	}
	#scrollElement ul {
		padding-left: 0px;
	}
	#scrollElement ul li {
		margin-bottom: 20px;
	}
	#scrollElement.provaCard ul li {
		margin-bottom: 20px;
		border: 1px solid #aaaaaa;
		border-radius: 15px;
		background: #F0F0F0;
	}
	#scrollElement ul li article {
		height: 200px;
		border: 1px solid #d8d8d8;
		background-color: #FFFFFF;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		/*border-radius: 15px;*/
	}
	#scrollElement.provaCard ul li article {
		height: 200px;
		border: 1px solid #d8d8d8;
		background-color: #FFFFFF;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#scrollElement ul li article .itemSmallAttribute {
		display: none;
	}
	#scrollElement ul li article .itemSmallAttribute .itemAuthor {
		font-weight: 900;
		cursor: pointer;
		cursor: hand;
	}
	#scrollElement ul li article .itemSmallAttribute .itemDate {
		font-weight: 400;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemImgContainer {
		background-color: #FFFFFF;
		cursor: pointer;
		cursor: hand;
		overflow: hidden;
		height: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 198px;
		flex: 0 0 198px;
	}
	#scrollElement.provaCard ul li article .itemImgContainer {
		background-color: #FFFFFF;
		cursor: pointer;
		cursor: hand;
		overflow: hidden;
		height: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 198px;
		flex: 0 0 198px;
		border-radius: 15px;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox {
		position: relative;
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape {
		height: 100%;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape>img {
		position: relative;
		left: 50%;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: auto;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.superLandscape>img {
		position: relative;
		left: 50%;
		top: 50%;
		height: 100% !important;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: none !important;
		width: auto;
	}
	#scrollElement ul li article .itemImgLabel {
		position: absolute;
		bottom: 10px;
		left: -20px;
		width: 170px;
		height: 32px;
		padding: 0;
		color: #FFFFFF;
		font-size: 12px;
		background-size: contain;
		background-repeat: no-repeat;
		padding-left: 36px;
		line-height: 32px;
		font-family: Arimo-Regular;
		letter-spacing: 0.5px;
	}
	#scrollElement ul li article .itemContent {
		padding: 0px 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
		width: 100%;
	}
	#scrollElement ul li article .itemContent .itemAttribute {
		color: #666666;
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100%;
		padding: 5px 0;
	}
	#scrollElement ul li article .itemContent .itemAttribute .profile-image {
		width: 30px;
		border-radius: 15px;
		background: #aeaeae;
		height: 30px;
		margin: 0px 10px 0px 0px;
		overflow: hidden;
	}
	#scrollElement ul li article .itemContent .itemAttribute .profile-image img {
		width: 100%;
		height: 100%;
	}
	#scrollElement ul li article .itemContent .itemAttribute .itemAuthor {
		font-weight: 900;
		cursor: pointer;
		cursor: hand;
		color: #337ab7;
	}
	#scrollElement ul li article .itemContent .itemAttribute .itemDate {
		font-weight: 400;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemContent .itemTitle {
		color: #666666;
		font-size: 18px;
		letter-spacing: -1px;
		line-height: 1.5
	}
	#scrollElement ul li.photo article .itemContent .itemTitle {
		color: #909090;
		font-size: 13px;
		margin-bottom: 3px;
	}
	#scrollElement ul li.photo article .itemShortContent>p {
		color: #666666 !important;
		font-size: 13px;
	}
	#scrollElement ul li article .itemContent .itemTitle span {
		cursor: pointer;
		cursor: hand;
	}
	#scrollElement ul li article .itemContent .itemShortContent {
		line-height: 16px;
		text-align: justify;
		font-size: 13px;
	}
	#scrollElement ul li article .itemContent .itemShortContent p {
		color: #909090;
		font-weight: 400;
		word-wrap: break-word;
		text-align: justify;
		margin: 0px;
	}
	#scrollElement ul li article .itemContent .itemGroup {
		height: 38px;
	}
	#scrollElement ul li article .itemContent .itemGroup div {
		width: 24px;
		border-radius: 24px;
		background: #DEDEDE;
		height: 24px;
		margin: 7px 5px 7px 0px;
		float: left;
	}
	#scrollElement ul li article .itemContent .buyAndRent {
		height: 16%;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#scrollElement ul li article .itemContent .buyAndRent p {
		font-family: 'Dancing Script', cursive;
		font-weight: bold;
		font-size: 16px;
		color: #337ab7;
		margin: 0;
		padding: 0;
	}
	#scrollElement ul li article .itemContent .premiumDiscounts {
		left: -20px;
		top: 10px;
		position: absolute;
		padding-bottom: 5px;
	}
	#scrollElement ul li article .itemContent .premiumDiscounts .btn {
		background: #dab500;
		color: #000;
		border-radius: 0;
		font-weight: bold;
	}
	#scrollElement ul li article .itemContent .buyAndRent .contentBuy {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .contentRent {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .ticketBuy {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .buy-w-pp {
		margin-right: 5px;
		color: black;
	}
	.buyAndRent button {
		height: 30px;
		font-size: 16px;
		padding: 0px 15px;
		line-height: 30px;
		margin: 0;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo {
		width: 100%;
		height: 40px;
		font-size: 14px;
		border-top: 1px solid #c8c8c8;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo span.quick-info-distance {
		font-size: 14px;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo span.quick-info-service {
		font-weight: 600;
		font-size: 14px;
		color: green;
	}
	#scrollElement ul li article .itemContent .itemRating {
		padding: 0;
		margin: 0;
	}
	#scrollElement ul li.generic .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.photo .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.itinerary .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.event .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.event.museum .itemQuickInfo .quick-info-service {}
	.contentTypeIconPlace {
		background: red;
		background-image: url(../image/home/35px.png);
		background-position: 0px -261px;
		background-repeat: no-repeat;
		height: 30px;
		width: 60px;
	}
	.contentTypeIconPhoto {
		background-image: url(../image/home/35px.png);
		background-position: 0px -305px;
		background-repeat: no-repeat;
		height: 35px;
		width: 35px;
	}
	.contentTypeIconDiary {}
	.contentTypeIconPath {}
	.contentTypeIconEvent {}
	.contentTypeIconMuseum {}
}

@media (max-width: 1365px) and (min-width: 1024px) {
	#sw-container1 div#fixed {
		position: relative;
		padding: 0 40px;
		padding-top: 3.78rem;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-bottom: 40px;
		width: 100%;
		text-align: justify;
	}
	/*
#scrollElement{margin:0px 28px;width:680px;}
*/
	#scrollElement {
		margin: 0px 25px;
		width: 640px;
		margin: auto;
		padding: 0 40px;
	}
	#scrollElement ul {
		padding-left: 0px;
	}
	#scrollElement ul li {
		margin-bottom: 20px;
	}
	/*
#scrollElement ul li article{height: 200px;border: 1px solid #d8d8d8;background-color: #FFFFFF;position: relative;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
*/
	#scrollElement ul li article {
		height: 180px;
		border: 1px solid #d8d8d8;
		background-color: #FFFFFF;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#scrollElement ul li article .itemSmallAttribute {
		display: none;
	}
	#scrollElement ul li article .itemSmallAttribute .itemAuthor {
		font-weight: 900;
		cursor: pointer;
		cursor: hand;
	}
	#scrollElement ul li article .itemSmallAttribute .itemDate {
		font-weight: 400;
		color: #A0A0A0;
	}
	/*
#scrollElement ul li article .itemImgContainer{background-color: #FFFFFF;cursor: pointer;cursor: hand;overflow: hidden;height: 100%;flex: 0 0 198px;}
*/
	#scrollElement ul li article .itemImgContainer {
		background-color: #FFFFFF;
		cursor: pointer;
		cursor: hand;
		overflow: hidden;
		height: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 180px;
		flex: 0 0 180px;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox {
		position: relative;
		width: 180px;
		height: 180px;
		overflow: hidden;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape {
		height: 100%;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape>img {
		position: relative;
		left: 50%;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: auto;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.superLandscape>img {
		position: relative;
		left: 50%;
		top: 50%;
		height: 100% !important;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: none !important;
		width: auto;
	}
	#scrollElement ul li article .itemImgLabel {
		position: absolute;
		bottom: 10px;
		left: -20px;
		width: 170px;
		height: 32px;
		padding: 0;
		color: #FFFFFF;
		font-size: 12px;
		background-size: contain;
		background-repeat: no-repeat;
		padding-left: 36px;
		line-height: 32px;
		font-family: Arimo-Regular;
		letter-spacing: 0.5px;
	}
	#scrollElement ul li article .itemContent {
		padding: 0px 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
		width: 100%;
	}
	#scrollElement ul li article .itemContent .itemAttribute {
		color: #666666;
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100%;
		padding: 5px 0;
	}
	#scrollElement ul li article .itemContent .itemAttribute .profile-image {
		width: 30px;
		border-radius: 15px;
		background: #aeaeae;
		height: 30px;
		margin: 0px 10px 0px 0px;
		overflow: hidden;
	}
	#scrollElement ul li article .itemContent .itemAttribute .profile-image img {
		width: 100%;
		height: 100%;
	}
	#scrollElement ul li article .itemContent .itemAttribute .itemAuthor {
		font-weight: 900;
		cursor: pointer;
		cursor: hand;
		color: #337ab7;
	}
	#scrollElement ul li article .itemContent .itemAttribute .itemDate {
		font-weight: 400;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemContent .itemTitle {
		color: #666666;
		font-size: 18px;
		letter-spacing: -1px;
		line-height: 1.5
	}
	#scrollElement ul li.photo article .itemContent .itemTitle {
		color: #909090;
		font-size: 13px;
	}
	#scrollElement ul li article .itemContent .itemTitle span {
		cursor: pointer;
		cursor: hand;
	}
	#scrollElement ul li article .itemContent .itemShortContent {
		line-height: 16px;
		text-align: justify;
		font-size: 12px;
	}
	#scrollElement ul li article .itemContent .itemShortContent p {
		color: #909090;
		font-weight: 400;
		word-wrap: break-word;
		text-align: justify;
		margin: 0px;
	}
	#scrollElement ul li.photo article .itemContent .itemShortContent p {
		color: #666666 !important;
		font-size: 12px;
	}
	#scrollElement ul li article .itemContent .itemGroup {
		height: 38px;
	}
	#scrollElement ul li article .itemContent .itemGroup div {
		width: 24px;
		border-radius: 24px;
		background: #DEDEDE;
		height: 24px;
		margin: 7px 5px 7px 0px;
		float: left;
	}
	#scrollElement ul li article .itemContent .buyAndRent {
		height: 16%;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#scrollElement ul li article .itemContent .buyAndRent p {
		font-family: 'Dancing Script', cursive;
		font-weight: bold;
		font-size: 16px;
		color: #337ab7;
		margin: 0;
		padding: 0;
	}
	#scrollElement ul li article .itemContent .premiumDiscounts {
		left: -220px;
		top: 10px;
		position: absolute;
		padding-bottom: 5px;
	}
	#scrollElement ul li article .itemContent .premiumDiscounts .btn {
		background: #dab500;
		color: #000;
		border-radius: 0;
		font-weight: bold;
	}
	#scrollElement ul li article .itemContent .buyAndRent .contentBuy {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .contentRent {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .ticketBuy {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .buy-w-pp {
		margin-right: 5px;
		color: black;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo {
		width: 100%;
		height: 40px;
		font-size: 14px;
		border-top: 1px solid #c8c8c8;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo span.quick-info-distance {
		font-size: 14px;
		color: #A0A0A0;
		margin-left: 5px;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo span.quick-info-service {
		font-weight: 600;
		font-size: 14px;
		color: green;
	}
	#scrollElement ul li article .itemContent .itemRating {
		padding: 0;
		margin: 0;
	}
	#scrollElement ul li.generic .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.photo .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.itinerary .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.event .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.event.museum .itemQuickInfo .quick-info-service {}
}

@media (max-width: 1023px) and (min-width: 768px) {
	#sw-container1 {
		width: 100%;
		margin: auto;
	}
	#sw-container1 div#fixed {
		width: 680px !important;
		overflow: visible;
		margin: auto;
	}
	#scrollElement {
		/*margin:0px 28px;width:680px;*/
		width: 680px;
		overflow: visible;
		margin: auto;
		margin-top: 40px;
	}
	#scrollElement ul {
		padding-left: 0px;
	}
	#scrollElement ul li {
		margin-bottom: 20px;
	}
	#scrollElement.provaCard ul li {
		margin-bottom: 20px;
		border: 1px solid #aaaaaa;
		border-radius: 15px;
		background: #F0F0F0;
	}
	#scrollElement ul li article {
		height: 200px;
		border: 1px solid #d8d8d8;
		background-color: #FFFFFF;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		/*border-radius: 15px;*/
	}
	#scrollElement.provaCard ul li article {
		height: 200px;
		border: 1px solid #d8d8d8;
		background-color: #FFFFFF;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#scrollElement ul li article .itemSmallAttribute {
		display: none;
	}
	#scrollElement ul li article .itemSmallAttribute .itemAuthor {
		font-weight: 900;
		cursor: pointer;
		cursor: hand;
	}
	#scrollElement ul li article .itemSmallAttribute .itemDate {
		font-weight: 400;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemImgContainer {
		background-color: #FFFFFF;
		cursor: pointer;
		cursor: hand;
		overflow: hidden;
		height: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 198px;
		flex: 0 0 198px;
	}
	#scrollElement.provaCard ul li article .itemImgContainer {
		background-color: #FFFFFF;
		cursor: pointer;
		cursor: hand;
		overflow: hidden;
		height: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 198px;
		flex: 0 0 198px;
		border-radius: 15px;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox {
		position: relative;
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape {
		height: 100%;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.subLandscape>img {
		position: relative;
		left: 50%;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: auto;
	}
	#scrollElement ul li article .itemImgContainer .itemImgBox.superLandscape>img {
		position: relative;
		left: 50%;
		top: 50%;
		height: 100% !important;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: none !important;
		width: auto;
	}
	#scrollElement ul li article .itemImgLabel {
		position: absolute;
		bottom: 10px;
		left: -20px;
		width: 170px;
		height: 32px;
		padding: 0;
		color: #FFFFFF;
		font-size: 12px;
		background-size: contain;
		background-repeat: no-repeat;
		padding-left: 36px;
		line-height: 32px;
		font-family: Arimo-Regular;
		letter-spacing: 0.5px;
	}
	#scrollElement ul li article .itemContent {
		padding: 0px 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
	}
	#scrollElement ul li article .itemContent .itemAttribute {
		color: #666666;
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100%;
		padding: 5px 0;
	}
	#scrollElement ul li article .itemContent .itemAttribute .profile-image {
		width: 30px;
		border-radius: 15px;
		background: #aeaeae;
		height: 30px;
		margin: 0px 10px 0px 0px;
		overflow: hidden;
	}
	#scrollElement ul li article .itemContent .itemAttribute .profile-image img {
		width: 100%;
		height: 100%;
	}
	#scrollElement ul li article .itemContent .itemAttribute .itemAuthor {
		font-weight: 900;
		cursor: pointer;
		cursor: hand;
		color: #337ab7;
	}
	#scrollElement ul li article .itemContent .itemAttribute .itemDate {
		font-weight: 400;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemContent .itemTitle {
		color: #666666;
		font-size: 18px;
		letter-spacing: -1px;
		line-height: 1.5
	}
	#scrollElement ul li.photo article .itemContent .itemTitle {
		color: #909090;
		font-size: 13px;
		margin-bottom: 3px;
	}
	#scrollElement ul li.photo article .itemShortContent>p {
		color: #666666 !important;
		font-size: 13px;
	}
	#scrollElement ul li article .itemContent .itemTitle span {
		cursor: pointer;
		cursor: hand;
	}
	#scrollElement ul li article .itemContent .itemShortContent {
		line-height: 16px;
		text-align: justify;
		font-size: 13px;
	}
	#scrollElement ul li article .itemContent .itemShortContent p {
		color: #909090;
		font-weight: 400;
		word-wrap: break-word;
		text-align: justify;
		margin: 0px;
	}
	#scrollElement ul li article .itemContent .itemGroup {
		height: 38px;
	}
	#scrollElement ul li article .itemContent .itemGroup div {
		width: 24px;
		border-radius: 24px;
		background: #DEDEDE;
		height: 24px;
		margin: 7px 5px 7px 0px;
		float: left;
	}
	#scrollElement ul li article .itemContent .buyAndRent {
		height: 16%;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#scrollElement ul li article .itemContent .buyAndRent p {
		font-family: 'Dancing Script', cursive;
		font-weight: bold;
		font-size: 16px;
		color: #337ab7;
		margin: 0;
		padding: 0;
	}
	#scrollElement ul li article .itemContent .premiumDiscounts {
		left: -20px;
		top: 10px;
		position: absolute;
		padding-bottom: 5px;
	}
	#scrollElement ul li article .itemContent .premiumDiscounts .btn {
		background: #dab500;
		color: #000;
		border-radius: 0;
		font-weight: bold;
	}
	#scrollElement ul li article .itemContent .buyAndRent .contentBuy {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .contentRent {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .ticketBuy {
		margin-right: 5px;
	}
	#scrollElement ul li article .itemContent .buyAndRent .buy-w-pp {
		margin-right: 5px;
		color: black;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo {
		width: 100%;
		height: 40px;
		font-size: 14px;
		border-top: 1px solid #c8c8c8;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo span.quick-info-distance {
		font-size: 14px;
		color: #A0A0A0;
	}
	#scrollElement ul li article .itemContent .itemQuickInfo span.quick-info-service {
		font-weight: 600;
		font-size: 14px;
		color: green;
	}
	#scrollElement ul li article .itemContent .itemRating {
		padding: 0;
		margin: 0;
	}
	#scrollElement ul li.generic .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.photo .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.itinerary .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.event .itemQuickInfo .quick-info-service {}
	#scrollElement ul li.event.museum .itemQuickInfo .quick-info-service {}
	.contentTypeIconPlace {
		background: red;
		background-image: url(../image/home/35px.png);
		background-position: 0px -261px;
		background-repeat: no-repeat;
		height: 30px;
		width: 60px;
	}
	.contentTypeIconPhoto {
		background-image: url(../image/home/35px.png);
		background-position: 0px -305px;
		background-repeat: no-repeat;
		height: 35px;
		width: 35px;
	}
	.contentTypeIconDiary {}
	.contentTypeIconPath {}
	.contentTypeIconEvent {}
	.contentTypeIconMuseum {}
}


/*
#########################
?	- fine itemList rules
#########################
*/

#wrapper #sw-profile-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 100%;
}

#wrapper div.photo {
	/*     position: relative;
    width: 16.9850rem;
    margin-left: 0;
    z-index: 10;
    background-color: #333333;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: -5.1245rem;
    overflow: hidden;
        text-align: center; */
	position: absolute;
	z-index: 1;
	width: 240px;
	height: 240px;
	margin-left: 0;
	background-color: #333333;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
	top: -120px;
}

#wrapper div.photo:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#wrapper div.photo img {
	width: 80%;
}

#wrapper div.info-up {
	position: relative;
	width: 100%;
	margin-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 30.0410rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 150px 40px 40px 40px;
	height: 100%;
	background-color: #ededed;
}

#wrapper div.info-up>span:nth-child(1) {
	font-family: Arimo-Regular;
	font-size: 26px;
	line-height: 1;
}

#wrapper div.info-up>span:nth-child(2) {
	font-family: Arimo-Bold;
	font-size: 14px;
	line-height: 1;
}

#wrapper div.info-up button {
	/* border-radius: 0.8rem; */
	/* font-size: 0.8rem; */
	/* font-family: Arimo-Regular; */
	/* letter-spacing: 0.0732rem; */
	/* padding: 0.4000rem 1.6000rem 0.3500rem 1.6000rem; */
	/* border: none; */
	/* background-color: #000000; */
	/* color: #FFFFFF; */
	/* margin-top: 1.0981rem; */
}

#wrapper div.info-up span.sw-profile-fullname {
	font-family: Antonio-Bold;
	color: #000;
	letter-spacing: 1px;
}

#wrapper div.info-up span.sw-profile-desc{
	font-family: Antonio-Bold;
	color: #a9b6be;
	letter-spacing: 1.5px;
	margin-top: 10px;
	font-style: italic;	
	
}


#wrapper div.info-up span.sw-profile-state {
	font-family: Antonio-Bold;
	color: #000;
	letter-spacing: 1.5px;
	margin-top: 10px;
	font-style: italic;
}

#wrapper div.info-up div.login-facebook,
#wrapper div.info-up div.login-google,
#wrapper div.info-up div.login-twitter,
#wrapper div.info-up div.login-linkedin {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 1.8302rem;
	height: 1.8302rem;
	background: blue;
	border-radius: 50%;
	margin: 1.4641rem 1.2811rem;
	z-index: 10;
	overflow: hidden;
}

#wrapper div.info-up div.login-facebook:after,
#wrapper div.info-up div.login-google:after,
#wrapper div.info-up div.login-twitter:after,
#wrapper div.info-up div.login-linkedin:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#wrapper div.info-up div.sw-info-key {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 1;
}

#wrapper div.info-up div.sw-info-value {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 1;
}
ul.friendsBook {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
ul.friendsBook li {
    width: 60px !important;
    height: 60px !important;
    padding: 0;
	display: flex;
	margin: 0 0 10px 10px;
}
ul.friendsBook li img {
    max-width: 100%;
}
/*
div.info-up:after, div.info-down:after, div.photo:after{
content:'';
display:block;
padding-bottom:100%
}
*/


/*###############################
Ã‚Â£	-	Sw Helper class rules	#
###############################*/

.catUnChecked {
	background-color: #cecece !important
}

.amazingViews {
	background-color: #76904F
}

.artMuseums {
	background-color: #3F606F
}

.historicalSites {
	background-color: #163446
}

.lighthouses {
	background-color: #866995
}

.manufacturers {
	background-color: #865A33
}

.movieLocations {
	background-color: #A94144
}

.musicWorld {
	background-color: #D68845
}

.placesToStay {
	background-color: #DAAD58
}

.religiousPlaces {
	background-color: #534489
}

.restaurantsBarsCafes {
	background-color: #05BDC7
}

.sportsActivities {
	background-color: #27767C
}

.typicalProducts {
	background-color: #27767A
}

.wineWorld {
	background-color: #276C2D
}

.other {
	background-color: #9A9A9A
}

.groups {
	background-color: #686868
}

.buildingsCastles {
	background-color: #27767A
}

.seeSites {
	background-color: #05BDC7
}

.mountainSites {
	background-color: #276C2D
}

.folk {
	background-color: #866995
}

.trekking {
	background-color: #276C2D
}

.pristineNature {
	background-color: #76904F
}

.smallVillages {
	background-color: #866995;
}

.gardensAndParks {
	background-color: #866995;
}

.beachesAndpools {
	background-color: #866995;
}

.gardensParks {
	background-color: #27767A;
}

.ghostsLegends {
	background-color: #76904F;
}

.historicalEstablishment {
	background-color: #27767A;
}

.fountainsSquares {
	background-color: #3F606F
}

.filterCategoriesButtonListLeft .btn .badge,
.filterCategoriesButtonListRight .btn .badge {
	top: 0;
	margin: 0;
	height: 10px;
	width: 10px;
	background-color: transparent;
	color: white
}

.opacity05 {
	opacity: 0.5
}

.bgGray1 {
	background-color: #DCDCDC
}

.bgGray2 {
	background-color: #BEBEBE
}

.bgGray3 {
	background-color: #969696
}

.bgGray4 {
	background-color: #646464
}

.bgGray5 {
	background-color: #323232
}

.pull-left {
	float: left!important;
}

.pull-right {
	float: right!important;
}

.badge:empty {
	display: none;
}

div#activeFilter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div#activeFilter button {
	border-radius: 1.4641rem;
	font-size: 0.7321rem;
	font-family: Arimo-Regular;
	letter-spacing: 0.0732rem;
	padding: 0.2600rem 1.3000rem;
	border: none;
	/*
display: inline-block !important;
*/
	margin-right: 0.35857rem;
	margin-bottom: 0.3660rem;
}

div#activeFilter button.catUnChecked {
	background-color: #cecece !important
}

div#activeFilter button.amazingViews {
	color: #FFFFFF;
	background-color: #76904F
}

div#activeFilter button.artMuseums {
	color: #FFFFFF;
	background-color: #3F606F
}

div#activeFilter button.historicalSites {
	color: #FFFFFF;
	background-color: #163446
}

div#activeFilter button.lighthouses {
	color: #FFFFFF;
	background-color: #866995
}

div#activeFilter button.manufacturers {
	color: #FFFFFF;
	background-color: #865A33
}

div#activeFilter button.movieLocations {
	color: #FFFFFF;
	background-color: #A94144
}

div#activeFilter button.musicWorld {
	color: #FFFFFF;
	background-color: #D68845
}

div#activeFilter button.placesToStay {
	color: #FFFFFF;
	background-color: #DAAD58
}

div#activeFilter button.religiousPlaces {
	color: #FFFFFF;
	background-color: #534489
}

div#activeFilter button.restaurantsBarsCafes {
	color: #FFFFFF;
	background-color: #05BDC7
}

div#activeFilter button.sportsActivities {
	color: #FFFFFF;
	background-color: #27767C
}

div#activeFilter button.typicalProducts {
	color: #FFFFFF;
	background-color: #27767A
}

div#activeFilter button.wineWorld {
	color: #FFFFFF;
	background-color: #276C2D
}

div#activeFilter button.other {
	color: #FFFFFF;
	background-color: #9A9A9A
}

div#activeFilter button.groups {
	color: #FFFFFF;
	background-color: #686868
}

div#activeFilter button.buildingsCastles {
	color: #FFFFFF;
	background-color: #27767A
}

div#activeFilter button.seeSites {
	color: #FFFFFF;
	background-color: #05BDC7
}

div#activeFilter button.mountainSites {
	color: #FFFFFF;
	background-color: #276C2D
}

div#activeFilter button.folk {
	color: #FFFFFF;
	background-color: #866995
}

div#activeFilter button.trekking {
	color: #FFFFFF;
	background-color: #276C2D
}

div#activeFilter button.pristineNature {
	color: #FFFFFF;
	background-color: #76904F
}

div#activeFilter button.smallVillages {
	color: #FFFFFF;
	background-color: #866995;
}

div#activeFilter button.gardensAndParks {
	color: #FFFFFF;
	background-color: #866995;
}

div#activeFilter button.beachesAndpools {
	color: #FFFFFF;
	background-color: #866995;
}

div#activeFilter button.gardensParks {
	color: #FFFFFF;
	background-color: #27767A;
}

div#activeFilter button.ghostsLegends {
	color: #FFFFFF;
	background-color: #76904F;
}

div#activeFilter button.historicalEstablishment {
	color: #FFFFFF;
	background-color: #27767A;
}

div#activeFilter button.fountainsSquares {
	color: #FFFFFF;
	background-color: #3F606F
}

div#activeFilter button.filterCategoriesButtonListLeft .btn .badge,
.filterCategoriesButtonListRight .btn .badge {
	top: 0;
	margin: 0;
	height: 10px;
	width: 10px;
	background-color: transparent;
	color: white
}

div#activeFilter button.opacity05 {
	opacity: 0.5
}

div#activeFilter button.bgGray1 {
	background-color: #DCDCDC
}

div#activeFilter button.bgGray2 {
	background-color: #BEBEBE
}

div#activeFilter button.bgGray3 {
	background-color: #969696
}

div#activeFilter button.bgGray4 {
	background-color: #646464
}

div#activeFilter button.bgGray5 {
	background-color: #323232
}

div#activeFilter button.hidden {
	display: none !important;
}

div#activeFilter button.pull-left {
	float: left!important;
}

div#activeFilter button.pull-right {
	float: right!important;
}

div#activeFilter button.badge:empty {
	display: none;
}


/*
#################################
Ã‚Â£	-	filterActive status rules
#################################
*/

div.filterWrap {
	height: 0px;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-top: 0.5rem;
}

#sw-cat-block {
	display: none;
}

#sw-cat-block.filterActive {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#sw-cat-block.filterActive #perOraWrapper,
#sw-cat-block.filterActive #searchSummary {
	display: none
}

#sw-cat-block.filterActive .map-magnifier {
	opacity: .5;
}

#sw-cat-block.filterActive .searchFilter button {
	background-color: #ffffff;
	border-color: #cccccc;
	color: #cecece;
}

#sw-cat-block.filterActive .moreCat {
	background-color: #ffffff;
	border-color: #cccccc;
	color: #cecece;
}

#sw-cat-block.filterActive div#filterCategories {
	display: block;
	padding-top: 0px;
	/*
max-height: calc( 100vh - 301px);
overflow:hidden;
*/
	width: 100%;
	margin: 0px;
	margin-top: 20px;
}

#sw-cat-block.filterActive div#filterCategories div#perOraWrapper2 {
	width: 100%;
	padding-top: 1.2rem;
	border-top: 1px solid #C8C8C8;
	/*
overflow: hidden;
max-height: calc( 100vh - 351px );
*/
}


/* #sw-cat-block.filterActive div#filterCategories div#perOraWrapper2::-webkit-scrollbar {width: 10px;margin-right:10px;right:10px;}
#sw-cat-block.filterActive div#filterCategories div#perOraWrapper2::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);-webkit-border-radius: 8px;border-radius: 8px;background: rgba(200, 200, 200, .6);}
#sw-cat-block.filterActive div#filterCategories div#perOraWrapper2::-webkit-scrollbar-thumb {-webkit-border-radius: 8px;border-radius: 8px;background: rgba(162, 162, 162, .6);-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);}
#sw-cat-block.filterActive div#filterCategories div#perOraWrapper2::-webkit-scrollbar-thumb:window-inactive {background: #F0F0F0;}
*/


/*
#sw-cat-block.filterActive div#filterCategories div#perOraWrapper2 div.prova{margin: auto;margin-left: 10px;width: 680px;padding-bottom:0px;height:auto;box-sizing:content-box;}
*/

#sw-container1.sw-scrolled #filterConsole>span,
#sw-container1.sw-scrolled #fixed>span {
	/*display:none;*/
	font-size: 0;
	-webkit-transition: font-size 500ms;
	-o-transition: font-size 500ms;
	transition: font-size 500ms;
}

#sw-container1.filterActive div.scrollContainer,
#sw-container1.filterActive #filterConsole>span,
#sw-container1.filterActive #fixed>span {
	display: none;
}


/*#sw-container1.filterActive #sw-search-google-tab,#sw-search-sworld-tab*/

#sw-cat-block.filterActive div#filterCategories div#perOraWrapper2:hover {
	overflow-y: auto;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesHeader {
	margin: auto;
	height: 50px;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesHeader {
	font-family: Antonio-Regular;
	font-size: 2.2rem;
	color: #000000;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: -1px;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

button.sw-button-cat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	color: #FFFFFF;
	font-family: Arimo-Regular;
	font-size: 12px;
	border: none;
	margin-bottom: 5px;
}

#sw-container1.filterActive button#sw-search-cat {
	background-color: #0072AE;
	color: #FFFFFF;
	border-color: #0072AE;
}

span.sw-button-cat-name {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	text-align: left;
	line-height: 1;
	margin-left: 5px;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesHeader span.leftSpan {
	float: left;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesHeader span:nth-child(2) {
	font-size: 1.4rem;
	font-weight: 500;
	color: #888888;
	line-height: 50px;
	margin-bottom: 0px;
	margin-left: 15px;
	cursor: pointer;
	cursor: hand;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesHeader span:nth-child(3) {
	font-size: 1.4rem;
	font-weight: 500;
	color: #3276B1;
	;
	line-height: 50px;
	margin-bottom: 0px;
	margin-left: 15px;
	cursor: pointer;
	cursor: hand;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesHeader span.rightSpan {
	float: right;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListLeft {
	width: 47%;
	margin: 0px;
	display: inline-block;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListRight {
	float: right;
	width: 47%;
	margin: 0px;
	display: inline-block;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListLeft span,
#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListRight span {
	background-color: transparent;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListLeft span .btn,
#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListRight span .btn {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 0px 0px;
	font-size: 12px;
	line-height: 1;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: white;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListLeft span .btn .badge,
#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListRight span .btn .badge {
	top: 0;
	margin: 0;
	height: 10px;
	width: 10px;
	background-color: transparent;
	color: white;
	position: relative;
	top: -1px;
}

#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListLeft span input[type=checkbox],
#sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListRight span input[type=checkbox] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 4px 0 0;
	line-height: normal;
}

#sw-cat-block.filterActive div#filterSummary {
	height: 60px;
	color: #888888;
	border-top: 1px solid #c8c8c8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-cat-block.filterActive div#mainFooter {
	display: none;
}

#mainContainer.panelsView #main div#searchSummary .searchSummaryRight .searchSummary-panelSwitch,
#mainContainer.panelsView #main div#searchSummary .searchSummaryRight .fa-th {
	color: #428bca;
}

div.switchTrigger {
	-webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	-o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	background-color: #C8C8C8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

div.switchTrigger.selectAll {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

div.sw-search-tabcontent {
	display: none;
}

div#sw-search-sworld-tab div.input-group span {
	background-color: #00AE72;
}


/*
div.sw-mydash-tabcontent{
display:none;
}
div.sw-mydash-tabcontent.active{
display:block;
}
*/

div.sw-backToProfile {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background-color: #25749B;
	position: relative;
	display: none;
	margin: 0rem 2rem;
	color: white;
	font-size: 21px;
	text-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#wrapper #wrapperMain.dash div.sw-backToProfile {
	display: none;
}

#wrapper #wrapperMain.edit div.sw-backToProfile,
#wrapper #wrapperMain.wall div.sw-backToProfile,
#wrapper #wrapperMain.contents div.sw-backToProfile,
#wrapper #wrapperMain.friends div.sw-backToProfile,
#wrapper #wrapperMain.messages div.sw-backToProfile,
#wrapper #wrapperMain.requests div.sw-backToProfile,
#wrapper #wrapperMain.orders div.sw-backToProfile,
#wrapper #wrapperMain.seller div.sw-backToProfile,
#wrapper #wrapperMain.expert div.sw-backToProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#wrapper #wrapperMain.wall {}

#wrapper #wrapperMain.contents {}

#wrapper #wrapperMain.friends {}

#wrapper #wrapperMain.messages {}

#wrapper #wrapperMain.requests {}

#wrapper #wrapperMain.orders {}

#wrapper #wrapperMain.seller {}

#wrapper #wrapperMain.expert {}

#wrapper #sw-wrapperRight ul.navrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#wrapper #sw-wrapperRight ul.navrow div.square {
	position: relative;
	width: 11.5%;
	cursor: pointer;
	cursor: hand;
}

#wrapper #sw-wrapperRight ul.navrow div.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#wrapper #sw-wrapperRight ul.navrow div.square div.profile-tab-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 50%;
	margin-top: -40%;
	color: #FFFFFF;
	font-family: Arimo-Bold;
	text-transform: uppercase;
}

#wrapper #sw-wrapperRight ul.navrow div.square div.profile-tab-icon img {
	width: 40%;
}


/*
_____________________________________________________________________________
8.0		div.sw-innerHelp - pannello help modali
_____________________________________________________________________________
*/

div.sw-innerHelp {
	position: absolute;
	width: 400px;
	height: 500px;
	background: #ff5833;
	right: -600px;
	z-index: 10;
	top: 50%;
	margin-top: -250px;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px 0px 20px 0px;
	-webkit-box-shadow: -3px 0px 12px 0px rgba(51, 51, 51, 1);
	box-shadow: -3px 0px 12px 0px rgba(51, 51, 51, 1);
}


/*
#sw-eventEditorWrapper.helpInside div.sw-innerHelp,
#sw-edyEditorWrapper.helpInside div.sw-innerHelp,
*/

#sw-placeEditorWrapper.helpInside div.sw-innerHelp,
#sw-pictureEditorWrapper.helpInside div.sw-innerHelp,
#sw-pathEditorWrapper.helpInside div.sw-innerHelp {
	right: 0px;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;
}

#sw-placeEditorWrapper.helpInside div.sw-innerHelp,
#sw-pictureEditorWrapper.helpInside div.sw-innerHelp,
add diary #sw-pathEditorWrapper.helpInside div.sw-innerHelp,
#sw-eventEditorWrapper.helpInside div.sw-innerHelp,
#sw-edyEditorWrapper.helpInside div.sw-innerHelp {
	top: -1000px;
	-webkit-transition: right .3s;
	-webkit-transition: top .3s;
	-o-transition: top .3s;
	transition: top .3s;
}

div.sw-howItWorks {
	height: 40px;
	cursor: default;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	background-color: transparent;
	width: 250px;
	margin-top: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: 40px;
}

div.sw-howItWorks div.pre-cuspide {
	padding: 0 5% 0 5%;
	width: 90%;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	height: 100%;
	background: #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: white;
	/* -webkit-box-shadow:-3px 0px 12px 0px rgba(51,51,51,1);-moz-box-shadow:-3px 0px 12px 0px rgba(51,51,51,1);box-shadow:-3px 0px 12px 0px rgba(51,51,51,1);*/
}

div.sw-howItWorks div.cuspide {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #000000;
}

div.sw-howItWorks div.pre-cuspide span {
	font-family: Antonio-Regular;
	float: left;
	line-height: 60px;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
}

div.helpLineWrap {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0px;
	min-height: 0px;
}

ul.helpLine {
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.helpLine li.helpTopic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

ul.helpLine li.helpTopic div.helpTopicStep {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50px;
	height: 100%;
	position: relative;
}

ul.helpLine li.helpTopic div.helpTopicStep:before {
	content: "";
	border-color: transparent #FFFFFF;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	display: block;
	height: 0;
	width: 0;
	left: 15px;
	top: 0px;
	position: relative;
}

ul.helpLine li.helpTopic div.helpTopicContent {
	display: inline;
	margin-right: 30px;
	text-align: justify;
	padding: 10px;
	background: #666666;
	border-radius: 6px;
	color: #FFFFFF;
	font-family: Antonio-Regular;
	letter-spacing: 1.5px;
	font-size: 13px;
}

ul.helpLine li {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 2.5em;
}

ul.helpLine li:after {
	content: "";
	position: absolute;
	left: -26px;
	top: 0px;
}

ul.helpLine li:before {
	content: "";
	position: absolute;
	left: 15px;
	border-left: 3px solid #FFFFFF;
	height: 100%;
	width: 1px;
}

ul.helpLine li:first-child:before {
	top: 6px;
}

ul.helpLine li:last-child:before {
	height: 6px;
}

div.sw-innerHelp .mCSB_outside+.mCSB_scrollTools {
	right: 5px;
}


/*
_____________________________________________________________________________
8.0		/div.helpSuperBlock - pannello help modali - new
_____________________________________________________________________________
*/

div.helpSuperBlock {
	position: absolute;
	top: -1000px;
	width: 100%;
	height: 100%;
	background-color: #ff5833;
	z-index: 100000;
	height: calc( 100% - 115px);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-transition: top .3s;
	-o-transition: top .3s;
	transition: top .3s;
	background-color: #ea5007;
}

#sw-superAddModal.helpBlock div.helpSuperBlock {
	top: 115px;
}

div.helpSuperBlock div.howItWorks {
	height: 50px;
	cursor: default;
	background-color: transparent;
	width: 94%;
	border-bottom: 2px solid #FFFFFF;
	margin: 3%;
	margin-bottom: 4%;
}

div.helpSuperBlock div.howItWorks>div {
	padding: 0 0% 0 2%;
	width: 100%;
	color: white;
	font-family: Antonio-Bold;
	line-height: 60px;
	font-size: 28px;
}

div.helpSuperBlock div.helpBlockContainer {
	position: relative;
	width: 94%;
	display: block !important;
	color: #FFFFFF;
	font-family: Arimo-Regular;
	text-align: center;
	margin: auto;
}

div.helpSuperBlock div.helpBlockContainer ul {
	position: relative;
	font-family: Arimo-Regular;
	margin-bottom: 40px;
	float: left;
}

div.helpSuperBlock div.helpBlockContainer ul li {
	width: 33.333333%;
	float: left;
	position: relative;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	-webkit-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
	transition: height 500ms;
	background-color: transparent;
	border: none;
	padding: 0 10px;
}

div.helpSuperBlock div.helpBlockContainer ul li div {
	font-size: 32px;
	margin: auto;
}

div.helpSuperBlock div.helpBlockContainer ul li p:nth-child(3) {
	font-size: 14px;
	text-align: center;
	position: relative;
	margin: auto;
}

div.helpSuperBlock .closeHelpBox {
	position: absolute;
	margin: auto;
	bottom: 30px;
	left: 50%;
	color: wheat;
	font-size: 30px;
	margin-left: -15px;
}


/*
_____________________________________________________________________________
8.0		/pathDetails rules - vista di dettaglio contenuto complesso
_____________________________________________________________________________
*/

#stepBar {
	width: 100px;
	position: absolute;
	background-color: #e0e0e0;
	border-right: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	top: 0px;
	bottom: 0px;
	height: 100%;
	z-index: 10;
}

#stepBar .iconStrip {
	font-size: 24px;
	color: #428bca;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	cursor: hand
}

#stepBar .iconStrip i {
	cursor: pointer;
	cursor: hand;
}

#stepBar .ruler {
	border-bottom: 1px solid #b0b0b0;
	margin: 10px
}


/*
div#pathDetails{border-left: 1px solid #cecece;overflow: hidden;background-color: #F0F0F0;position: absolute;width: 635px;padding: 25px 40px;height: calc( 100vh - 60px );transition: width 0.7s ease;}
*/

div#pathDetails div#mainFooter {
	width: 100%;
	position: absolute;
	bottom: 0px;
	height: 40px;
}

#map-canvas {
	width: 600px;
	position: absolute;
	right: 0px;
	min-height: calc(100vh - 60px);
	padding: 0px;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}

#map-canvas {
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#map-canvas #map {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
}

#map-canvas #map-magnifier {
	top: 15px;
	left: 15px;
	width: 32px;
	height: 31px;
	position: absolute;
	background-image: url(../image/home/icon_map_expand_collapse.png) !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}

#pathDetails .card.onDetails {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

#pathDetails ul {
	margin: auto;
	width: 80%;
}

#pathDetails ul li {
	/* width:100%;height:161px;border-bottom:1px solid #cecece; */
	margin-bottom: 20px;
}

#pathDetails ul li article {
	height: 190px;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#pathDetails ul li div.stepPosition {
	padding: 20px;
	/*border-right: 1px solid #cecece;*/
}

#pathDetails ul li div.stepPosition div.spot-line {
	content: '';
	position: absolute;
	width: 4px;
	height: 172px;
	left: 38px;
	top: 52px;
	margin-top: 8px;
	z-index: 1;
	background-color: #666666;
}

#pathDetails ul li:last-child div.stepPosition div.spot-line {
	display: none
}

#pathDetails ul li div.stepPosition div.iconStepPosition {
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	width: 40px;
	height: 40px;
	border: 3px solid #666666;
	border-radius: 40px;
	line-height: 34px;
}

#pathDetails ul li div.arrowRuler {
	width: 20px;
	height: 20px;
	background: transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #666666;
	position: absolute;
	top: 40px;
	left: 100px;
	-webkit-transition: left .5s ease;
	-o-transition: left .5s ease;
	transition: left .5s ease;
}

#pathDetails ul li.active div.arrowRuler {
	left: 80px;
}

#pathDetails ul li div.stepContent {
	/* background: #F0F0F0; */
	height: 100%;
	padding: 0px 25px;
	width: 482px;
	position: relative;
	right: 0px;
	display: inline-block;
}

#pathDetails ul li div.stepContent span.rating {
	float: right;
}

#pathDetails ul li div.stepContent span.title {
	height: 30px;
	line-height: 32px;
	padding-top: 2px;
	color: #666666;
	font-size: 16px;
	letter-spacing: 0px;
}

#pathDetails ul li article:hover {
	background-color: #E0E0E0
}

#pathDetails ul li div.stepPosition .catUnChecked {
	background-color: #cecece !important
}

#pathDetails ul li div.stepPosition .amazingViews {
	color: #FFFFFF;
	background-color: #76904F;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .artMuseums {
	color: #FFFFFF;
	background-color: #3F606F;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .historicalSites {
	color: #FFFFFF;
	background-color: #163446;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .lighthouses {
	color: #FFFFFF;
	background-color: #866995;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .manufacturers {
	color: #FFFFFF;
	background-color: #865A33;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .movieLocations {
	color: #FFFFFF;
	background-color: #A94144;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .musicWorld {
	color: #FFFFFF;
	background-color: #D68845;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .placesToStay {
	color: #FFFFFF;
	background-color: #DAAD58;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .religiousPlaces {
	color: #FFFFFF;
	background-color: #534489;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .restaurantsBarsCafes {
	color: #FFFFFF;
	background-color: #05BDC7;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .sportsActivities {
	color: #FFFFFF;
	background-color: #27767C;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .typicalProducts {
	color: #FFFFFF;
	background-color: #27767A;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .wineWorld {
	color: #FFFFFF;
	background-color: #276C2D;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .other {
	color: #FFFFFF;
	background-color: #9A9A9A;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .groups {
	color: #FFFFFF;
	background-color: #686868;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .buildingsCastles {
	color: #FFFFFF;
	background-color: #27767A;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .seeSites {
	color: #FFFFFF;
	background-color: #05BDC7;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .mountainSites {
	color: #FFFFFF;
	background-color: #276C2D;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .folk {
	color: #FFFFFF;
	background-color: #866995;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .trekking {
	color: #FFFFFF;
	background-color: #276C2D;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .pristineNature {
	color: #FFFFFF;
	background-color: #76904F;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .smallVillages {
	color: #FFFFFF;
	background-color: #866995;
	;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .gardensAndParks {
	color: #FFFFFF;
	background-color: #866995;
	;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .beachesAndpools {
	color: #FFFFFF;
	background-color: #866995;
	;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .gardensParks {
	color: #FFFFFF;
	background-color: #27767A;
	;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .ghostsLegends {
	color: #FFFFFF;
	background-color: #76904F;
	;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .historicalEstablishment {
	color: #FFFFFF;
	background-color: #27767A;
	;
	background-image: none !important;
}

#pathDetails ul li div.stepPosition .fountainsSquares {
	color: #FFFFFF;
	background-color: #3F606F;
	background-image: none !important;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel {
	bottom: 20px;
	left: 170px;
	width: 40px;
	height: 40px;
	position: absolute;
	border-radius: 20px;
	border: 2px solid #666666;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.catUnChecked {
	background-color: #cecece !important
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.amazingViews {
	background: url(../image/home/icon_cat_amazing_views.png) 3px 2px no-repeat no-repeat;
	background-color: #76904F;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.artMuseums {
	background: url(../image/home/icon_cat_art_museums.png) 3px 2px no-repeat no-repeat;
	background-color: #3F606F;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.historicalSites {
	background: url(../image/home/icon_cat_historical_sites.png) 3px 2px no-repeat no-repeat;
	background-color: #163446;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.lighthouses {
	background: url(../image/home/icon_cat_lighthouses.png) 3px 2px no-repeat no-repeat;
	background-color: #866995;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.manufacturers {
	background: url(../image/home/icon_cat_manufacturers.png) 3px 2px no-repeat no-repeat;
	background-color: #865A33;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.movieLocations {
	background: url(../image/home/icon_cat_movie_locations.png) 3px 2px no-repeat no-repeat;
	background-color: #A94144;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.musicWorld {
	background: url(../image/home/icon_cat_music_world.png) 3px 2px no-repeat no-repeat;
	background-color: #D68845;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.placesToStay {
	background: url(../image/home/icon_cat_places_to_stay.png) 3px 2px no-repeat no-repeat;
	background-color: #DAAD58;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.religiousPlaces {
	background: url(../image/home/icon_cat_religious_places.png) 3px 2px no-repeat no-repeat;
	background-color: #534489;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.restaurantsBarsCafes {
	background: url(../image/home/icon_cat_restaurants.png) 3px 2px no-repeat no-repeat;
	background-color: #05BDC7;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.sportsActivities {
	background: url(../image/home/icon_cat_sports.png) 3px 2px no-repeat no-repeat;
	background-color: #27767C;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.typicalProducts {
	background: url(../image/home/icon_cat_typical_products.png) 3px 2px no-repeat no-repeat;
	background-color: #27767A;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.wineWorld {
	background: url(../image/home/icon_cat_wine_world.png) 3px 2px no-repeat no-repeat;
	background-color: #276C2D;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.other {
	background: url(../image/home/icon_cat_other.png) 3px 2px no-repeat no-repeat;
	background-color: #9A9A9A;
	;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.groups {
	background: url(../image/home/icon_cat_groups.png) 3px 2px no-repeat no-repeat;
	background-color: #686868;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.buildingsCastles {
	background: url(../image/home/icon_cat_castle.png) 3px 2px no-repeat no-repeat;
	background-color: #27767A;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.seeSites {
	background: url(../image/home/icon_cat_sailboat.png) 3px 2px no-repeat no-repeat;
	background-color: #05BDC7;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.mountainSites {
	background: url(../image/home/icon_cat_mountain.png) 3px 2px no-repeat no-repeat;
	background-color: #276C2D;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.folk {
	background: url(../image/home/icon_cat_accordeon.png) 3px 2px no-repeat no-repeat;
	background-color: #866995;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.trekking {
	background: url(../image/home/icon_cat_trekking.png) 3px 2px no-repeat no-repeat;
	background-color: #276C2D;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.pristineNature {
	background: url(../image/home/icon_cat_leaf.png) 3px 2px no-repeat no-repeat;
	background-color: #76904F;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.smallVillages {
	background: url(../image/home/pin_other.png) 3px 2px no-repeat no-repeat;
	background-color: #866995;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.gardensAndParks {
	background: url(../image/home/pin_other.png) 3px 2px no-repeat no-repeat;
	background-color: #866995;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.beachesAndpools {
	background: url(../image/home/icon_cat_small_house.png) 3px 2px no-repeat no-repeat;
	background-color: #866995;
}


#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.gardensParks{
	background: url(../image/home/icon_cat_tree.png) 3px 2px no-repeat no-repeat;
	background-color: #27767A;
}

div.card > figure.front > div.catIcon.gardensParks{
	background: url(../image/home/icon_cat_tree.png) 9px 8px no-repeat no-repeat;
    background-color: #27767A;
}

div.category.gardensParks{
    background: url(../image/home/icon_cat_tree.png) 3px 3px no-repeat no-repeat;
    background-color: #27767A;
}


#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.ghostsLegends {
	background: url(../image/home/icon_cat_ghost.png) 3px 2px no-repeat no-repeat;
	background-color: #76904F;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.historicalEstablishment {
	background: url(../image/home/icon_cat_historical_sites.png) 3px 2px no-repeat no-repeat;
	background-color: #27767A;
}

#pathDetails ul li div.stepContent div.quickinfo div.itemImgLabel.fountainsSquares {
	background: url(../image/home/icon_cat_fountain.png) 3px 2px no-repeat no-repeat;
	background-color: #3F606F;
}

.stepPosition {
	height: 100%;
	float: left;
	width: 68px;
	display: inline-block;
}

.stepContent {
	height: 100%;
	padding: 0px 25px;
	width: 480px;
	position: absolute;
	right: 0px;
	/*border-left: 1px solid #d8d8d8;*/
}

.stepContent .attribute {
	height: 32px;
	color: #666666;
	line-height: 34px;
	padding-top: 9px;
	font-size: 14px;
}

.stepContent .attribute .author {
	font-weight: 900;
	cursor: pointer;
	cursor: hand;
	color: #337ab7
}

.stepContent .attribute .date {
	font-weight: 400;
	color: #A0A0A0;
}

.stepContent .title {
	height: auto;
	line-height: 32px;
	padding-top: 2px;
	color: #666666;
	font-size: 25px;
	letter-spacing: -1px;
}

.stepContent .title span {
	cursor: pointer;
	cursor: hand;
}

.stepContent .shortcontent {
	line-height: 18px;
	height: auto;
	padding: 10px 0px 0px 0px;
	text-align: justify;
	font-size: 14px;
	overflow: hidden;
}

.stepContent .shortcontent p {
	color: #909090;
	font-weight: 400;
	font-family: arial;
	margin: 0px;
}

.stepContent .quickinfo {
	height: 40px;
	width: 430px;
	font-size: 14px;
	bottom: 0px;
	position: absolute;
	border-top: 1px solid #c8c8c8;
}

.stepContent .quickinfo span:nth-child(2) {
	float: left;
	font-family: arial;
	font-weight: 600;
	font-size: 14px;
	color: #A0A0A0;
	background-image: url(../image/home/icon_distance.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 40px;
	background-position: -8px 3px;
	height: 40px;
}

.stepContent .rating {
	position: absolute;
	right: 25px;
	bottom: 0px;
	height: 40px;
	min-width: 80px;
	padding: 12px 0px 11px 0px;
}

div.contentZoomRating div.five-star {
	/*
	position: absolute;
    height: 16px;
    width: 80px;
    */
}

.stepContent .rating div.five-star {
	height: 16px;
}

#expandDetails .catUnChecked {
	background-color: #cecece !important
}

#expandDetails .amazingViews {
	background-image: url(../image/filters/1.png);
	background-color: #76904F;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .artMuseums {
	background-image: url(../image/filters/2.png);
	background-color: #3F606F;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .historicalSites {
	background-image: url(../image/filters/3.png);
	background-color: #163446;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .lighthouses {
	background-image: url(../image/filters/4.png);
	background-color: #866995;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .manufacturers {
	background-image: url(../image/filters/5.png);
	background-color: #865A33;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .movieLocations {
	background-image: url(../image/filters/6.png);
	background-color: #A94144;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .musicWorld {
	background-image: url(../image/filters/7.png);
	background-color: #D68845;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .placesToStay {
	background-image: url(../image/filters/8.png);
	background-color: #DAAD58;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .buildingsCastles {
	background-image: url(../image/filters/9.png);
	background-color: #27767A;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .seeSites {
	background-image: url(../image/filters/10.png);
	background-color: #05BDC7;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .pristineNature {
	background-image: url(../image/filters/11.png);
	background-color: #76904F;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .smallVillages {
	background-image: url(../image/filters/12.png);
	background-color: #866995;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .gardensAndParks {
	background-image: url(../image/filters/11.png);
	background-color: #866995;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .beachesAndpools {
	background-image: url(../image/filters/13.png);
	background-color: #866995;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .teatro {
	background-image: url(../image/filters/13.png);
	background-color: #f8993b;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .concerti {
	background-image: url(../image/filters/14.png);
	background-color: #aa4145;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .mercatini {
	background-image: url(../image/filters/15.png);
	background-color: #d88946;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .mercatiniDiNatale {
	background-image: url(../image/filters/16.png);
	background-color: #dbad58;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .presepi {
	background-image: url(../image/filters/17.png);
	background-color: #22777a;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .carnevale {
	background-image: url(../image/filters/18.png);
	background-color: #19bdc7;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .processioniReligiose {
	background-image: url(../image/filters/19.png);
	background-color: #779150;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .pasqua {
	background-image: url(../image/filters/20.png);
	background-color: #886b97;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .gallerie {
	background-image: url(../image/filters/21.png);
	background-color: #f8993b;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .religiousPlaces {
	background-image: url(../image/filters/22.png);
	background-color: #54458a;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .restaurantsBarsCafes {
	background-image: url(../image/filters/23.png);
	background-color: #19bdc7;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .sportsActivities {
	background-image: url(../image/filters/24.png);
	background-color: #886b97;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .typicalProducts {
	background-image: url(../image/filters/25.png);
	background-color: #25957c;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .wineWorld {
	background-image: url(../image/filters/26.png);
	background-color: #9b6d2f;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .other {
	background-image: url(../image/filters/27.png);
	background-color: #9962a5;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .groups {
	background-image: url(../image/filters/28.png);
	background-color: #686868;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .mountainSites {
	background-image: url(../image/filters/29.png);
	background-color: #276C2D;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .folk {
	background-image: url(../image/filters/30.png);
	background-color: #866995;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .trekking {
	background-image: url(../image/filters/31.png);
	background-color: #276C2D;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .ghostsLegends {
	background-image: url(../image/filters/32.png);
	background-color: #76904F;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .historicalEstablishment {
	background-image: url(../image/filters/33.png);
	background-color: #27767A;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .fountainsSquares {
	background-image: url(../image/filters/34.png);
	background-color: #3F606F;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .sfilateStoriche {
	background-image: url(../image/filters/35.png);
	background-color: #9962a5;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .sfilateDiModa {
	background-image: url(../image/filters/36.png);
	background-color: #1477a1;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .mostre {
	background-image: url(../image/filters/37.png);
	background-color: #d86047;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .sagre {
	background-image: url(../image/filters/38.png);
	background-color: #22777c;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .presentazioneLibri {
	background-image: url(../image/filters/39.png);
	background-color: #878d37;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .fiere {
	background-image: url(../image/filters/40.png);
	background-color: #779150;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .wineTasting {
	background-image: url(../image/filters/41.png);
	background-color: #22777a;
	background-size: 40px;
	background-repeat: no-repeat;
}

#expandDetails .musei {
	background-image: url(../image/filters/42.png);
	background-color: #3e6270;
	background-size: 40px;
	background-repeat: no-repeat;
}


/*
#expandDetails .amazingViews {
    background: url(../image/home/icon_cat_amazing_views.png) 3px 2px no-repeat no-repeat;
    background-color: #76904F;
}
#expandDetails .artMuseums {
    background: url(../image/home/icon_cat_art_museums.png) 3px 2px no-repeat no-repeat;
    background-color: #3F606F;
}
#expandDetails .historicalSites {
    background: url(../image/home/icon_cat_historical_sites.png) 3px 2px no-repeat no-repeat;
    background-color: #163446;
}
#expandDetails .lighthouses {
    background: url(../image/home/icon_cat_lighthouses.png) 3px 2px no-repeat no-repeat;
    background-color: #866995;
}
#expandDetails .manufacturers {
    background: url(../image/home/icon_cat_manufacturers.png) 3px 2px no-repeat no-repeat;
    background-color: #865A33;
}
#expandDetails .movieLocations {
    background: url(../image/home/icon_cat_movie_locations.png) 3px 2px no-repeat no-repeat;
    background-color: #A94144;
}
#expandDetails .musicWorld {
    background: url(../image/home/icon_cat_music_world.png) 3px 2px no-repeat no-repeat;
    background-color: #D68845;
}
#expandDetails .placesToStay {
    background: url(../image/home/icon_cat_places_to_stay.png) 3px 2px no-repeat no-repeat;
    background-color: #DAAD58;
}
#expandDetails .religiousPlaces {
    background: url(../image/home/icon_cat_religious_places.png) 3px 2px no-repeat no-repeat;
    background-color: #534489;
}
#expandDetails .restaurantsBarsCafes {
    background: url(../image/home/icon_cat_restaurants.png) 3px 2px no-repeat no-repeat;
    background-color: #05BDC7;
}
#expandDetails .sportsActivities {
    background: url(../image/home/icon_cat_sports.png) 3px 2px no-repeat no-repeat;
    background-color: #27767C;
}
#expandDetails .typicalProducts {
    background: url(../image/home/icon_cat_typical_products.png) 3px 2px no-repeat no-repeat;
    background-color: #27767A;
}
#expandDetails .wineWorld {
    background: url(../image/home/icon_cat_wine_world.png) 3px 2px no-repeat no-repeat;
    background-color: #276C2D;
}
#expandDetails .other {
    background: url(../image/home/icon_cat_other.png) 3px 2px no-repeat no-repeat;
    background-color: #9A9A9A;
    ;
}
#expandDetails .groups {
    background: url(../image/home/icon_cat_groups.png) 3px 2px no-repeat no-repeat;
    background-color: #686868;
}
#expandDetails .buildingsCastles {
    background: url(../image/home/icon_cat_castle.png) 3px 2px no-repeat no-repeat;
    background-color: #27767A;
}
#expandDetails .seeSites {
    background: url(../image/home/icon_cat_sailboat.png) 3px 2px no-repeat no-repeat;
    background-color: #05BDC7;
}
#expandDetails .mountainSites {
    background: url(../image/home/icon_cat_mountain.png) 3px 2px no-repeat no-repeat;
    background-color: #276C2D;
}
#expandDetails .folk {
    background: url(../image/home/icon_cat_accordeon.png) 3px 2px no-repeat no-repeat;
    background-color: #866995;
}
#expandDetails .trekking {
    background: url(../image/home/icon_cat_trekking.png) 3px 2px no-repeat no-repeat;
    background-color: #276C2D;
}
#expandDetails .pristineNature {
    background: url(../image/home/icon_cat_leaf.png) 3px 2px no-repeat no-repeat;
    background-color: #76904F;
}
#expandDetails .smallVillages {
    background: url(../image/home/icon_cat_small_house.png) 3px 2px no-repeat no-repeat;
    background-color: #866995;
}
#expandDetails .gardensParks {
    background: url(../image/home/icon_cat_tree.png) 3px 2px no-repeat no-repeat;
    background-color: #27767A;
}
#expandDetails .ghostsLegends {
    background: url(../image/home/icon_cat_ghost.png) 3px 2px no-repeat no-repeat;
    background-color: #76904F;
}
#expandDetails .historicalEstablishment {
    background: url(../image/home/icon_cat_historical_sites.png) 3px 2px no-repeat no-repeat;
    background-color: #27767A;
}
#expandDetails .fountainsSquares {
    background: url(../image/home/icon_cat_fountain.png) 3px 2px no-repeat no-repeat;
    background-color: #3F606F;
}
*/

.arrowRuler {
	display: none !important
}

ul.myContent div.itemContentFlex {
	display: none;
}

.carouselFrame {
	height: 250px;
	width: 400px;
	float: left;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	margin-right: 12px;
	margin-bottom: 20px;
}

.subLandscape {
	height: 100%;
}

.subLandscape img {
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
}

.superLandscape {
	height: 100%;
}

.superLandascpe img {
	position: relative;
	left: 50%;
	top: 50%;
	height: 100% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none !important;
	width: auto;
}

.contentZoomImageCarousel {
	/*
position: relative;
margin-top: 15px;
margin-bottom: 15px;
height: 340px;
*/
	position: absolute;
	height: 250px;
	width: 400px;
	float: left;
	margin: 0px 10px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background: #cccccc;
	border: 1px solid #aaaaaa;
	overflow: hidden;
}

.contentZoom .carousel-inner {
	/*
position: relative;
overflow: hidden;
width: 100%;
height: 340px;
*/
	height: 100%;
}

.carousel-inner>.item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	overflow: hidden;
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	z-index: 15;
	width: auto;
	list-style: none;
	right: 20px;
	text-align: right;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #ffffff;
	border-radius: 10px;
	cursor: pointer;
	cursor: hand;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	background: #3276b1;
	border-color: #3276b1;
}


/*######### searchSummary #################################*/

div.searchSummary {
	width: 680px;
	color: #666666;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-family: Arimo-Bold;
	padding: 10px 20px 0px 20px;
}

div.searchSummary .searchFilter {
	display: none
}

div.searchSummary .searchSummaryLeft {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}


/*
div.searchSummary .searchSummaryLeft span.searchSummary-results{float: left;font-weight: 400;margin-left: 5px;line-height: 30px;font-size: 1.4rem;}
*/

div.searchSummary .searchSummaryLeft span.searchSummary-order {
	float: left;
	font-weight: 400;
	margin-left: 5px;
	line-height: 30px;
	font-size: 1.4rem;
}

div.searchSummary .searchSummaryLeft span.searchSummary-orderBy {}

div.searchSummary .popover-content {
	padding: 0px !important;
	border: none;
	border-radius: 0px;
	height: 159px;
}

div.searchSummary .popover-content ul {
	list-style-type: none;
	margin: 0;
	width: 100%;
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px
}

div.searchSummary .popover-content ul li {
	height: 40px;
	border-bottom: 1px solid #c0c0c0;
	cursor: pointer;
	cursor: hand
}

div.searchSummary .popover-content ul li a {
	line-height: 40px;
	font-size: 14px;
	padding-left: 15px;
	font-weight: 500;
	color: #000000
}

div.searchSummary .searchSummaryRight {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 260px;
}

div.searchSummary .searchSummaryRight i {}

div.searchSummary .searchSummaryRight label {
	margin: 0;
	line-height: 30px;
}

div.searchSummary .searchSummaryRight label span {
	margin-right: 10px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	cursor: hand;
}

div#orderBy-popover-content ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 230px;
	height: 30px;
	padding: 16px 5px 16px 20px;
	background-color: #F5F5F5;
	font-family: Arimo-Bold;
	color: #999999;
}

div#orderBy-popover-content ul li:hover {
	/*
	background-color: #E0E0E0;
	*/
	background-color: #337ab7;
	COLOR: #FFFFFF;
}

div#orderBy-popover-content ul li:last-of-type {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

div#orderBy-popover-content ul li:first-of-type {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div#orderBy-popover-content ul li.tickMarkOn {
	background: #dedede;
	color: #666666;
}

div#orderBy-popover-content ul li img {
	display: none !important;
	visibility: unset !important;
}

div#orderBy-popover-content ul li.tickMarkOn img {
	display: block !important;
}

.popover.bottom>.arrow:after {
	border-bottom-color: #F5F5F5;
}

.popover.bottom>.arrow {
	border-bottom-color: rgba(0, 0, 0, .4);
}

@media (max-width: 1365px) and (min-width: 1024px) {
	div.searchSummary {
		width: 560px;
	}
}

.popover {
	padding: 0;
	border: none;
	border-radius: 5px;
}

.popover-content {
	padding: 0px 0;
	border: none;
	background-color: #F5F5F5;
	border-radius: 5px;
}

#orderBy-popover-content {
	border-radius: 5px;
}

#sw-container1.panelsView ul.myContent {
	-o-transition: all .7s ease;
	transition: all .7s ease;
	-webkit-transition: all .7s ease;
}

#sw-container1.panelsView ul.myContent li {
	width: 202px;
	display: inline-block;
	margin: 0px;
	height: 202px;
	padding: 0px;
	margin-bottom: 25px !important;
}

#sw-container1.panelsView ul.myContent li:nth-child(3n+2) {
	margin: 0px 37px 0px 37px;
}

#sw-container1.panelsView ul.myContent li article {
	height: 200px;
	width: 200px;
}

#sw-container1.panelsView ul.myContent li article .itemSmallAttribute {
	display: block;
	color: #666666;
	font-size: 12px;
	position: absolute;
	top: -20px;
}

#sw-container1.panelsView ul.myContent li article .itemImgContainer {
	width: 200px;
	height: 200px;
}

#sw-container1.panelsView ul.myContent li article .itemImgContainer .itemImgBox {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

#sw-container1.panelsView #scrollElement ul.myContent li article .itemContent {
	display: none !important;
}

#sw-container1.panelsView #scrollElement ul.myContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#sw-container1 .searchSummaryRight .switch {
	background: transparent;
	color: #666666;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#sw-container1.listView .searchSummaryRight .switch.listCard {
	background: #337ab7;
	color: #FFFFFF;
}

#sw-container1.listView .searchSummary-listSwitch {
	color: #337ab7;
}

#sw-container1.panelsView .searchSummaryRight .switch.listPanel {
	background: #337ab7;
	color: #FFFFFF;
}

#sw-container1.panelsView .searchSummary-panelSwitch {
	color: #337ab7;
}

#sw-container1.panelsView #scrollElement {
	padding-top: 20px;
}


/*############# blocco update browser or app ##################*/

div.getAppDisclaimer {
	font-size: 16px;
	color: #CCCCCC;
	z-index: 3;
	font-family: Arimo-Regular;
	text-align: center;
	width: 100%;
}

#browserlist {
	font-size: 12px;
	z-index: 3;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%;
}

html.mobile #browserlist {
	display: none;
}

#browserlist ul.wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 3% 0;
}

#browserlist ul.wrap li {
	width: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#browserlist ul.wrap li:hover {
	background: #cccccc;
}

#browserlist ul.wrap li div.icon {
	width: 75%;
	margin-top: 10%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: 12%;
}

#browserlist ul.wrap li span {
	z-index: 3;
	font-family: Antonio-Bold;
	font-size: 19px;
	color: red;
	letter-spacing: 1px;
	margin-bottom: 10%;
}

#browserlist ul.wrap li {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	border-radius: 6px;
}

#browserlist ul.wrap li:hover {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#browserlist ul.wrap li:hover {
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

#browserlist li .icon img {
	max-width: 100%;
}

#clockOsApp.timer {
	margin: 3% 25px;
	zoom: 0.6
}

html.desktop #clockOsApp.timer {
	display: none;
}

html.mobile #clockOsApp.timer {
	display: none;
}

html.desktop div.appStoreButton {
	display: none;
}

html.desktop div.androidStoreButton {
	display: none;
}

@media screen and (min-width: 560px) {
	div.getAppDisclaimer {
		font-size: 18px;
	}
	#clockOsApp.timer {
		zoom: 0.5
	}
}

@media screen and (max-width: 560px) and (min-width: 482px) {
	div.getAppDisclaimer {
		font-size: 15px;
	}
	#clockOsApp.timer {
		zoom: 0.5
	}
}

@media screen and (max-width: 482px) and (min-width: 360px) {
	div.getAppDisclaimer {
		font-size: 13px;
	}
	#clockOsApp.timer {
		zoom: 0.4
	}
	#browserlist ul.wrap li span {
		font-size: 16px;
	}
}

@media screen and (max-width: 360px) and (min-width: 0px) {
	div.getAppDisclaimer {
		font-size: 12px;
	}
	#clockOsApp.timer {
		zoom: 0.3
	}
	#browserlist ul.wrap li span {
		font-size: 14px;
	}
}

#clockAndroidApp .flip-clock-divider .flip-clock-label,
#clockOsApp .flip-clock-divider .flip-clock-label {
	position: absolute;
	top: -1.5em;
	right: -100px;
	color: #FFFFFF;
	text-shadow: none;
	opacity: 1;
	z-index: 10;
	letter-spacing: 2px;
	font-size: 24px;
	text-align: center;
}

#clockAndroidApp .flip-clock-divider.minutes .flip-clock-label,
#clockOsApp .flip-clock-divider.minutes .flip-clock-label {
	right: -112px;
}

#clockAndroidApp .flip-clock-divider.seconds .flip-clock-label,
#clockOsApp .flip-clock-divider.seconds .flip-clock-label {
	right: -114px;
}

#clockAndroidApp .flip-clock-divider.days .flip-clock-label,
#clockOsApp .flip-clock-divider.days .flip-clock-label {
	right: -94px;
}


/*
____________________________________________________________________________________
8.0		/detailsCal rules - calendario su vista di dettaglio contenuto evento/museo
____________________________________________________________________________________
*/

div#expandDetails #eventDetails div.contentZoom {
	/*
	height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
*/
}

div#expandDetails #eventDetails div.contentZoom .card.onDetails {
	/*
	-webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
*/
}

div#expandDetails #eventDetails div.contentZoom #perOraWrapper3 {
	/*
	-webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding-bottom: 0;
    width: 100%;
*/
}

div.contentZoomCal {
	/* 	background: #FFFFFF;
border: 4px solid #AAAAAA inset;
box-shadow: inset 0px 0px 1px #999999;
-webkit-box-shadow: inset 0px 0px 1px 1px #999999;
-moz-box-shadow: inset 0px 0px 1px #999999;
-o-box-shadow: inset 0px 0px 1px #999999;	 */
}

div.contentZoomCal div.panel-heading {
	height: 35px;
	/*background: #EEE;*/
	padding: 0px;
	pointer-events: none;
}

div.detailsCal {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
}

button.showTickets {
	background-color: #e16710;
	border-color: #e16710;
	float: left;
	position: relative;
	border-radius: 3px;
	background-image: none;
	pointer-events: auto;
	color: #FFF;
	margin-left: 20px;
	cursor: pointer;
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
	letter-spacing: 0;
}

button.showTickets:hover {
	background-color: #c16710;
	border-color: #c16710;
	color: #FFFFFF;
}

button.showcal {
	float: right;
	position: relative;
	border-radius: 3px;
	background-color: #54B849;
	background-image: none;
	pointer-events: auto;
	border-color: #54B849;
	color: #FFF;
	margin-right: 20px;
	cursor: pointer;
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
	letter-spacing: 0;
}

div.contentZoomCal div.table-time a.time-row {
	border: 1px solid #C8C8C8 !important;
}

.topBg {
	z-index: 1000000000 !important;
}

.cancelModalTop {
	background: #4D87C2;
	color: rgb(255, 255, 255);
	cursor: pointer;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 38px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	opacity: 1;
}


/*@#@#@#@#@#@ tooltip info ticket #@#@#@#@#@#@#@#@#@#@#@#@#@#*/

div.qtipTemplateBuyTicket {
	display: none;
}

div.buyTicketInfoTip {
	border: none;
	background-color: #FFFFFF;
	color: #555;
	max-width: none !important;
	display: none;
	-webkit-box-shadow: 0px 0px 8px 4px rgba(201, 199, 201, 1);
	box-shadow: 0px 0px 8px 4px rgba(201, 199, 201, 1);
}

div.buyTicketInfoTip div.qtip-content {
	padding: 0;
}

div.buyTicketInfoTip div.qtip-content div.qtipTemplateBuyTicket {
	width: 650px;
	height: 300px;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	display: -webkit-flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.qtipTemplateBuyTicket div.leftPane {
	min-width: 260px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 260px;
	border-radius: 3px 0 0 3px;
	background-color: #437dcc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 0px;
	background-color: #11ef55;
}

div.qtipTemplateBuyTicket div.leftPane div.leftPaneOuter {}

div.qtipTemplateBuyTicket div.leftPane ul.leftPaneinner {
	width: 100%;
}

div.qtipTemplateBuyTicket div.leftPane ul.leftPaneInner li.sw-ticketInfo-tablink {
	text-decoration: none;
	line-height: 40px;
	font-size: 16px;
	color: #666666;
	padding: 0px 30px;
	font-family: Antonio-Regular;
	letter-spacing: 1px;
}

div.qtipTemplateBuyTicket div.leftPane ul.leftPaneInner li.sw-ticketInfo-tablink.active {
	background: #FFFFFF;
	color: #06ab0a;
}

div.qtipTemplateBuyTicket div.leftPane ul.leftPaneInner li.sw-ticketInfo-tablink:hover {
	color: #FFFFFF;
	background-color: #0e6712;
}

div.qtipTemplateBuyTicket div.rightPane {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 390px;
	border-radius: 0 3px 3px 0;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
}

div.qtipTemplateBuyTicket div.sw-ticketInfo-tabcontent {
	position: relative;
	height: 100%;
	display: none;
}

div.qtipTemplateBuyTicket div.sw-ticketInfo-tabcontent.active {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

#sw-ticketInfo1 {
	height: 100%;
	width: 100%;
}

#sw-ticketInfo2 {
	height: 100%;
	width: 100%;
}

#sw-ticketInfo3 {
	height: 100%;
	width: 100%;
}

#sw-ticketInfo4 {
	height: 100%;
	width: 100%;
}

div.qtipTemplateBuyTicket .rightPane {}

.infoTicket {
	/*info ticket triggers*/
	width: 4%;
	position: absolute;
	top: 5px;
	/* right: 10px; */
	height: 50px;
	display: inline-block;
	padding: 0px 4px;
	margin: 0;
	border-left: 1px solid #ccc;
	line-height: 50px;
	font-size: 20px;
}

.infoTicket i {
	background: #337ab7;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	padding: 4px 8px;
	color: #FFFFFF;
	font-size: 12px;
}

.totalInfoTicket {
	width: 4%;
	position: relative;
	height: 50px;
	display: inline-block;
	padding: 0px 4px;
	margin: 0;
	border-left: 1px solid #ccc;
	line-height: 50px;
	font-size: 20px;
	float: right;
}

div.bhNotesWrap,
div.ticketNotesWrap {
	display: none !important;
}


/*############ guest block #######################################*/

.f {
	position: absolute;
	bottom: 50px;
}

.opyBack {
	width: 100%;
	position: absolute;
	height: 100%;
	z-index: -1;
	background: url(../img/bg_007.jpg) no-repeat center center fixed;
	background-size: cover;
}

body.guestUser .my-waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}

body.guestUser .my-mat-btn {
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
}

body.guestUser .my-mat-btn {
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
}

body.guestUser div.helpContainer .my-mat-btn {
	/*     position: absolute;
    bottom: 5vh; */
}

body.guestUser .my-mat-btn {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}


/*
ğbubbleOut
*/

body.bubbleOut div#sw-bg-wrap {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
}

body.bubbleOut div#sw-menu {
	left: -200px;
}

body.bubbleOut .sw-header {
	display: none !important;
}

body.bubbleOut div.sw-wrap {
	display: none
}

body.bubbleOut div#wrapper {
	display: none
}

div.helpContainer {
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	display: none;
}

body.bubbleOut div.helpContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.helpTop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	padding: 4vh;
}

div.helpBottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	padding: 4vh;
}

body .bubble {
	width: 6.2vw;
	height: 6.2vw;
	max-width: 100px;
	max-height: 100px;
	z-index: 100;
	border-radius: 50%;
	opacity: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.3s cubic-bezier(.42, -0.3, .78, 1.25);
	-o-transition: all 0.3s cubic-bezier(.42, -0.3, .78, 1.25);
	transition: all 0.3s cubic-bezier(.42, -0.3, .78, 1.25);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

body.bubbleOut .bubble {
	left: 3vw;
	top: 4vh;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

body.bubbleOut div.iconstrip img {
	left: 115px;
	position: absolute;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 1;
}

body.bubbleOut div.ruler {
	display: none;
}

body.bubbleOut div.bubble img {
	display: none;
	max-width: 40%;
}

.helpContainer:after {
	content: '';
	background: transparent url(img/pattern.png) repeat top left;
}

div.helpMiddle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	font-family: 'Teko', sans-serif;
	font-size: 2.5vw;
}

div.helpMiddleInner {
/* 	background: #FFFFFF;
	-webkit-box-shadow: 0 0 8px #000000;
	        box-shadow: 0 0 8px #000000;
	max-width: 70vw;
	border-radius: 5px; */
	    background: #FFFFFF;
    -webkit-box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px #000000;
    max-width: 56vw;
    border-radius: 5px;
}

div.infoMiddleInner{
/* 	background: #FFFFFF;
	-webkit-box-shadow: 0 0 8px #000000;
	        box-shadow: 0 0 8px #000000;
	max-width: 70vw;
	border-radius: 5px; */
	 background: #FFFFFF;
    -webkit-box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px #000000;
    max-width: 1500px;
    border-radius: 5px;
}


div.helpTextTop {
/* 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	width: 100%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 20px 0px; */
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: 80px;
}

div.helpTextMiddle {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	width: 100%;
}

div.helpTextTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #3F7EB4;
	border-radius: 4px;
	color: white;
	width: 100%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

div.helpTextBody {
/* 	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px; */
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 20px;
}

div.helpTextBody div.l_text,
div.helpTextBody div.c_text,
div.helpTextBody div.r_text {
/* 	width: 28%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	font-size: 30px;
	line-height: 36px;
	color: #666666; */
	    width: 28%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 24px;
    line-height: 32px;
    color: #666666;
}

div.helpTextBottom {
	font-size: 16px;
	font-family: Antonio-Bold;
	letter-spacing: 1px;
	font-style: italic;
	text-align: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	border-top: 1px solid #54B849;
	padding: 20px 0px;
	color: #FF0000;
}

body.bubbleOut .helpMiddle.iconProfileText>div.helpMiddleInner>div.iconProfileText,
body.bubbleOut .helpMiddle.homeText>div.helpMiddleInner>div.homeText,
body.bubbleOut .helpMiddle.genricContentText>div.helpMiddleInner>div.genricContentText,
body.bubbleOut .helpMiddle.pictureContentText>div.helpMiddleInner>div.pictureContentText,
body.bubbleOut .helpMiddle.diaryContentText>div.helpMiddleInner>div.diaryContentText,
body.bubbleOut .helpMiddle.itineraryContentText>div.helpMiddleInner>div.itineraryContentText,
body.bubbleOut .helpMiddle.eventContentText>div.helpMiddleInner>div.eventContentText,
body.bubbleOut .helpMiddle.museumContentText>div.helpMiddleInner>div.museumContentText,
body.bubbleOut .helpMiddle.globalMapText>div.helpMiddleInner>div.globalMapText,
body.bubbleOut .helpMiddle.quickRequestText>div.helpMiddleInner>div.quickRequestText,
body.bubbleOut .helpMiddle.searchFriendsText>div.helpMiddleInner>div.searchFriendsText,
body.bubbleOut .helpMiddle.sendMessageText>div.helpMiddleInner>div.sendMessageText,
body.bubbleOut .helpMiddle.smilingFacesText>div.helpMiddleInner>div.smilingFacesText,
body.bubbleOut .helpMiddle.moviesLocationText>div.helpMiddleInner>div.moviesLocationText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0px 40px;
}

body.bubbleOut .bubble img {
	display: none;
}

body.bubbleOut .bubble.iconProfile {
	background-color: #009BCC;
}

body.bubbleOut .bubble.home {
	background-color: #54B849;
}

body.bubbleOut .bubble.genricContent {
	background-color: #54B849;
}

body.bubbleOut .bubble.pictureContent {
	background-color: #54B849;
}

body.bubbleOut .bubble.diaryContent {
	background-color: #54B849;
}

body.bubbleOut .bubble.itineraryContent {
	background-color: #54B849;
}

body.bubbleOut .bubble.eventContent {
	background-color: #54B849;
}

body.bubbleOut .bubble.museumContent {
	background-color: #54B849;
}

body.bubbleOut .bubble.globalMap {
	background-color: #FF6726;
}

body.bubbleOut .bubble.quickRequest {
	background-color: #D5102B;
}

body.bubbleOut .bubble.searchFriends {
	background-color: #D5102B;
}

body.bubbleOut .bubble.sendMessage {
	background-color: #D5102B;
}

body.bubbleOut .bubble.smilingFaces {
	background-color: #009BCC;
}

body.bubbleOut .bubble.moviesLocation {
	background-color: #009BCC;
}

body.bubbleOut .bubble.iconProfile img.iconProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.home img.home {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.genricContent img.genricContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.pictureContent img.pictureContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.diaryContent img.diaryContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.itineraryContent img.itineraryContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.eventContent img.eventContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.museumContent img.museumContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.globalMap img.globalMap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.quickRequest img.quickRequest {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.searchFriends img.searchFriends {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.sendMessage img.sendMessage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.smilingFaces img.smilingFaces {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .bubble.moviesLocation img.moviesLocation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div.bubbleClose {
	top: 4vh;
	right: 2vw;
	font-size: 4.5vw;
	color: #FF0000;
	z-index: 10;
	height: 2vw;
	width: 6.2vw;
	height: 6.2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.bubbleOut .clickForMore {
	float: right;
	font-size: 18px;
	font-style: italic;
	color: #cccccc;
	display: none;
}


/*
_____________________________________________________________________________
X.0		div.helpBlockContainer - guest help event/museum - new
_____________________________________________________________________________
*/

div.helpMiddleInner div.helpBlockContainer , div.infoMiddleInner div.infoBlockContainer{
/* 	position: relative;
	display: block !important;
	color: #FFFFFF;
	font-family: Arimo-Regular;
	text-align: center;
	margin: auto; */
	    position: relative;
    display: block !important;
    color: #FFFFFF;
    font-family: Arimo-Regular;
    text-align: center;
    margin: auto;
    padding: 30px;
}

div.helpMiddleInner div.helpBlockContainer ul {
	position: relative;
	font-family: 'Teko', sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

div.helpMiddleInner div.helpBlockContainer ul li {
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	-webkit-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
	transition: height 500ms;
	background-color: transparent;
	border: none;
	padding: 0 30px;
	max-width: 330px;
	font-size: 24px;
	line-height: 30px;
}

div.helpMiddleInner div.helpBlockContainer ul li div {
	font-size: 32px;
	margin: auto;
	color: #54B849;
	margin-bottom: 15px;
}

div.helpMiddleInner div.helpBlockContainer ul li p:nth-child(2) {
	color: #666666;
}

div.helpMiddleInner div.helpBlockContainer ul li p:nth-child(3) {
	text-align: center;
	position: relative;
	margin: auto;
	font-size: 20px;
	color: #888888;
	border-top: 1px solid #54B849;
	padding-top: 10px;
}


/*
_____________________________________________________________________________
X.0		/div.helpBlockContainer - guest help event/museum - new
_____________________________________________________________________________
*/

.myBubble {
	display: block;
	height: 8.5rem;
	width: 8.5rem;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-animation: bubble 2000ms ease-in-out 5;
}

.myBubble.genricContent,
.myBubble.pictureContent,
.myBubble.diaryContent,
.myBubble.itineraryContent,
.myBubble.eventContent,
.myBubble.museumContent {
	-webkit-animation: bubbleGreen 2000ms ease-in-out infinite;
	animation: bubbleGreen 2000ms ease-in-out infinite;
	-webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 10px #54B849;
	box-shadow: 0 0 0 5px #fff, 0 0 0 10px #54B849;
	background: #54B849;
	border: 3px solid #54B849;
}

@-webkit-keyframes bubbleGreen {
	0% {
		-webkit-box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
		box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
	}
	33% {
		-webkit-box-shadow: 0 0 0 10px #fff, 0 0 0 15px #54B849;
		box-shadow: 0 0 0 10px #fff, 0 0 0 15px #54B849;
	}
	66% {
		-webkit-box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
		box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
		box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
	}
}

@keyframes bubbleGreen {
	0% {
		-webkit-box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
		box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
	}
	33% {
		-webkit-box-shadow: 0 0 0 10px #fff, 0 0 0 15px #54B849;
		box-shadow: 0 0 0 10px #fff, 0 0 0 15px #54B849;
	}
	66% {
		-webkit-box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
		box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
	}
	100% {
		-webkit-box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
		box-shadow: 0 0 0 0px #fff, 0 0 0 5px #54B849;
	}
}


/*############ end of guest block #######################################*/

div.sw-header-add a.tooltips {
	position: relative;
	display: inline;
}

div.sw-header-add a.tooltips span {
	position: absolute;
	width: 230px;
	color: #000000;
	background: #FFFFFF;
	height: 30px;
	line-height: 30px;
	text-align: center;
	visibility: hidden;
	border-radius: 6px;
}

div.sw-header-add a.tooltips span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid #FFFFFF;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

div.sw-header-add a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	right: 100%;
	top: 50%;
	margin-top: -15px;
	margin-right: 15px;
	z-index: 999;
}


/*________________________________________*/


/*css/main2.css*/


/* 
body.visited div#wrapperVisited {
    display:block;
}
 */

.btn.btn-default {
	text-shadow: none !important;
}

#wrapperVisited .wrapperMain {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	background: #EFEFEF;
}

@media (min-width: 1366px) {
#wrapperVisited .sw-wrapperLeft {
    width: calc( ( 100vw - 1024px) / 2);
    height: 100%;
    padding: 0;
    overflow: hidden;
    -webkit-transition: width 0.5s, padding 0.5s;
    -o-transition: width 0.5s, padding 0.5s;
    transition: width 0.5s, padding 0.5s;
}
}

#wrapperVisited .wrapperMain.mapout .sw-wrapperLeft {
	/*     width: 0%; */
	/*     -webkit-transition: width 0.5s, padding 0.5s; */
	/*     -o-transition: width 0.5s, padding 0.5s; */
	/*     transition: width 0.5s, padding 0.5s; */
	/*     padding: 0; */
}

#wrapperVisited .wrapperMain.mapout .sw-wrapperRight {
	/*     width: 780px;
    -webkit-transition: width 0.5s, padding 0.5s;
    -o-transition: width 0.5s, padding 0.5s;
    transition: width 0.5s, padding 0.5s;
    padding: 0; */
}

#wrapperVisited .sw-wrapperRight {
	width: 1024px !important;
	height: 100%;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 100;
}

.sw-wrapperRight:hover {
	/*
overflow:auto;
*/
}

#wrapperVisited #sw-wrapperOff {
	height: 100%;
	width: 0;
	background: #ededed;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
}

#wrapperVisited .wrapperMain.mapout #sw-wrapperOff {
	/*     width: calc(100vw - 780px); */
	/*     -webkit-transition: width 0.5s; */
	/*     -o-transition: width 0.5s; */
	/*     transition: width 0.5s; */
}


/* 	#socialCard{
width:35rem;
height: calc( 100vh - 80px );
float:left;
z-index:10;
background: pink;
}
#socialCard div.photo.square{
width:100%;
border-radius:100%;
}
#socialCard div.photo.square:after{
content:'';
display:block;
padding-bottom:100%
} */

#wrapperVisited #dashboard {
	background: cyan;
}


/* 
#wrapperVisited .profileConsole-a ul,
#wrapperVisited .profileConsole-b ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#wrapperVisited .sw-wrapperRight div.square {
    position: relative;
    width: 23.9%;
    cursor: pointer;
    cursor: hand;
}
#wrapperVisited .sw-wrapperRight div.square:after {
    
content: "";
display: block;
padding-bottom: 100%;

}
#wrapperVisited .sw-wrapperRight div.square div.profile-tab-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 50%;
    margin-top: -40%;
    color: #FFFFFF;
    font-family: Arimo-Bold;
    text-transform: uppercase;
}
#wrapperVisited .sw-wrapperRight div.square div.profile-tab-icon img {
    width: 40%;
} */

#wrapperVisited .profileDesc {
	padding: 2.9993rem 2.9993rem 0 2.9993rem;
	margin-bottom: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

#wrapperVisited .profileDescLeft {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapperVisited .profileDescRight {
	height: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border-bottom: 1px solid black;
	width: 100%;
}

#visitedProfileConsole {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 0;
	min-height: 0;
	padding: 0 40px 40px 40px;
}

#wrapperVisited .profileDescRight button.sw-edit-profile-button {
	/* border-radius: 1rem; */
	/* font-size: 0.48rem; */
	/* font-family: Arimo-Regular; */
	/* letter-spacing: 0.0732rem; */
	/* padding: 0.2800rem 1.000rem 0.100rem 1.000rem; */
	/* border: none; */
	/* /* display: inline-block !important; */ */
	/* background-color: #25749B; */
	/* color: #FFFFFF; */
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	/* display: flex; */
	/* -webkit-box-align: center; */
	/* -ms-flex-align: center; */
	/* align-items: center; */
	/* height: 1.5373rem; */
}

#wrapperVisited .profileDescRight button.sw-sign-out-button {
	background-color: #333333;
	color: #FFFFFF;
	border-radius: 1rem;
	font-size: 0.48rem;
	font-family: Arimo-Regular;
	letter-spacing: 0.0732rem;
	padding: 0.2800rem 1.000rem 0.100rem 1.000rem;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 1.5373rem;
}

#wrapperVisited .profileDescRight button.sw-show-on-map {
	-ms-flex-item-align: end;
	align-self: flex-end;
	background-color: #333333;
	color: #FFFFFF;
	border-radius: 1rem;
	font-size: 0.48rem;
	font-family: Arimo-Regular;
	letter-spacing: 0.0732rem;
	padding: 0.2800rem 1.000rem 0.100rem 1.000rem;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 1.5373rem;
}

#wrapperVisited .sw-profile-wall {
	background-color: #319F82
}

#wrapperVisited .sw-profile-contents {
	background-color: #39AE5D
}

#wrapperVisited .sw-profile-friends {
	background-color: #3F7EB4
}

#wrapperVisited .sw-profile-messages {
	background-color: #8C394B
}

#wrapperVisited .sw-profile-requests {
	background-color: #E4C81F
}

#wrapperVisited .sw-profile-orders {
	background-color: #DD7F28
}

#wrapperVisited .sw-profile-seller {
	background-color: #E04942
}

#wrapperVisited .sw-profile-expert {
	background-color: #2D3D4D
}

#wrapperVisited.profile #sw-mydash10 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}


/* #wrapperVisited.wall #sw-mydash11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
#wrapperVisited.contents #sw-mydash12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
#wrapperVisited.friends #sw-mydash13 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
} */


/* 
#wrapperVisited.wall .sw-wrapperRight,
#wrapperVisited.friends .sw-wrapperRight,
#wrapperVisited.contents .sw-wrapperRight {
    width: 1060px;
} 
*/

#visitedProfileConsole div.sw-mydash-tabcontent {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	height: 100%;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

#visitedProfileConsole div.sw-mydash-tabcontent.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/* #visitedProfileConsole div.sw-mydash0.sw-mydash-tabcontent {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    overflow: hidden;
    height: 100%;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
} */


/* #wrapperVisited .wrapperMain.dash div.sw-mydash0.sw-mydash-tabcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} */


/* #wrapperVisited .wrapperMain.dash .sw-mydash0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} */


/* #wrapperVisited .wrapperMain.wall .sw-mydash1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.contents .sw-mydash2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.friends .sw-mydash3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.messages .sw-mydash4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.requests .sw-mydash5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.orders .sw-mydash6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.seller .sw-mydash7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#wrapperVisited .wrapperMain.expert .sw-mydash8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} */


/* #wrapperVisited .wrapperMain.wall button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.contents button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.friends button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.messages button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.requests button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.orders button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.seller button.sw-edit-profile-button,
#wrapperVisited .wrapperMain.expert button.sw-edit-profile-button {
    display: none;
}
#wrapperVisited .wrapperMain.wall button.sw-sign-out-button,
#wrapperVisited .wrapperMain.contents button.sw-sign-out-button,
#wrapperVisited .wrapperMain.friends button.sw-sign-out-button,
#wrapperVisited .wrapperMain.messages button.sw-sign-out-button,
#wrapperVisited .wrapperMain.requests button.sw-sign-out-button,
#wrapperVisited .wrapperMain.orders button.sw-sign-out-button,
#wrapperVisited .wrapperMain.seller button.sw-sign-out-button,
#wrapperVisited .wrapperMain.expert button.sw-edit-profile-button {
    display: none;
} */


/* #wrapperVisited .wrapperMain.dash .profileDescRight button.sw-show-on-map {
    display: none;
} */

#wrapperVisited div.profileButtons {}


/* .wrapperMain.contents button.sw-show-on-map,
.wrapperMain.friends button.sw-show-on-map{
display:flex;
} */


/*
_____________________________________________________________________________
8.0		- img in frame -
_____________________________________________________________________________
*/

.frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.frame img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-width: 100%;
	/*
min-height: 100%
*/
}

#wrapperVisited .sw-profile-card {
	/*     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    flex: 1 0 auto; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 100%;
}

#wrapperVisited div.photo {
	/*     position: relative;
    width: 16.9850rem;
    margin-left: 0;
    z-index: 10;
    background-color: #333333;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: -5.1245rem;
    overflow: hidden; */
	position: absolute;
	z-index: 1;
	width: 240px;
	height: 240px;
	margin-left: 0;
	background-color: #333333;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
	top: -120px;
}

#wrapperVisited div.photo:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#wrapperVisited div.photo img {
	width: 80%;
}


#wrapperVisited div.info-up>span:nth-child(1) {
	/*     font-family: Arimo-Regular;
    font-size: 1.95rem;
    line-height: 1; */
	font-family: Antonio-Bold;
	color: green;
	letter-spacing: 1px;
}

#wrapperVisitedv div.info-up>span:nth-child(2) {
	/*     font-family: Arimo-Bold;
    font-size: 14px;
    line-height: 1; */
	font-family: Antonio-Bold;
	color: green;
	letter-spacing: 1.5px;
	margin-top: 10px;
	font-style: italic;
}

#wrapperVisited div.info-up button {
	border-radius: 0.8rem;
	font-size: 0.8rem;
	font-family: Arimo-Regular;
	letter-spacing: 0.0732rem;
	padding: 0.4000rem 1.6000rem 0.3500rem 1.6000rem;
	border: none;
	background-color: #000000;
	color: #FFFFFF;
	margin-top: 1.0981rem;
}

#wrapperVisited div.info-up div.login-facebook,
#wrapperVisited div.info-up div.login-google,
#wrapperVisited div.info-up div.login-twitter,
#wrapperVisited div.info-up div.login-linkedin {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 1.8302rem;
	height: 1.8302rem;
	background: blue;
	border-radius: 50%;
	margin: 1.4641rem 1.2811rem;
	z-index: 10;
	overflow: hidden;
}

#wrapperVisited div.info-up div.login-facebook:after,
#wrapperVisited div.info-up div.login-google:after,
#wrapperVisited div.info-up div.login-twitter:after,
#wrapperVisited div.info-up div.login-linkedin:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#wrapperVisited div.info-up div.sw-info-key {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 1;
}

#wrapperVisited div.info-up div.sw-info-value {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 1;
}


/*
#wrapperVisited div.info-up:after, div.info-down:after, div.photo:after{
content:'';
display:block;
padding-bottom:100%
}
#wrapperVisited  .wrapperMain.dash div.sw-backToProfile{display:none;}
#wrapperVisited  .wrapperMain.edit div.sw-backToProfile,
#wrapperVisited .wrapperMain.wall div.sw-backToProfile,
#wrapperVisited .wrapperMain.contents div.sw-backToProfile,
#wrapperVisited .wrapperMain.friends div.sw-backToProfile,
#wrapperVisited .wrapperMain.messages div.sw-backToProfile,
#wrapperVisited .wrapperMain.requests div.sw-backToProfile,
#wrapperVisited .wrapperMain.orders div.sw-backToProfile,
#wrapperVisited .wrapperMain.seller div.sw-backToProfile,
#wrapperVisited .wrapperMain.expert div.sw-backToProfile
{display:flex}
#wrapperVisited .wrapperMain.wall{}
#wrapperVisited .wrapperMain.contents{}
#wrapperVisited .wrapperMain.friends{}
#wrapperVisited .wrapperMain.messages{}
#wrapperVisited .wrapperMain.requests{}
#wrapperVisited .wrapperMain.orders{}
#wrapperVisited .wrapperMain.seller{}
#wrapperVisited .wrapperMain.expert{}
#wrapperVisited .wrapperMain.{}
#wrapperVisited .sw-wrapperRight ul.navrow {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
#wrapperVisited .sw-wrapperRight ul.navrow div.square{
position: relative;
width: 11.5%;
cursor:pointer;
cursor:hand;
}
#wrapperVisited .sw-wrapperRight ul.navrow div.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
#wrapperVisited .sw-wrapperRight ul.navrow div.square div.profile-tab-icon {
display: flex;
align-items: center;
position: absolute;
flex-direction: column;
top: 50%;
margin-top: -40%;
color: #FFFFFF;
font-family: Arimo-Bold;
text-transform: uppercase;
}
#wrapperVisited .sw-wrapperRight ul.navrow div.square div.profile-tab-icon img{
width: 40%;
}
/*________________________________________*/


/*css/layout.css*/


/*
_____________________________________________________________________________
2.0		- layout
_____________________________________________________________________________
*/

body.noshow>div {
	display: none !important;
}

body.noshow #sw-bg-wrap {
	display: block !important;
}

body.noshow #sw-header {
	display: block !important;
}

body.noshow div.sw-header-i18n {
	display: none;
}

body.noshow #sw-getAppExplorer {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

body {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}

#sw-getAppExplorer {
	position: relative;
	z-index: 1000000;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-around;
}

#sw-getAppExplorer {
	display: none;
	background: transparent;
	width: 80%;
	height: auto;
	max-width: 600px;
	margin: auto;
	padding: 25px;
}

#sw-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100vw;
	-ms-flex-item-align: start;
	align-self: flex-start;
	/*background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
	background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 572, color-stop(0, #65DFF7), color-stop(50, #1399F2), color-stop(90, #0E4A89));
	background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
	background-image: radial-gradient(ellipse farthest-corner at left bottom, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);*/
}

#sw-welcome {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}

#sw-menu {
	width: calc((100vh - 5vw) / 13);
	padding-top: 5vw !important;
}

#sw-wrap {
	top:0;
	position: absolute;
	z-index: 100;
	height: 100%;
	/*padding-top: 4vw !important;
	padding-left: calc( ( 100vh - 5.05vw) / 13) !important; */
	padding-top: 75px !important;
	top:0;
}

#sw-wrapper {
	width: 100vw;
	height: 100%;
	padding-top: 5vw !important;
}

#wrapper {
	position: absolute;
	z-index: 849;
	width: 100%;
	height: 100%;
	/*padding-top: 4vw !important;
	padding-left: calc( ( 100vh - 5.05vw) / 13) !important; */
	padding-top: 75px !important;
	top:0;
}

#wrapperVisited {
	display: none;
	position: absolute;
	z-index: 849;
	width: 100%;
	height: 100%;
	/*padding-top: 4vw !important;
	padding-left: calc( ( 100vh - 5.05vw) / 13) !important; */
	padding-top: 75px !important;
	top:0;
}

@media (max-height: 767px) {
	body {
		height: 768px;
	}
	#sw-menu {
		width: calc((768px - 5vw) / 13) !important;
		height: 768px;
	}
	#sw-wrap {
		padding-left: calc( ( 768px - 5vw) / 13) !important;
	}
	#sw-wrapper {
		padding-left: calc( ( 768px - 5vw) /13) !important;
	}
}

@media (min-height: 768px) {
	body {
		height: 100vh;
	}
	#sw-menu {
		height: 100vh;
	}
	#sw-wrap {
		/*
        padding-left: calc( ( 100vh - 8vw) / 13) !important;
        */
	}
	#sw-wrapper {
		padding-left: calc( ( 100vh - 8vw) /14) !important;
	}
}


@media (max-width: 1023px) and (min-width: 768px) {
	html {
		font-size: 1.5vw
	}
	#sw-header {
		height: 8vw;
	}
	#sw-cookie {
		padding: 8vw 40px 0px 40px;
	}
	#sw-menu {
		width: calc((100vh - 8vw) / 13);
		padding-top: 8vw !important;
	}
	#sw-welcome {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 75%;
		padding: 0 4vw;
		margin-top: 8vw;
	}
	#sw-welcome.login {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}
	#sw-slogan {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
	#sw-getIn-tab {
		-ms-flex-item-align: end;
		align-self: flex-end;
	}
	#sw-wrap {
		width: 100vw;
		padding-top: 8vw !important;
	}
	#sw-wrap #sw-left {
		width: 100%;
	}
	#sw-wrap.allMap #sw-left {
		left: 100%;
		-webkit-transition: width 0.5s linear;
		-o-transition: width 0.5s linear;
		transition: width 0.5s linear;
		position: absolute;
	}
	#fixed>span:nth-child(1) {
		font-size: 2.2vw;
		-webkit-transition: font-size 500ms;
		-o-transition: font-size 500ms;
		transition: font-size 500ms;
	}
	#fixed>span:nth-child(2) {
		font-size: 2.6vw;
		-webkit-transition: font-size 500ms;
		-o-transition: font-size 500ms;
		transition: font-size 500ms;
	}
	div.sw-menu-tabcontent {}
	#sw-main button.sw-show-on-map {
		display: block !important;
		right: 0;
		z-index: 100000;
	}
	#wrapper {
		width: 100%;
		padding-top: 8vw !important;
	}
	#wrapper #sw-wrapperLeft {
		display: none;
	}
	#wrapper #sw-wrapperRight {
		width: 100% !important;
		-webkit-transition: width 0.5s linear;
		-o-transition: width 0.5s linear;
		transition: width 0.5s linear;
	}
}

@media (max-width: 1365px) and (min-width: 1024px) {
	html {
		font-size: 1vw
	}
	#sw-header {
		height: 6vw;
	}
	#sw-cookie {
		padding: 6vw 40px 0px 40px;
	}
	#sw-menu {
		width: calc((100vh - 6vw) / 13);
		padding-top: 6vw !important;
	}
	#sw-welcome {
		margin-top: 15%;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
	#sw-slogan {
		margin-top: 3%;
	}
	#sw-left {
		width: 640px;
	}
	div.sw-menu-tabcontent {
		padding: 0;
	}
	#fixed>span:nth-child(1) {
		font-size: 18px;
		-webkit-transition: font-size 500ms;
		-o-transition: font-size 500ms;
		transition: font-size 500ms;
	}
	#fixed>span:nth-child(2) {
		font-size: 22px;
		-webkit-transition: font-size 500ms;
		-o-transition: font-size 500ms;
		transition: font-size 500ms;
	}
	#sw-wrap {
		width: 100vw;
		padding-top: 6vw !important;
	}
	#wrapper {
		width: 100%;
	}
	#sw-wrapperLeft {
		/*
width: 32.8%;
height: 100%;
padding: 2.9993rem;
overflow: hidden;
transition: width 0.5s, padding 0.5s;
*/
		width: 431.67px !important;
		height: 100%;
		padding: 2.9993rem;
		overflow: hidden;
		-webkit-transition: width 0.5s, padding 0.5s;
		-o-transition: width 0.5s, padding 0.5s;
		transition: width 0.5s, padding 0.5s;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

@media (min-width: 1366px) {
	html {
		/*font-size:1vw;*/
		font-size: 13.66px;
	}
	#sw-header {
		height: 4vw !important;
	}
	#sw-cookie {
		padding: 15px 25px;
		border-radius: 5px;
	}
	#sw-menu {
		width: calc((100vh - 5vw) / 13);
		padding-top: 5vw !important;
		z-index: 900;
	}
	#sw-welcome {
		margin-top: 13vw;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
	#sw-slogan {
		margin-top: 3%;
	}
	#sw-left {
		width: 780px;
	}
	div.sw-menu-tabcontent {
		/*
		padding: 0 2.6720rem;
		*/
		padding: 0;
	}
	#sw-container1 div#fixed {
		padding: 0 50px;
	}
	#fixed>span:nth-child(1) {
		font-size: 20px;
		-webkit-transition: font-size 500ms;
		-o-transition: font-size 500ms;
		transition: font-size 500ms;
	}
	#fixed>span:nth-child(2) {
		font-size: 24px;
		-webkit-transition: font-size 500ms;
		-o-transition: font-size 500ms;
		transition: font-size 500ms;
	}
	#sw-wrap {
		width: 100vw;
		/*
        padding-left: calc( ( 100vh - 5vw) / 13) !important;
        */
	}
	#wrapper {
		width: 100vw;
	}
	#sw-wrapperLeft {
		/* width: 32.8%;
        height: 100%;
        padding: 2.9993rem;
        overflow: hidden;
        -webkit-transition: width 0.5s, padding 0.5s;
        -o-transition: width 0.5s, padding 0.5s;
        transition: width 0.5s, padding 0.5s; */
		/*
width: 431.67px !important;
height: 100%;
padding: 2.9993rem;
overflow: hidden;
transition: width 0.5s, padding 0.5s;
flex: 0 0 auto;
*/
		/*width: calc( ( 100vw - 1024px) / 2);*/
		width:20%;
		height: 100%;
		padding: 0;
		overflow: hidden;
		-webkit-transition: width 0.5s, padding 0.5s;
		-o-transition: width 0.5s, padding 0.5s;
		transition: width 0.5s, padding 0.5s;
		color:#FFF !important;
	}
}

#profileConsole.small .item {
	background: purple;
	margin: 0 calc( ( 100vw - 100vh) / 6);
	width: 33.3vh;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

#profileConsole.normal .item {
	background: yellow;
	margin: calc( ( 100vh - 50vw) / 4) 0;
	width: 25vw;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

#profileConsole.big .item {
	background: pink;
	margin: 0;
	width: 50vh;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}


/*________________________________________*/


/*css/homeLeft.css*/


/*
_____________________________________________________________________________
7.0		- sw-wrap
_____________________________________________________________________________
*/

#sw-wrap,
#wrapper {
	/*background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
	background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 572, color-stop(0, #65DFF7), color-stop(50, #1399F2), color-stop(90, #0E4A89));
	background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
	background-image: radial-gradient(ellipse farthest-corner at left bottom, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
    */
}

body.sw-body.explore.detailsOn #sw-wrap {
	padding-left: 0;
}

#sw-main {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #FFFFFF), color-stop(50, #fafafa), color-stop(100, #F8F8F8));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
}

#sw-left {
	height: 100%;
	background: #FFFFFF;
	z-index: 100;
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}

div.sw-menu-tabcontent {
	position: relative;
	height: 100%;
	display: none;
}

#sw-main button.sw-show-on-map {
	-ms-flex-item-align: end;
	align-self: flex-end;
	background-color: #333333;
	color: #FFFFFF;
	border-radius: 1rem;
	font-size: 0.48rem;
	font-family: Arimo-Regular;
	letter-spacing: 0.0732rem;
	padding: 0.2800rem 1.000rem 0.100rem 1.000rem;
	border: none;
	position: absolute;
	top: 1.5vw;
	height: 1.5373rem;
	display: none;
}

#sw-wrap button.sw-show-on-map span:nth-child(1) {
	display: block;
}

#sw-wrap.allMap button.sw-show-on-map span:nth-child(1) {
	display: none;
}

#sw-wrap button.sw-show-on-map span:nth-child(2) {
	display: none;
}

#sw-wrap.allMap button.sw-show-on-map span:nth-child(2) {
	display: block;
}

#sw-container1 div#fixed {
	/*
position: relative;
padding: 0 2.6720rem;
padding-top: 3.78rem;
flex: 0 0 auto;
margin-bottom: 40px;
*/
	/*
height: 100%;
overflow: hidden;
*/
	position: relative;
	padding-top: 3.78rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	text-align: justify;
}

#sw-container1.sw-scrolled div#fixed {
	padding-top: 0;
}

#sw-container1.filterActive div#fixed {
	position: relative;
	/*
padding: 1.2445rem 0;
*/
	height: 100%;
	overflow: hidden;
}

#sw-left div.scrollContainer {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0px;
	margin-top: 20px;
	min-height: 0;
}

#sw-left div.scrollContainer:hover {
	overflow-y: auto;
}

div.scrollContainer .mCSB_outside+.mCSB_scrollTools {
	right: 18px !important;
}

#sw-right {
	/*
    width: auto;
    */
	height: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	background: #FFFFFF;
}

div.mapHandlers {
	position: absolute;
	right: 14px;
	width: 25px;
	height: 50px;
	background: white;
	z-index: 12;
	top: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

@media (max-width: 1023px) and (min-width: 768px) {
	div#sw-wrap div.mapHandlers {
		display: none;
	}
	div#sw-wrap.allMap div.mapHandlers {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

#sw-map {
	width: 100%;
	z-index: 10;
	height: 100%;
}


/*container 1*/

#sw-container1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: calc( ( 100vh - 8vw) / 13) !important;
}

#fixed>span:nth-child(1) {
	color: #000000;
	font-family: Arimo-Regular;
}

#fixed>span:nth-child(2) {
	color: #286D94;
	font-family: Arimo-Bold;
	text-align: center;
}

#filterConsole {
	background: #F0F0F0;
	/*
height: 73%;
*/
	border-radius: 8px;
	padding: 1.7rem 5%;
	/*
height: 100%;
*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 0.8rem;
}

#sw-container1.filterActive #filterConsole {
	height: 100%;
}

#filterConsole>span {
	font-family: Antonio-Regular;
	font-size: 2.67rem;
	text-align: left;
	color: #000000;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.5rem;
	-webkit-transition: font-size 500ms;
	-o-transition: font-size 500ms;
	transition: font-size 500ms;
}

button#sw-search-google,
button#sw-search-sworld {
	font-family: Antonio-Regular;
	font-size: 0.95rem;
	text-align: center;
	color: #000000;
	line-height: 1rem;
	padding: .6rem 1.7rem;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
	border: none;
	float: left;
	letter-spacing: 1px;
}

button#sw-search-google {}

button#sw-search-sworld,
button#sw-search-google {
	background: #C8C8C8;
	color: #333333;
	cursor: default;
}

button#sw-search-sworld span,
button#sw-search-google span {
	cursor: pointer;
	cursor: hand;
}

button#sw-search-google.active {
	background: #0072AE;
	color: #F0F0F0
}

button#sw-search-sworld.active {
	background: #00AE72;
	color: #F0F0F0
}

button#sw-search-cat {
	font-family: Antonio-Regular;
	font-size: 0.92rem;
	text-align: center;
	color: #000000;
	line-height: 1;
	padding: .7rem .5rem .5rem .5rem;
	border: 1px solid #333333;
	background-color: #f0f0f0;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	letter-spacing: 1px;
}

#sw-switch-search {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

#sw-switch-search:after {
	content: "";
	display: table;
	clear: both;
}

#fixed div#searchConsole {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 2.4000rem;
	height: 2.4890rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

div#searchConsole .activeSearchRadius {
	width: 4.2460rem;
	color: #333333;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 0.8785rem;
	line-height: 1;
}

div#searchConsole .activeSearchRadius p {
	margin: 0px;
}

div#searchConsole .activeSearchRadius p label {
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	margin-top: -2px;
}

div#searchConsole .activeSearchRadius p label span {
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
}

div#searchConsole .activeSearchRadius input {
	background-color: #f0f0f0;
	border: 0;
	color: #3276B1;
	font-size: 0.8785rem;
	font-weight: bold;
	width: 100%;
}

div#searchConsole .searchRadius {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 1.5rem 0 1rem;
}

div#searchConsole .searchRadius .steps {
	height: 0.7321rem;
	margin-bottom: 1.1713rem;
	color: #333333;
	font-size: 0.8785rem;
	font-family: Arimo-Regular;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
}

div#searchConsole .searchRadius #slider {
	cursor: pointer;
	cursor: hand;
	font-size: 7px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	border-radius: 8px;
	background-color: #0072AE;
	border: none;
	outline: none;
}

.ui-slider .ui-slider-handle {
	border: 3px solid #0072AE;
	-webkit-border-radius: 30px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.0;
}

@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(0.1, 0.1);
		opacity: 0.0;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		opacity: 0.0;
	}
}

div#searchConsole .searchFilter {
	float: right;
	width: 25%;
	height: 60px;
	padding: 18px 0px 16px 25px;
}


/*	searchBox	*/

#sw-search-google-tab,
#sw-search-sworld-tab {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 4.0264rem;
	margin-top: 1rem;
}

#sw-search-google-tab,
#sw-search-sworld-tab {
	display: none;
}

#sw-search-google-tab.active,
#sw-search-sworld-tab.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sw-search-google-tab .form-control,
#sw-search-sworld-tab .form-control {
	font-family: Arimo-Regular;
	height: 2.1962rem;
	padding: 0.4392rem 0.8785rem;
	font-size: 1.0249rem;
	line-height: 1;
	color: #666666;
	background-color: #FFFFFF;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: inset 0 0.0732rem 0.0732rem rgba(0, 0, 0, .075);
	box-shadow: inset 0 0.0732rem 0.0732rem rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

#sw-search-google-tab .input-group-addon,
#sw-search-sworld-tab .input-group-addon {
	padding: 0.4392rem 2.8550rem;
	font-size: 0.9517rem;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: none;
	border-radius: 0;
	background-color: #337ab7;
	letter-spacing: 0.2196rem;
	color: white;
	border: none;
	font-family: Antonio-Regular;
}

#sw-search-google-tab div.geoTrigger.my-mat-btn {
	border: none;
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	color: white;
	font-size: 0.95rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Regular;
	margin-top: 10px;
}

#sw-search-google-tab div.geoTrigger.my-mat-btn {
	-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
}

#sw-search-google-tab div.geoTrigger.my-mat-btn span {
	margin-left: 8px;
}

#sw-search-google-tab div.geoTrigger.my-mat-btn i {}


/******************************************************/

#sw-main.fullMap #sw-container1,
#sw-main.fullMap #sw-container2,
#sw-main.fullMap #sw-container3,
#sw-main.fullMap #sw-container4,
#sw-main.fullMap #sw-container5,
#sw-main.fullMap #sw-container6,
#sw-main.fullMap #sw-container7,
#sw-main.fullMap #sw-container9,
#sw-main.fullMap #sw-container10,
#sw-main.fullMap #sw-container11,
#sw-main.fullMap #sw-container12,
#sw-main.fullMap #sw-container13 {
	display: none;
}

#sw-main.fullMap #sw-left {
	width: 300px;
}

#sw-main.fullMap #sw-container8 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
}

#container8 {
	padding: 0px !important;
	border: none;
	border-radius: 0px;
	height: auto;
	width: 300px;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}

#fullMapLeftMenu {
	height: 100%;
	overflow-y: hidden;
	background-color: #FFFFFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%;
}

#fullMapLeftMenu:hover {
	overflow-y: auto;
}

#fullMapLeftMenu ul {
	background-color: #FFFFFF;
	list-style-type: none;
	margin: 0;
	width: 100%;
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px
}

#fullMapLeftMenu ul li {
	height: 40px;
	cursor: pointer;
	cursor: hand;
	overflow-x: visible;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#fullMapLeftMenu .rightarrowdiv:after {
	/*arrow added to rightarrowdiv DIV*/
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 100%;
	/*should be set to 100% */
	width: 0;
	height: 0;
	border-color: transparent transparent transparent black;
	/*border color should be same as div div background color*/
	border-style: solid;
	border-width: 10px;
}

#fullMapLeftMenu ul li:hover {
	background-color: #0168A3;
}

#fullMapLeftMenu ul li:hover a {
	color: #FFFFFF;
}

#fullMapLeftMenu ul li:hover div.right-arrow {
	display: inline-block !important;
	float: right !important;
}

#fullMapLeftMenu ul li a {
	text-decoration: none;
	line-height: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #000000
}

#fullMapLeftMenu ul li a span {
	text-decoration: none;
	line-height: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #000000
}

#fullMapLeftMenu ul li:hover a span {
	color: #FFFFFF;
}


/*
#fullMapLeftMenu ul li span{line-height:40px;font-size:14px;font-weight:500;color:#000000;float:right;display:none;}
*/

#fullMapLeftMenu ul li .profile-image {
	float: left;
	width: 30px;
	border-radius: 15px;
	background: #aeaeae;
	height: 30px;
	margin: 5px 10px 5px 0px;
	color: #666666;
	display: none;
}

#fullMapLeftMenu input {
	width: 90%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

div.contentPop {
	position: absolute;
	bottom: -200px;
	width: 680px;
	height: 200px;
	left: 50%;
	margin-left: -340px;
	background-color: #FFFFFF;
}

#sw-main.fullMap #sw-left.fullMapZoom {
	width: 780px;
	-webkit-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s
}


/*________________________________________*/


/*index.jsp block1 style*/

.contentZoomSocialShare {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	width: 82%;
	padding-top: 10px;
	padding-bottom: 5px;
	background: #3F7EB4;
}

.social-menu-button {
	/*
	-webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background-color: #E91E63;
    color: #FFFFFF;
    font-size: 20px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    float: right;
    padding: 2px 3px 0px 0px;
    */
	/*
	-webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    text-align: center;
    background-color: #E91E63;
    color: #FFFFFF;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    */
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 85%;
	height: 300px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.shareBlockTitle {
	font-weight: bold;
	color: white;
	font-size: 12px;
	margin-bottom: 5px;
}

.contentZoomSocialShare .zmdi-share {
	font-size: 24px;
	color: red;
	/*
	text-shadow: 1px 5px 7px #e7e7e7, 0 0 0 rgba(0, 0, 0, 0.8), 1px 5px 7px #e7e7e7;
	*/
}

.social-menu-button:hover {
	/*
    background: #d81558;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
    */
}

.social-menu-button button {
	/*
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    width: 0px;
    height: 0px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 24px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    */
	opacity: 1;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	position: relative;
	text-align: center;
	background-color: #E91E63;
	color: #FFFFFF;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	cursor: pointer;
	border: 1px solid transparent;
	line-height: 30px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	font-size: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.social-menu-button button:hover {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}

.social-menu-button button:nth-child(1) {
	background: #55acee;
}

.social-menu-button button:nth-child(2) {
	background: #dc4e41;
}

.social-menu-button button:nth-child(3) {
	background: #3a589e;
}

.social-menu-button button:nth-child(4) {
	background: #3F3F3F;
}

.social-menu-button button:nth-child(5) {
	background: #666666;
}


/*
.social-menu-button:hover p {
    
    opacity: 1;
    width: 40px;
    height: 40px;

}
.social-menu-button:hover p:nth-child(1) {
    right: 60px;
    bottom: 5px;
}
.social-menu-button:hover p:nth-child(1):hover {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
    background: #3ea1ec;
}
.social-menu-button:hover p:nth-child(2) {
    right: 110px;
    bottom: 5px;
}
.social-menu-button:hover p:nth-child(2):hover {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
    background: #d83a2b;
}
.social-menu-button:hover p:nth-child(3) {
    right: 160px;
    bottom: 5px;
}
.social-menu-button:hover p:nth-child(3):hover {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
    background: #3a589e;
}
.social-menu-button:hover p:nth-child(4) {
    right: 210px;
    bottom: 5px;
}
.social-menu-button:hover p:nth-child(4):hover {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
    background: #323232;
}
.social-menu-button:hover p:nth-child(5) {
    right: 260px;
    bottom: 5px;
}
.social-menu-button:hover p:nth-child(5):hover {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
    background: #FF0000;
}
*
/*---FOR MOBILE VIEW---*/

@media screen and (max-width: 400px) {
	h1 {
		padding: 15px;
		font-size: 25px;
	}
}


/*________________________________________*/


/* guest.jsp block1 style */


/*________________________________________*/


/* sw-bg-wrap */

#sw-bg-wrap>figure {
	background-size: cover;
	background-position: center center;
	height: 100%;
	left: 0px;
	opacity: 1;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 0;
}

#sw-bg-wrap>figure {
	background-image: url('../img/bg_001.jpg');
}


/*________________________________________*/


/* end of: sw-bg-wrap */


/*________________________________________*/


/* aheader.jsp */

.sw-notification-tablink {
	position: relative;
}

.sw-header-notifications .badgeDetail {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: center;
	background: red;
	color: #FFF;
	border-radius: 50%;
	top: -8px;
	right: -8px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}


/*________________________________________*/


/* aNotifications.jsp */

div#sw-notification-popup {
	width: 600px;
	height: 400px;
	position: absolute;
	background: transparent;
	z-index: 10000;
	left: 800px;
	top: calc(5.05vw - 16px);
	display: none;
	overflow: hidden;
	z-index: 10000000;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

div#sw-notification-popup.popup-in {
	display: block;
}

div.sw-popup-arrow {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #FFF;
	z-index: 22222222222222222;
	right: 20px;
	top: 0px;
	position: absolute;
}

div#sw-notification-popup .sw-notify-tabcontent {
	right: -100%;
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;
	width: 100%;
	height: calc(100% - 15px);
	position: absolute;
	top: 15px;
	background: #FFF;
}

div.notifications-wrapper {
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;
	width: 100%;
	height: calc(100% - 15px);
	position: absolute;
	top: 15px;
	background: #FFF;
}

div#sw-notification-popup .sw-notify-tabcontent.active {
	right: 0;
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;
}

div#sw-notification-popup .sw-notify-tabcontent.active .sw-notification-wrapper {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

div#sw-notification-popup .sw-notify-tabcontent .sw-notification-wrapper {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	width: calc(100% - 40px);
	margin: 0 auto;
	height: calc(100% - 20px);
}

.notification-header {
	border-bottom: 1px solid #ddd;
	height: 30px;
	width: 100%;
}

.notification-header>span:last-of-type {
	float: right;
}

.notification-header .readAllNotificationsByType {
	cursor: pointer;
}

.notification-header .readAllNotificationsByType:hover {
	text-decoration: underline;
}

.notification-body {
	height: calc(100% - 30px);
}

.notification-body.user-menu img {
	height: 44px;
	margin-right: 20px;
	position: absolute;
	top: 6px;
	left: 10px;
}

.notification-body.user-menu .square {
	height: 60px;
	overflow: hidden;
	float: left;
	width: calc(50% - 0px);
	padding: 20px 20px 20px 80px;
	color: #FFFFFF;
	font-family: Arimo-Bold;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	border-bottom: 4px solid #FFF;
}

#sw-notification-5 .notification-header {
	border-bottom: none;
}

.notification-body.user-menu .square:nth-child(even) {
	border-left: 2px solid #FFF;
}

.notification-body.user-menu .square:nth-child(odd) {
	border-right: 2px solid #FFF;
}

.notification-body.user-menu .square.profile {
	background: #9fefd9;
}

.notification-body.user-menu .square.wall {
	background: #319F82;
}

.notification-body.user-menu .square.contents {
	background: #39ae5d;
}

.notification-body.user-menu .square.friends {
	background: #3f7eb4;
}

.notification-body.user-menu .square.messages {
	background: #8c394b;
}

.notification-body.user-menu .square.smilingFaces {
	background: #e4c81f;
}

.notification-body.user-menu .square.orders {
	background: #dd7f28;
}

.notification-body.user-menu .square.seller {
	background: #e04942;
}

.notification-body.user-menu .square.expert {
	background: #2d3d4d;
}

.notification-body.user-menu .square.logout {
	background: #6b6b6b;
}

.notification-body li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	padding: 10px 0;
	font-family: Arimo-regular;
	list-style-type: none;
}

.notification-body li.unread {
	color: #00739a;
}

.notification-body .left {
	width: 80px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.notification-body .right {
	width: calc(100% - 80px);
	float: left;
	position: relative;
}

.notification-body .contentImgWrapper {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden;
}

.notification-body .contentImgWrapper img {
	height: 60px;
}

.notification-body .right .top {
	float: left;
	width: calc(100% - 94px);
}

.notification-body .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

.notification-body .right .top .userImgWrapper img {
	width: 48px;
}

.notification-body .right .top .titles {
	float: left;
	margin-left: 0;
	margin-top: 0;
}

.notification-body .right .top .title_1 {
	font-family: Arimo-regular;
	font-size: 13px;
}

.notification-body .right .top .title_2 {
	font-size: 15px;
	font-family: Arimo-Bold;
}

.notification-body .right .top .actions {
	position: absolute;
	right: 0;
}

.notification-body .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

.notification-body .right .body {
	float: left;
	clear: both;
	width: 100%;
}

.notification-body .right .body .contentDescription img {
	height: 20px;
}

.notification-body .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
}

.notification-body .right .body .contentDescription {
	font-size: 14px;
	height: 38px;
	overflow: hidden;
	line-height: 18px;
}

.notification-body .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 0;
}

.notification-body li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

.notification-body li.place .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
}

.notification-body li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

.notification-body li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

.notification-body li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

.notification-body li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

.notification-body li .footer .contentViews {
	width: calc(100% - 390px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

.notification-body li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

.notification-body li.it .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Italy.png) no-repeat;
}

.notification-body li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

.notification-body li.de .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/Germany.png') no-repeat;
}

.notification-body li .footer .contentRating {
	margin-top: 10px;
}

.notification-body li.unread {
	cursor: pointer;
}


/*
friends
*/

#friendshipRequestList li .footer {
	height: 20px;
}

#friendshipRequestList li div.viewProfile {
	width: 100px;
	background: #000;
	font-family: Antonio-Regular;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	float: right;
	border-radius: 5px;
	padding: 2px 0;
	cursor: pointer;
}


/*
messages
*/

#messagesList li .footer {
	height: 20px;
}

#messagesList li div.reply {
	width: 100px;
	background: #000;
	font-family: Antonio-Regular;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	float: right;
	border-radius: 5px;
	padding: 2px 0;
	cursor: pointer;
}


/*________________________________________*/


/* aHome.jsp */

#wrapperMain.dash .sw-sign-out-button {
	display: none;
	text-transform: uppercase;
}

#wrapperMain.edit .sw-sign-out-button,
#wrapperMain.edit .sw-edit-profile-button:last-of-type,
#wrapperMain.edit .sw-show-on-map {
	display: none;
}


/*________________________________________*/


/*aFilters.jsp */

span.cont_image {
	margin-left: 4px;
	width: 1.6105vw;
	height: 1.6105vw;
	position: relative;
}

.bg_teatro {
	background-color: #f8993b;
}

.bg_concerti {
	background-color: #aa4145;
}

.bg_mercatini {
	background-color: #d88946;
}

.bg_mercatinidinatale {
	background-color: #dbad58;
}

.bg_presepi {
	background-color: #22777a;
}

.bg_carnevale {
	background-color: #19bdc7;
}

.bg_processionireligiose {
	background-color: #779150;
}

.bg_pasqua {
	background-color: #886b97;
}

.bg_gallerie {
	background-color: #f8993b;
}

.bg_sfilatestoriche {
	background-color: #9962a5;
}

.bg_sfilatedimoda {
	background-color: #1477a1;
}

.bg_mostre {
	background-color: #d86047;
}

.bg_sagre {
	background-color: #22777c;
}

.bg_presentazionelibri {
	background-color: #878d37;
}

.bg_fiere {
	background-color: #779150;
}

.bg_winetasting {
	background-color: #22777a;
}

.bg_musei {
	background-color: #3e6270;
}

.new_icon {
	width: 100%;
}

.filterWrap .cont_image img {
	/*display: none;*/
}

.filterWrap .sw-button-cat-name {
	margin-left: 10px;
}


/*________________________________________*/


/* aSocial.jsp */

#wrapperMain .sw-sign-out-button {
	display: none !important;
}

#wrapperMain .sw-show-on-map {
	display: none !important;
}


/* #wrapperMain .chipButton {
    display: none !important;
} */

#wrapperMain.dash .chipButton {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

#wrapperMain .sw-info-key {
	text-transform: Uppercase;
}


/*________________________________________*/


/* aProfileWall.jsp */

.modal.bootstrap-dialog {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#wrapperMain.wall #sw-mydash1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#sw-mydash1 {
	width: 100%;
	background: none !important;
}


/*
WALL ADD POST CONSOLE
*/

.wall-console-wrap {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.addPostWrap {
	background: #FFF;
	border: 1px solid #dddddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 10px;
}

.addPostWrap .addPost-body {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.addPostWrap .addPost-body>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.addPostWrap .addPost-body>a {
	color: #b4b4b4;
}

#addPost {
	min-width: 80%;
}

.addPostWrap .emoji-wysiwyg-editor {
	width: calc(100% - 170px);
	min-height: 48px;
	overflow-y: auto;
	display: block;
	max-height: 100px;
}

.addPostWrap .footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	border-top: 1px solid #ddd;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.addPostWrap .footer .privacy {
	margin-right: 20px;
	height: 1.6595VW;
	background: #dbdbdb;
	cursor: pointer;
}

.addPostWrap .footer .privacy select {
	border: none;
	background: #dbdbdb;
	cursor: pointer;
}

.addPostWrap .footer .privacy,
.addPostWrap .footer .addNewPost {
	padding: 0 10px;
	height: 1.6595VW;
	border-radius: 4px;
	line-height: 1.6595VW;
	text-decoration: none;
	cursor: pointer;
}

.footer .addNewPost {
	background: #00749a;
	color: #FFF;
}

.addPostWrap img.user {
	width: 48px;
}


/*
WALL POSTS LIST
*/

#postsListScroll {
	/*     -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px; */
}

#postsListTab,
#postsListTabVisited {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
#sw-mydash11 .wall-console-wrap{
	/* to remove when function is complete*/
	display:none;
}
#postsListTab .posts-row,
#postsListTabVisited .posts-row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#postsListTab .post-wrap,
#postsListTabVisited .post-wrap {
overflow: hidden;
    background: #FFF;
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #ddd;
    width: 48%;
    margin: 10px 10px 10px 0px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
        border-radius: 10px;
}

#postsListTab .post-wrap .post_menu,
#postsListTabVisited .post-wrap .post_menu_wrapper {
/* 	position: absolute;
	top: 0;
	right: 8px;
	color: #505050;
	cursor: pointer; */
}
.post-wrap .post_menu i {
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    color: #4688a9;
}
.post-header {
    padding: 15px 25px !important;
}
.post-wrap.utilityOut .post_menu i {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    color: #ec550d;
}
#postsListTab .post-wrap .post-header .thumbnail-small,
#postsListTabVisited .post-wrap .post-header .thumbnail-small {
    width: 48px;
    border-radius: 10px;
    height: 48px;
}

#postsListTab .post-wrap .post-header .titles_wrap,
#postsListTabVisited .post-wrap .post-header .titles_wrap {
	margin-left: 15px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 1px;
}

#postsListTab .post-wrap .post-header .title_1,
#postsListTab .post-wrap .post-header .title_2,
#postsListTabVisited .post-wrap .post-header .title_1,
#postsListTabVisited .post-wrap .post-header .title_2 {
	color: #505050;
	line-height: 1;
	margin: 0;
}

#postsListTab .post-wrap .post-header .title_1,
#postsListTabVisited .post-wrap .post-header .title_1 {
	color: #286D94;
    font-size: 14px;
    line-height: 1;
    margin: 8px 0 4px 0;
    font-weight: bold;
}

#postsListTab .post-wrap .post-header .title_2,
#postsListTabVisited .post-wrap .post-header .title_2 {
	font-size: .73vw;    font-size: 12px;
    letter-spacing: 1px;
    color: #4caf50;
    font-family: Antonio-Bold;
}

#postsListTab .post-wrap .post-header,
#postsListTab .post-wrap .post-body,
#postsListTab .post-wrap .post-footer,
#postsListTabVisited .post-wrap .post-header,
#postsListTabVisited .post-wrap .post-body,
#postsListTabVisited .post-wrap .post-footer {
    max-width: 100%;
    padding: 15px 15px 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

#postsListTab .post-wrap .post-body,
#postsListTabVisited .post-wrap .post-body {
    height: auto;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    padding: 20px 20px 20px 20px;
}

#postsListTab .post-wrap .post-body .textWrapper,
#postsListTab .post-wrap .post-body .fotoWrapper,
#postsListTab .post-wrap .post-body .videoWrapper,
#postsListTabVisited .post-wrap .post-body .textWrapper,
#postsListTabVisited .post-wrap .post-body .fotoWrapper,
#postsListTabVisited .post-wrap .post-body .videoWrapper {
	overflow: hidden;
}

#postsListTab .post-wrap .post-body .textWrapper img,
#postsListTabVisited .post-wrap .post-body .textWrapper img {
	height: 30px;
}

#postsListTab .post-wrap .post-body .videoWrapper iframe,
#postsListTabVisited .post-wrap .post-body .videoWrapper iframe {
	height: auto !important;
	width: 100% !important;
	display: block;
	margin: 0 auto;
}

#postsListTab .post-wrap .post_menu_wrapper,
#postsListTabVisited .post-wrap .post_menu_wrapper {
	display: block;
	position: absolute;
	background: #eee;
	bottom: 0px;
	right: 0;
	width: 100%;
	display: none;
}

#postsListTab .post-wrap .post_menu_wrapper>div,
#postsListTabVisited .post-wrap .post_menu_wrapper>div {
	border-top: 1px solid #ddd;
	width: 100%;
	float: left;
}

#postsListTab .post-wrap .post_menu_wrapper>div .left,
#postsListTabVisited .post-wrap .post_menu_wrapper>div .left {
	width: 50%;
	float: left;
	padding: 10px 5%;
}

#postsListTab .post-wrap .post_menu_wrapper>div .right,
#postsListTabVisited .post-wrap .post_menu_wrapper>div .right {
	width: 30%;
	float: left;
	padding: 10px 5%;
}

#postsListTab .post-wrap .post-body img,
#postsListTabVisited .post-wrap .post-body img {
	max-width: 200px;
}

#postsListTab .post-wrap:nth-child(even),
#postsListTabVisited .post-wrap:nth-child(even) {
	margin-right: 0;
}

#postsListTab .post-body .fotoWrapper,
#postsListTabVisited .post-body .fotoWrapper {
	width: 100%;
	height: calc(100% - 10px);
}

#postsListTab .post-body .fotoWrapper img,
#postsListTabVisited .post-body .fotoWrapper img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#postsListTab .post-wrap .post-footer,
#postsListTabVisited .post-wrap .post-footer {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    padding: 20px 20px 20px 20px;
}

#postsListTab .post-wrap .post-footer i,
#postsListTabVisited .post-wrap .post-footer i {
	color: #505050;
	margin: 0 5px;
}


/*
wall post details
*/

.post-details-scroll {
	height: calc(100% - 160px);
	margin: 25px;
}

#postCommentsList {}

#postCommentsList .post-wrap {
	overflow: hidden;
	background: #FFF;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: 40px;
}

#postCommentsList .post-wrap:first-of-type {
	margin-left: 0;
}

#postCommentsList .post-wrap .post_menu {
	position: absolute;
	top: 0;
	right: 8px;
	color: #505050;
	cursor: pointer;
}

#postCommentsList .post-wrap .post-header .thumbnail-small {
	width: 48px;
	float: left;
}

#postCommentsList .post-wrap .post-header .titles_wrap {
	float: left;
	margin-left: 10px;
}

#postCommentsList .post-wrap .post-header .title_1,
#postCommentsList .post-wrap .post-header .title_2 {
	color: #505050;
	line-height: 1;
	margin: 0;
}

#postCommentsList .post-wrap .post-header .title_1 {
	color: #505050;
	font-size: .73vw;
	line-height: 1;
	margin: 0;
	font-weight: bold;
}

#postCommentsList .post-wrap .post-header .title_2 {
	font-size: .73vw;
}

#postCommentsList .post-wrap .post-header,
#postCommentsList .post-wrap .post-body,
#postCommentsList .post-wrap .post-footer {
	max-width: 100%;
	float: left;
	clear: both;
	padding: 10px;
}

#postCommentsList .post-wrap .post-body {
	overflow: hidden;
	width: 100%;
	margin-left: 60px;
}

#postCommentsList .post-wrap:first-of-type .post-body {
	margin-left: 0;
}

#postCommentsList .post-wrap .post-body .textWrapper,
#postCommentsList .post-wrap .post-body .fotoWrapper,
#postCommentsList .post-wrap .post-body .videoWrapper {
	overflow: hidden;
	height: calc(100% - 10px);
}

#postCommentsList .post-wrap .post-body .textWrapper img {
	height: 30px;
}

#postCommentsList .post-wrap .post-body .videoWrapper iframe {
	height: 100% !important;
	width: auto !important;
	display: block;
	margin: 0 auto;
}

#postCommentsList .post-wrap .post_menu_wrapper {
	display: block;
	position: absolute;
	background: #eee;
	bottom: 0px;
	right: 0;
	width: 100%;
	display: none;
}

#postCommentsList .post-wrap .post_menu_wrapper>div {
	border-bottom: 1px solid #ddd;
	width: 100%;
	float: left;
}

#postCommentsList .post-wrap .post_menu_wrapper>div .left {
	width: 50%;
	float: left;
	padding: 10px 5%;
}

#postCommentsList .post-wrap .post_menu_wrapper>div .right {
	width: 30%;
	float: left;
	padding: 10px 5%;
}

#postCommentsList .post-wrap .post-body img {
	max-width: 200px;
}

#postCommentsList .post-wrap:nth-child(even) {
	margin-right: 0;
}

#postCommentsList .post-body .fotoWrapper {
	width: 100%;
	height: calc(100% - 10px);
}

#postCommentsList .post-body .fotoWrapper img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#postCommentsList .post-wrap .post-footer {
	width: calc(100% - 20px);
	border-bottom: 1px solid #ddd;
	margin: -1px auto;
}

#postCommentsList .post-wrap:last-of-type .post-footer {
	border-bottom: none;
}

#postCommentsList .post-wrap .post-footer i {
	color: #505050;
	margin: 0 5px;
}

.addCommentWrapper {
	position: relative;
}

.addCommentWrapper .emoji-wysiwyg-editor {
	width: calc(100% - 150px);
	border: 1px solid #ddd;
	height: 90px;
	border-radius: 4px;
	padding: 10px;
	overflow-y: auto;
	display: block;
	background: #FFF;
}

.addCommentWrapper .addNewPost {
	background: #00749a;
	color: #FFF;
	padding: 0 10px;
	height: 1.6595VW;
	border-radius: 4px;
	line-height: 1.6595VW;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 0;
	width: 100px;
	text-align: center;
}

.addCommentWrapper .addVideo {
	position: absolute;
	right: 20px;
	top: 45px;
	color: #b4b4b4;
}

.addCommentWrapper .addPhoto {
	position: absolute;
	right: 55px;
	top: 45px;
	color: #b4b4b4;
}

.addCommentWrapper .emoji-button {
	position: absolute;
	right: 95px;
	top: 45px;
	color: #b4b4b4;
}

.emoji-wysiwyg-editor img {
	width: 28px;
	height: 28px;
	vertical-align: middle;
	margin: -3px 0 0 0;
}

.emoji-menu {
	position: absolute;
	z-index: 2000;
	width: 432px;
	/* margin-left: -100px; */
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.emoji-menu>div {
	max-height: 200px;
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 1px 5px rgba(0,0,0,0.3); */
}

.emoji-menu img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: 0 none;
}

.emoji-menu a {
	margin: -1px 0 0 -1px;
	border: 1px solid #f2f2f2;
	padding: 5px;
	display: block;
	float: left;
}

.emoji-menu a:hover {
	background-color: #fffae7;
}

.emoji-menu:after {
	content: ' ';
	display: block;
	clear: left;
}

.emoji-menu a .label {
	display: none;
}


/*________________________________________*/


/* aProfileContent.jsp */

#sw-mydash2 {
	background-color: #EFEFEF !important;
	width: 100%;
}

.contentsScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 0;
}

#contentsListTab {}

#contentsListTab li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	height: 180px;
	font-family: Arimo-regular;
	overflow: hidden;
	/*
	float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
    */
}

#contentsListTab li .contentRating.jq-ry-container {
	position: absolute;
	right: 80px;
}

#contentsListTab li:nth-child(even) {
	margin-right: 0;
}

#contentsListTab .left {
	width: 200px;
	height: 180px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#contentsListTab .right {
	width: calc(100% - 200px);
	float: left;
	position: relative;
}

#contentsListTab .contentImgWrapper {
	width: 180px;
	height: 180px;
	border-radius: 0;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

#contentsListTab .contentImgWrapper img {
	height: 180px;
}

#contentsListTab .right .top {
	height: 48px;
	float: left;
	width: calc(100% - 0);
}

#contentsListTab .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

#contentsListTab .right .top .userImgWrapper img {
	width: 48px;
}

#contentsListTab .right .top .titles {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

#contentsListTab .right .top .title_1 {
	font-size: 16px;
	font-family: Arimo-Bold;
	cursor: pointer;
	cursor: hand;
}

#contentsListTab .right .top .title_2 {
	font-family: Arimo-regular;
	font-size: 16px;
}

#contentsListTab .right .top .actions {
    position: absolute;
    right: 10px;
    top: 10px;
	height: 100%;
	/*temp*/
	/*
	display: none !important;
	*/
}
#contentsListTab .right .top .actions span.fa-eur {
	/*display:none;*/
}
#contentsListTab .right .top .actions span.fa-pencil {
	/*display:none;*/
}
#contentsListTab .right .top .actions span.fa-trash {
	/*display:none;*/
}
#contentsListTab .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

#contentsListTab .right .body {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

#contentsListTab .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
	cursor: pointer;
	cursor: hand;
}

#contentsListTab .right .body .contentDescription {
	font-size: 14px;
	height: 56px;
	overflow: hidden;
	line-height: 18px;
}

#contentsListTab .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 35px;
}

#contentsListTab li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

#contentsListTab li.place .footer .contentType {
	/*
    background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
    */
}

#contentsListTab li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

#contentsListTab li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

#contentsListTab li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

#contentsListTab li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

#contentsListTab li .footer .contentViews {
	width: calc(100% - 160px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

#contentsListTab li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

#contentsListTab li.it .footer .contentLanguage {
	/*
    background: #eeeeee url('image/flags/24/Italy.png') no-repeat;
    */
}

#contentsListTab li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

#contentsListTab li.de .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/Germany.png') no-repeat;
}

#contentsListTab li .footer .contentRating {
	margin-top: 10px;
}


/*________________________________________*/


/* aProfileFriends.jsp*/

#sw-mydash3 {
	background-color: #EFEFEF !important;
	width: 100%;
}

#sw-mydash3 .searchFriendsWrapper {
	margin-bottom: 20px;
	position: relative;
}

#sw-mydash3 .searchFriendsWrapper i {
	position: absolute;
	height: 25px;
	width: 25px;
	background: #00739a;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	left: -12.5px;
	top: 7.5px;
	font-size: 12px;
}

#sw-mydash3 .searchFriendsWrapper input {
	margin-bottom: 0;
	height: 40px;
	border: none;
	line-height: 40px;
	width: calc(100% - 200px);
	border: none;
	padding: 0 20px;
}

#sw-mydash3 .searchFriendsWrapper span {
	background: #43ad3a;
	height: 40px;
	display: block;
	width: 200px;
	line-height: 40px;
	text-align: center;
	font-family: Antonio-Regular;
	color: #FFF;
	float: right;
	letter-spacing: 0.2196rem;
	font-size: 18px;
}

.friendsScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.friendsScrollWrapper {}

.friendsScrollWrapper li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 20px;
	font-family: Arimo-regular;
	/*
	float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
    */
}

.friendsScrollWrapper li:nth-child(even) {
	margin-right: 0;
}

.friendsScrollWrapper .left {
	width: 140px;
	height: 120px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.friendsScrollWrapper .right {
	width: calc(100% - 140px);
	float: left;
	position: relative;
}

.friendsScrollWrapper .contentImgWrapper {
	width: 120px;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
}

.friendsScrollWrapper .contentImgWrapper img {
	height: 120px;
}

.friendsScrollWrapper .right .top {
	height: 48px;
	float: left;
	width: calc(100% - 0);
}

.friendsScrollWrapper .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

.friendsScrollWrapper .right .top .userImgWrapper img {
	width: 48px;
}

.friendsScrollWrapper .right .top .titles {
	float: left;
	margin-left: 0;
	margin-top: 10px;
}

.friendsScrollWrapper .right .top .title_1 {
	font-size: 16px;
	font-family: Arimo-Bold;
}

.friendsScrollWrapper .right .top .title_2 {
	font-family: Arimo-regular;
	font-size: 16px;
}

.friendsScrollWrapper .right .top .actions {
	position: absolute;
	right: 0;
}

.friendsScrollWrapper .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

.friendsScrollWrapper .right .body {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

.friendsScrollWrapper .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
}

.friendsScrollWrapper .right .body .contentDescription {
	font-size: 14px;
	height: 56px;
	overflow: hidden;
	line-height: 18px;
}

.friendsScrollWrapper .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 0;
}

.friendsScrollWrapper li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

.friendsScrollWrapper li.place .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
}

.friendsScrollWrapper li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

.friendsScrollWrapper li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

.friendsScrollWrapper li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

.friendsScrollWrapper li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

.friendsScrollWrapper li .footer .contentViews {
	width: calc(100% - 390px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

.friendsScrollWrapper li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

.friendsScrollWrapper li.it .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/Italy.png') no-repeat;
}

.friendsScrollWrapper li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

.friendsScrollWrapper li.de .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/Germany.png') no-repeat;
}

.friendsScrollWrapper li .footer .contentRating {
	margin-top: 10px;
}


/*________________________________________*/


/* aProfileMessages */

#sw-mydash4 {
	background-color: #EFEFEF !important;
	width: 100%;
}

.searchMessagesWrapper input {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
}

.messagesScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

.messagesScrollWrapper {}

.messagesScrollWrapper li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 20px;
	font-family: Arimo-regular;
	float: left;
	/*     width: calc(50% - 10px); */
	width: 80%;
	margin-right: 20px;
}

.messagesScrollWrapper li:nth-child(even) {
	margin-right: 0;
}

.messagesScrollWrapper .left {
	width: 140px;
	height: 120px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.messagesScrollWrapper .right {
	width: calc(100% - 140px);
	float: left;
	position: relative;
}

.messagesScrollWrapper .contentImgWrapper {
	width: 120px;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
}

.messagesScrollWrapper .contentImgWrapper img {
	height: 120px;
}

.messagesScrollWrapper .right .top {
	height: 48px;
	float: left;
	width: calc(100% - 0);
}

.messagesScrollWrapper .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

.messagesScrollWrapper .right .top .userImgWrapper img {
	width: 48px;
}

.messagesScrollWrapper .contentDescription img {
	height: 28px;
}

.messagesScrollWrapper .right .top .titles {
	float: left;
	margin-left: 0;
	margin-top: 10px;
}

.messagesScrollWrapper .right .top .title_1 {
	font-size: 16px;
	font-family: Arimo-Bold;
}

.messagesScrollWrapper .right .top .title_2 {
	font-family: Arimo-regular;
	font-size: 16px;
}

.messagesScrollWrapper .right .top .actions {
	position: absolute;
	right: 0;
}

.messagesScrollWrapper .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

.messagesScrollWrapper .right .body {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

.messagesScrollWrapper .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
}

.messagesScrollWrapper .right .body .contentDescription {
	font-size: 14px;
	height: 56px;
	overflow: hidden;
	line-height: 18px;
}

.messagesScrollWrapper .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 0;
}

.messagesScrollWrapper li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

.messagesScrollWrapper li.place .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
}

.messagesScrollWrapper li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

.messagesScrollWrapper li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

.messagesScrollWrapper li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

.messagesScrollWrapper li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

.messagesScrollWrapper li .footer .contentViews {
	width: calc(100% - 390px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

.messagesScrollWrapper li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

.messagesScrollWrapper li.it .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Italy.png) no-repeat;
}

.messagesScrollWrapper li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

.messagesScrollWrapper li.de .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Germany.png) no-repeat;
}

.messagesScrollWrapper li .footer .contentRating {
	margin-top: 10px;
}


/*________________________________________*/


/* aProfileSmilingfaces.jsp */

#sw-mydash5 {
	background-color: #EFEFEF !important;
	width: 100%;
}

.sw-tab {
	display: none;
}

.sw-tab.active {
	display: block;
}

.sw-tabs ul {
	margin-bottom: 20px;
	float: left;
}

.sw-tabs ul li {
	font-family: Arimo-regular;
	float: left;
	border-radius: 10px;
	margin-right: 40px;
	background: #FFF;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
}

.sw-tabs ul li.active {
	color: #FFF;
	background: #25749B;
}

.smilingFacesScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

.smilingFacesScrollWrapper {}

.smilingFacesScrollWrapper li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 20px;
	font-family: Arimo-regular;
	list-style-type: none;
	float: left;
	width: calc(50% - 10px);
	margin-right: 20px;
}

.smilingFacesScrollWrapper li:nth-child(even) {
	margin-right: 0;
}

.smilingFacesScrollWrapper .left {
	width: 180px;
	height: 160px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.smilingFacesScrollWrapper .right {
	width: calc(100% - 180px);
	float: left;
	position: relative;
}

.smilingFacesScrollWrapper .contentImgWrapper {
	width: 160px;
	height: 160px;
	border-radius: 10px;
	overflow: hidden;
}

.smilingFacesScrollWrapper .contentImgWrapper img {
	height: 160px;
}

.smilingFacesScrollWrapper .right .top {
	height: 48px;
	float: left;
	width: calc(100% - 0);
}

.smilingFacesScrollWrapper .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

.smilingFacesScrollWrapper .right .top .userImgWrapper img {
	width: 48px;
}

.smilingFacesScrollWrapper .right .top .titles {
	float: left;
	margin-left: 0;
	margin-top: 10px;
}

.smilingFacesScrollWrapper .right .top .title_1 {
	font-size: 16px;
	font-family: Arimo-Bold;
	color: #25749b;
}

.smilingFacesScrollWrapper .right .top .title_2 {
	font-family: Arimo-regular;
	font-size: 16px;
}

.smilingFacesScrollWrapper .right .top .actions {
	position: absolute;
	right: 0;
}

.smilingFacesScrollWrapper .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

.smilingFacesScrollWrapper .right .top .actions span.datetime {
	font-size: 14px;
	margin-left: 10px;
	background: none;
	padding: 0;
	width: initial;
	color: #929292;
	text-align: left;
	cursor: default;
}

.smilingFacesScrollWrapper .right .body {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

.smilingFacesScrollWrapper .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
}

.smilingFacesScrollWrapper .right .body .contentDescription {
	font-size: 14px;
	height: 56px;
	overflow: hidden;
	line-height: 18px;
}

.smilingFacesScrollWrapper .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 0;
}

.smilingFacesScrollWrapper li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

.smilingFacesScrollWrapper li.place .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
}

.smilingFacesScrollWrapper li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

.smilingFacesScrollWrapper li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

.smilingFacesScrollWrapper li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

.smilingFacesScrollWrapper li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

.smilingFacesScrollWrapper li .footer .viewDetails {
	float: right;
	height: 25px;
	line-height: 25px;
	background: #000;
	color: #FFF;
	padding: 0 20px;
	border-radius: 10px;
	cursor: pointer;
}

.smilingFacesScrollWrapper li .footer .waitingForReply {
	float: left;
	height: 25px;
	line-height: 25px;
	background: #25749B;
	color: #FFF;
	padding: 0 20px;
	border-radius: 10px;
}

.smilingFacesScrollWrapper li .footer .contentViews {
	width: calc(100% - 390px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

.smilingFacesScrollWrapper li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

.smilingFacesScrollWrapper li.it .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Italy.png) no-repeat;
}

.smilingFacesScrollWrapper li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

.smilingFacesScrollWrapper li.de .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Germany.png) no-repeat;
}

.smilingFacesScrollWrapper li .footer .contentRating {
	margin-top: 10px;
}


/*

	Smiling faces details
	
*/

.smilingFaces-details-scroll {
	height: calc(100% - 25px);
	margin: 0 25px;
	position: relative;
}

.smilingFaces-details-scroll .col.userAcceptedList {
	margin-left: 0;
	background: #eee;
	height: 100%;
}

.smilingFaces-details-scrollh3 {
	font-size: 16px;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList {
	height: 600px;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .selected {
	background: #337ab7;
	color: #FFF;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .row {
	margin: 0 !important;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .row .col {
	padding: 0;
}

.smilingFaces-details-scroll .userConversation {
	height: 648px;
	position: relative;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .showSmilingFacesConversation {
	position: relative;
	cursor: pointer;
	height: 40px;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	font-size: 15px;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .actions {
	position: absolute;
	top: 0;
	right: 0;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .actions span {
	margin-right: 6px;
	display: inline-block;
	height: 40px;
	font-size: 20px;
	color: #3aa4ff;
}

.smilingFaces-details-scroll #smilingFacesAcceptedUsersList .actions span i {
	line-height: 40px;
}

.smilingFaces-details-scroll #smilingFacesSendMessageWrapper {
	position: absolute;
	bottom: 0;
	width: calc(100% - 41%);
	height: 100px;
	right: 0;
}

.smilingFaces-details-scroll #smilingFacesSendMessageWrapper textarea {
	width: 70%;
	height: 100%;
	margin: 0 10% 0 5%;
	font-size: 14px;
}

.smilingFaces-details-scroll #smilingFacesSendMessageWrapper #sendMessageToSmilingFaces {
	position: absolute;
	right: 20px;
}

#smilingFacesAcceptedUsersMessagesListWrapper {
	height: 530px;
	margin-left: -15px;
}

#smilingFacesAcceptedUsersMessagesList .msg_receive {
	padding-left: 0;
	margin-left: 0;
	float: left;
	clear: both;
	background-color: rgb(89, 140, 205) !important;
}

#smilingFacesAcceptedUsersMessagesList .msg_sent {
	padding-bottom: 20px !important;
	margin-right: 0;
	float: right;
	clear: both;
	background-color: rgb(84, 141, 24) !important;
}

#smilingFacesAcceptedUsersMessagesList .messages {
	background: white;
	padding: 10px;
	border-radius: 5px;
	color: #FFF !important;
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
	max-width: 100%;
	font-size: 14px;
	display: inline-block;
}


/*________________________________________*/


/* aProfileBuyings.jsp */

#sw-mydash6 {
	background-color: #EFEFEF !important;
	width: 100%;
}

.buyingsScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 20px;
}


/*________________________________________*/


/* aProfileSeller */

#sw-mydash7 {
	background-color: #EFEFEF !important;
	width: 100%;
}

.sw-tab {
	display: none;
}

.sw-tab.active {
	display: block;
}

.sw-tabs ul {
	margin-bottom: 20px;
	float: left;
}

.sw-tabs ul li {
	font-family: Arimo-regular;
	float: left;
	border-radius: 10px;
	margin-right: 40px;
	background: #FFF;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
}

.sw-tabs ul li.active {
	color: #FFF;
	background: #25749B;
}

.sellerScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

.sellerScrollWrapper {}

.sellerScrollWrapper li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 20px;
	font-family: Arimo-regular;
}

.sellerScrollWrapper .left {
	width: 180px;
	height: 160px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.sellerScrollWrapper .right {
	width: calc(100% - 180px);
	float: left;
	position: relative;
}

.sellerScrollWrapper .contentImgWrapper {
	width: 160px;
	height: 160px;
	border-radius: 10px;
	overflow: hidden;
}

.sellerScrollWrapper .contentImgWrapper img {
	height: 160px;
}

.sellerScrollWrapper .right .top {
	height: 48px;
	float: left;
	width: calc(100% - 0);
}

.sellerScrollWrapper .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

.sellerScrollWrapper .right .top .userImgWrapper img {
	width: 48px;
}

.sellerScrollWrapper .right .top .titles {
	float: left;
	margin-left: 0;
	margin-top: 10px;
}

.sellerScrollWrapper .right .top .title_1 {
	font-size: 16px;
	font-family: Arimo-Bold;
	color: #25749b;
}

.sellerScrollWrapper .right .top .title_2 {
	font-family: Arimo-regular;
	font-size: 16px;
}

.sellerScrollWrapper .right .top .actions {
	position: absolute;
	right: 0;
}

.sellerScrollWrapper .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

.sellerScrollWrapper .right .top .actions span.datetime {
	font-size: 14px;
	margin-left: 10px;
	background: none;
	padding: 0;
	width: initial;
	color: #929292;
	text-align: left;
	cursor: default;
}

.sellerScrollWrapper .right .body {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

.sellerScrollWrapper .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
}

.sellerScrollWrapper .right .body .contentDescription {
	font-size: 14px;
	height: 56px;
	overflow: hidden;
	line-height: 18px;
}

.sellerScrollWrapper .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 0;
}

.sellerScrollWrapper li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

.sellerScrollWrapper li.place .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
}

.sellerScrollWrapper li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

.sellerScrollWrapper li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

.sellerScrollWrapper li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

.sellerScrollWrapper li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

.sellerScrollWrapper li .footer .viewDetails {
	float: right;
	height: 25px;
	line-height: 25px;
	background: #000;
	color: #FFF;
	padding: 0 20px;
	border-radius: 10px;
	cursor: pointer;
}

.sellerScrollWrapper li .footer .waitingForReply {
	float: left;
	height: 25px;
	line-height: 25px;
	background: #25749B;
	color: #FFF;
	padding: 0 20px;
	border-radius: 10px;
}

.sellerScrollWrapper li .footer .contentViews {
	width: calc(100% - 390px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

.sellerScrollWrapper li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

.sellerScrollWrapper li.it .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Italy.png) no-repeat;
}

.sellerScrollWrapper li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

.sellerScrollWrapper li.de .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Germany.png) no-repeat;
}

.sellerScrollWrapper li .footer .contentRating {
	margin-top: 10px;
}


/*________________________________________*/


/* aProfileExpert.jsp */

#sw-mydash8 {
	background-color: #EFEFEF !important;
	width: 100%;
}

.sw-tab {
	display: none;
}

.sw-tab.active {
	display: block;
}

.sw-tabs ul {
	margin-bottom: 20px;
	float: left;
}

.sw-tabs ul li {
	font-family: Arimo-regular;
	float: left;
	border-radius: 10px;
	margin-right: 40px;
	background: #FFF;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
}

.sw-tabs ul li.active {
	color: #FFF;
	background: #25749B;
}

.expertScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

.quickrequest-details-scroll {
	height: calc(100% - 40px);
	margin: 25px;
}

.expertScrollWrapper li {
	border-bottom: 1px solid #DDD;
	overflow: auto;
	background: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 20px;
	font-family: Arimo-regular;
	list-style-type: none;
	float: left;
	width: 80%;
	margin-right: 20px;
}

.expertScrollWrapper li:nth-child(even) {
	margin-right: 0;
}

.expertScrollWrapper .left {
	width: 180px;
	height: 160px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.expertScrollWrapper .right {
	width: calc(100% - 180px);
	float: left;
	position: relative;
}

.expertScrollWrapper .contentImgWrapper {
	width: 160px;
	height: 160px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}

.expertScrollWrapper .contentImgWrapper img {
	height: 160px;
}

.expertScrollWrapper .right .top {
	height: 48px;
	float: left;
	width: calc(100% - 0);
}

.expertScrollWrapper .right .top .userImgWrapper {
	float: left;
	margin-top: 10px;
}

.expertScrollWrapper .right .top .userImgWrapper img {
	width: 48px;
}

.expertScrollWrapper .right .top .titles {
	float: left;
	margin-left: 0;
	margin-top: 10px;
	cursor: pointer;
}

.expertScrollWrapper .right .top .title_1 {
	font-size: 16px;
	font-family: Arimo-Bold;
	color: #25749b;
}

.expertScrollWrapper .right .top .title_2 {
	font-family: Arimo-regular;
	font-size: 16px;
}

.expertScrollWrapper .right .top .actions {
	position: absolute;
	right: 0;
}

.expertScrollWrapper .right .top .actions span {
	font-size: 16px;
	margin-left: 10px;
	background: #eee;
	padding: 5px 0;
	width: 30px;
	color: #25749b;
	text-align: center;
	cursor: pointer;
}

.expertScrollWrapper .right .top .actions span.receivedAnswers {
	padding: 5px;
	width: initial;
	cursor: default;
}

.expertScrollWrapper .right .top .actions span.datetime {
	font-size: 14px;
	margin-left: 10px;
	background: none;
	padding: 0;
	width: initial;
	color: #929292;
	text-align: left;
	cursor: default;
}

.expertScrollWrapper .right .body {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	cursor: pointer;
}

.expertScrollWrapper .right .body .contentTitle {
	font-size: 17px;
	font-family: Arimo-Bold;
}

.expertScrollWrapper .right .body .contentDescription {
	font-size: 14px;
	height: 56px;
	overflow: hidden;
	line-height: 18px;
}

.expertScrollWrapper .right .footer {
	float: left;
	clear: both;
	width: 100%;
	height: 0;
}

.expertScrollWrapper li .footer .contentType {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 25px !important;
	background-position: center !important;
	float: right;
}

.expertScrollWrapper li.place .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0103.png) no-repeat;
}

.expertScrollWrapper li.photoAlbum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0104.png) no-repeat;
}

.expertScrollWrapper li.itinerary .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0106.png) no-repeat;
}

.expertScrollWrapper li.event .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0107.png) no-repeat;
}

.expertScrollWrapper li.museum .footer .contentType {
	background: #eeeeee url(img/content_type/IconsSet0108.png) no-repeat;
}

.expertScrollWrapper li .footer .viewDetails {
	float: right;
	height: 25px;
	line-height: 25px;
	background: #000;
	color: #FFF;
	padding: 0 20px;
	border-radius: 10px;
	cursor: pointer;
}

.expertScrollWrapper li .footer .waitingForReply {
	float: left;
	height: 25px;
	line-height: 25px;
	background: #25749B;
	color: #FFF;
	padding: 0 20px;
	border-radius: 10px;
}

.expertScrollWrapper li .footer .contentViews {
	width: calc(100% - 390px);
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 13px;
}

.expertScrollWrapper li .footer .contentLanguage {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	background-size: 22px !important;
	background-position: center !important;
	float: right;
	border-right: 1px solid #DDD;
}

.expertScrollWrapper li.it .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Italy.png) no-repeat;
}

.expertScrollWrapper li.en .footer .contentLanguage {
	background: #eeeeee url('image/flags/24/United Kingdom(Great Britain).png') no-repeat;
}

.expertScrollWrapper li.de .footer .contentLanguage {
	background: #eeeeee url(image/flags/24/Germany.png) no-repeat;
}

.expertScrollWrapper li .footer .contentRating {
	margin-top: 10px;
}


/*
	QUICK REQUEST DETAILS

*/

.quickrequest-details-scroll li:first-of-type {
	margin-left: 0;
}

.quickrequest-details-scroll li {
	margin-left: 40px;
	float: none;
	width: 100%;
}

.expertScrollWrapper .answersWrapper {
	float: left;
	width: calc(100% - 40px);
	margin-left: 40px;
	margin-top: 20px;
	display: none;
}

.expertScrollWrapper .answersWrapper li {
	border: none;
	width: 100%;
	float: none;
}

.expertScrollWrapper .answersWrapper img.thumb {
	width: 48px;
	float: left;
	margin-right: 10px;
	border-radius: 5px;
}

.expertScrollWrapper .answersWrapper textarea {
	float: left;
	height: 100px;
	overflow: auto;
	width: calc(100% - 168px);
	border-radius: 5px;
	border-color: #d6d6d6;
}

.expertScrollWrapper .answersWrapper span.addQuickRequest {
	width: 100px;
	font-weight: bold;
	background: #25749B;
	text-align: center;
	padding: 5px 0;
	display: block;
	float: left;
	margin-left: 10px;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
}


/*________________________________________*/


/* aProfileEditUserData.jsp */

#wrapperMain.edit #sw-mydash9 {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.editProfileScrollWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	height: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#wrapperMain.edit .sw-sign-out-button,
#wrapperMain.edit .sw-edit-profile-button:last-of-type,
#wrapperMain.edit .sw-show-on-map {
	display: none !important;
}

#sw-mydash9 {
	width: 100%;
	background: #efefef !important;
}

#sw-mydash9 .panel {
	background: #efefef;
	border: none;
	border-radius: 0;
}

#sw-mydash9 .panel-title {
	width: 100%;
}

#sw-mydash9 .panel-title h4 {
	font-size: 16px;
	width: 100%;
}

#sw-mydash9 .panel-heading {
	background: none;
	color: #25749b;
	font-family: Antonio-Regular;
}

#sw-mydash9 .form-group img {
	width: 60px;
	margin-right: 20px;
}

#sw-mydash9 .form-group span.changeProfilePicture {
	font-family: Antonio-Regular;
	font-size: 14px;
	color: #25749B;
	cursor: pointer;
}

#sw-mydash9 label {
	text-transform: uppercase;
}

#sw-mydash9 select {
	height: 34px;
	width: 100%;
}

#sw-mydash9 input,
#sw-mydash9 select,
#sw-mydash9 textarea {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-radius: 4px;
	border: none;
	background: #FFF;
}

#sw-mydash9 input[readonly="true"],
#sw-mydash9 input[disabled="true"],
#sw-mydash9 select[readonly="true"],
#sw-mydash9 select[disabled="true"],
#sw-mydash9 textarea[readonly="true"] {
	background: #bbb;
}

#sw-mydash9 select.expertCategories,
select.gender {
	width: 100%;
}

#profileAccountSettings .form-group.last {
	margin-top: 20px;
	width: 100%;
}

#sw-mydash9 .form-group.last .btn {
	float: right;
	cursor: pointer;
	margin: 0;
	border: none;
	background: #00739a;
	font-size: 20px;
	font-family: Antonio-Regular;
	text-align: center;
	padding: 6px 10px;
	min-width: 120px;
	border-radius: 0;
	line-height: 20px;
}

#sw-mydash9 .form-group.last .btn.abortEditProfile {
	float: left;
	background: #8a8a8a !important;
}

#sw-mydash9 select.expertCategories {
	height: 100px;
}

#sw-mydash9 select.expertCategories option {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

#sw-mydash9 select.expertCategories option:last-of-type {
	padding: 10px;
	border-bottom: none;
}


/*________________________________________*/


/* aVisitedProfile.jsp*/


/* 
#visitedProfileConsole ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 25px;
}
 */

#visitedProfileConsole ul li {
	padding: 12px 15px;
	border-radius: 0;
}

#visitedProfileConsole ul li.active {
	background: #337ab7;
}

#visitedProfileConsole ul li a {
	padding: 0 !important;
	letter-spacing: 1px;
}

#visitedProfileConsole ul li.active a {
	background: transparent;
	border: none;
	color: white;
}

#visitedProfileConsole ul img {
	height: 44px;
	margin-right: 20px;
	position: absolute;
	top: 6px;
	left: 10px;
}


/* 
#wrapperVisited .notification-body-bis.user-menu-bis .square2 {
	height: 60px;
    overflow: hidden;
    float: left;
    width: auto;
    padding: 0;
    color: #286D94;
    font-family: Antonio-Bold;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
}
 */

#wrapperVisited #sw-notification-5bis .notification-header-bis {
	border-bottom: none;
}

#wrapperVisited.wall .sw-wrapperOff,
#wrapperVisited.friends .sw-wrapperOff,
#wrapperVisited.contents .sw-wrapperOff {
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
	height: 100%;
	width: calc( ( 100vw - 1024px) / 2);
}

#sw-mydash10 label {
	display: inline;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
	text-transform: Capitalize;
}

#sw-mydash10 input,
#sw-mydash10 textarea,
#sw-mydash10 select {
	background: #FFF;
	border: none;
	width: 100%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#wrapperVisited .sw-info-key {
	text-transform: Uppercase;
}


/*________________________________________*/


/* aChatWindow.jsp*/

#chats_wrapper {
	z-index: 111111111111111111111111111111111111111111111111111111111111111;
	position: absolute;
	bottom: 0;
	right: 0;
}

#chats_wrapper .chatMessageWrapper {
	width: 400px;
	height: 500px;
	z-index: 22222222222222222222222222222222222222222222222222222222;
	position: fixed;
	bottom: 0;
	right: 40px;
	background: #bbb;
	overflow: hidden;
	display: none;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

#chats_wrapper .chatMessageWrapper .chatMessagesScroll {
	height: calc(100% - 100px);
	margin-top: 50px;
}

#chats_wrapper .menu {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 50px;
	background: rgb(51, 122, 183);
	z-index: 100;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#chats_wrapper .menu .closeChat {
	position: absolute;
	right: 10px;
	font-size: 18px;
	color: #fff;
	top: 13px;
	cursor: pointer;
}

#chats_wrapper .back {
	position: absolute;
	width: 90px;
	height: 50px;
	top: 0px;
	left: 0px;
	color: #fff;
	line-height: 50px;
	font-size: 30px;
	padding-left: 10px;
	cursor: pointer;
}

#chats_wrapper .back img {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.98);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	margin-left: 15px;
}

#chats_wrapper .back:active {
	background: rgba(255, 255, 255, 0.2);
}

#chats_wrapper .name {
	position: absolute;
	top: 3px;
	left: 70px;
	font-family: Antonio-Regular;
	font-size: 21px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.98);
	cursor: default;
}

#chats_wrapper .last {
	position: absolute;
	top: 30px;
	left: 70px;
	font-family: 'Lato';
	font-size: 11px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
	cursor: default;
}


/* M E S S A G E S */

#chats_wrapper .chat {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 50px 0;
	margin-top: 60px;
	margin-bottom: 10px;
	height: calc(100% - 120px);
}

#chats_wrapper .chat li {
	padding: 20px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#chats_wrapper .chat li.other {
	background-image: initial;
}

#chats_wrapper .chat .avatar {
	width: 40px;
	height: 40px;
	position: relative;
	display: block;
	z-index: 2;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.9);
}

#chats_wrapper .chat .avatar img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#chats_wrapper .chat .day {
	position: relative;
	display: block;
	text-align: center;
	color: #c0c0c0;
	height: 20px;
	text-shadow: 7px 0px 0px #e5e5e5, 6px 0px 0px #e5e5e5, 5px 0px 0px #e5e5e5, 4px 0px 0px #e5e5e5, 3px 0px 0px #e5e5e5, 2px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 0px 0px 0px #e5e5e5, -1px 0px 0px #e5e5e5, -2px 0px 0px #e5e5e5, -3px 0px 0px #e5e5e5, -4px 0px 0px #e5e5e5, -5px 0px 0px #e5e5e5, -6px 0px 0px #e5e5e5, -7px 0px 0px #e5e5e5;
	-webkit-box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7;
	box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7;
	line-height: 38px;
	margin-top: 5px;
	margin-bottom: 20px;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#chats_wrapper .other .msg {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	border-top-left-radius: 0px;
	-webkit-box-shadow: -1px 2px 0px #D4D4D4;
	box-shadow: -1px 2px 0px #D4D4D4;
}

#chats_wrapper .msg>img {
	height: 25px;
	width: auto !important;
}

#chats_wrapper .other:before {
	content: "";
	position: relative;
	top: 0px;
	right: 0px;
	left: 40px;
	width: 0px;
	height: 0px;
	border: 5px solid #fff;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

#chats_wrapper .self {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

#chats_wrapper .self .msg {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	border-bottom-right-radius: 0px;
	-webkit-box-shadow: 1px 2px 0px #D4D4D4;
	box-shadow: 1px 2px 0px #D4D4D4;
}

#chats_wrapper .self .avatar {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

#chats_wrapper .self .avatar:after {
	content: "";
	position: relative;
	display: inline-block;
	bottom: 19px;
	right: 0px;
	width: 0px;
	height: 0px;
	border: 5px solid #fff;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-box-shadow: 0px 2px 0px #D4D4D4;
	box-shadow: 0px 2px 0px #D4D4D4;
}

#chats_wrapper .msg {
	background: white;
	min-width: 50px;
	padding: 10px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
}

#chats_wrapper .msg p {
	font-size: 0.8rem;
	margin: 0 0 0.2rem 0;
	color: #777;
}

#chats_wrapper .msg img {
	position: relative;
	display: block;
	width: 450px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px #eee;
	box-shadow: 0px 0px 3px #eee;
	-webkit-transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
	-o-transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
	transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

@media screen and (max-width: 800px) {
	#chats_wrapper .msg img {
		width: 300px;
	}
}

@media screen and (max-width: 550px) {
	#chats_wrapper .msg img {
		width: 200px;
	}
}

#chats_wrapper .msg time {
	font-size: 0.7rem;
	color: #ccc;
	margin-top: 3px;
	float: right;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	width: 100%;
}

#chats_wrapper .msg time:before {
	content: "\f017";
	color: #ddd;
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 4px;
}

#chats_wrapper emoji {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -7px;
	margin-right: 2px;
	-webkit-transform: translate3d(0px, 3px, 0px);
	transform: translate3d(0px, 3px, 0px);
}

.chatMessageWrapper .emoji-wysiwyg-editor {
	background: #FFF;
	margin-left: 40px;
	margin-right: 100px;
	height: 50px;
	overflow: auto;
	padding: 5px;
}

.chatMessageWrapper .emoji-button {
	position: absolute;
	left: 8px;
	bottom: 8px;
	color: #737373;
}

.chatMessageWrapper .chat-footer {
	background: #ddd;
	height: 100%;
}

.chatMessageWrapper .chat-footer #sendChatMessage {
	background: #337ab7;
	position: absolute;
	right: 10px;
	bottom: 7px;
	width: 75px;
	font-family: Antonio-Regular;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	cursor: pointer;
	font-size: 18px;
}

#chats_wrapper emoji.please {
	background-image: url(http://imgur.com/ftowh0s.png);
}

#chats_wrapper emoji.lmao {
	background-image: url(http://i.imgur.com/MllSy5N.png);
}

#chats_wrapper emoji.happy {
	background-image: url(http://imgur.com/5WUpcPZ.png);
}

#chats_wrapper emoji.pizza {
	background-image: url(http://imgur.com/voEvJld.png);
}

#chats_wrapper emoji.cryalot {
	background-image: url(http://i.imgur.com/UUrRRo6.png);
}

#chats_wrapper emoji.books {
	background-image: url(http://i.imgur.com/UjZLf1R.png);
}

#chats_wrapper emoji.moai {
	background-image: url(http://imgur.com/uSpaYy8.png);
}

#chats_wrapper emoji.suffocated {
	background-image: url(http://i.imgur.com/jfTyB5F.png);
}

#chats_wrapper emoji.scream {
	background-image: url(http://i.imgur.com/tOLNJgg.png);
}

#chats_wrapper emoji.hearth_blue {
	background-image: url(http://i.imgur.com/gR9juts.png);
}

#chats_wrapper emoji.funny {
	background-image: url(http://i.imgur.com/qKia58V.png);
}

@-webikt-keyframes pulse {
	#chats_wrapper from {
		opacity: 0;
	}
	#chats_wrapper to {
		opacity: 0.5;
	}
}

#chats_wrapper::-webkit-scrollbar {
	min-width: 12px;
	width: 12px;
	max-width: 12px;
	min-height: 12px;
	height: 12px;
	max-height: 12px;
	background: #e5e5e5;
	-webkit-box-shadow: inset 0px 50px 0px rgba(82, 179, 217, 0.9), inset 0px -52px 0px #fafafa;
	box-shadow: inset 0px 50px 0px rgba(82, 179, 217, 0.9), inset 0px -52px 0px #fafafa;
}

#chats_wrapper::-webkit-scrollbar-thumb {
	background: #bbb;
	border: none;
	border-radius: 100px;
	border: solid 3px #e5e5e5;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	box-shadow: inset 0px 0px 3px #999;
}

#chats_wrapper::-webkit-scrollbar-thumb:hover {
	background: #b0b0b0;
	-webkit-box-shadow: inset 0px 0px 3px #888;
	box-shadow: inset 0px 0px 3px #888;
}

#chats_wrapper::-webkit-scrollbar-thumb:active {
	background: #aaa;
	-webkit-box-shadow: inset 0px 0px 3px #7f7f7f;
	box-shadow: inset 0px 0px 3px #7f7f7f;
}

#chats_wrapper::-webkit-scrollbar-button {
	display: block;
	height: 26px;
}


/* T Y P E */

#chats_wrapper input.textarea {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 50px;
	z-index: 99;
	background: #fafafa;
	border: none;
	outline: none;
	padding-left: 55px;
	padding-right: 55px;
	color: #666;
	font-weight: 400;
}

#chats_wrapper .emojis {
	position: absolute;
	display: block;
	bottom: 8px;
	left: 7px;
	width: 34px;
	height: 34px;
	background-image: url(http://i.imgur.com/5WUpcPZ.png);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 100;
	cursor: pointer;
}

#chats_wrapper .emojis:active {
	opacity: 0.9;
}


/*________________________________________*/


/* aDisclaimer.jsp*/

#disclaimers {
	position: absolute;
	bottom: 0;
	z-index: 100;
	height: 35px;
	right: 0px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #444444;
	-webkit-transition: right .5s ease-in;
	-o-transition: right .5s ease-in;
	transition: right .5s ease-in;
	color: #FFFFFF;
	width: calc( 100% - 350px);
	font-family: Antonio-Bold;
}

body.search-adv #disclaimers {
	display: none !important;
}

#disclaimers.out {
	right: 0px;
	-webkit-transition: right .5s ease-in;
	-o-transition: right .5s ease-in;
	transition: right .5s ease-in;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 999;
}

#disclaimers ul.disclaimersInfo {
	margin: 0;
	padding: 0;
	height: 100%;
	right: -100vw;
	display: none;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	width: 100%;
}

#disclaimers.out ul.disclaimersInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#disclaimers.out ul.disclaimersInfo2 {
	display: none;
}

#disclaimers ul.disclaimersInfo2 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#disclaimers ul li {
	margin: 0;
	padding: 0;
}

#disclaimers ul li a {
	color: #ccc;
	text-decoration: none;
}

div.sw-infoToggle {
	background-color: #222222;
	width: 35px;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	right: 0px;
	color: #FFF;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	bottom: 0;
	z-index: 1000;
}

div.sw-infoToggle span {
	display: none;
}

div.sw-infoToggle i {
	margin: 0px 11px 7px 0px;
}

body.enter div.sw-infoToggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

body.enter #disclaimers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/*________________________________________*/


/* aPlaceAddPriceModal.jsp */
#priceIn{
	z-index: 9999;
}

#priceIn div.sw-mat-form-group {
	/*sw-mat-form-group fill container*/
	position: relative;
	width: 100%;
}

#priceIn div.sw-mat-form-group {
	/*sw-mat-form-group style options*/
	margin-bottom: 30px
}

#priceIn div.sw-mat-form-group label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 6px;
	top: 0;
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

#priceIn div.sw-mat-form-group input[type='text'],
#priceIn div.sw-mat-form-group input[type='date'],
#priceIn div.sw-mat-form-group input[type='time'],
#priceIn div.sw-mat-form-group input[type='number'],
#priceIn div.sw-mat-form-group select {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	padding: 26px 0 12px;
	/*appearance*/
	background: 0 0;
	/*typo*/
	line-height: 1.4;
	font-size: 15px;
	font-weight: 500;
	border-width: 0 0 1px;
	border-bottom: 1px solid rgba(153, 153, 153, .8);
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

#priceIn div.sw-mat-form-group input[type='date'],
#priceIn div.sw-mat-form-group input[type='time'] {
	padding-right: 25px;
}

#priceIn div.sw-mat-form-group input[type='date']:focus,
#priceIn div.sw-mat-form-group input[type='time']:focus,
#priceIn div.sw-mat-form-group input[type='text']:focus {
	outline: 0
}

#priceIn div.sw-mat-form-group span.matCalTrigger {
	z-index: 100000;
	display: inline-block;
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	top: 28px;
	right: 0;
}

#priceIn div.sw-mat-form-group::after {
	/*Default styles for 'after' pseudo selector for sw-mat-form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

#priceIn div.sw-mat-form-group .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

#priceIn div.sw-mat-form-group .error-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

#priceIn div.sw-mat-form-group.has-error:not(.has-focus) .error-block {
	display: block!important;
	visibility: visible;
	opacity: 1
}

#priceIn div.sw-mat-form-group .help-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

#priceIn div.sw-mat-form-group .help-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

#priceIn div.sw-mat-form-group.has-focus .help-block {
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 100%
}

#priceIn div.sw-mat-form-group.has-focus {
	/*When field has focus*/
}

#priceIn div.sw-mat-form-group.has-focus label {
	color: #039BE5
}

#priceIn div.sw-mat-form-group.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
	/*We are changing the width of the pseudo element from 0 to 100%. As there is already transition added to it, the change in width will 'animate'. As we have strategically positioned this pseudo element just below the input with a 2px height, it will 'appear' as bottom-border for the input (which it is actually not)*/
}

#priceIn div.sw-mat-form-group.has-error {
	/*When field has error*/
}

#priceIn div.sw-mat-form-group:not(.has-focus).has-error::after {
	left: 0;
	background: red;
	width: 100%
}

#priceIn div.sw-mat-form-group.has-success.has-focus {
	/*When field has success*/
}

#priceIn div.sw-mat-form-group.has-success.has-focus label {
	color: #228b22
}

#priceIn div.sw-mat-form-group.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

#priceIn div.sw-mat-form-group.is-empty:not(.has-focus) label {
	font-weight: 400;
	font-size: 14px;
	top: 32px
}

div#priceIn {
	overflow: hidden !important;
}

div#priceIn .modal-dialog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}


/*________________________________________*/


/* aContentAddModal */

#sw-eventFooterNav nav>div {
	width: 20px;
	height: 10px;
	border: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	float: left;
	border-radius: 2px;
	margin-right: 5px;
	cursor: pointer;
	cursor: hand;
}

#sw-eventFooterNav nav>div.active {
	background-color: #999999;
}

#sw-pathFooterNav nav>div {
	width: 20px;
	height: 10px;
	border: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	float: left;
	border-radius: 2px;
	margin-right: 5px;
	/*cursor:pointer;cursor:hand;*/
}

#sw-pathFooterNav nav>div.active {
	background-color: #999999;
}

div#prova.miaAnimazione {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

div#prova {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	z-index: 10000000000;
	top: 75px;
	left: 346px;
	-webkit-transition: width .5s, height .5s, top .5s, left .5s;
	-o-transition: width .5s, height .5s, top .5s, left .5s;
	transition: width .5s, height .5s, top .5s, left .5s;
}


/************************************
£	-	#sw-superAddModal rules		*
************************************/

#sw-superAddModal {
	/* z-index: 1080; */
	display: none;
	background: rgba(31, 31, 31, 0.66);
}

#sw-superAddModal div.modal-dialog {
	/*
	width: 780px;
	display: flex;
	align-items: center;
	margin: 5.05vw auto 0 auto;
	height: calc(100% - 5.05vw);
	*/
	width: 880px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* margin: 5.05vw auto 0 auto; */
	/* height: calc(100% - 5.05vw); */
}

#sw-superAddModal div.modal-dialog div.modal-content {
	background: transparent;
	border: 0;
}

#sw-superAddModal div.modal-dialog div.modal-content div.modal-body {
	padding: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: transparent;
	border-radius: 20px;
	width: 972px;
	/* width: 880px; */
}


/************************************
eof	-	#sw-superAddModal rules		*
************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-superAddModalHeader rules		*
********************************************/

#sw-superAddModalHeader {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #031021;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 1);
	box-shadow: 0 0 4px rgba(0, 0, 0, 1);
	z-index: 1;
}

#sw-superAddModal #sw-superAddModalHeader {
	height: 115px;
	-webkit-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#sw-superAddModalHeader>div {
	height: 100%;
	/*
    border-bottom: 1px solid #cecece;
    */
	width: 100%;
	position: relative;
	padding: 0px 26px;
}

#sw-superAddModalHeader .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 9px 10px 5px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

#sw-superAddModalHeader .btn:nth-child(2) {
	padding: 5px 8px
}

#sw-superAddModalHeader .btn-default {
	background-color: #FFFFFF;
	border-color: #FFFFFF
}

#sw-superAddModalHeader .category-list {
	width: 90px
}

#sw-superAddModalHeaderTitle {
	float: left;
	line-height: 60px;
	font-size: 24px;
	font-weight: 400
}


/********************************************
eof	-	#sw-superAddModalHeader rules		*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/****************************************************
£	-	#sw-superAddModalEditorWrapper rules		*
****************************************************/

#sw-superAddModalEditorWrapper {
	width: 100%;
	position: relative;
	padding: 15px 26px 5px 26px;
	margin: 0;
	overflow: hidden;
	background: #031021;
}

#sw-superAddModal.intro #sw-superAddModalEditorWrapper {
	height: 540px;
	-webkit-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#sw-superAddModal.path #sw-superAddModalEditorWrapper {
	padding: 15px 0px 5px 0px;
}

#sw-superAddModal.event #sw-superAddModalEditorWrapper {
	padding: 15px 0px 5px 0px;
}

#sw-superAddModal.edy #sw-superAddModalEditorWrapper {
	padding: 15px 0px 5px 0px;
}

#menu-main-nav-container {
	/*
	padding: 0px 0px;
	position: absolute;
	height: 100%;
	font-size: 34px;
	top: 0px;
	left: 0px;
	z-index: 100000;
	background-color: #f8f8f8;
	*/
	position: relative;
	width: 825px;
	height: 100%;
	margin: auto;
}

#menu-main-nav-container ul#menu-main-nav {
	position: relative;
	height: 100%;
	font-family: Arimo-Regular;
}

#menu-main-nav-container ul#menu-main-nav li {
	/*
	width: 260px;
	height: 340px;
	float: left;
	position: relative;
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .3s ease-in-out;
	transition: height 500ms;
	*/
	width: 275px;
	float: left;
	position: relative;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	-webkit-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
	height: 260px;
	transition: height 500ms;
	/*
    background-color: #e8e8e8;
    */
}

#menu-main-nav li {
	border-top: 1px solid #C0C0C0;
}

#menu-main-nav li:nth-child(3n) {
	border-right: 1px solid #C0C0C0;
}

#menu-main-nav li {
	border-left: 1px solid #C0C0C0;
}

#menu-main-nav li:nth-child(n+4) {
	border-bottom: 1px solid #C0C0C0;
}

#sw-superAddModal.intro #menu-main-nav-container ul#menu-main-nav li {
	/*     height: 225px;
    transition: height 500ms;
    background-color: #e8e8e8;
    color: #888888;
    border: 1px solid #D0D0D0; */
}

#menu-main-nav-container ul#menu-main-nav li:hover {
	background-color: #e8e8e8;
}

#menu-main-nav-container ul#menu-main-nav li div {
	/*
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	border: 5px solid #666666;
	border-radius: 60px
	*/
	top: 34px;
	left: 50%;
	position: absolute;
	margin-left: -27px;
	width: 54px;
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#menu-main-nav-container ul#menu-main-nav li div i.fa-map-marker {
	margin: 0px 16px
}

#menu-main-nav-container ul#menu-main-nav li div i.fa-picture-o {
	margin: 10px 0px 0px 8px
}

#menu-main-nav-container ul#menu-main-nav li div i.fa-book {
	margin: 0px 10px
}

#menu-main-nav-container ul#menu-main-nav li div i.fa-road {
	margin: 0px 7px
}

#menu-main-nav-container ul#menu-main-nav li div i.fa-calendar {
	margin: 0px 10px
}

#menu-main-nav-container ul#menu-main-nav li div i.fa-lightbulb-o {
	margin: 0px 15px
}

#menu-main-nav-container ul#menu-main-nav li p:nth-child(4) {
	font-size: 12px;
	text-align: center;
	top: 50%;
	position: relative;
	margin: auto;
	color: #888888;
	font-style: italic;
	margin: 8px 12px;
	/*
	opacity: 0
	*/
	line-height: 1.2;
}

#menu-main-nav-container ul#menu-main-nav li p:nth-child(3) {
	font-size: 16px;
	text-align: center;
	top: 50%;
	position: relative;
	margin: auto;
	color: #888888;
	margin: 0px 12px;
}

#menu-main-nav-container ul#menu-main-nav li:hover p:nth-child(4) {
	/*
	opacity: .8;
	*/
	opacity: 1;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

#menu-main-nav-container ul#menu-main-nav li div.cardImgBox {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	border-radius: 0;
	width: 100%;
	height: 112px;
	margin: 0;
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

#menu-main-nav-container ul#menu-main-nav li div.cardImgBox {
	opacity: 1;
}

#menu-main-nav-container ul#menu-main-nav li:hover div.cardImgBox {
	opacity: 0;
}

#menu-main-nav-container ul#menu-main-nav li div.cardImgBox>div {
	opacity: 1;
}

#menu-main-nav-container ul#menu-main-nav li:hover div.cardImgBox>div {
	opacity: 0;
}

#menu-main-nav-container ul#menu-main-nav li div:nth-child(2) {
	opacity: 0;
}

#menu-main-nav-container ul#menu-main-nav li:hover div:nth-child(2) {
	opacity: 1;
}


/****************************************************
eof	-	#sw-superAddModalEditorWrapper rules		*
****************************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-superAddModalFooter rules		*
********************************************/

#sw-superAddModalFooter {
	height: 55px;
	padding: 0px 26px 0px 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-transition: height 500ms;
	-o-transition: height 500ms;
	transition: height 500ms;
	background: #031021;
}

#sw-superAddModalFooter>div div.form-group {
	float: right;
	margin: 0px;
	display: inline-block
}

#sw-superAddModalFooter button {
	cursor: pointer;
	margin: 0;
	border: none;
	background: #00739a;
	font-size: 20px;
	font-family: Antonio-Regular;
	text-align: center;
	padding: 6px 10px;
	/* min-width: 120px; */
	min-width: 198px;
	border-radius: 0px;
	line-height: 20px;
}


/********************************************
eof	-	#sw-superAddModalFooter rules		*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	Status switch rules					*
********************************************/

#sw-superAddModal #introHeader,
#sw-superAddModal #introFooter,
#sw-superAddModal #placeHeader,
#sw-superAddModal #placeFooter,
#sw-superAddModal #pictureHeader,
#sw-superAddModal #pictureFooter,
#sw-superAddModal #diaryHeader,
#sw-superAddModal #diaryFooter,
#sw-superAddModal #pathHeader,
#sw-superAddModal #pathFooter,
#sw-superAddModal #eventHeader,
#sw-superAddModal #eventFooter,
#sw-superAddModal #edyHeader,
#sw-superAddModal #edyFooter {
	display: none !important;
}

#sw-superAddModal #menu-main-nav-container,
#sw-superAddModal #sw-placeEditorWrapper,
#sw-superAddModal #sw-pictureEditorWrapper,
#sw-superAddModal #sw-diaryEditorWrapper,
#sw-superAddModal #sw-pathEditorWrapper,
#sw-superAddModal #sw-eventEditorWrapper,
#sw-superAddModal #sw-edyEditorWrapper {
	display: none !important;
}

#sw-superAddModal.intro #introHeader,
#sw-superAddModal.intro #introFooter,
#sw-superAddModal.place #placeHeader,
#sw-superAddModal.place #placeFooter,
#sw-superAddModal.picture #pictureHeader,
#sw-superAddModal.picture #pictureFooter,
#sw-superAddModal.diary #diaryHeader,
#sw-superAddModal.diary #diaryFooter,
#sw-superAddModal.path #pathHeader,
#sw-superAddModal.path #pathFooter,
#sw-superAddModal.event #eventHeader,
#sw-superAddModal.event #eventFooter,
#sw-superAddModal.edy #edyHeader,
#sw-superAddModal.edy #edyFooter {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

#sw-superAddModal.intro #menu-main-nav-container,
#sw-superAddModal.place #sw-placeEditorWrapper,
#sw-superAddModal.picture #sw-pictureEditorWrapper,
#sw-superAddModal.diary #sw-diaryEditorWrapper,
#sw-superAddModal.path #sw-pathEditorWrapper,
#sw-superAddModal.event #sw-eventEditorWrapper,
#sw-superAddModal.edy #sw-edyEditorWrapper {
	display: block !important;
}

#sw-superAddModal.intro #introHeader,
#sw-superAddModal.place #placeHeader,
#sw-superAddModal.picture #pictureHeader,
#sw-superAddModal.diary #diaryHeader,
#sw-superAddModal.path #pathHeader,
#sw-superAddModal.event #eventHeader,
#sw-superAddModal.edy #edyHeader {
	/*	
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
*/
}

#sw-superAddModal.intro #introFooter,
#sw-superAddModal.place #placeFooter,
#sw-superAddModal.picture #pictureFooter,
#sw-superAddModal.diary #diaryFooter,
#sw-superAddModal.path #pathFooter,
#sw-superAddModal.event #eventFooter,
#sw-superAddModal.edy #edyFooter {
	height: 100%;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-superAddModal #sw-superAddModalHeader div.addModalHeaderwrap {
	/*     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; */
}


/* 
#sw-superAddModal.noMenuNav #menu-main-nav-container {
	display: none
}
*/

#sw-superAddModal #sw-superAddModalHeader div.addModalHeaderwrap div.addModalTitle,
#sw-superAddModal #sw-superAddModalHeader div.addModalHeaderwrap div.modal-title {
	font-family: Antonio-Regular;
	float: left;
	font-size: 32px;
	font-weight: 400;
	color: #FFFFFF;
}

#sw-superAddModal #sw-superAddModalHeader div.addModalHeaderwrap div.addModalControls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 40px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 100%;
}


/********************************************
eof	-	Status switch rules					*
********************************************/

#sw-pathFooterWrapper,
#sw-eventFooterWrapper {
	overflow: hidden;
	height: 60px;
	width: 3900px;
	position: absolute;
	left: -780px;
}


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/*
###############################
Â£	-	PanelsView status rules
###############################
*/

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent {
	-o-transition: all .7s ease;
	transition: all .7s ease;
	-webkit-transition: all .7s ease;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li {
	width: 202px;
	display: inline-block;
	margin: 0px;
	height: 202px;
	padding: 0px;
	margin-bottom: 25px !important;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li:nth-child(3n+2) {
	margin: 0px 37px 0px 37px;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li article {
	height: 200px;
	width: 200px;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li article .itemSmallAttribute {
	display: block;
	color: #666666;
	font-size: 14px;
	position: absolute;
	top: -20px;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li article .itemImgContainer {
	width: 200px;
	height: 200px;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li article .itemImgContainer .itemImgBox {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

#mainContainer.panelsView div#main div#perOraWrapper div#contentCanvas ul.myContent li article .itemContent {
	display: none;
}


/*####################################################################################################################################################*/

#mainWrapper div#myModal.addContentModal .panel {
	border: 0;
}


/* #mainWrapper div#myModal.addContentModal * {
	font-family: 'Roboto';
} */

#mainWrapper div#myModal.addContentModal .modal-dialog {
	width: 780px;
	position: absolute;
	margin-left: -390px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5.05vw auto 0 auto;
	height: calc(100% - 5.05vw);
}

#mainWrapper div#myModal.addContentModal .modal-header {
	border-bottom: 1px solid #cecece;
	padding: 0px 30px 0px 30px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	margin-bottom: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#mainWrapper div#myModal.addContentModal .modal-header .btn-default {
	background-color: #ebebeb;
	border-color: #adadad;
}

#mainWrapper div#myModal.addContentModal .modal-header .btn:nth-child(2) {
	padding: 8px;
}

#mainWrapper div#myModal.addContentModal .modal-body {
	position: relative;
	padding: 0px;
}

#mainWrapper div#myModal.addContentModal .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#mainWrapper div#myModal.addContentModal .modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: none;
}

#mainWrapper div#myModal.addContentModal .form-group,
#mainWrapper div#eventModal.addContentModal .form-group {
	display: inline-block;
	margin-bottom: 21px;
}

#mainWrapper div#myModal.addContentModal .form-control:nth-child(3) {
	height: 86px;
}

#mainWrapper #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper #addPlaceDescription {
	height: 299px !important;
}

#mainWrapper div#myModal.addContentModal .form-control,
#mainWrapper div#eventModal.addContentModal .form-control {
	width: 465px;
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 2px;
}

#mainWrapper div#myModal.addContentModal .e-mail {
	background-image: url('img/icon_input_email.png');
	background-repeat: no-repeat;
	background-position-x: 5px;
}

#mainWrapper div#myModal.addContentModal .password {
	background-image: url('img/icon_input_password.png');
	background-repeat: no-repeat;
	background-position-x: 5px;
}

#mainWrapper div#myModal.addContentModal .panel-default {
	border-left: none;
	border-right: none;
	border-top: 1px solid #cecece;
	border-bottom: none;
	background-color: #f0f0f0;
	border-image-width: 0px;
}

#mainWrapper div#myModal.addContentModal .panel-group .panel-heading+.panel-collapse .panel-body {
	border-top: 0px solid #dddddd;
}

#mainWrapper div#myModal.addContentModal .panel-default a {
	color: #666666;
	text-decoration: none;
}

#mainWrapper div#myModal.addContentModal .panel-default a:hover {
	text-decoration: none;
}

#mainWrapper div#myModal.addContentModal .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
}

#mainWrapper div#myModal.addContentModal .modal-footer {
	height: 20px;
	background: red;
}

#mainWrapper div#myModal.addContentModal .modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0;
	float: right;
}

#mainWrapper div#myModal.addContentModal .mapInput {
	position: absolute;
	z-index: 100000;
	top: 10px;
	/* 	left: 10px;
	width: 200px; */
}

#mainWrapper div#myModal.addContentModal .modal-footer .btn {
	float: right;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 25px;
	font-size: 15px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#mainWrapper div#myModal.addContentModal input[type="radio"],
#mainWrapper div#myModal.addContentModal input[type="checkbox"] {
	margin: 11px 0px 0px 0px;
	line-height: normal;
}

#mainWrapper div#myModal.addContentModal label {
	font-size: 13px;
	line-height: 14px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
	color: #9e9e9e;
}

#mainWrapper div#sw-placeEditorWrapper #placeTitleLength,
#mainWrapper div#sw-placeEditorWrapper #placeTitleLength label,
#mainWrapper div#sw-placeEditorWrapper #placeShortDescriptionLength,
#mainWrapper div#sw-placeEditorWrapper #placeShortDescriptionLength label,
#mainWrapper div#sw-placeEditorWrapper #placeDescriptionLength,
#mainWrapper div#sw-placeEditorWrapper #placeShortDescriptionLength label {
	color: #428bca !important;
}

#mainWrapper div#myModal.addContentModal .modal-container {
	padding: 0px 30px 0px 30px;
}

#mainWrapper div#myModal.addContentModal .map-canvas,
#mainWrapper div#eventModal.addContentModal .map-canvas {
	background-color: aqua;
	min-height: 250px;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

#mainWrapper div#myModal.addContentModal textarea #edit textarea {
	resize: none;
}

#mainWrapper div#myModal.addContentModal #map-canvas {
	width: 100%;
	position: relative;
}

#mainWrapper div#myModal.addContentModal #agree_container .checkbox {
	display: inline-block;
	min-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	vertical-align: middle;
}

#mainWrapper div#myModal.addContentModal #agree_container .form-group,
#mainWrapper div#eventModal.addContentModal #agree_container .form-group {
	float: right;
	margin: 0px;
}

#mainWrapper div#myModal.addContentModal #agreeContainer {
	padding: 30px 20px;
}

#mainWrapper div#myModal.addContentModal .addContentAgree input[type="radio"],
#mainWrapper div#myModal.addContentModal .addContentAgree input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin: 11px 0px 0px 0px;
	line-height: normal;
}

#mainWrapper div#myModal.addContentModal .addContentAgree .btn {
	padding: 8px 75px;
}

#mainWrapper div#myModal.addContentModal .panel-default>.panel-heading {
	color: #333333;
	background-color: #f0f0f0;
	border-color: #dddddd;
}

#mainWrapper div#myModal.addContentModal .last {
	margin: 30px 0px 30px 0px;
}

#mainWrapper div#myModal.addContentModal .last #agree_container span a {
	font-size: 14px;
	font-weight: 400;
	margin-right: 15px;
}

#mainWrapper div#myModal.addContentModal .last .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 8px 65px;
	font-size: 12px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#mainWrapper div#myModal.addContentModal .panel-group .panel+.panel {
	margin-top: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#mainWrapper div#myModal.addContentModal .mapContainer {
	margin-left: 0;
	margin-right: 0;
}

#mainWrapper div#myModal.addContentModal .category-list {
	width: 183.5px;
}

#mainWrapper div#myModal.addContentModal .addContentAgree input[type="radio"],
.addContentAgree input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin: 11px 0px 0px 0px;
	line-height: normal;
}

#mainWrapper div#myModal.addContentModal .addContentAgree .btn {
	padding: 8px 75px;
}

#mainWrapper div#myModal.addContentModal .panel-default>.panel-heading {
	color: #333333;
	background-color: #f0f0f0;
	border-color: #dddddd;
}

#mainWrapper div#myModal.addContentModal .last {
	border-top: 1px solid #cecece;
	padding: 12px 5px 12px 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	margin: 0px;
}

#mainWrapper div#myModal.addContentModal .last #agree_container span a,
#mainWrapper div#eventModal.addContentModal .last #agree_container span a {
	font-size: 14px;
	font-weight: 400;
	margin-right: 15px;
}

#mainWrapper div#myModal.addContentModal .last .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 8px 65px;
	font-size: 12px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#mainWrapper div#myModal.addContentModal .mapContainer {
	margin-left: 0;
	margin-right: 0;
}

#mainWrapper div#myModal.addContentModal #upload {
	width: 212px;
	height: 212px;
	padding: 0px;
	border-radius: 3px;
	margin-top: 18px;
	background-image: url('../image/common/uploader-background.png')
}

#mainWrapper div#myModal.addContentModal .addContentAgree label {
	display: inline-block;
	float: left;
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 14px;
	margin-left: 5px;
	color: #666666;
	position: absolute;
	line-height: 35px;
}

#mainWrapper div#myModal.addContentModal .addContentAgree input[type="radio"],
#mainWrapper div#myModal.addContentModal .addContentAgree input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin: 11px 0px 0px 0px;
	line-height: normal;
}

#mainWrapper div#myModal.addContentModal .addContentAgree input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin: 11px 0px 0px 0px;
	line-height: normal;
}

#mainWrapper div#myModal.addContentModal .modal-content #panel-swAdd #imgLoader {
	width: 100%;
	display: inline-block;
}

#mainWrapper div#myModal.addContentModal .tagsErrorLabel {
	color: red !important;
}

#mainWrapper div#myModal.addContentModal .carousel-indicators {
	position: absolute;
	bottom: 10px;
	z-index: 15;
	width: auto;
	list-style: none;
	right: 20px;
	text-align: right;
}

#mainWrapper div#myModal.addContentModal .carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #ffffff;
	border-radius: 10px;
	cursor: pointer;
	cursor: hand;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0);
}

#mainWrapper div#myModal.addContentModal .carousel-indicators .active {
	width: 12px;
	height: 12px;
	background: #3276b1;
	border-color: #3276b1;
}

#mainWrapper div#myModal.addContentModal .panel-body {
	/*background: url(../image/common/crossed_stripes.png) repeat repeat;*/
	padding: 30px 10px;
}

#mainWrapper div#myModal.addContentModal .chapter textarea {
	margin-bottom: 30px;
}

#mainWrapper div#myModal.addContentModal .chapter .row {
	margin-bottom: 30px;
}

#mainWrapper div#myModal.addContentModal #sw_Add_Img_extDropZone .fa-2x,
#mainWrapper div#myModal.addContentModal #sw_Edit_Img_Carousel .fa-2x,
#sw_Edit_Img_extCarousel .fa-2x {
	font-size: 1em;
}

#mainWrapper div#myModal.addContentModal .modal-fields {
	border-bottom: 0;
	background-color: #f0f0f0;
	padding: 30px 0px 0px 0px;
}

#mainWrapper div#myModal.addContentModal .basic-content {
	padding: 0px 30px 0px 30px;
}

#mainWrapper div#myModal.addContentModal .mapContainer input {
	left: 30px;
}

#mainWrapper div#myModal.addContentModal .advanced-content {
	padding: 8px 30px 8px 30px;
}

#mainWrapper div#myModal.addContentModal #panel-element-2 {
	padding: 10px 15px;
}

#mainWrapper div#myModal.addContentModal #addChapterBtn {
	margin-left: 15px;
	margin-bottom: 15px;
}

#mainWrapper div#myModal.addContentModal #imgLoader {
	padding: 0px;
}

#mainWrapper div#myModal.addContentModal textarea {
	resize: none;
}

#mainWrapper div#myModal.addContentModal .sw-carousel-control.left {
	background-image: none;
}

#mainWrapper div#myModal.addContentModal .sw-carousel-control.right {
	background-image: none;
}

#mainWrapper div#myModal.addContentModal #sw_Add_Img_extCarousel .sw-carousel-inner {
	height: 138px;
}

#sw-superAddModal>.mCSB_scrollTools_vertical {
	right: 0 !important;
}

div#sw-superAddModal .form-control {
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: none;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 0px;
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

div#sw-superAddModal .selectContentLanguage {
	/*     width: 100px;
    background: #FFFFFF;
    border: none;
    border-right: none;
    min-height: 38px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; */
	min-height: 38px;
	/* min-width: 150px; */
	/* min-width: 34px; */
	background: #ebebeb;
	border: none;
	border-color: #adadad;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

div#sw-superAddModal .btn.btn-default.dropdown-toggle,
div#sw-superAddModal .input-group-addon.add-on {
	min-height: 38px;
	min-width: 34px;
	background: #ebebeb;
	border: none;
	border-color: #adadad;
}

div#sw-superAddModal .category-list {
	background: #FFFFFF;
	border-color: #adadad;
	border: none;
	border-right: none;
	min-height: 37px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

div#sw-superAddModal label {
	display: inline;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

#pathFooter .cancelAdd,
#eventFooter .cancelAdd,
#edyFooter .cancelAdd {
	background: #8a8a8a !important;
}


/*helpSuperBlock*/

div.helpSuperBlock #menu-main-nav-container ul#menu-main-nav li p {
	color: #FFFFFF !important;
}


/*________________________________________*/


/* aPlaceAddModal.jsp */


/*#######################

	Â£   -   body rules      #
	#######################
	body {height: 100vh;width:100vw;overflow: hidden;font-family: Roboto,'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 100%;}
	*/


/*
	div#sw-superAddModal div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper {left: 10000px;position: relative;float: left;}
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper {left: 0px;position: relative;float: left;height:100%;}
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper{height: 905px;}
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields { border-bottom: 0; background-color: #f0f0f0; padding:30px 0px 0px 0px; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content { padding: 0px 30px 0px 30px; } 
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group { display: inline-block; margin-bottom: 21px; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #maxLengthTitleDescription,
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #maxLengthDescription, 
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #maxLengthShortDescription{ color: #428bca !important; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #addContentDescription { height: 299px; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group textarea { resize: none; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group .tagsErrorLabel { color: red !important; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.mapContainer { padding: 0px 42px; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.mapContainer div#map-canvas { width: 100%; position: relative;background-color: aqua; min-height: 250px; padding: 0px;}
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.mapContainer div#map-canvas input.mapInput { position: absolute; z-index: 100000; top: 10px;left: 10px;width:300px; border: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);}
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .btn-default { background-color: #ebebeb; border-color: #adadad;}
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .btn:nth-child(2) { padding:11px 8px; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .btn { font-family: Antonio-Regular; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background: #00739a; background-image: none; border: none; white-space: nowrap; padding: 11px 12px; font-size: 15px; line-height: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
	div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .category-list { width: 183.5px; } 
*/

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper {
	/* height: 905px; */
	height: 695px;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content {
	padding: 0px
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group {
	display: inline-block;
	margin-bottom: 21px;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #maxLengthTitleDescription,
div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #maxLengthDescription,
div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #maxLengthShortDescription {
	color: #428bca !important;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group #addContentDescription {
	height: 299px;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group textarea {
	resize: none;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.form-group .tagsErrorLabel {
	color: red !important;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.mapContainer {
	padding: 0px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.mapContainer div#map-canvas {
	width: 100%;
	position: relative;
	background-color: aqua;
	min-height: 250px;
	padding: 0px;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.mapContainer div#map-canvas input.mapInput {
	position: absolute;
	z-index: 100000;
	top: 10px;
	left: 10px;
	width: 155px;
	/* width: 225px; */
	/* width: 300px; */
	border: none;
	/*
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    */
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .btn-default {
	background-color: #ebebeb;
	border-color: #adadad;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .btn:nth-child(2) {
	padding: 11px 8px;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .btn {
	font-family: Antonio-Regular;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #00739a;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 11px 12px;
	font-size: 15px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div#sw-superAddModal.place div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-placeEditorWrapper div.modal-fields div.basic-content div.imgUploader .category-list {
	width: 183.5px;
}

#placeFooter button.addContentBtn {
	margin-left: 25px;
	margin-right: 10px;
    width: 180px;
}

.pac-container {
	background-color: #FFF;
	z-index: 1041;
	position: fixed;
	display: inline-block;
	float: left;
}


/* 
	div#sw-superAddModal #sw-placeEditorWrapper .carousel-indicators { position: absolute; bottom: 10px; z-index: 15; width: auto; list-style: none; right: 20px; text-align: right; }
	div#sw-superAddModal #sw-placeEditorWrapper .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; cursor: hand; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); }
	div#sw-superAddModal #sw-placeEditorWrapper .carousel-indicators .active { width: 12px; height: 12px; background: #3276b1; border-color: #3276b1; }
	*/

#sw_addPlaceImgCarousel:hover {
	overflow-y: auto !important
}

#sw_Add_Place_Img_Dropzone {
	/*     position: relative;
    float: right;
    margin: 10px auto 0 auto;
    width: 218px;
    height: 497px;
    padding: 10px;
    background-color: #fefefe;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); */
	position: relative;
	float: right;
	margin: 10px auto 0 auto;
	width: 177px;
	/* width: 218px; */
	/* width: 245px; */
	/* height: 497px; */
	height: 388px;
	padding: 10px;
	background-color: #fefefe;
	border: none;
	border-radius: 4px;
	overflow: hidden;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

#sw_addPlaceImgInput {
	display: none;
}

#sw_addPlaceImgCarousel {
	/* width: 220px; */
	height: 275px;
	/* height: 390px; */
	overflow: auto;
}

#placeSortableArea {
	padding: 0;
	/* width: 188px; */
}

#placeSortableArea li.pic {
	position: relative;
	/* width: 188px; */
	height: 106px;
	margin-bottom: 10px;
	border: 3px solid #666666;
	border-radius: 4px;
	overflow: hidden;
}

#placeSortableArea li.pic div.picOver {
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}

#placeSortableArea li.pic div.picOver:hover {
	opacity: .5;
}

.number {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	border: 4px solid #ccc;
	font-size: 20px;
	color: #666;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background: #ddd;
	pointer-events: none;
}

.dropTarget {
	border: 3px dashed #f0f0f0;
	background: white;
	width: 188px;
	height: 106px;
	margin-bottom: 10px;
}

.picPlaceHolder {
	display: none
}

#sw_addPlaceImgTrigger {
	margin: 5px 0px 0px 0px;
	width: 188px;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px;
	text-align: center;
	position: relative;
}


/*
		place help toggle
	*/

#sw-placeEditorWrapper .placeHelpToggle {
	width: 30px;
	height: 30px;
	background: #00739a;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

#sw-superAddModal .sw-placeHelp {
	display: none;
	width: 0;
	height: 680px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	background: #f0f0f0;
}

#sw-superAddModal .sw-placeHelp img.logo {
	display: block;
	margin: 0 auto;
}

#sw-superAddModal .sw-placeHelp h2 {
	text-align: center;
	font-size: 16px;
}

#sw-superAddModal .sw-placeHelp p {
	font-size: 16px;
	font-style: italic;
}

#sw-superAddModal .sw-placeHelp .row {
	margin: 40px 10px;
	padding: 10px;
	clear: both
}

#sw-superAddModal .sw-placeHelp .row>.col>p {
	padding: 0 10px;
}

#sw-superAddModal .sw-placeHelp .row.left {
	width: 60%;
	background: #dfefff;
}

#sw-superAddModal .sw-placeHelp .row.left p {
	margin-left: 10px;
}

#sw-superAddModal .sw-placeHelp .row.right {
	width: 60%;
	background: #e0f7c7;
}

#placeFooter #saveDraftModalBtn {
	background: #87c34a;
	margin-right: 70px;
}

#placeFooter #cancelAddPlace {
	background: #8a8a8a;
}

#sw-placeEditorWrapper #addPrice , #sw-pictureEditorWrapper #addPrice{
	cursor: pointer;
	margin: 0;
	border: none;
	/* background: #ffa500; */
	font-size: 16px;
	font-family: Antonio-Regular;
	text-align: center;
	padding: 8px 0;
	width: 38%;
	/* width: 150px; */
	float: left;
}

#sw-placeEditorWrapper .sellPlace , #sw-pictureEditorWrapper .sellPlace{
	/*     margin-top: 5px;
    background: #FFF;
    padding: 10px;
    border-radius: 4px;
    margin-right: 5px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); */
	margin-top: 5px;
	background: #FFF;
	padding: 10px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

#sw-placeEditorWrapper .sellPlace p , #sw-pictureEditorWrapper  .sellPlace p{
	float: right;
	width: 260px;
	height: 38px;
	line-height: 24px;
	font-size: 16px;
	font-family: Antonio-Regular;
	color: #00739a;
	margin: 0;
}

#sw_addPlaceImgTrigger {
	font-family: Antonio-Regular;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #00739a;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 11px 0;
	width: 100%;
	font-size: 16px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

span#prezzoArt {
	float: left;
	line-height: 40px;
	font-size: 16px;
	font-family: Antonio-Regular;
	color: #00739a;
	margin: 0;
}


/*________________________________________*/


/* aPhotoAlbumAddModal.jsp */


/*
	div#sw-superAddModal div#sw-pictureEditorWrapper{left:10000px;position:relative;float:left}
	div#sw-superAddModal.picture div#sw-pictureEditorWrapper{left:0px;position:absolute;width:780px; height:100% ;padding:20px 30px; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}
	div#sw-pictureEditorWrapper.has-push-left{-webkit-transform: translatex(390px);-moz-transform: translateX(390px);-ms-transform: translateX(390px);-o-transform: translateY(390px);transform: translateX(390px);} 
	*/

div#overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	background-color: #444444;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
}

div#pictureImageCanvas {
	position: relative;
	/* margin-top: 30px; */
	/* margin-bottom: 24px; */
	height: 414px;
	/* width: 100%; */
	width:90%;
	float:right;
	/* margin: auto; */
	background: #666666;
	margin-top: -280px;
}


/*div#pictureImageCanvas .item {float: left;height: 414px;width: 828px;margin: 0px;position: relative;}*/

div#pictureImageCanvas div.item {
	/*div#pictureImageCanvas .item*/
	float: left;
	height: 414px;
	width: 828px;
	margin: 0px;
	position: relative;
}

div#pictureImageCanvas .item>div {
	height: 414px;
	width: 828px;
	margin: 0px;
	position: relative;
	overflow: visible;
}

div#pictureImageCanvas .item .subLandscape {
	overflow: hidden;
	width: 828px;
	margin: 0px;
	position: relative;
}

div#pictureImageCanvas .item .subLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	width: 828px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	z-index: 1;
}

div#pictureImageCanvas .item .superLandscape {
	overflow: hidden;
	width: 828px;
	margin: 0px;
	position: relative;
}

div#pictureImageCanvas .item .superLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	height: 4140px !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none !important;
	width: auto;
}

#sw-pictureEditorWrapper textarea {
	resize: none;
}

#sw-pictureEditorWrapper .btn-default {
	background-color: #ebebeb;
	border-color: #adadad;
}

#sw-pictureEditorWrapper .btn:nth-child(2) {
	padding: 10px 8px;
}

#sw-pictureEditorWrapper .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#sw-pictureEditorWrapper .category-list {
	width: 130px;
}

#sw-pictureEditorWrapper .modal-header .dropdown-menu {
	right: 0;
	min-width: 90px;
}

#sw-pictureEditorWrapper .form-group {
	margin-bottom: 20px;
}

#sw-pictureEditorWrapper #pictureTagsError {
	color: red !important;
}

#sw-pictureEditorWrapper .dropdown-menu>li>a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}

#sw-pictureEditorWrapper .dropdown-menu.scrollable-menu {
	height: auto;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#sw-pictureEditorWrapper .dropdown-menu.scrollable-menu ul:hover {
	overflow-y: auto;
}

#sw-pictureEditorWrapper .dropdown-menu.scrollable-menu ul::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px;
}

#sw-pictureEditorWrapper .dropdown-menu.scrollable-menu ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6);
}

#sw-pictureEditorWrapper .dropdown-menu.scrollable-menu ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}

#sw-pictureEditorWrapper .dropdown-menu.scrollable-menu ul::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0;
}

#mainWrapper #sw-pictureEditorHeader .btn-default {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

#mainWrapper #sw-pictureEditorHeader .category-list {
	width: 90px;
}

#mainWrapper #sw-pictureEditorHeader .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 9px 10px 5px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div#sw-superAddModal.picture div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper {
	/* height: 850px; */
	height: 780px;
}

#sw-superAddModal.picture div.modal-dialog {
	margin: 40px auto 40px auto;
}

div#pictureImageCanvas div.item>div {
	height: 414px;
	width: 8280px;
	margin: 0px;
	position: relative;
	overflow: visible;
}

div#pictureImageCanvas div.item div.subLandscape,
div#pictureImageCanvas div.item div.superLandscape {
	overflow: hidden;
	width: 828px;
	margin: 0px;
	position: relative;
}

div#pictureImageCanvas div.item div.subLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	width: 828px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	z-index: 1;
}

div#pictureImageCanvas div.item div.superLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	height: 414px !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none !important;
	width: auto;
	z-index: 1;
}

#sw-pictureEditorWrapper div.imgGarbage {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	z-index: 10000;
	padding: 1px 5.5px;
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	border-radius: 24px;
}

#sw-pictureEditorWrapper div.imgGarbage a {
	color: white;
	font-size: 16px;
}


/*
photo album help toggle
*/

#sw-pictureEditorWrapper .photoAlbumHelpToggle {
	width: 30px;
	height: 30px;
	background: #00739a;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

#sw-superAddModal .sw-photoAlbumHelp {
	display: none;
	width: 0;
	height: 680px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	background: #e0e0e0;
}

#sw-superAddModal .sw-photoAlbumHelp img.logo {
	display: block;
	margin: 0 auto;
}

#sw-superAddModal .sw-photoAlbumHelp h2 {
	text-align: center;
	font-size: 16px;
}

#sw-superAddModal .sw-photoAlbumHelp p {
	font-size: 16px;
	font-style: italic;
}

#sw-superAddModal .sw-photoAlbumHelp .row {
	margin: 40px 10px;
	padding: 10px;
	clear: both
}

#sw-superAddModal .sw-photoAlbumHelp .row>.col>p {
	padding: 0 10px;
}

#sw-superAddModal .sw-photoAlbumHelp .row.left {
	width: 60%;
	background: #dfefff;
}

#sw-superAddModal .sw-photoAlbumHelp .row.left p {
	margin-left: 10px;
}

#sw-superAddModal .sw-photoAlbumHelp .row.right {
	width: 60%;
	background: #e0f7c7;
}

#pictureFooter #cancelPictureBtn {
	background: #8a8a8a;
}

#sw-pictureEditorWrapper label {
	display: inline;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

div#sw-superAddModal.picture .form-control {
	width: 100%;
}


/*________________________________________*/


/* aItineraryAddModal.jsp */

#sw-pathEditorWrapper {
	position: relative;
	height: 680px;
}

#sw-pathEditorPanels {
	overflow: hidden;
	height: 680px;
	width: 4842px;
	position: absolute;
	left: -880px
}

#sw-pathEditorDetails {
	height: 680px;
	position: relative;
	left: 0px;
	float: left;
	width: 880px;
	padding: 0px 75px
}

#sw-pathEditor {
	height: 680px;
	position: relative;
	left: 0px;
	float: left;
	width: 880px;
	padding: 0px 30px
}

#sw-pathEditorLeft {
	float: left;
	height: 680px;
	width: 440px;
	position: relative;
	display: inline;
	padding: 0px 0px 0px 0px;
	/*border-right:2px solid #999999;*/
}


/*
#sw-pathEditorMain{float:left;height:680px;width:442px;position:relative;display:inline;padding:0px 3px 0px 0px;background-color:#d0d0d0;border-right:2px solid #999999;}
*/

#sw-pathEditorMain {
	float: left;
	height: 680px;
	width: 440px;
	position: relative;
	display: inline;
	padding: 0px 0px 0px 0px;
}

#sw-pathEditorMap {
	float: left;
	width: 440px;
	height: 680px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-pathEditorNewContent {
	width: 880px;
	position: relative;
	float: left;
	height: 630px
}

#sw-pathEditorPreview {
	width: 880px;
	position: relative;
	float: left;
	height: 680px;
	padding: 0 26px;
}

#sw-pathEditorPanels.details {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-pathEditorPanels.path {
	left: -880px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-pathEditorPanels.pointList {
	left: -1760px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-pathEditorPanels.pointMap {
	left: -2200px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-pathEditorPanels.pointMapList {
	left: -1760px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-pathEditorPanels.previewMap {
	left: -3080px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-pathEditorPanels.addNew {
	left: -3962px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-pathEditorPanels.previewList {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#pathFooter div.flexItem:not(#sw-pathFooterNav) {
	display: none;
}


/*
details path pointList pointMap pointMapList addNew previewMap previewList
*/

#pathFooter.details div.pathFooterDetails,
#pathFooter.path div.pathFooterEditor,
#pathFooter.pointList div.pathFooterMain,
#pathFooter.pointMap div.pathFooterMain,
#pathFooter.pointMapList div.pathFooterMain,
#pathFooter.previewMap div.pathFooterFinalize,
#pathFooter.addNew div.pathFooterNew,
#pathFooter.previewList div.pathFooterFinalize {
	display: block !important;
}


/*
#sw-pathEditorPanels.out{-webkit-transform:translate3d(1320px, 0, 0);transform:translate3d(1321px, 0, 0)}
#sw-pathEditorDetails.out{-webkit-transform:translate3d(2410px, 0, 0);transform:translate3d(2410px, 0, 0);opacity:1}
*/


/*main editor block*/

#sw-pathEditor div.pathData {
	margin: 0px 0px 25px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 480px;
}

#sw-pathEditor div.pathData .basic-content>div {
	margin-bottom: 0;
}

#sw-pathEditor div.pathData div.basic-content div.form-group span.maxLengthDescription {
	color: #428bca !important;
}

#sw-pathEditor div.pathData div.basic-content div.form-group .form-control {
	width: 100%;
}

#sw-pathEditor div.pathData div.basic-content div.form-group textarea {
	resize: none;
}

#sw-pathEditor #addPathMapCanvas {
	position: relative;
	padding: 0px;
	/*width: calc(40% - 10px);*/
}

#sw-pathEditor div#addPathmap {
	position: relative;
	overflow: hidden;
	height: 100%;
}

#sw-pathEditor div#pathImgLoader .sw_Path_Img_dropZone .right.sw-carousel-control {
	cursor: pointer;
	cursor: hand
}

#sw-pathEditor div#pathImgLoader .sw_Path_Img_dropZone .left.sw-carousel-control {
	cursor: pointer;
	cursor: hand
}

#sw-pathAddPoint {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}


/*list of existing content block*/

#perOraWrapperPath {
	overflow-y: auto;
}

#perOraWrapperPath {
	height: calc( 100vh - 320px);
	overflow-y: hidden;
}

#sw-pathEditorLeft #addPathMain {
	padding: 0px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0px;
}

#sw-pathEditorLeft #addPathMain>div {
	height: 600px;
	overflow-y: auto;
	position: relative;
	width: 100%;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas {
	width: 380px;
	margin: auto;
	padding-left: 0px;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li {
	margin-bottom: 10px
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article {
	height: 240px;
	-webkit-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
	margin: auto;
	width: 100%;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .photoItemTitle {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemSmallAttribute {
	display: none;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgContainer {
	display: block;
	background-color: #FFFFFF;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	float: left;
	overflow: hidden;
	height: 120px;
	width: 121px
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgContainer .itemImgBox {
	width: 120px;
	height: 120px;
	position: relative;
	overflow: hidden
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgContainer .itemImgBox.subLandscape {
	height: 100%
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgContainer .itemImgBox.subLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgContainer .itemImgBox.superLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	height: 100% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none !important;
	width: auto
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgLabel {
	bottom: 10px;
	left: -15px;
	width: 30px;
	height: 30px;
	padding-left: 0;
	position: absolute
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemImgLabel span {
	display: none
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemContent {
	padding: 0px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	width: 100%;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemAttribute {
	color: #666666;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 5px 0;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemAttribute span.lan-flag {
	display: none;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .profile-image {
	display: none;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemTitle {
	color: #666666;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 1.5;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemShortContent {
	display: none
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemShortContent p {
	color: #909090;
	font-weight: 400;
	font-family: arial;
	margin: 0px;
	font-size: 11px
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemContentFlex {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .buyAndRent {
	display: none;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemQuickInfo {
	width: 100%;
	height: 40px;
	font-size: 14px;
	border-top: 1px solid #c8c8c8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#sw-pathEditorLeft #addPathMain div div.pathContentCanvas ul.myPathContent li article .itemContent .itemRating {
	position: absolute;
	padding: 0;
	line-height: 0;
	cursor: default;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	right: 0px;
    top: 4px;
}


/*stepline block*/

#sw-pathEditorMain>div:nth-child(2) {
	overflow-y: hidden;
	height: 605px;
}

#sw-pathEditorMain>div:nth-child(2):hover {
	overflow-y: auto
}

#sw-pathEditorPanels div#searchConsole {
	height: 50px;
	width: 350px
}

#sw-pathEditorPanels div#searchConsole div#activeSearchRadius {
	float: left;
	width: 60px;
	height: 60px;
	padding: 5px 0px 10px 0px;
	color: #333333
}

#sw-pathEditorPanels div#searchConsole .activeSearchRadius p {
	margin: 0px
}

#sw-pathEditorPanels div#searchConsole div#activeSearchRadius label {
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	margin-top: -2px;
	margin: 0px
}

#sw-pathEditorPanels div#searchConsole .activeSearchRadius label span {
	margin: 0px;
	font-size: 14px;
	font-weight: normal
}

#sw-pathEditorPanels div#searchConsole .activeSearchRadius input {
	border: 0;
	color: #3276B1;
	font-size: 12px;
	font-weight: bold;
	margin-top: -5px;
	width: 60px
}

#pathSearchRadius {
	float: right;
	width: 100%;
	height: 49px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#sw-pathEditorPanels div#searchConsole .searchRadius .steps {
	height: 10px;
	margin-bottom: 13px;
	margin-top: 4px;
	color: #333333
}

#sw-pathEditorPanels div#searchConsole .searchRadius #sw_pathRadiusSlider {
	cursor: pointer;
	cursor: hand;
}

#sw-pathEditorPanels div#searchConsole .searchRadius #sw_pathRadiusSlider span {
	cursor: pointer;
	cursor: hand
}

#sw-pathEditorPanels div#searchConsole .searchRadius .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

#sw-pathEditorPanels div#searchConsole .searchRadius .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	border-radius: 8px;
	border: 1px solid #3276B1
}

#sw-pathEditorMain>div:nth-child(2)::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px
}

#sw-pathEditorMain>div:nth-child(2)::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6)
}

#sw-pathEditorMain>div:nth-child(2)::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5)
}

#sw-pathEditorMain>div:nth-child(2)::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0
}

#sw-pathEditorMain>div:nth-child(2) aside {
	overflow: hidden;
	width: 380px;
	margin: auto;
}

.timeline .spot {
	position: relative;
	padding: 12px 10px 10px 36px;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background-color: #fefefe;
	margin-bottom: 10px
}

.timeline .spot time {
	color: #777;
	font-size: 12px;
	font-weight: 300
}

.tm-badge {
	padding: 0 3px;
	color: #fff;
	font-size: 12px;
	background: #aaa;
	border-radius: 3px
}

.timeline .spot .spot-km {
	float: right
}

.timeline .spot .spot-comment {
	margin: 10px 0px;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0
}

blockquote {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	position: relative;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.35;
	letter-spacing: .08em
}

.spot-post,
.spot-video {
	color: inherit;
	text-decoration: none;
	padding: 4px 6px;
	margin-top: 5px;
	display: block
}

.timeline .spot .spot-current-bg {
	position: absolute;
	top: 6px;
	left: 7.5px;
	font-size: 38px;
	color: #ffffff;
	z-index: 1
}

.timeline .spot .spot-line {
	content: '';
	position: absolute;
	width: 6px;
	height: 100%;
	left: 15px;
	top: 20px;
	margin-top: 8px;
	z-index: 1
}

aside.timeline div.spot:last-of-type div.spot-line {
	display: none;
}

.timeline .spot .spot-current-circle {
	position: absolute;
	top: 7.2px;
	left: 10.5px;
	font-size: 16px;
	z-index: 1
}

.timeline .spot .spot-current-icon {
	position: absolute;
	top: 8px;
	left: 9.5px;
	font-size: 32px;
	z-index: 1
}

.timeline .spot .spot-dot-bg {
	width: 16px;
	height: 16px;
	top: 14px;
	left: 10.5px;
	background: #fff;
	z-index: 2;
	position: absolute;
	border-radius: 16px
}

.timeline .spot .spot-dot {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 16px;
	left: 12.5px;
	z-index: 3;
	background-color: rgb(100, 135, 185);
	border-radius: 12px
}

.timeline .spot.is-active .spot-dot {
	background: #fff
}

.timeline .myshadow {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8)
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none
}

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150, 150, 150, 0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}


/*small utility map block*/


/*add newContent block*/

#sw-pathEditorNewContent div.modal-fields {
	border-bottom: 0;
	background-color: #f0f0f0;
	padding: 30px 0px 0px 0px;
	height: 680px;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content {
	padding: 0px 30px 0px 30px;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group {
	display: inline-block;
	margin-bottom: 21px;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group label {
	font-size: 13px;
	line-height: 14px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
	color: #9e9e9e;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthTitleDescription,
#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthDescription,
#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthShortDescription {
	color: #428bca !important;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group #pathNewContentDescr {
	height: 299px;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group textarea {
	resize: none;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group .form-control {
	width: 465px;
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 2px;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.form-group .tagsErrorLabel {
	color: red !important;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn-default {
	background-color: #ebebeb;
	border-color: #adadad;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn:nth-child(2) {
	padding: 11px 8px;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#sw-pathEditorNewContent div.modal-fields div.basic-content div.imgUploader .category-list {
	width: 193px;
}

#sw-pathEditorNewContent div.modal-fields div.mapContainer {
	padding: 0px 30px 0px 30px;
}

#sw-pathEditorNewContent div.modal-fields div.mapContainer div#map-canvas {
	width: 100%;
	position: relative;
	background-color: aqua;
	min-height: 250px;
	padding: 0px;
}

#sw-pathEditorNewContent div.modal-fields div.mapContainer div#map-canvas input.mapInput {
	position: absolute;
	z-index: 100000;
	top: 10px;
	left: 10px;
	width: 300px;
}


/*preview block*/

#sw-pathFooterNav {
	float: left;
	line-height: 14px;
	font-size: 14px;
	font-weight: 300;
	color: #428bca;
	padding: 25px 0px 0px 0px
}

#sw-pathEditorPanels #sw-pathMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#sw-pathEditorPanels.pointMap #sw-pathMapSpan {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

#sw-pathEditorPanels #sw-pathListSpan {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

#sw-pathEditorPanels.pointMap #sw-pathListSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-pathEditorPanels.pointMapList #sw-pathListSpan {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

#sw-pathEditorPanels.pointMapList #sw-pathMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-pathEditorPanels div#searchConsole {
	width: 380px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


/*
#sw-pathEditorPanels.pointMap div#searchConsole{padding:0px 30px 0px 20px;}
*/

#sw-pathEditorPanels.pointList #sw-pathListSpan {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

#sw-pathEditorPanels.pointList #sw-pathMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#pathImgLoader {
	position: relative;
	margin: auto;
	height: 142px;
	padding: 10px 10px 10px 10px;
	background-color: #fefefe;
	border: 1px solid #cecece;
	overflow: hidden;
	border-radius: 8px;
}

#pathImgLoader a.left {
	position: absolute;
	color: #428bca;
	font-size: 10px;
	display: inline-block;
	line-height: 110px;
	margin-top: 10px;
	left: 25px;
}

#sw_Path_Img_Carousel {
	width: 660px;
	height: 158px;
	padding-bottom: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	margin: 0px 5px;
}

#h_img_carousel {
	padding: 0;
	height: 120px;
	white-space: nowrap;
	display: inline-block;
}

#h_img_carousel li.pic {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 120px;
	margin-left: 10px;
	border: 3px solid #666666;
	border-radius: 4px;
	overflow: hidden;
}

#h_img_carousel li.pic:nth-child(1) {
	margin-left: 0px;
}

#h_img_carousel li.pic div.picFrame {
	width: 170px;
	height: 120px;
}

#h_img_carousel li.pic div.picOver {
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	z-index: 10;
}

#h_img_carousel li.pic div.picOver:hover {
	opacity: .5;
}

#h_img_carousel .number {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	border: 4px solid #ccc;
	font-size: 20px;
	color: #666;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background: #ddd;
	pointer-events: none;
}

#h_img_carousel .dropTargetHorizontal {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 120px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 3px dashed #f0f0f0;
	background: white;
}

#h_img_carousel .picPlaceHolder {
	display: none
}

#pathImgLoader a.right {
	position: absolute;
	color: #428bca;
	font-size: 10px;
	display: inline-block;
	line-height: 110px;
	margin-top: 10px;
	right: 150px;
}

#perOraWrapperPath .mCSB_outside+.mCSB_scrollTools {
	right: 0;
}


/*________________________________________*/


/* aEventAddModal.jsp */

#sw-eventEditorWrapper {
	position: relative;
	height: 680px;
}

#sw-eventEditorPanels {
	overflow: hidden;
	height: 680px;
	width: 4842px;
	position: absolute;
	/*
	left: -880px
	*/
}

#sw-eventEditorDetails {
	height: 680px;
	position: relative;
	left: 0px;
	float: left;
	width: 880px;
	padding: 0px 75px
}

#sw-eventEditor {
	height: 680px;
	position: relative;
	left: 0px;
	float: left;
	width: 880px;
	padding: 0px 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-eventEditorLeft {
	float: left;
	height: 680px;
	width: 440px;
	position: relative;
	display: inline;
	padding: 0px 0px 0px 0px;
	border-right: 2px solid #999999;
}

#sw-eventEditorMain {
	float: left;
	height: 680px;
	width: 442px;
	position: relative;
	display: inline;
	padding: 0px 3px 0px 0px;
	background-color: #d0d0d0;
	border-right: 2px solid #999999;
}

#sw-eventEditorMap {
	float: left;
	width: 440px;
	background: #d0d0d0;
	height: 680px;
	position: relative;
	display: inline
}

#sw-eventEditorNewContent {
	width: 880px;
	position: relative;
	float: left;
	height: 630px
}

#sw-eventEditorPreview {
	width: 880px;
	position: relative;
	float: left;
	height: 680px
}


/*#pathFooter div.flexItem:not(#sw-pathFooterNav){display:none;}*/


/********************************************
£	-	#sw-eventEditorWrapper rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper 
#sw-eventEditorWrapper{left:10000px;position: absolute;width: 780px;background-color: #e0e0e0;height: 680px;padding: 0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
*/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-addeventNav rules				*
********************************************/


/********************************************
eof	-	#sw-addEventNav rules				*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorPanels rules				*
********************************************/


/*
#sw-eventEditorPanels {overflow:hidden;height:680px;width:4291px;position:absolute;left:-780px}
#sw-eventEditorPanels.out {-webkit-transform:translate3d(1170px, 0, 0);transform:translate3d(1171px, 0, 0)}
*/


/********************************************
eof	-	#sw-eventEditorPanels rules				*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorDetails rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-eventEditorWrapper #sw-eventEditorPanels */


/*
#sw-eventEditorDetails {height:680px;position:relative;left:0px;float:left;width:780px;padding:0px 75px}
#sw-eventEditorDetails.out {-webkit-transform:translate3d(2410px, 0, 0);transform:translate3d(2410px, 0, 0);opacity:1}
*/


/********************************************
eof	-	#sw-eventEditorDetails rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditor rules				*
********************************************/


/* #mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-eventEditorWrapper #sw-eventEditorPanels */


/*
#sw-eventEditor {height:680px;position:relative;left:0px;float:left;width:780px;padding:20px 30px}
*/

#sw-eventEditor div.eventData div.basic-content div.form-group span.maxLengthDescription {
	color: #428bca !important;
}

#sw-eventEditor div.eventData div.basic-content div.form-group .form-control {
	width: 100% !important;
}

#sw-eventEditor div.eventData div.basic-content div.form-group textarea {
	resize: none;
}

#sw-eventEditor div#EventImgLoader {
	width: 720px;
	margin: auto;
	height: 142px;
	padding: 10px 10px 10px 10px;
	background-color: #fefefe;
	border: 1px solid #cecece;
	overflow: hidden;
	position: relative;
}

#sw-eventEditor div#EventImgLoader a.left {
	position: relative;
	color: #428bca;
	font-size: 10px;
	display: inline-block;
	float: left;
	line-height: 110px;
	margin-top: 10px;
}

#sw-eventEditor div#EventImgLoader #sw_event_Img_Carousel {
	width: 530px;
	height: 158px;
	padding-bottom: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	margin: 0px 5px;
}

#sw-eventEditor div#EventImgLoader a.right {
	position: relative;
	color: #428bca;
	font-size: 10px;
	display: inline-block;
	float: left;
	line-height: 110px;
	margin-top: 10px;
}

#sw-eventEditor div#EventImgLoader .sw_event_Img_dropZone .right.sw-carousel-control {
	cursor: pointer;
	cursor: hand
}

#sw-eventEditor div#EventImgLoader .sw_event_Img_dropZone .left.sw-carousel-control {
	cursor: pointer;
	cursor: hand
}


/********************************************
eof	-	#sw-eventEditor rules				*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorLeft rules			*
********************************************/

#sw-eventAddPoint {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}


/* #mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-eventEditorWrapper #sw-eventEditorPanels */

#sw-eventEditorLeft {
	float: left;
	height: 680px;
	width: 390px;
	position: relative;
	display: inline;
	padding: 0px;
	background-color: #F0F0F0;
	border-right: 2px solid #999999;
}

#sw-eventEditorLeft>div:nth-child(2) {
	height: 610px;
	overflow-y: hidden
}

#sw-eventEditorLeft>div:nth-child(2):hover {
	overflow-y: auto
}

#sw-eventEditorLeft>div:nth-child(2)::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px
}

#sw-eventEditorLeft>div:nth-child(2)::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6)
}

#sw-eventEditorLeft>div:nth-child(2)::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5)
}

#sw-eventEditorLeft>div:nth-child(2)::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0
}

#sw-eventEditorLeft #addEventMain {
	float: left;
	/* -webkit-transition:all 1s ease;transition:all 2s ease; */
	width: 350px;
	padding: 0px 0px 0px 0px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 360px;
	margin: 0px 5px 0px 5px
}

#sw-eventEditorLeft #addEventMain>div {
	height: 580px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas {
	width: 350px;
	margin: 0px 0px 0px 10px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li {
	margin-bottom: 10px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article {
	height: 140px;
	-webkit-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
	margin: auto;
	width: 100%;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .photoItemTitle {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgContainer {
	display: none;
	background-color: #FFFFFF;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	float: left;
	overflow: hidden;
	height: 120px;
	width: 121px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgContainer .itemImgBox {
	width: 120px;
	height: 120px;
	position: relative;
	overflow: hidden
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgContainer .itemImgBox.subLandscape {
	height: 100%
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgContainer .itemImgBox.subLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgContainer .itemImgBox.superLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	height: 100% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none !important;
	width: auto
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgLabel {
	bottom: 10px;
	left: -15px;
	width: 30px;
	height: 30px;
	padding-left: 0;
	position: absolute
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemImgLabel span {
	display: none
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemContent {
	padding: 0px 15px;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemAttribute {
	display: none
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemTitle {
	padding-top: 5px;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0px;
	height: 30px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemShortContent p {
	color: #909090;
	font-weight: 400;
	font-family: arial;
	margin: 0px;
	font-size: 11px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemGroup {
	display: none
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemQuickInfo {
	width: 230px;
	position: relative;
	border-top: none;
	height: 40px;
	font-size: 14px;
	bottom: 0px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemQuickInfo span:first-child {
	line-height: 20px;
	background-position: -8px -6px;
	float: left;
	font-family: arial;
	font-weight: 600;
	font-size: 14px;
	color: #A0A0A0;
	background-image: url(image/home/icon_distance.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 40px;
	background-position: -8px 3px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemQuickInfo span:nth-child(2) {
	line-height: 20px;
	float: left;
	font-family: arial;
	font-weight: 600;
	font-size: 14px;
	margin-left: 5px;
	color: green;
	line-height: 40px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemContent .itemRating {
	height: 36px;
	padding: 10px 0px 10px 0px;
	position: absolute;
	bottom: 0px;
	height: 40px;
	min-width: 80px;
	padding: 12px 0px 11px 0px;
	right: 10px
}

#sw-eventEditorLeft #addEventMain div div.eventContentCanvas ul li article .itemContent .itemRating div.five-star {
	height: 16px;
	background: url(image/home/ratings_small.png) no-repeat 0px 0px
}


/********************************************
eof	-	#sw-eventEditorLeft rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorMain rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-eventEditorWrapper #sw-eventEditorPanels */

#sw-eventEditorMain {
	float: left;
	background: #d0d0d0;
	height: 680px;
	width: 390px;
	position: relative;
	display: inline;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 0px
}

#sw-eventEditorMain>div:nth-child(2) {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
	width: 378px;
	margin: 0px 5px 0px 5px
}

#sw-eventEditorMain>div:nth-child(2):hover {
	overflow-y: auto
}

#sw-eventEditorPanels div#searchConsole {
	height: 60px;
	/* border-bottom:1px solid #c8c8c8;margin:0px 0px 0px 14px; */
	width: 350px
}

#sw-eventEditorPanels div#searchConsole div#activeSearchRadius {
	float: left;
	width: 60px;
	height: 60px;
	padding: 5px 0px 10px 0px;
	color: #333333
}

#sw-eventEditorPanels div#searchConsole .activeSearchRadius p {
	margin: 0px
}

#sw-eventEditorPanels div#searchConsole div#activeSearchRadius label {
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	margin-top: -2px;
	margin: 0px
}

#sw-eventEditorPanels div#searchConsole .activeSearchRadius label span {
	margin: 0px;
	font-size: 14px;
	font-weight: normal
}

#sw-eventEditorPanels div#searchConsole .activeSearchRadius input {
	background-color: #d0d0d0;
	border: 0;
	color: #3276B1;
	font-size: 12px;
	font-weight: bold;
	margin-top: -5px;
	width: 60px
}

#sw-eventEditorPanels div#searchConsole .searchRadius {
	float: right;
	width: 280px;
	height: 60px;
	padding: 5px 0px 0px 0px
}

#sw-eventEditorPanels div#searchConsole .searchRadius .steps {
	height: 10px;
	margin-bottom: 18px;
	color: #333333
}

#sw-eventEditorPanels div#searchConsole .searchRadius #sw_eventRadiusSlider {
	cursor: pointer;
	cursor: hand
}

#sw-eventEditorPanels div#searchConsole .searchRadius #sw_eventRadiusSlider span {
	cursor: pointer;
	cursor: hand
}

#sw-eventEditorPanels div#searchConsole .searchRadius .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

#sw-eventEditorPanels div#searchConsole .searchRadius .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #3276B1
}

#sw-eventEditorMain>div:nth-child(2)::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px
}

#sw-eventEditorMain>div:nth-child(2)::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6)
}

#sw-eventEditorMain>div:nth-child(2)::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5)
}

#sw-eventEditorMain>div:nth-child(2)::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0
}

#sw-eventEditorMain>div:nth-child(2) aside {
	overflow: hidden;
	width: 350px;
	margin: 0px 0px 0px 14px
}

.timeline .spot {
	position: relative;
	padding: 12px 10px 10px 36px;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background-color: #fefefe;
	margin-bottom: 10px
}

.timeline .spot time {
	color: #777;
	font-size: 12px;
	font-weight: 300
}

.tm-badge {
	padding: 0 3px;
	color: #fff;
	font-size: 12px;
	background: #aaa;
	border-radius: 3px
}

.timeline .spot .spot-km {
	float: right
}

.timeline .spot .spot-comment {
	margin: 10px 0px;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0
}

blockquote {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	position: relative;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.35;
	letter-spacing: .08em
}

.spot-post,
.spot-video {
	color: inherit;
	text-decoration: none;
	padding: 4px 6px;
	margin-top: 5px;
	display: block
}

.timeline .spot .spot-current-bg {
	position: absolute;
	top: 6px;
	left: 7.5px;
	font-size: 38px;
	color: #ffffff;
	z-index: 1
}

.timeline .spot .spot-line {
	content: '';
	position: absolute;
	width: 6px;
	height: 100%;
	left: 15px;
	top: 20px;
	margin-top: 8px;
	z-index: 1
}

.timeline .spot .spot-current-circle {
	position: absolute;
	top: 7.2px;
	left: 10.5px;
	font-size: 16px;
	z-index: 1
}

.timeline .spot .spot-current-icon {
	position: absolute;
	top: 8px;
	left: 9.5px;
	font-size: 32px;
	z-index: 1
}

.timeline .spot .spot-dot-bg {
	width: 16px;
	height: 16px;
	top: 14px;
	left: 10.5px;
	background: #fff;
	z-index: 2;
	position: absolute;
	border-radius: 16px
}

.timeline .spot .spot-dot {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 16px;
	left: 12.5px;
	z-index: 3;
	background-color: rgb(100, 135, 185);
	border-radius: 12px
}

.timeline .spot.is-active .spot-dot {
	background: #fff
}

.timeline .myshadow {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8)
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none
}

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150, 150, 150, 0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}


/********************************************
eof	-	#sw-eventEditorMain rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorMap rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-eventEditorWrapper #sw-eventEditorPanels */

#sw-eventEditorMap {
	float: left;
	width: 390px;
	background: #d0d0d0;
	height: 680px;
	position: relative;
	display: inline
}


/********************************************
eof	-	#sw-eventEditorMap rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorNewContent rules		*
********************************************/


/*#mainWrapper div#sw-superAddModal.event div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-eventEditorWrapper #sw-eventEditorPanels */

#sw-eventEditorNewContent {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}

#sw-eventEditorNewContent div.modal-fields {
	border-bottom: 0;
	background-color: #f0f0f0;
	padding: 30px 0px 0px 0px;
	height: 680px;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content {
	padding: 0px 30px 0px 30px;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group {
	display: inline-block;
	margin-bottom: 21px;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group label {
	font-size: 12px;
	line-height: 14px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
	color: #9e9e9e;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthTitleDescription,
#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthDescription,
#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthShortDescription {
	color: #428bca !important;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group #addContentDescription {
	height: 299px;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group textarea {
	resize: none;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group .form-control {
	width: 465px;
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 2px;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.form-group .tagsErrorLabel {
	color: red !important;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn-default {
	background-color: #ebebeb;
	border-color: #adadad;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn:nth-child(2) {
	padding: 11px 8px;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#sw-eventEditorNewContent div.modal-fields div.basic-content div.imgUploader .category-list {
	width: 193px;
}

#sw-eventEditorNewContent div.modal-fields div.mapContainer {
	padding: 0px 30px 0px 30px;
}

#sw-eventEditorNewContent div.modal-fields div.mapContainer div#map-canvas {
	width: 100%;
	position: relative;
	background-color: aqua;
	min-height: 250px;
	padding: 0px;
}

#sw-eventEditorNewContent div.modal-fields div.mapContainer div#map-canvas input.mapInput {
	position: absolute;
	z-index: 100000;
	top: 10px;
	left: 10px;
	width: 300px;
}


/********************************************
eof	-	#sw-eventEditorNewContent rules		*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-eventEditorPreview rules		*
********************************************/

#sw-eventEditorPreview {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}

#sw-eventEditorPreview #eventFinalSearchBox {
	width: 465px;
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 2px;
	left: 30px;
	position: absolute;
	z-index: 100000;
	top: 10px;
}


/********************************************
eof	-	#sw-eventEditorPreview rules		*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/

#sw-eventFooterNav {
	float: left;
	line-height: 14px;
	font-size: 14px;
	font-weight: 300;
	color: #428bca;
	padding: 25px 0px 0px 0px
}


/********************************************
£	-	#sw-eventAddPoint flip rules		*
********************************************/

#sw-eventEditorPanels.details {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventEditorPanels.event {
	/*
	left: -880px;
    */
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventEditorPanels.pointList {
	left: -1760px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventEditorPanels.pointMap {
	left: -2200px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-eventEditorPanels.pointMapList {
	left: -1760px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-eventEditorPanels.previewMap {
	left: -3080px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventEditorPanels.addNew {
	left: -3962px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventEditorPanels.previewList {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}


/*
#eventFooter div.flexItem:not(#sw-eventFooterNav){display:none;}
*/

#eventFooter div.flexItem {
	display: none;
}


/*
#eventFooter.details div.eventFooterDetails,
*/

#eventFooter.event div.eventFooterEditor
/*
#eventFooter.pointList div.eventFooterMain,
#eventFooter.pointMap div.eventFooterMain,
#eventFooter.pointMapList div.eventFooterMain,
#eventFooter.previewMap div.eventFooterFinalize,
#eventFooter.addNew div.eventFooterNew,
#eventFooter.previewList div.eventFooterFinalize
*/

{
	display: block !important;
}

#sw-eventEditorPanels #sw-eventMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#sw-eventEditorPanels.pointMap #sw-eventMapSpan {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

#sw-eventEditorPanels #sw-eventListSpan {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

#sw-eventEditorPanels.pointMap #sw-eventListSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-eventEditorPanels.pointMapList #sw-eventListSpan {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

#sw-eventEditorPanels.pointMapList #sw-eventMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-eventFooterWrapper.details {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventFooterWrapper.event {
	left: -780px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventFooterWrapper.pointList {
	left: -1560px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventFooterWrapper.pointMap {
	left: -1560px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-eventFooterWrapper.pointMapList {
	left: -1560px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-eventFooterWrapper.addNew {
	left: -2340px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventFooterWrapper.previewMap {
	left: -3120px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-eventFooterWrapper.previewList {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}


/* nell'eventualit�  che si debba mostrare l'anteprima in lista */

#sw-eventEditorPanels div#searchConsole {
	float: left;
	font-size: 10px;
	width: 390px;
	padding: 0px 20px 0px 30px;
	-webkit-transition: padding 1.5s ease;
	-o-transition: padding 1.5s ease;
	transition: padding 1.5s ease;
}

#sw-eventEditorPanels.pointMap div#searchConsole {
	padding: 0px 30px 0px 20px;
}

#sw-eventEditorPanels.pointList #sw-eventListSpan {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

#sw-eventEditorPanels.pointList #sw-eventMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-eventEditorWrapper #sw-eventEditorPanels #sw-eventEditor .eventData .category-list {
	width: 183.5px;
}

#sw-eventEditorWrapper .eventHelpToggle {
	z-index: 22;
	width: 30px;
	height: 30px;
	background: #00739a;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

#sw-superAddModal .sw-eventHelp {
	display: none;
	width: 0;
	height: 680px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	background: #e0e0e0;
}

#sw-superAddModal .sw-eventHelp img.logo {
	display: block;
	margin: 0 auto;
}

#sw-superAddModal .sw-eventHelp h2 {
	text-align: center;
	font-size: 16px;
}

#sw-superAddModal .sw-eventHelp p {
	font-size: 16px;
	font-style: italic;
}

#sw-superAddModal .sw-eventHelp .row {
	margin: 40px 10px;
	padding: 10px;
	clear: both
}

#sw-superAddModal .sw-eventHelp .row>.col>p {
	padding: 0 10px;
}

#sw-superAddModal .sw-eventHelp .row.left {
	width: 60%;
	background: #dfefff;
}

#sw-superAddModal .sw-eventHelp .row.left p {
	margin-left: 10px;
}

#sw-superAddModal .sw-eventHelp .row.right {
	width: 60%;
	background: #e0f7c7;
}

#sw-eventEditor button.bhInTrigger,
#sw-eventEditor button.sell-ticket {
	cursor: pointer;
	margin: 0;
	border: none;
	background: #00739a;
	font-size: 16px;
	font-family: Antonio-Regular;
	text-align: center;
	padding: 8px 0;
	color: #FFF;
}


/*________________________________________*/


/* aMuseumAddModal.jsp */

#sw-edyEditorWrapper {
	position: relative;
	height: 680px;
}

#sw-edyEditorPanels {
	overflow: hidden;
	height: 680px;
	width: 4842px;
	position: absolute;
	left: -880px
}


/*
#sw-edyEditorDetails{height:680px;position:relative;left:0px;float:left;width:880px;padding:0px 75px}
*/

#sw-edyEditorDetails {
	height: 680px;
	position: relative;
	left: 0px;
	float: left;
	width: 880px;
	padding: 0px 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-edyEditor {
	height: 680px;
	position: relative;
	left: 0px;
	float: left;
	width: 880px;
	padding: 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sw-edyEditorLeft {
	float: left;
	height: 680px;
	width: 440px;
	position: relative;
	display: inline;
	padding: 0px 0px 0px 0px;
	border-right: 2px solid #999999;
}

#sw-edyEditorMain {
	float: left;
	height: 680px;
	width: 442px;
	position: relative;
	display: inline;
	padding: 0px 3px 0px 0px;
	background-color: #d0d0d0;
	border-right: 2px solid #999999;
}

#sw-edyEditorMap {
	float: left;
	width: 440px;
	background: #d0d0d0;
	height: 680px;
	position: relative;
	display: inline
}

#sw-edyEditorNewContent {
	width: 880px;
	position: relative;
	float: left;
	height: 630px
}

#sw-edyEditorPreview {
	width: 880px;
	position: relative;
	float: left;
	height: 680px
}


/********************************************
£	-	#sw-edyEditorWrapper rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper 
#sw-edyEditorWrapper{left:10000px;position: absolute;width: 780px; height: 680px;padding: 0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
*/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-addedyNav rules				*
********************************************/


/********************************************
eof	-	#sw-addedyNav rules				*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorPanels rules				*
********************************************/


/*
#sw-edyEditorPanels {overflow:hidden;height:680px;width:4291px;position:absolute;left:-780px}
#sw-edyEditorPanels.out {-webkit-transform:translate3d(1170px, 0, 0);transform:translate3d(1171px, 0, 0)}
*/


/********************************************
eof	-	#sw-edyEditorPanels rules				*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorDetails rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-edyEditorWrapper #sw-edyEditorPanels */


/*
#sw-edyEditorDetails {height:680px;position:relative;left:0px;float:left;width:780px;padding:0px 75px}
#sw-edyEditorDetails.out {-webkit-transform:translate3d(2410px, 0, 0);transform:translate3d(2410px, 0, 0);opacity:1}
*/


/********************************************
eof	-	#sw-edyEditorDetails rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditor rules				*
********************************************/


/* #mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-edyEditorWrapper #sw-edyEditorPanels */


/*
#sw-edyEditor {height:680px;position:relative;left:0px;float:left;width:780px;padding:20px 30px}
*/

#sw-edyEditor div.edyData div.basic-content div.form-group span.maxLengthDescription {
	color: #428bca !important;
}

#sw-edyEditor div.edyData div.basic-content div.form-group textarea {
	resize: none;
}

#sw-edyEditor div#edyImgLoader .sw_edy_Img_dropZone .right.sw-carousel-control {
	cursor: pointer;
	cursor: hand
}

#sw-edyEditor div#edyImgLoader .sw_edy_Img_dropZone .left.sw-carousel-control {
	cursor: pointer;
	cursor: hand
}


/********************************************
eof	-	#sw-edyEditor rules				*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorLeft rules			*
********************************************/

#sw-edyAddPoint {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}


/* #mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-edyEditorWrapper #sw-edyEditorPanels */

#sw-edyEditorLeft {
	float: left;
	height: 680px;
	width: 390px;
	position: relative;
	display: inline;
	padding: 0px;
	background-color: #F0F0F0;
	border-right: 2px solid #999999;
}

#sw-edyEditorLeft>div:nth-child(2) {
	height: 610px;
	overflow-y: hidden
}

#sw-edyEditorLeft>div:nth-child(2):hover {
	overflow-y: auto
}

#sw-edyEditorLeft>div:nth-child(2)::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px
}

#sw-edyEditorLeft>div:nth-child(2)::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6)
}

#sw-edyEditorLeft>div:nth-child(2)::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5)
}

#sw-edyEditorLeft>div:nth-child(2)::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0
}

#sw-edyEditorLeft #addedyMain {
	float: left;
	/* -webkit-transition:all 1s ease;transition:all 2s ease; */
	width: 350px;
	padding: 0px 0px 0px 0px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 360px;
	margin: 0px 5px 0px 5px
}

#sw-edyEditorLeft #addedyMain>div {
	height: 580px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas {
	width: 350px;
	margin: 0px 0px 0px 10px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li {
	margin-bottom: 10px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article {
	height: 140px;
	-webkit-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
	margin: auto;
	width: 100%;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .photoItemTitle {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgContainer {
	display: none;
	background-color: #FFFFFF;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	float: left;
	overflow: hidden;
	height: 120px;
	width: 121px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgContainer .itemImgBox {
	width: 120px;
	height: 120px;
	position: relative;
	overflow: hidden
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgContainer .itemImgBox.subLandscape {
	height: 100%
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgContainer .itemImgBox.subLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgContainer .itemImgBox.superLandscape>img {
	position: relative;
	left: 50%;
	top: 50%;
	height: 100% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none !important;
	width: auto
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgLabel {
	bottom: 10px;
	left: -15px;
	width: 30px;
	height: 30px;
	padding-left: 0;
	position: absolute
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemImgLabel span {
	display: none
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemContent {
	padding: 0px 15px;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemAttribute {
	display: none
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemTitle {
	padding-top: 5px;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0px;
	height: 30px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemShortContent p {
	color: #909090;
	font-weight: 400;
	font-family: arial;
	margin: 0px;
	font-size: 11px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemGroup {
	display: none
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemQuickInfo {
	width: 230px;
	position: relative;
	border-top: none;
	height: 40px;
	font-size: 14px;
	bottom: 0px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemQuickInfo span:first-child {
	line-height: 20px;
	background-position: -8px -6px;
	float: left;
	font-family: arial;
	font-weight: 600;
	font-size: 14px;
	color: #A0A0A0;
	background-image: url(image/home/icon_distance.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 40px;
	background-position: -8px 3px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemQuickInfo span:nth-child(2) {
	line-height: 20px;
	float: left;
	font-family: arial;
	font-weight: 600;
	font-size: 14px;
	margin-left: 5px;
	color: green;
	line-height: 40px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemContent .itemRating {
	height: 36px;
	padding: 10px 0px 10px 0px;
	position: absolute;
	bottom: 0px;
	height: 40px;
	min-width: 80px;
	padding: 12px 0px 11px 0px;
	right: 10px
}

#sw-edyEditorLeft #addedyMain div div.edyContentCanvas ul li article .itemContent .itemRating div.five-star {
	height: 16px;
	background: url(image/home/ratings_small.png) no-repeat 0px 0px
}


/********************************************
eof	-	#sw-edyEditorLeft rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorMain rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-edyEditorWrapper #sw-edyEditorPanels */

#sw-edyEditorMain {
	float: left;
	background: #d0d0d0;
	height: 680px;
	width: 390px;
	position: relative;
	display: inline;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 0px
}

#sw-edyEditorMain>div:nth-child(2) {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
	width: 378px;
	margin: 0px 5px 0px 5px
}

#sw-edyEditorMain>div:nth-child(2):hover {
	overflow-y: auto
}

#sw-edyEditorPanels div#searchConsole {
	height: 60px;
	/* border-bottom:1px solid #c8c8c8;margin:0px 0px 0px 14px; */
	width: 350px
}

#sw-edyEditorPanels div#searchConsole div#activeSearchRadius {
	float: left;
	width: 60px;
	height: 60px;
	padding: 5px 0px 10px 0px;
	color: #333333
}

#sw-edyEditorPanels div#searchConsole .activeSearchRadius p {
	margin: 0px
}

#sw-edyEditorPanels div#searchConsole div#activeSearchRadius label {
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	margin-top: -2px;
	margin: 0px
}

#sw-edyEditorPanels div#searchConsole .activeSearchRadius label span {
	margin: 0px;
	font-size: 14px;
	font-weight: normal
}

#sw-edyEditorPanels div#searchConsole .activeSearchRadius input {
	background-color: #d0d0d0;
	border: 0;
	color: #3276B1;
	font-size: 12px;
	font-weight: bold;
	margin-top: -5px;
	width: 60px
}

#sw-edyEditorPanels div#searchConsole .searchRadius {
	float: right;
	width: 280px;
	height: 60px;
	padding: 5px 0px 0px 0px
}

#sw-edyEditorPanels div#searchConsole .searchRadius .steps {
	height: 10px;
	margin-bottom: 18px;
	color: #333333
}

#sw-edyEditorPanels div#searchConsole .searchRadius #sw_edyRadiusSlider {
	cursor: pointer;
	cursor: hand
}

#sw-edyEditorPanels div#searchConsole .searchRadius #sw_edyRadiusSlider span {
	cursor: pointer;
	cursor: hand
}

#sw-edyEditorPanels div#searchConsole .searchRadius .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

#sw-edyEditorPanels div#searchConsole .searchRadius .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #3276B1
}

#sw-edyEditorMain>div:nth-child(2)::-webkit-scrollbar {
	width: 10px;
	margin-right: 10px;
	right: 10px
}

#sw-edyEditorMain>div:nth-child(2)::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	background: rgba(200, 200, 200, .6)
}

#sw-edyEditorMain>div:nth-child(2)::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(162, 162, 162, .6);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5)
}

#sw-edyEditorMain>div:nth-child(2)::-webkit-scrollbar-thumb:window-inactive {
	background: #F0F0F0
}

#sw-edyEditorMain>div:nth-child(2) aside {
	overflow: hidden;
	width: 350px;
	margin: 0px 0px 0px 14px
}

.timeline .spot {
	position: relative;
	padding: 12px 10px 10px 36px;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background-color: #fefefe;
	margin-bottom: 10px
}

.timeline .spot time {
	color: #777;
	font-size: 12px;
	font-weight: 300
}

.tm-badge {
	padding: 0 3px;
	color: #fff;
	font-size: 12px;
	background: #aaa;
	border-radius: 3px
}

.timeline .spot .spot-km {
	float: right
}

.timeline .spot .spot-comment {
	margin: 10px 0px;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0
}

blockquote {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	position: relative;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.35;
	letter-spacing: .08em
}

.spot-post,
.spot-video {
	color: inherit;
	text-decoration: none;
	padding: 4px 6px;
	margin-top: 5px;
	display: block
}

.timeline .spot .spot-current-bg {
	position: absolute;
	top: 6px;
	left: 7.5px;
	font-size: 38px;
	color: #ffffff;
	z-index: 1
}

.timeline .spot .spot-line {
	content: '';
	position: absolute;
	width: 6px;
	height: 100%;
	left: 15px;
	top: 20px;
	margin-top: 8px;
	z-index: 1
}

.timeline .spot .spot-current-circle {
	position: absolute;
	top: 7.2px;
	left: 10.5px;
	font-size: 16px;
	z-index: 1
}

.timeline .spot .spot-current-icon {
	position: absolute;
	top: 8px;
	left: 9.5px;
	font-size: 32px;
	z-index: 1
}

.timeline .spot .spot-dot-bg {
	width: 16px;
	height: 16px;
	top: 14px;
	left: 10.5px;
	background: #fff;
	z-index: 2;
	position: absolute;
	border-radius: 16px
}

.timeline .spot .spot-dot {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 16px;
	left: 12.5px;
	z-index: 3;
	background-color: rgb(100, 135, 185);
	border-radius: 12px
}

.timeline .spot.is-active .spot-dot {
	background: #fff
}

.timeline .myshadow {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8)
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none
}

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150, 150, 150, 0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}


/********************************************
eof	-	#sw-edyEditorMain rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorMap rules			*
********************************************/


/* #mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-edyEditorWrapper #sw-edyEditorPanels */

#sw-edyEditorMap {
	float: left;
	width: 390px;
	background: #d0d0d0;
	height: 680px;
	position: relative;
	display: inline
}


/********************************************
eof	-	#sw-edyEditorMap rules			*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorNewContent rules		*
********************************************/


/*#mainWrapper div#sw-superAddModal.edy div.modal-dialog div.modal-content div.modal-body #sw-superAddModalEditorWrapper div#sw-edyEditorWrapper #sw-edyEditorPanels */

#sw-edyEditorNewContent {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}

#sw-edyEditorNewContent div.modal-fields {
	border-bottom: 0;
	background-color: #f0f0f0;
	padding: 30px 0px 0px 0px;
	height: 680px;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content {
	padding: 0px 30px 0px 30px;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group {
	display: inline-block;
	margin-bottom: 21px;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group label {
	font-size: 12px;
	line-height: 14px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
	color: #9e9e9e;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthTitleDescription,
#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthDescription,
#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group #maxLengthShortDescription {
	color: #428bca !important;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group #addContentDescription {
	height: 299px;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group textarea {
	resize: none;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group .form-control {
	width: 465px;
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 2px;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.form-group .tagsErrorLabel {
	color: red !important;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn-default {
	background-color: #ebebeb;
	border-color: #adadad;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn:nth-child(2) {
	padding: 11px 8px;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.imgUploader .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#sw-edyEditorNewContent div.modal-fields div.basic-content div.imgUploader .category-list {
	width: 193px;
}

#sw-edyEditorNewContent div.modal-fields div.mapContainer {
	padding: 0px 30px 0px 30px;
}

#sw-edyEditorNewContent div.modal-fields div.mapContainer div#map-canvas {
	width: 100%;
	position: relative;
	background-color: aqua;
	min-height: 250px;
	padding: 0px;
}

#sw-edyEditorNewContent div.modal-fields div.mapContainer div#map-canvas input.mapInput {
	position: absolute;
	z-index: 100000;
	top: 10px;
	left: 10px;
	width: 300px;
}


/********************************************
eof	-	#sw-edyEditorNewContent rules		*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/


/********************************************
£	-	#sw-edyEditorPreview rules		*
********************************************/

#sw-edyEditorPreview {
	width: 780px;
	position: relative;
	float: left;
	height: 680px
}

#sw-edyEditorPreview #edyFinalSearchBox {
	width: 465px;
	height: 38px;
	font-size: 13px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	margin-top: 2px;
	left: 30px;
	position: absolute;
	z-index: 100000;
	top: 10px;
}


/********************************************
eof	-	#sw-edyEditorPreview rules		*
********************************************/


/*#############################################################################################################################################################################################################################################################################################################################################################################################################################################*/

#sw-edyFooterNav {
	float: left;
	line-height: 14px;
	font-size: 14px;
	font-weight: 300;
	color: #428bca;
	padding: 25px 0px 0px 0px
}


/********************************************
£	-	#sw-edyAddPoint flip rules		*
********************************************/


/*
#sw-edyEditorPanels.details{left:0px; transition: .5s}
#sw-edyEditorPanels.edy{left:-780px; transition: .5s}
#sw-edyEditorPanels.pointList{left:-1560px; transition: .5s}
#sw-edyEditorPanels.pointMap{left:-1950px; transition: .5s .5s}
#sw-edyEditorPanels.pointMapList{left:-1560px; transition: .5s .5s}
#sw-edyEditorPanels.addNew{left:-2730px; transition: .5s}
#sw-edyEditorPanels.previewMap{left:-3510px; transition: .5s}
#sw-edyEditorPanels.previewList{left:0px; transition: .5s} /* nell'edyualit�  che si debba mostrare l'anteprima in lista 
*/

#sw-edyEditorPanels.details {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyEditorPanels.edy {
	left: -880px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyEditorPanels.pointList {
	left: -1760px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyEditorPanels.pointMap {
	left: -2200px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-edyEditorPanels.pointMapList {
	left: -1760px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-edyEditorPanels.previewMap {
	left: -3080px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyEditorPanels.addNew {
	left: -3962px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyEditorPanels.previewList {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyEditorPanels #sw-edyMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#sw-edyEditorPanels.pointMap #sw-edyMapSpan {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

#sw-edyEditorPanels #sw-edyListSpan {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

#sw-edyEditorPanels.pointMap #sw-edyListSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-edyEditorPanels.pointMapList #sw-edyListSpan {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

#sw-edyEditorPanels.pointMapList #sw-edyMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-edyFooterWrapper.details {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyFooterWrapper.edy {
	left: -780px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyFooterWrapper.pointList {
	left: -1560px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyFooterWrapper.pointMap {
	left: -1560px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-edyFooterWrapper.pointMapList {
	left: -1560px;
	-webkit-transition: .5s .5s;
	-o-transition: .5s .5s;
	transition: .5s .5s
}

#sw-edyFooterWrapper.addNew {
	left: -2340px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyFooterWrapper.previewMap {
	left: -3120px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

#sw-edyFooterWrapper.previewList {
	left: 0px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}


/* nell'edyualit�  che si debba mostrare l'anteprima in lista */

#sw-edyEditorPanels div#searchConsole {
	float: left;
	font-size: 10px;
	width: 390px;
	padding: 0px 20px 0px 30px;
	-webkit-transition: padding 1.5s ease;
	-o-transition: padding 1.5s ease;
	transition: padding 1.5s ease;
}

#sw-edyEditorPanels.pointMap div#searchConsole {
	padding: 0px 30px 0px 20px;
}

#sw-edyEditorPanels.pointList #sw-edyListSpan {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

#sw-edyEditorPanels.pointList #sw-edyMapSpan {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .5s 1s;
	transition: -webkit-transform .5s 1s;
	-o-transition: transform .5s 1s;
	transition: transform .5s 1s;
	transition: transform .5s 1s, -webkit-transform .5s 1s;
}

#sw-edyEditorWrapper #sw-edyEditorPanels #sw-edyEditor .edyData .category-list {
	width: 245px;
	height: 38px;
}


/*################ add after "museum" revision*/

#edyImgLoader {
	position: relative;
	margin: auto;
	width: 720px;
	height: 142px;
	padding: 10px 10px 10px 10px;
	background-color: #fefefe;
	border: 1px solid #cecece;
	overflow: hidden;
}

#edyImgLoader a.left {
	position: relative;
	color: #428bca;
	font-size: 10px;
	display: inline-block;
	float: left;
	line-height: 110px;
	margin-top: 10px;
}

#sw_Edy_Img_Carousel {
	width: 530px;
	height: 158px;
	padding-bottom: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	margin: 0px 5px;
}

ul.h_img_carousel {
	padding: 0;
	height: 120px;
	white-space: nowrap;
	display: inline-block;
}

ul.h_img_carousel li.pic {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 120px;
	margin-left: 10px;
	border: 3px solid #666666;
	border-radius: 4px;
	overflow: hidden;
}

ul.h_img_carousel li.pic:nth-child(1) {
	margin-left: 0px;
}

ul.h_img_carousel li.pic div.picFrame {
	width: 164px;
	height: 114px;
}

ul.h_img_carousel li.pic div.picOver {
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	z-index: 10;
}

ul.h_img_carousel li.pic div.picOver:hover {
	opacity: .5;
}

ul.h_img_carousel .number {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	border: 4px solid #ccc;
	font-size: 20px;
	color: #666;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background: #ddd;
	pointer-events: none;
	display: none;
}

ul.h_img_carousel .dropTargetHorizontal {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 120px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 3px dashed #f0f0f0;
	background: white;
}

ul.h_img_carousel .picPlaceHolder {
	display: none
}

#edyImgLoader a.right {
	position: relative;
	color: #428bca;
	font-size: 10px;
	display: inline-block;
	float: left;
	line-height: 110px;
	margin-top: 10px;
}


/*
museum  help toggle
*/

#sw-edyEditorWrapper .museumHelpToggle {
	z-index: 22;
	width: 30px;
	height: 30px;
	background: #00739a;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

#sw-superAddModal .sw-museumHelp {
	display: none;
	width: 0;
	height: 680px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	background: #e0e0e0;
}

#sw-superAddModal .sw-museumHelp img.logo {
	display: block;
	margin: 0 auto;
}

#sw-superAddModal .sw-museumHelp h2 {
	text-align: center;
	font-size: 16px;
}

#sw-superAddModal .sw-museumHelp p {
	font-size: 16px;
	font-style: italic;
}

#sw-superAddModal .sw-museumHelp .row {
	margin: 40px 10px;
	padding: 10px;
	clear: both
}

#sw-superAddModal .sw-museumHelp .row>.col>p {
	padding: 0 10px;
}

#sw-superAddModal .sw-museumHelp .row.left {
	width: 60%;
	background: #dfefff;
}

#sw-superAddModal .sw-museumHelp .row.left p {
	margin-left: 10px;
}

#sw-superAddModal .sw-museumHelp .row.right {
	width: 60%;
	background: #e0f7c7;
}

div#sw-superAddModal.edy .form-control {
	width: 100%;
}

#sw-edyEditor button.bhInTrigger,
#sw-edyEditor button.sellTick {
	cursor: pointer;
	margin: 0;
	border: none;
	background: #00739a;
	font-size: 16px;
	font-family: Antonio-Regular;
	text-align: center;
	padding: 8px 0;
	color: #FFF;
}


/*________________________________________*/


/* aDiaryAddModal.jsp */

#sw-diaryAddModal {
	font-family: Arimo-Regular;
}

#sw-diaryAddModal .form-control {
	border: 1px solid #e6e6e6;
}

#sw-diaryAddModal label {
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

#sw-diaryAddModal .modal-dialog {}

#sw-diaryAddModal .modal-content {}

#sw-diaryAddModal .modal-body {}

#sw-diaryAddModal .modal-header {
	margin-bottom: 0px;
	border-bottom: 1px solid #cecece;
	padding: 0px 30px 0px 30px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
}

#sw-diaryAddModal .countdown {
	font-size: 60px;
	color: #00739a;
	text-align: center;
}

#sw-diaryAddModal .modal-content-wrapper {
	width: auto;
	position: relative;
	padding: 0px;
	margin: 0;
	overflow: hidden;
	background-color: #f0f0f0;
}

#sw-diaryAddModal .modal-footer {
	border-top: 1px solid #cecece;
	padding: 0px 45px 0px 45px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
}

.introFooter {}

.modal-footer button {
	float: right;
	margin-left: 20px;
	background: #00739a;
	border: none;
	color: #FFF;
	margin-top: -5px;
	font-family: Antonio-Regular;
}

.modal-footer button.annulla {
	background: #8a8a8a;
}

#sw-diaryAddModal select.expertCategories {
	width: 100%;
	border: none;
	height: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

#sw-diaryAddModal select.expertCategories option {
	border-bottom: 1px solid #f0f0f0;
	padding: 8px;
	font-size: 13px;
}

#sw-diaryAddModal select.expertCategories option:last-of-type {
	border-bottom: none;
}

.expert_categories_list {}

#sw-diaryAddModal textarea.addQuestionDescription {
	height: 100% !important;
}

.sw-quickQuestionHelp {
	display: none;
}

.flip-clock-label {
	font-size: 17px;
	font-family: Antonio-Regular;
}

.close {}

.save {}


/*________________________________________*/


/* aQuickrequestAddModal.jsp */

#sw-quickRequestAddModal {
	font-family: Arimo-Regular;
	/*
    background: url(image/background/quick_request_bg.jpg) no-repeat center center !important;
	*/
	background-size: cover !important;
	height: calc(100vh - 5vw);
	width: calc(100vw - 3vw);
	background-position-x: calc((100vh - 5vw) / 13) !important;
	background-position-y: 5vw !important;
	width: 100%;
	height: 100vh;
}

#sw-quickRequestAddModal .form-control {
	border: 1px solid #e6e6e6;
}

#sw-quickRequestAddModal label {
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

#sw-quickRequestAddModal .modal-dialog {}

#sw-quickRequestAddModal .modal-content {}

#sw-quickRequestAddModal .modal-body {}

#sw-quickRequestAddModal .sw-quickQuestionHeader {
	margin-bottom: 0px;
	border-bottom: 1px solid #cecece;
	padding: 0px 30px 0px 30px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
}

#sw-quickRequestAddModal .sw-quickQuestionHeader .introHeader {}

#sw-quickRequestAddModal .sw-quickQuestionWrapper {
	height: 580px;
	width: 635px;
	position: relative;
	padding: 0px;
	margin: 0;
	overflow: hidden !important;
	background-color: #f0f0f0;
}

#sw-quickRequestAddModal .sw-quickQuestionWrapper.helpInside .sw-innerHelp {
	right: 0;
}

#sw-quickRequestAddModal .sw-quickQuestionWrapper label {}

#sw-quickRequestAddModal .sw-quickQuestionWrapper .addTags #sw-quickRequestAddModal .sw-quickQuestionWrapper #questionTagsError {}

#sw-quickRequestAddModal #sw-quickQuestionFooter {
	border-top: 1px solid #cecece;
	padding: 0px 45px 0px 45px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
}

.introFooter {}

#sw-quickQuestionFooter button {
	float: right;
	margin-left: 20px;
	background: #00739a;
	border: none;
	color: #FFF;
	margin-top: -5px;
	font-family: Antonio-Regular;
}

#sw-quickQuestionFooter button.annulla {
	background: #8a8a8a;
	float: left;
	margin-left: 0;
}

#sw-quickRequestAddModal select.expertCategories {
	width: 100%;
	border: none;
	height: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

#sw-quickRequestAddModal select.expertCategories option {
	border-bottom: 1px solid #f0f0f0;
	padding: 8px;
	font-size: 13px;
}

#sw-quickRequestAddModal select.expertCategories option:last-of-type {
	border-bottom: none;
}

.expert_categories_list {}

#sw-quickRequestAddModal textarea.addQuestionDescription {
	height: 100% !important;
}

.sw-quickQuestionHelp {
	display: none;
}

.close {}

.save {}


/*________________________________________*/


/* aSmilingFacesAddModal.jsp */

#sw-smilingFacesAddModal {
	/*
    background: url(image/background/stranger_angels_bg.jpg) no-repeat !important;
    */
	background-size: cover !important;
	height: calc(100vh - 5vw);
	width: calc(100vw - 3vw);
	background-position-x: calc((100vh - 5vw) / 13) !important;
	background-position-y: 5vw !important;
	width: 100%;
	height: 100vh;
}

#sw-smilingFacesAddModal .form-control {
	border: 1px solid #e6e6e6;
}

#sw-smilingFacesAddModal label {
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	color: #00739a;
	font-family: Antonio-Regular;
}

#sw-smilingFacesAddModal .modal-dialog {}

#sw-smilingFacesAddModal .modal-content {}

#sw-smilingFacesAddModal .modal-body {}

#sw-smilingFacesAddModal .sw-smilingFacesHeader {
	margin-bottom: 0px;
	border-bottom: 1px solid #cecece;
	padding: 0px 30px 0px 30px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
}

#sw-smilingFacesAddModal .sw-smilingFacesHeader .introHeader {}

#sw-smilingFacesAddModal .sw-smilingFacesWrapper {
	height: 500px;
	width: 600px;
	position: relative;
	padding: 0px;
	margin: 0;
	overflow: hidden !important;
	background-color: #f0f0f0;
}

#sw-smilingFacesAddModal .sw-smilingFacesWrapper.helpInside .sw-innerHelp {
	right: 0;
}

#sw-smilingFacesAddModal .sw-smilingFacesWrapper label {}

#sw-smilingFacesAddModal .sw-smilingFacesWrapper .addTags #sw-smilingFacesAddModal .sw-smilingFacesWrapper #questionTagsError {}

#sw-smilingFacesAddModal #sw-smilingFacesFooter {
	border-top: 1px solid #cecece;
	padding: 0px 45px 0px 45px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	background: #FFFFFF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 61px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
}

.introFooter {}

#sw-smilingFacesFooter button {
	float: right;
	margin-left: 20px;
	background: #00739a;
	border: none;
	color: #FFF;
	margin-top: -5px;
	font-family: Antonio-Regular;
}

#sw-smilingFacesFooter button.annulla {
	background: #8a8a8a;
	float: left;
	margin-left: 0;
}

.sw-smilingFacesHelp {
	display: none;
}


/*________________________________________*/


/* aBuyticketAddModal.jsp */

#ticketModal div.modal-dialog {
	width: 780px;
}

#ticketModal div.modal-header {
	padding: 15px 30px 15px 30px;
}

#ticketModal div.modal-body {
	padding: 15px 30px 15px 30px;
}

#ticketModal div.modal-body div.tab-content {
	padding: 0px 0px 0 0px;
	height: 660px;
}

#ticketModal div.modal-body div.tab-content div.tab-pane {
	height: 472px;
}

#ticketModal div.modal-footer {
	padding: 15px 30px 15px 30px;
	margin: 0;
}

#ticketModal div.modal-footer li:nth-child(1) {
	float: left;
}

#ticketModal #step1 div.table-time {
	/*overflow: hidden;*/
	width: 100%;
	height: 94px;
	margin: 24px 0px 5px 0px;
	position: relative
}

#ticketModal #step1 div.table-time a.time-row {
	border: 1px solid #E7E7E7;
	padding: 14px 0 6px 0;
	text-align: center;
	cursor: pointer;
	float: left;
	text-decoration: none;
	font-size: 12px;
}

#ticketModal #step1 div.table-time a.time-row.time-free {
	color: #7ED321;
}

#ticketModal #step1 div.table-time a.time-row.time-busy {
	color: #FF8428;
}

#ticketModal #step1 div.table-time a.time-row.time-active {
	background: #007C92;
	color: #FFF;
}


/*##########################*/

#ticketModal #step2 ul.priceList {
	list-style: none;
	margin: 0;
}

#ticketModal #step2 ul.priceList .plan {
	border-radius: 6px;
	height: 100px;
	margin: 0px 0 10px 0;
	background: #eeeeee;
	padding: 5px;
	position: relative;
}

#ticketModal #step2 ul.priceList .plan-info {
	color: #222;
	padding: 6px 10px;
	width: 40%;
	float: left;
	margin-right: 1%;
}

#ticketModal #step2 ul.priceList .plan-title {
	font-size: 16px;
	font-weight: normal;
	margin: 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}

#ticketModal #step2 ul.priceList .plan-description {
	color: #666;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#ticketModal #step2 ul.priceList .plan-price {
	vertical-align: middle;
	font-size: 0;
	padding: 8px 0px 8px 0px;
	width: 18%;
	float: left;
	text-align: right;
	margin-right: 1%;
	border-left: 1px solid #ccc;
}

#ticketModal #step2 ul.priceList .plan-offer {
	color: #31708f;
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

#ticketModal #step2 ul.priceList .plan-currency {
	font-size: 0px;
}

#ticketModal #step2 ul.priceList .plan-currency sup {
	top: -10px;
	font-size: 10px;
	margin-right: 3px;
}

#ticketModal #step2 ul.priceList .plan-price-floor {
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
}

#ticketModal #step2 ul.priceList .plan-price-cents {
	font-size: 0px;
}

#ticketModal #step2 ul.priceList .plan-price-cents sup {
	top: -8px;
	font-size: 14px;
	margin-left: 0px;
}

#ticketModal #step2 ul.priceList .q-plan {
	height: 50px;
	display: inline-block;
	padding: 8px 6px;
	margin: 0 1% 0 1%;
	width: 14%;
	float: left;
	border-left: 1px solid #ccc;
}

#ticketModal #step2 ul.priceList .q-minus {}

#ticketModal #step2 ul.priceList .btn-circle {
	width: 19px;
	height: 19px;
	text-align: center;
	border-radius: 15px;
	border-color: transparent;
	margin: 0;
	padding: 0px 0px;
}

#ticketModal #step2 ul.priceList .q-count {
	text-align: center;
	width: 40px;
	background: #FFFFFF;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0px 5px;
	padding: 0px 0px 0px 0px;
}

#ticketModal #step2 ul.priceList .q-plus {}

#ticketModal #step2 ul.priceList i.q-minus,
#ticketModal #step2 ul.priceList i.q-plus {
	font-size: 16px;
	padding: 0;
	margin: 0;
}

#ticketModal #step2 ul.priceList .plan-total-price {
	vertical-align: middle;
	font-size: 0;
	padding: 8px 0px 8px 0px;
	width: 19%;
	float: left;
	text-align: right;
	border-left: 1px solid #ccc;
	margin-right: 1%;
}

#ticketModal #step2 ul.priceList .plan-total-offer {
	color: #31708f;
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

#ticketModal #step2 ul.priceList .plan-total-currency {
	font-size: 0px;
}

#ticketModal #step2 ul.priceList .plan-total-currency sup {
	top: -10px;
	font-size: 10px;
	margin-right: 3px;
}

#ticketModal #step2 ul.priceList .plan-total-floor {
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
}

#ticketModal #step2 ul.priceList .plan-total-cents {
	font-size: 0px;
}

#ticketModal #step2 ul.priceList .plan-total-cents sup {
	top: -8px;
	font-size: 14px;
	margin-left: 0px;
}

#ticketModal #step2 .order-total-currency {
	font-size: 0px;
}

#ticketModal #step2 .order-total-currency sup {
	top: -10px;
	font-size: 10px;
	margin-right: 3px;
}

#ticketModal #step2 .order-total-floor {
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
}

#ticketModal #step2 .order-total-cents {
	font-size: 0px;
}

#ticketModal #step2 .order-total-cents sup {
	top: -8px;
	font-size: 14px;
	margin-left: 0px;
}

#ticketModal #step2 ul.priceList .item-total {
	width: 50px;
	height: 34px;
	background: #FFFFFF;
	margin-top: 8px;
}

#ticketModal #step3 .basketItem {
	margin-bottom: 15px;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
}

#ticketModal #step3 .biTitle {
	text-align: left;
	font-size: 20px;
	font-weight: 700;
}

#ticketModal #step3 .biUnitPrice {}

#ticketModal #step3 .biQty {}

#ticketModal #step3 .biTotal {}

#ticketModal .wizard>div.wizard-inner {
	position: relative;
}

#ticketModal .connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}

#ticketModal .wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

#ticketModal span.round-tab {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #e0e0e0;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
}

#ticketModal span.round-tab i {
	color: #555555;
}

#ticketModal .wizard li.active span.round-tab {
	background: #fff;
	border: 2px solid #5bc0de;
}

#ticketModal .wizard li.active span.round-tab i {
	color: #5bc0de;
}

#ticketModal span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
}

#ticketModal .wizard li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #5bc0de;
	-webkit-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

#ticketModal .wizard li.active:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #337ab7;
}

#ticketModal .wizard .nav-tabs>li a {
	margin: 8px auto;
	padding: 0;
}

#ticketModal .wizard .nav-tabs>li a:hover {
	background: transparent;
}

#ticketModal .wizard h3 {
	margin-top: 0;
}

div.totalPrice {
	margin: 0;
	border-radius: 6px;
	height: 60px;
	background: #eeeeee;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 20px;
}

div.totalPrice>div {
	height: 50px;
	line-height: 50px;
	text-align: right;
	vertical-align: middle;
	font-size: 0;
	padding: 8px 5px 8px 0px;
}

#buyingStep li {
	list-style-type: none;
	color: #999999;
	text-transform: uppercase;
	font-size: 24px;
	width: 40px;
	float: left;
	position: relative;
	border: 3px solid #C8C8C8;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 20px;
}

#buyingStep li.active,
#buyingStep li.active {
	background: #27AE60;
	color: #FFFFFF;
}

#ticketModal .nav_help .rulerTitle span {
	color: red;
	font-family: Arimo-Regular;
	font-size: 14px;
}

#ticketModal div.rulerTitle:before {
	background: #ddd;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: 0px;
}


/*________________________________________*/


/* ticketsIn.css */


/*modal rules*/

#ticketsIn div.tab-pane {
	/*height:745px;max-height:745px;*/
}


/*############# pushy ####################################################*/

.pushy {
	position: absolute !important;
}

.pushy-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pushy {
	position: fixed;
	width: 200px;
	height: 100%;
	top: 0;
	z-index: 9999;
	background: #191918;
	overflow: auto;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
}

.pushy a {
	display: block;
	color: #b3b3b1;
	padding: 15px 30px;
	text-decoration: none;
	outline: 0;
}

.pushy a:hover {
	color: #FFF;
}

.pushy ul:first-child {
	margin-top: 10px;
}

.pushy.pushy-left {
	left: 0;
}

.pushy.pushy-right {
	right: 0;
}

.pushy.pushy-left {
	-webkit-transform: translate3d(-200px, 0, 0);
	-ms-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(200px, 0, 0);
	-ms-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}

.pushy-right {
	-webkit-transform: translate3d(200px, 0, 0);
	-ms-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
	-webkit-transform: translate3d(-200px, 0, 0);
	-ms-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#container,
.pushy,
.push {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-o-transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.site-overlay {
	display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.pushy-submenu {
	/* Submenu Icon */
}

.pushy-submenu ul {
	padding-left: 15px;
	-webkit-transition: max-height 0.2s ease-in-out;
	-o-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
}

.pushy-submenu ul .pushy-link {
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.pushy-submenu>a {
	position: relative;
}

.pushy-submenu>a::after {
	content: '';
	display: block;
	height: 11px;
	width: 8px;
	position: absolute;
	top: 50%;
	right: 15px;
	background: url("../img/arrow.svg") no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.pushy-submenu-closed ul {
	max-height: 0;
	overflow: hidden;
}

.pushy-submenu-closed .pushy-link {
	opacity: 0;
}

.pushy-submenu-open {}

.pushy-submenu-open ul {
	max-height: 1000px;
}

.pushy-submenu-open .pushy-link {
	opacity: 1;
}

.pushy-submenu-open a::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
	max-height: none;
	display: none;
}

#ticketsIn .pushy {
	padding: 0px 15px;
	padding-top: 6px;
}

#ticketsIn .pushy a {
	display: block;
	color: #FFFFFF;
	padding: 15px 20px;
	text-decoration: none;
	outline: 0;
	opacity: 0.8;
	font-size: 15px;
}


/*################################################################*/


/*#############tInHeader####################################################*/

#ticketsIn div.tInHeader {
	padding: 15px 0px;
	border-bottom: 1px solid #e5e5e5;
}

#showOffCanvas {
	float: left;
	font-size: 18px;
}

#ticketIn-cal-lang {
	float: right;
	right: 20px;
	font-size: 16px;
	margin-right: 20px;
}


/*#############tInHeader####################################################*/


/*############## ruler ##################################################*/

div.rulerTitle {
	position: relative;
	margin: 10px 0px;
}

div.rulerTitle span {
	background: #fff;
	padding: 0 15px;
	position: relative;
	z-index: 1;
	margin-left: 0px;
}

div.rulerTitle:before {
	background: #ddd;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: 3px;
}

div.rulerTitle:before {
	left: 0;
}

div.rulerTitle {
	position: relative;
	margin: 10px 0px;
	text-align: center;
	font-size: 16px;
	color: red;
	margin: 0;
	padding: 25px 0px 20px 0px;
}

div.rulerTitle.wizardHelp {
	margin: 0;
	padding: 0px;
}

div.rulerTitle a.addTicket {
	float: right;
	margin-right: 40px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -30px;
	margin-bottom: 20px;
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

div.rulerTitle a.addTicket.skewed {
	-webkit-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transform: rotateX(90deg);
}


/*################################################################*/

#ticketsInStep1 {
	padding-left: 35px;
	padding-right: 35px;
}

#ticketsInStep2 div.bh_h_inner {
	padding: 0px;
}

#ticketsInStep3 div.bh_h_inner {
	padding-left: 35px;
	padding-right: 20px;
}


/*############## inputGroup ##################################################*/


/* div.bh_t_item{padding: 10px; background-color: #f4f4f4;height: 378px;}
.matInput{position:relative;margin-bottom:5px;}
.matInput input{ font-size: 13px; padding: 11px 10px 8px 125px; display: block; width: 100%;}
.matInput input{background-color:transparent; border: none; border-bottom: 1px solid #757575; }
.matInput input:focus{outline:none;}
.matInput label{color: #999; font-size: 13px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all;}
.matInput input:focus ~ label, .matInput input:valid ~ label{top:-20px;font-size:14px;color:#5264AE;}
.matInput .bar{position: relative; display: block; width: 100%; position:relative;display:block;width:300px;}
.matInput .bar:before, .matInput .bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#5264AE;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.matInput .bar:before{left:50%;}
.matInput .bar:after{right:50%;}
.matInput input:focus ~ .bar:before, .matInput input:focus ~ .bar:after{width:50%;}
.matInput .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:0.5;}
.matInput input:focus ~ .highlight{-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
@-webkit-keyframes inputHighlighter{
	from{background:#5264AE;}
	to{width:0;background:transparent;}
}
@-moz-keyframes inputHighlighter{
	from{background:#5264AE;}
	to{width:0;background:transparent;}
}
@keyframes inputHighlighter{
	from{background:#5264AE;}
	to{width:0;background:transparent;}
} */


/*############## inputGroup ##################################################*/

div.bh_pot_item {
	padding: 10px;
	background-color: #f4f4f4;
}

div.bh_pot_item div.matInput input {
	font-size: 13px;
	padding: 0px 0px 0px 70px;
	display: block;
	width: 100%;
}

div.bh_pot_offset,
div.bh_ht_offset {
	padding: 0px;
}

div.bh_pot_from,
div.bh_ht_from {
	padding: 0px;
}

div.bh_pot_to,
div.bh_ht_to {
	padding: 0px;
}

div.bh_pot_break,
div.bh_ht_break {
	padding: 12px 0px;
	text-align: center;
}

div.bh_hd_break {
	padding: 12px 0px;
	text-align: center;
}

div.bh_pot_break .rmvBreak,
div.bh_ht_break .rmvBreak,
div.bh_hd_break .rmvBreak {
	position: absolute;
	margin: 4px 0px;
}

div.bh_dow_item input[type='date'],
div.bh_dow_item input[type='time'] {
	font-size: 13px;
	padding: 0px 0px 0px 70px;
	display: block;
	width: 100%;
}

div.bh_ht_item input {
	/* 	font-size: 13px;
    padding: 0px 0px 0px 70px;
    display: block;
    width: 100%; */
}

div.bh_ht_item {
	padding: 10px;
	background-color: #f4f4f4;
}

input::-webkit-inner-spin-button {
	display: none;
}

input::-webkit-calendar-picker-indicator {
	display: none;
}

input::-webkit-datetime-edit-text {
	padding: 0 0.2em;
}

input::-webkit-clear-button {
	-webkit-appearance: none;
	margin: 0;
}


/*
.bh_t_tile{border-bottom:1px solid #c0c0c0}
#ticketsIn div.modal-body div#container div.wizard div.bh_routine, 
#ticketsIn div.modal-body div#container div.wizard div.bh_h, 
#ticketsIn div.modal-body div#container div.wizard div.bh_t{font-size: 16px;font-weight: 500;font-family: roboto;overflow: hidden}

#ticketsIn div.modal-body div#container div.wizard div.bh_routine div.checkbox{margin-top: 2px;}


#ticketsIn .mCSB_outside+.mCSB_scrollTools{right: -6px;margin-top: 47px;margin-bottom: 15px;}
#ticketsIn input{background-color:transparent;}
#ticketsIn div.dow_bh input[type="time"]{width:121px;}
#ticketsIn *{outline:none;}
#ticketsIn label{margin-bottom:0px}
.bh_pot, .bh_ht{margin-bottom:30px;}
.bh_pots_wrap{background-color:#f0f0f0;padding: 10px 0px;}
.row.bh_pot_item, .bh_ht_item{margin-bottom:8px;}
.bh_ht_item{background-color:#f0f0f0;padding: 10px 0px;}
.bh_pot_from label, .bh_ht_from label{border-bottom: 1px solid rgba(0, 0, 0, .12);font-size: 16px;}
.bh_pot_from label div, .bh_ht_from label div{position: relative;font-size: 16px;display: inline-block;box-sizing: border-box;margin: 0;margin-left: 6px;}
.bh_pot_from label div input, .bh_ht_from label div input{border: none;display: block;font-size: 16px;}
.bh_pot_to label, .bh_ht_to label{border-bottom: 1px solid rgba(0, 0, 0, .12);font-size: 16px;}
.bh_pot_to label div, .bh_ht_to label div{position: relative;font-size: 16px;display: inline-block;box-sizing: border-box;margin: 0;margin-left: 8px;}
.bh_pot_to label div input, .bh_ht_to label div input{border: none;display: block;font-size: 16px;font-family:}
.bh_pot_break, .bh_ht_break, .bh_dow_break{text-align:right;}
.rmvBreak{width:26px;height:26px;border-radius:26px;margin-right: 10px;margin-left: 10px;padding: 0px;}
.rmvBreak .fa-trash-o{font-size: 16px;padding: 1px 2px 1px 1px;}
div.bh_dow_wrap{padding: 15px 0px;}
div.bh_dow{background-color:#f0f0f0;padding: 10px 0px;;margin-bottom:4px;}
div.bh_dow_name div.checkbox{margin-top:0px;}
div.bh_dow_name div.checkbox input{margin-left: -10px;}
div.bh_dow_from label, div.bh_st_from label{border-bottom: 1px solid rgba(0, 0, 0, .12);font-size: 16px;}
div.bh_dow_from label div, div.bh_st_from label div{position: relative;font-size: 16px;display: inline-block;box-sizing: border-box;margin: 0;margin-left: 8px;}
div.bh_dow_from label div input, div.bh_st_from label div input{border: none;display: block;font-size: 16px;font-family:}
div.bh_dow_to label, div.bh_st_to label{border-bottom: 1px solid rgba(0, 0, 0, .12);font-size: 16px;}
div.bh_dow_to label div, div.bh_st_to label div{position: relative;font-size: 16px;display: inline-block;box-sizing: border-box;margin: 0;margin-left: 8px;}
div.bh_dow_to label div input, div.bh_st_to label div input{border: none;display: block;font-size: 16px;font-family:}
inizio ex step 3 ora step1 per tickets 
#ticketsInStep1 label, #ticketsInStep1 label input{display:block;}
#ticketsInStep1 div.bh_t_wrap{margin-top:20px;}
#ticketsInStep1 div.bh_t_item{background-color:#f0f0f0;padding: 15px 15px;margin-bottom:8px;}
#ticketsInStep1 div.bh_t_item > div.row{margin-bottom:8px}
#ticketsInStep1 label{margin-bottom: 0px;border-bottom: 1px solid rgba(0, 0, 0, .12);font-size: 16px;}
#ticketsInStep1 label div{position: relative;font-size: 16px;display: inline-block;box-sizing: border-box;margin: 0;margin-left: 6px;}
#ticketsInStep1 label div input{background-color: transparent;border: none;display: block;font-size: 16px;width:auto}
 */


/* div.rulerTitle{position: relative;margin:10px 0px;}

div.rulerTitle span{padding: 0 15px;position: relative;z-index: 1;margin-left: 40px;}
div.rulerTitle span{background: #fff;}
div.rulerTitle:before{display: block;position: absolute;top: 50%;width: 100%;left: 0;}
div.rulerTitle:before{background: #ddd;height: 1px;} */


/* #ticketsIn .mCSB_outside+.mCSB_scrollTools{right: -6px;margin-top: 47px;margin-bottom: 15px;}
#ticketsIn input{background-color:transparent;}
#ticketsIn div.dow_bh input[type="time"]{width:121px;}
#ticketsIn *{outline:none;}
#ticketsIn label{margin-bottom:0px}

#ticketsInStep1 label, #ticketsInStep1 label input{display:block;}
#ticketsInStep1 div.bh_t_wrap{margin-top:20px;}
#ticketsInStep1 div.bh_t_item{background-color:#f0f0f0;padding: 15px 15px;margin-bottom:8px;}
#ticketsInStep1 div.bh_t_item > div.row{margin-bottom:8px}
#ticketsInStep1 label{margin-bottom: 0px;border-bottom: 1px solid rgba(0, 0, 0, .12);font-size: 16px;}
#ticketsInStep1 label div{position: relative;font-size: 16px;display: inline-block;box-sizing: border-box;margin: 0;margin-left: 6px;}
#ticketsInStep1 label div input{background-color: transparent;border: none;display: block;font-size: 16px;width:auto}

#ticketIn-cal-lang{float: right;right: 20px;font-size: 16px;margin-right: 20px;}
#showOffCanvas{float: left;font-size: 18px;}
#ticketsIn-cal .fc-bg .fc-toolbar h2{text-transform: lowercase;font-size: 24px;}
#ticketsIn-cal .fc-bg .fc-sat, #ticketsIn-cal .fc-bg .fc-sun{background-color: #f0f0f0;}
#ticketsIn .fc-toolbar .fc-left{text-transform: lowercase;font-size: 24px;}
 */

.mat-form-group {
	/*styles for the form-group itself*/
	position: relative;
	width: 100%;
	margin-bottom: 42px
}

.mat-form-group input[type='text'] {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	background: 0 0;
	padding: 26px 0 12px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 500;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom-color: yellow;
	border-width: 0 0 1px;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

.mat-form-group input[type='text']:focus {
	outline: 0
}

.mat-form-group label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 6px;
	top: 0;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.mat-form-group::after {
	/*Default styles for 'after' pseudo selector for form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.mat-form-group .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

.mat-form-group .error-block.ng-hide {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

.mat-form-group.has-focus {
	/*When field has focus*/
}

.mat-form-group.has-focus label {
	color: #039BE5
}

.mat-form-group.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
	/*We are changing the width of the pseudo element from 0 to 100%. As there is already transition added to it, the change in width will 'animate'. As we have strategically positioned this pseudo element just below the input with a 2px height, it will 'appear' as bottom-border for the input (which it is actually not)*/
}

.mat-form-group.has-error {
	/*When field has error*/
}

.mat-form-group.has-error label {
	color: red
}

.mat-form-group.has-error::after {
	left: 0;
	background: red;
	width: 100%
}

.mat-form-group.has-error .help-block:not(.ng-hide) {
	position: absolute;
	color: red;
	opacity: 1;
	visibility: visible;
	top: 100%
}

.mat-form-group.has-success.has-focus {
	/*When field has success*/
}

.mat-form-group.has-success.has-focus label {
	color: #228b22
}

.mat-form-group.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

.mat-form-group.is-empty:not(.has-focus) label {
	font-weight: 400;
	font-size: 14px;
	top: 32px
}


/*stili ticketsIn step 1*/

#ticketsInStep1 div.rulerTitle:before {
	background: red;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
}

#ticketsInStep1 div.rulerTitle span {
	background: #fff;
	padding: 0 15px;
	position: relative;
	z-index: 1;
	color: red;
}

.wizardHelp {
	text-align: center;
}

.wizardHelp span {
	display: none;
	margin: 0;
}

.wizardHelp span.active {
	display: inline
}

#ticketsInStep1 div.rulerTitle.wizardHelp span {
	color: #999999;
}

#ticketsInStep1 div.rulerTitle.wizardHelp:before {
	background: #999999;
}


/*________________________________________*/


/* aTicketsAddModal.jsp */


/*hide datetime pattern*/


/* 	input::-webkit-datetime-edit{ color: transparent; }
*/


/*hide datetime pattern*/


/*
	input::-webkit-datetime-edit{ color: transparent; }
	*/


/* Include this to make it visible when input is clicked */

input:focus::-webkit-datetime-edit {
	color: #666666;
}


/*end of hide datetime pattern*/

div.sw-mat-form-group {
	/*sw-mat-form-group fill container*/
	position: relative;
	width: 100%;
}

div.sw-mat-form-group {
	/*sw-mat-form-group style options*/
	margin-bottom: 30px
}

div.sw-mat-form-group label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 6px;
	top: 0;
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group input[type='text'],
div.sw-mat-form-group input[type='date'],
div.sw-mat-form-group input[type='time'],
div.sw-mat-form-group input[type='number'],
div.sw-mat-form-group select {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	padding: 26px 0 12px;
	/*appearance*/
	background: 0 0;
	/*typo*/
	line-height: 1.4;
	font-size: 15px;
	font-weight: 500;
	border-width: 0 0 1px;
	border-bottom: 1px solid rgba(153, 153, 153, .8);
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

div.sw-mat-form-group input[type='date'],
div.sw-mat-form-group input[type='time'] {
	padding-right: 25px;
}

div.sw-mat-form-group input[type='date']:focus,
div.sw-mat-form-group input[type='time']:focus,
div.sw-mat-form-group input[type='text']:focus {
	outline: 0
}

div.sw-mat-form-group span.matCalTrigger {
	z-index: 100000;
	display: inline-block;
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	top: 28px;
	right: 0;
}

div.sw-mat-form-group::after {
	/*Default styles for 'after' pseudo selector for sw-mat-form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group .error-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group.has-error:not(.has-focus) .error-block {
	display: block!important;
	visibility: visible;
	opacity: 1
}

div.sw-mat-form-group .help-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group .help-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group.has-focus .help-block {
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 100%
}

div.sw-mat-form-group.has-focus {
	/*When field has focus*/
}

div.sw-mat-form-group.has-focus label {
	color: #039BE5
}

div.sw-mat-form-group.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
	/*We are changing the width of the pseudo element from 0 to 100%. As there is already transition added to it, the change in width will 'animate'. As we have strategically positioned this pseudo element just below the input with a 2px height, it will 'appear' as bottom-border for the input (which it is actually not)*/
}

div.sw-mat-form-group.has-error {
	/*When field has error*/
}


/*div.sw-mat-form-group.has-error label{color:red}*/

div.sw-mat-form-group:not(.has-focus).has-error::after {
	left: 0;
	background: red;
	width: 100%
}


/*div.sw-mat-form-group.has-error:not(.has-focus) .error-block{position:absolute; color:red; opacity:1; visibility:visible; top:100%}*/

div.sw-mat-form-group.has-success.has-focus {
	/*When field has success*/
}

div.sw-mat-form-group.has-success.has-focus label {
	color: #228b22
}

div.sw-mat-form-group.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

div.sw-mat-form-group.is-empty:not(.has-focus) label {
	font-weight: 400;
	font-size: 14px;
	top: 32px
}

div.sw-mat-form-group p.count-block {
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0;
	right: 0;
}

div.sw-mat-form-group p.count-block {
	display: block!important;
	visibility: visible;
	opacity: 1;
}

#ticketsInStep2 div.sw-mat-form-group-sm input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep2 div.sw-mat-form-group-sm input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep2 div.sw-mat-form-group-sm.is-empty input[type=date]::-webkit-datetime-edit {
	color: transparent;
}

#ticketsInStep2 div.sw-mat-form-group-sm.is-empty input[type=time]::-webkit-datetime-edit {
	color: transparent;
}

#ticketsInStep2 div.sw-mat-form-group-sm.has-focus input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep2 div.sw-mat-form-group-sm.has-focus input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep3 div.sw-mat-form-group-sm input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep3 div.sw-mat-form-group-sm input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep3 div.sw-mat-form-group-sm.is-empty input[type=date]::-webkit-datetime-edit {
	color: transparent;
}

#ticketsInStep3 div.sw-mat-form-group-sm.is-empty input[type=time]::-webkit-datetime-edit {
	color: transparent;
}

#ticketsInStep3 div.sw-mat-form-group-sm.has-focus input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#ticketsInStep3 div.sw-mat-form-group-sm.has-focus input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}


/* Include this to make it visible when input is clicked */


/*
	input:focus::-webkit-datetime-edit{ color: #666666; } 
	*/


/*end of hide datetime pattern*/

div.sw-mat-form-group-sm {
	/*sw-mat-form-group fill container*/
	position: relative;
	width: 100%;
}

div.sw-mat-form-group-sm {
	/*sw-mat-form-group style options*/
	margin-bottom: 15px
}

div.sw-mat-form-group-sm label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 0px;
	top: 0px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group-sm input[type='text'],
div.sw-mat-form-group-sm input[type='date'],
div.sw-mat-form-group-sm input[type='time'],
div.sw-mat-form-group-sm input[type='number'],
div.sw-mat-form-group-sm select {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	padding: 18px 0 6px;
	/*appearance*/
	background: 0 0;
	/*typo*/
	line-height: 1.4;
	font-size: 12px;
	font-weight: 500;
	border-width: 0 0 1px;
	border-bottom: 1px solid rgba(153, 153, 153, .8);
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

div.sw-mat-form-group-sm input[type='date'],
div.sw-mat-form-group-sm input[type='time'] {
	padding-right: 25px;
}

div.sw-mat-form-group-sm input[type='date']:focus,
div.sw-mat-form-group-sm input[type='time']:focus,
div.sw-mat-form-group-sm input[type='text']:focus {
	outline: 0
}

div.sw-mat-form-group-sm span.matCalTrigger {
	z-index: 100000;
	display: inline-block;
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	top: 14px;
	right: 0;
}

div.sw-mat-form-group-sm::after {
	/*Default styles for 'after' pseudo selector for sw-mat-form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group-sm .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group-sm .error-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group-sm .help-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group-sm .help-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group-sm.has-focus {
	/*When field has focus*/
}

div.sw-mat-form-group-sm.has-focus label {
	color: #039BE5
}

div.sw-mat-form-group-sm.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
	/*We are changing the width of the pseudo element from 0 to 100%. As there is already transition added to it, the change in width will 'animate'. As we have strategically positioned this pseudo element just below the input with a 2px height, it will 'appear' as bottom-border for the input (which it is actually not)*/
}

div.sw-mat-form-group-sm.has-focus:not(.has-error) .help-block {
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 100%
}

div.sw-mat-form-group-sm.has-error {
	/*When field has error*/
}

div.sw-mat-form-group-sm.has-error label {
	color: red
}

div.sw-mat-form-group-sm.has-error::after {
	left: 0;
	background: red;
	width: 100%
}

div.sw-mat-form-group-sm.not('.has-error') .help-block {
	position: absolute;
	color: red;
	opacity: 1;
	visibility: visible;
	top: 100%
}

div.sw-mat-form-group-sm.has-success.has-focus {
	/*When field has success*/
}

div.sw-mat-form-group-sm.has-success.has-focus label {
	color: #228b22
}

div.sw-mat-form-group-sm.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

div.sw-mat-form-group-sm.is-empty:not('.has-focus') label {
	font-weight: 400;
	font-size: 14px;
	top: 15px
}

#t_wrap {
	height: 604px;
	overflow: hidden;
}

#t_wrap:hover {
	overflow: auto;
}

#t_accordion {
	height: 583px;
}

div.bh_t_price select {
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

div.bh_t_title {
	border-right: 1px solid #999999;
}

div.bh_t_price>div:nth-child(1) {
	width: 20%;
	margin-right: 0px;
	float: left;
	margin-top: 2px;
}

div.bh_t_price>div:nth-child(2) {
	width: 75%;
	float: right;
}

#t_accordion div.panel-heading {
	height: 72px;
	background-color: lightgray;
	cursor: pointer;
	cursor: hand;
}

#t_accordion div.panel-heading div.t_prog {
	height: 52px;
	float: left;
	width: 52px;
	margin-right: 10px;
	font-size: xx-large;
	background: #dddddd;
	text-align: center;
	line-height: 50px;
	border-radius: 2px;
}

#t_accordion div.panel-heading div.t_text_prev {
	display: inline-block;
	float: left;
	width: 60%;
	min-width: 60%;
	min-height: 52px;
}

#t_accordion div.panel-heading p.t_t_prev {
	font-family: Roboto;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0px;
}

#t_accordion div.panel-heading p.t_d_prev {
	font-family: Roboto;
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 0px;
}

#t_accordion div.panel-heading div.t_p_prev {
	display: inline-block;
	float: left;
	width: 20%;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

#t_accordion div.panel-heading div.t_p_prev span.t-currency {
	font-size: 20px;
}

#t_accordion div.panel-heading div.t_p_prev span.t-currency sup {
	top: -13px;
	font-size: 12px;
	margin-right: 2px;
}

#t_accordion div.panel-heading div.t_p_prev span.t-price-floor {
	font-size: 32px;
	line-height: 32px;
	font-weight: 700;
}

#t_accordion div.panel-heading div.t_p_prev span.t-price-cents sup {
	font-size: 0px;
}

#t_accordion div.panel-heading div.t_p_prev span.t-price-cents sup {
	top: -10px;
	font-size: 17px;
	margin-left: 2px;
}

#t_accordion div.panel-collapse {
	height: 530px;
	width: 100%;
}

.iconLikeDetails{
	float: right;
	position: relative;
	margin-top: 55px;
	margin-right: 140px;
}

.iconRed{
	color:#B0171F;
}

.red {
	background-color: #F44336 !important;
}

.btn-large,
.btn-floating {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.btn-large {
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
}

.btn-floating,
.btn-large {
	outline: 0;
}

.btn-large {
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
}

.btn-floating {
	display: inline-block;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	background-color: #26a69a;
	border-radius: 50%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
	vertical-align: middle;
}

.btn-large {
	height: 54px;
	line-height: 54px;
}

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}

a:hover {
	outline: 0;
}

.btn-large:hover,
.btn-floating:hover {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.btn-large:hover {
	background-color: #2bbbad;
}

.btn-floating:hover {
	background-color: #26a69a;
}

.btn-floating.btn-large {
	width: 56px;
	height: 56px;
}

i {
	line-height: inherit;
}

.material-icons {
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	z-index: 1000000;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.btn-floating i,
.btn-large i {
	font-size: 1.3rem;
	line-height: inherit;
}

.btn-floating i {
	width: inherit;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	line-height: 40px;
}

.btn-large i {
	font-size: 1.6rem;
}

.btn-floating.btn-large i {
	line-height: 56px;
}

.btn-floating.btn-large.disabledAdd {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*style for material accordion*/


/* .collapsible{border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin: 0.5rem 0 1rem 0;}
.collapsible-header{display: block;cursor: pointer;min-height: 3rem;line-height: 3rem;padding: 0 1rem;background-color: #fff;border-bottom: 1px solid #ddd;}
.collapsible-header i{width: 2rem;font-size: 1.6rem;line-height: 3rem;display: block;float: left;text-align: center;margin-right: 1rem;}
.collapsible-body{display: none;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.collapsible-body p{margin: 0;padding: 2rem;} */

#ticketsIn .panel-body {
	padding: 15px 0px 0px 0px;
}

div.sw-mat-check {
	font-size: 15px;
	padding-left: 0px;
	padding-right: 0;
}

div.sw-mat-check label.label--checkbox {
	position: relative;
	margin: .5em;
	font-family: Arial, sans-serif;
	line-height: 135%;
	cursor: pointer;
	display: block;
	text-align: center;
}

div.sw-mat-check input[type=checkbox].checkbox {
	margin: auto;
	display: block;
}

div.sw-mat-check input.checkbox {
	position: relative;
	margin: 0 .5em 0 0;
	cursor: pointer;
}

div.sw-mat-check input.checkbox:before {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	content: "";
	position: absolute;
	left: 0;
	z-index: 1;
	width: 1em;
	height: 1em;
	border: 2px solid #c0c0c0;
	border-radius: 8px;
}

div.sw-mat-check input.checkbox:checked:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: .5em;
	border-color: #009688;
	border-top-style: none;
	border-right-style: none;
}

div.sw-mat-check input.checkbox:after {
	content: "";
	position: absolute;
	top: -0.125em;
	left: 0;
	width: 1.1em;
	height: 1.1em;
	background: #fff;
	cursor: pointer;
}

div.sw-mat-check .content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: sw-mat-check;
	animation-name: sw-mat-check;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

div.bh_dow_from {
	padding-left: 0px;
	padding-right: 0px;
}

div.bh_dow_to {
	padding-left: 0px;
	padding-right: 0px;
}

div.bh_dow_break {
	padding: 12px 0px 12px 0px;
	text-align: center;
}

@-webkit-keyframes sw-mat-check {
	0% {
		-webkit-transform: translateY(6.25em);
		transform: translateY(6.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes sw-mat-check {
	0% {
		-webkit-transform: translateY(6.25em);
		transform: translateY(6.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}


/*
	.className{position:relative;float: left;margin-bottom: 30px;}
	
	div.sw-mat-check{font-size:16px;}
	div.sw-mat-check label.label--checkbox{position:relative;margin:.5rem;font-family:Arial, sans-serif;line-height:135%;cursor:pointer;}
	div.sw-mat-check input.checkbox{position:relative;margin:0 1rem 0 0;cursor:pointer;top:-0.2rem;}
	div.sw-mat-check input.checkbox:before{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;content:"";position:absolute;left:0;z-index:1;width:1rem;height:1rem;border:2px solid #e0e0e0;}
	div.sw-mat-check input.checkbox:checked:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);height:.5rem;border-color:#009688;border-top-style:none;border-right-style:none;}
	div.sw-mat-check input.checkbox:after{content:"";position:absolute;top:-0.125rem;left:0;width:1.1rem;height:1.1rem;background:#fff;cursor:pointer;}
	div.sw-mat-check .content{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:sw-mat-check;animation-name:sw-mat-check;-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
	
	@-webkit-keyframes sw-mat-check{0%{-webkit-transform:translateY(6.25rem);transform:translateY(6.25rem);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}
	@keyframes sw-mat-check{0%{-webkit-transform:translateY(6.25rem);transform:translateY(6.25rem);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}
	
	<div class="sw-mat-check className">
		<label class="label--checkbox">
			<input type="checkbox" class="checkbox" checked="">
			  Item 1
		</label>
	</div>
	*/

div.sw-mat-form-group.form-group-sm {
	padding-bottom: 3px;
	margin: 21px 0 0 0;
}

div.sw-mat-form-group.form-group-sm.is-empty label {
	font-size: 9px;
	line-height: 1.125;
	font-weight: 400;
	margin: 16px 0 0 0;
}

div.sw-mat-form-group.form-group-sm.is-empty input {
	margin-bottom: 3px;
}

.input-sm .input-sm {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 0;
}

.input-sm select.input-sm {
	height: 24px;
	line-height: 24px;
}

.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
	height: auto;
}

.form-group-sm .form-control {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
}

.form-group-sm select.form-control {
	height: 24px;
	line-height: 24px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
	height: auto;
}

.form-group-sm .form-control-static {
	height: 24px;
	min-height: 33px;
	padding: 4px 0;
	font-size: 11px;
	line-height: 1.5;
}

div.bh_ht_add_st {}

div.bh_st_from {
	padding-left: 30px;
	padding-right: 25px;
}

div.bh_st_to {
	padding-left: 25px;
	padding-right: 30px;
}

div.bh_st_break {
	padding-right: 10px;
	padding-left: 0;
}

.step2_inner_wrap {
	height: 604px;
	overflow: hidden;
}

.step2_inner_wrap:hover {
	overflow: auto;
}

.bh_hts_wrap {
	height: 570px;
	overflow: hidden;
}

.bh_hts_wrap:hover {
	overflow: auto;
}

.t_prev_cal {
	height: 604px;
	overflow: hidden;
}

.t_prev_cal:hover {
	overflow: auto;
}


/*mcustomscrollbar override*/

#ticketsInStep1 div.mCSB_draggerContainer {
	left: -18px;
	right: 18px;
}

#ticketsInStep2 div.mCSB_draggerContainer {
	left: -18px;
	right: 18px;
}

#ticketsInStep3 div.mCSB_draggerContainer {
	left: -18px;
	right: 18px;
}

div.bh_cal_wrap {
	background-color: #4D87C2;
	color: rgba(255, 255, 255, 0.5);
	padding: 15px 10px 0px 10px;
}

div.bh_dow:nth-child(2n+1) {
	background-color: rgba(23, 61, 80, 0.06);
}

div.bh_dow div.bh_dow_item:nth-child(1) button.rmvBreak {
	position: absolute;
	margin: 2px;
}

div.bh_dow div.bh_dow_item:nth-child(1) button.rmvBreak {
	display: none;
}

div.bh_pot div.bh_pot_item:nth-child(1) button.rmvBreak {
	display: none;
}

div.bh_dow div.bh_dow_item button.cloneDay {
	position: absolute;
	margin: 10px 4px;
	font-size: 14px;
}

div.bh_dow div.bh_dow_item:not(:first-child) button.cloneDay {
	display: none;
}

div.bh_dow div.bh_dow_item button.rmvBreak {
	position: absolute;
	margin: 4px 0px;
	font-size: 14px;
}

#ticketsIn div.modal {}

#ticketsIn div.modal-dialog {
	width: 980px;
}

#ticketsIn div.modal-content {
	overflow: hidden !important;
	border: none;
}

#ticketsIn div.modal-body {
	padding: 0px;
}

#ticketsIn div#t_container {}

#ticketsIn div.wizard #ticketsIn ul.set-ticket-nav {}

span.view-ticket-details.disabled {
	opacity: .4
}

span.del_ticket.disabled {
	opacity: .4
}

#ticketsInStep3 div.form-group label {
	font-size: 12px;
	line-height: 14px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
	color: #9e9e9e;
}

#ticketsInStep2 div.form-group textarea {
	resizable: none;
}

#t_wrap div.sw-mat-form-group {
	margin-bottom: 20px
}

.bh_t_item-info li {
	line-height: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	border: none;
}

.info-ticket-nav {
	border: none;
}

.bh_t_item-info li a {
	border: none !important;
	color: #333333;
	font-family: Arimo-Bold;
}

.sw-infoTicketTabcontent textarea {
	overflow: auto;
	height: 120px;
	border: none;
	border-bottom: 1px solid #CCC;
}

.sw-infoTicketTabcontent textarea:focus {
	border-color: #CCC !important;
}

.bh_t_item-info ul {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	border: none;
	margin-bottom: 5px;
}

.bh_t_item-info .form-control[readonly] {
	cursor: not-allowed !important;
	background-color: #FFFFFF !important;
	opacity: 1 !important;
	color: #FF0000 !important;
}

.bh_t_item-info .form-control {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.bh_t_item-info .form-control[readonly]::-webkit-input-placeholder {
	color: #FF0000 !important;
}

.bh_t_item-info .form-control[readonly]:-ms-input-placeholder {
	color: #FF0000 !important;
}

.bh_t_item-info .form-control[readonly]::-ms-input-placeholder {
	color: #FF0000 !important;
}

.bh_t_item-info .form-control[readonly]::placeholder {
	color: #FF0000 !important;
}

ul.info-ticket-nav .indicator {
	position: absolute;
	bottom: 5px;
	height: 2px;
	background-color: #00FF00;
	will-change: left, right;
}

ul.info-ticket-nav .indicator.disclaimer1 {
	width: 212px;
	left: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

ul.info-ticket-nav .indicator.disclaimer2 {
	width: 227px;
	left: 227px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

ul.info-ticket-nav .indicator.disclaimer3 {
	width: 255px;
	left: 454px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

ul.info-ticket-nav .indicator.disclaimer4 {
	width: 214px;
	left: 709px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

#ticketsInStep2 .mCSB_outside+.mCSB_scrollTools {
	right: -3px;
}


/*________________________________________*/


/* aBhAddModal.jsp */


/*modal rules*/


/*
#bhIn div.tab-pane{height:745px;max-height:745px;}
*/

#bhIn div.tab-pane {
	height: 100%;
	max-height: 100%;
}


/*############# pushy ####################################################*/

#bhIn .pushy {
	position: absolute !important;
}

.pushy-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pushy {
	position: fixed;
	width: 200px;
	height: 100%;
	top: 0;
	z-index: 9999;
	background: #191918;
	overflow: auto;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
}

.pushy a {
	display: block;
	color: #b3b3b1;
	padding: 15px 30px;
	text-decoration: none;
	outline: 0;
}

.pushy a:hover {
	color: #FFF;
}

.pushy ul:first-child {
	margin-top: 10px;
}

.pushy.pushy-left {
	left: 0;
}

.pushy.pushy-right {
	right: 0;
}

.pushy.pushy-left {
	-webkit-transform: translate3d(-200px, 0, 0);
	-ms-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(200px, 0, 0);
	-ms-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}

.pushy-right {
	-webkit-transform: translate3d(200px, 0, 0);
	-ms-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
	-webkit-transform: translate3d(-200px, 0, 0);
	-ms-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#container,
.pushy,
.push {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-o-transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.site-overlay {
	display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.pushy-submenu {
	/* Submenu Icon */
}

.pushy-submenu ul {
	padding-left: 15px;
	-webkit-transition: max-height 0.2s ease-in-out;
	-o-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
}

.pushy-submenu ul .pushy-link {
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.pushy-submenu>a {
	position: relative;
}

.pushy-submenu>a::after {
	content: '';
	display: block;
	height: 11px;
	width: 8px;
	position: absolute;
	top: 50%;
	right: 15px;
	background: url("../img/arrow.svg") no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.pushy-submenu-closed ul {
	max-height: 0;
	overflow: hidden;
}

.pushy-submenu-closed .pushy-link {
	opacity: 0;
}

.pushy-submenu-open {}

.pushy-submenu-open ul {
	max-height: 1000px;
}

.pushy-submenu-open .pushy-link {
	opacity: 1;
}

.pushy-submenu-open a::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
	max-height: none;
	display: none;
}

#bhIn .pushy {
	padding: 0px 15px;
	padding-top: 6px;
}

#bhIn .pushy a {
	display: block;
	color: #FFFFFF;
	padding: 15px 20px;
	text-decoration: none;
	outline: 0;
	opacity: 0.8;
	font-size: 15px;
}


/*################################################################*/


/*#############tInHeader####################################################*/

#bhIn div.tInHeader {
	padding: 15px 0px;
	border-bottom: 1px solid #e5e5e5;
}

#bhIn #showOffCanvas {
	float: left;
	font-size: 18px;
}

#bhIn #ticketIn-cal-lang {
	float: right;
	right: 20px;
	font-size: 16px;
	margin-right: 20px;
}


/*#############tInHeader####################################################*/


/*############## ruler ##################################################*/

#bhIn div.rulerTitle {
	position: relative;
	margin: 10px 0px;
	text-align: center;
	font-size: 16px;
	color: red;
	margin: 0;
	padding: 25px 0px 20px 0px;
}

#bhIn div.rulerTitle span {
	background: #fff;
	padding: 0 10px;
	position: relative;
	z-index: 1;
	margin-left: 0px;
}

#bhIn div.rulerTitle:before {
	background: #ddd;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: 3px;
}

#bhIn div.rulerTitle:before {
	left: 0;
}

#bhIn div.rulerTitle.wizardHelp {
	margin: 0;
	padding: 0px;
}

#bhIn div.rulerTitle a.addTicket {
	float: right;
	margin-right: 40px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -30px;
	margin-bottom: 20px;
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#bhIn div.rulerTitle a.addTicket.skewed {
	-webkit-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transform: rotateX(90deg);
}


/*################################################################*/

#bhInStep1 div.sbh_h_inner {
	/*padding-left: 35px;padding-right: 20px;*/
	padding: 0;
}

#bhInStep2 div.sbh_h_inner {
	padding-left: 35px;
	padding-right: 20px;
}

div.sbh_cal_wrap {
	background-color: #4D87C2;
	color: rgba(255, 255, 255, 0.5);
	padding: 15px 10px 0px 10px;
}

#bhIn div.sbh_pot_item {
	padding: 10px;
	background-color: #f4f4f4;
}

#bhIn div.sbh_pot_item div.matInput input {
	font-size: 13px;
	padding: 0px 0px 0px 70px;
	display: block;
	width: 100%;
}

#bhIn div.sbh_pot_offset,
#bhIn div.sbh_ht_offset {
	padding-left: 20px;
	padding-right: 0px;
}

#bhIn div.sbh_pot_from,
#bhIn div.sbh_ht_from {
	/*padding-left:30px;padding-right:25px;*/
	padding: 0px;
}

#bhIn div.sbh_pot_to,
#bhIn div.sbh_ht_to {
	/*padding-left:25px;padding-right:30px;*/
	padding: 0px;
}

#bhIn div.sbh_pot_break,
#bhIn div.sbh_ht_break {
	padding: 12px 0px;
	text-align: center;
}

#bhIn div.sbh_hd_break {
	padding: 12px 0px;
	text-align: center;
}

#bhIn div.sbh_pot_break .rmvBreak {
	position: absolute;
	margin: 4px 0;
}

#bhIn div.sbh_ht_break .rmvBreak {
	position: absolute;
	margin: 4px 0;
}

#bhIn div.sbh_dow_item input[type='date'],
#bhIn div.sbh_dow_item input[typet='time'] {
	font-size: 13px;
	padding: 0px 0px 0px 70px;
	display: block;
	width: 100%;
}

#bhIn div.sbh_ht_item input {
	/* 	font-size: 13px;
    padding: 0px 0px 0px 70px;
    display: block;
    width: 100%; */
}

#bhIn div.sbh_ht_item {
	padding: 10px;
	background-color: #f4f4f4;
}

#bhIn input::-webkit-inner-spin-button {
	display: none;
}

#bhIn input::-webkit-calendar-picker-indicator {
	display: none;
}

#bhIn input::-webkit-datetime-edit-text {
	padding: 0 0.2em;
}

#bhIn input::-webkit-clear-button {
	-webkit-appearance: none;
	margin: 0;
}

#bhIn .mat-form-group {
	/*styles for the form-group itself*/
	position: relative;
	width: 100%;
	margin-bottom: 42px
}

#bhIn .mat-form-group input[type='text'] {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	background: 0 0;
	padding: 26px 0 12px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 500;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom-color: yellow;
	border-width: 0 0 1px;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

#bhIn .mat-form-group input[type='text']:focus {
	outline: 0
}

#bhIn .mat-form-group label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 6px;
	top: 0;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

#bhIn .mat-form-group::after {
	/*Default styles for 'after' pseudo selector for form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

#bhIn .mat-form-group .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

#bhIn .mat-form-group .error-block.ng-hide {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

#bhIn .mat-form-group.has-focus {
	/*When field has focus*/
}

#bhIn .mat-form-group.has-focus label {
	color: #039BE5
}

#bhIn .mat-form-group.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
}

#bhIn .mat-form-group.has-error {
	/*When field has error*/
}

#bhIn .mat-form-group.has-error label {
	color: red
}

#bhIn .mat-form-group.has-error::after {
	left: 0;
	background: red;
	width: 100%
}

#bhIn .mat-form-group.has-error .help-block:not(.ng-hide) {
	position: absolute;
	color: red;
	opacity: 1;
	visibility: visible;
	top: 100%
}

#bhIn .mat-form-group.has-success.has-focus {
	/*When field has success*/
}

#bhIn .mat-form-group.has-success.has-focus label {
	color: #228b22
}

#bhIn .mat-form-group.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

#bhIn .mat-form-group.is-empty:not(.has-focus) label {
	font-weight: 400;
	font-size: 14px;
	top: 32px
}


/*stili bhIn step 1*/

#bhIn .wizardHelp {
	text-align: center;
}

#bhIn .wizardHelp span {
	display: none;
	margin: 0;
}

#bhIn .wizardHelp span.active {
	display: inline
}


/****************************************/


/*hide datetime pattern*/


/*
	input::-webkit-datetime-edit{ color: transparent; }
	*/


/* Include this to make it visible when input is clicked */

input:focus::-webkit-datetime-edit {
	color: #666666;
}


/*end of hide datetime pattern*/

div.sw-mat-form-group {
	/*sw-mat-form-group fill container*/
	position: relative;
	width: 100%;
}

div.sw-mat-form-group {
	/*sw-mat-form-group style options*/
	margin-bottom: 30px
}

div.sw-mat-form-group label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 6px;
	top: 0;
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group input[type='text'],
div.sw-mat-form-group input[type='date'],
div.sw-mat-form-group input[type='time'],
div.sw-mat-form-group input[type='number'],
div.sw-mat-form-group select {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	padding: 26px 0 12px;
	/*appearance*/
	background: 0 0;
	/*typo*/
	line-height: 1.4;
	font-size: 15px;
	font-weight: 500;
	border-width: 0 0 1px;
	border-bottom: 1px solid rgba(153, 153, 153, .8);
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

div.sw-mat-form-group input[type='date'],
div.sw-mat-form-group input[type='time'] {
	padding-right: 25px;
}

div.sw-mat-form-group input[type='date']:focus,
div.sw-mat-form-group input[type='time']:focus,
div.sw-mat-form-group input[type='text']:focus {
	outline: 0
}

div.sw-mat-form-group span.matCalTrigger {
	z-index: 100000;
	display: inline-block;
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	top: 28px;
	right: 0;
}

div.sw-mat-form-group::after {
	/*Default styles for 'after' pseudo selector for sw-mat-form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group .error-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group.has-error:not(.has-focus) .error-block {
	display: block!important;
	visibility: visible;
	opacity: 1
}

div.sw-mat-form-group .help-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group .help-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group.has-focus .help-block {
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 100%
}

div.sw-mat-form-group.has-focus {
	/*When field has focus*/
}

div.sw-mat-form-group.has-focus label {
	color: #039BE5
}

div.sw-mat-form-group.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
}

div.sw-mat-form-group.has-error {
	/*When field has error*/
}


/*div.sw-mat-form-group.has-error label{color:red}*/

div.sw-mat-form-group:not(.has-focus).has-error::after {
	left: 0;
	background: red;
	width: 100%
}


/*div.sw-mat-form-group.has-error:not(.has-focus) .error-block{position:absolute; color:red; opacity:1; visibility:visible; top:100%}*/

div.sw-mat-form-group.has-success.has-focus {
	/*When field has success*/
}

div.sw-mat-form-group.has-success.has-focus label {
	color: #228b22
}

div.sw-mat-form-group.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

div.sw-mat-form-group.is-empty:not(.has-focus) label {
	font-weight: 400;
	font-size: 14px;
	top: 32px
}

div.sw-mat-form-group p.count-block {
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0;
	right: 0;
}

div.sw-mat-form-group p.count-block {
	display: block!important;
	visibility: visible;
	opacity: 1;
}

#bhInStep1 div.sw-mat-form-group-sm input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep1 div.sw-mat-form-group-sm input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep1 div.sw-mat-form-group-sm.is-empty input[type=date]::-webkit-datetime-edit {
	color: transparent;
}

#bhInStep1 div.sw-mat-form-group-sm.is-empty input[type=time]::-webkit-datetime-edit {
	color: transparent;
}

#bhInStep1 div.sw-mat-form-group-sm.has-focus input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep1 div.sw-mat-form-group-sm.has-focus input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep2 div.sw-mat-form-group-sm input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep2 div.sw-mat-form-group-sm input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep2 div.sw-mat-form-group-sm.is-empty input[type=date]::-webkit-datetime-edit {
	color: transparent;
}

#bhInStep2 div.sw-mat-form-group-sm.is-empty input[type=time]::-webkit-datetime-edit {
	color: transparent;
}

#bhInStep2 div.sw-mat-form-group-sm.has-focus input[type=date]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}

#bhInStep2 div.sw-mat-form-group-sm.has-focus input[type=time]::-webkit-datetime-edit {
	color: rgba(0, 0, 0, 0.7);
}


/* Include this to make it visible when input is clicked */


/*
	input:focus::-webkit-datetime-edit{ color: #666666; } 
	*/


/*end of hide datetime pattern*/

div.sw-mat-form-group-sm {
	/*sw-mat-form-group fill container*/
	position: relative;
	width: 100%;
}

div.sw-mat-form-group-sm {
	/*sw-mat-form-group style options*/
	margin-bottom: 15px
}

div.sw-mat-form-group-sm label {
	/*Default styles for label*/
	display: inline-block;
	position: absolute;
	margin-bottom: 0px;
	top: 0px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group-sm input[type='text'],
div.sw-mat-form-group-sm input[type='date'],
div.sw-mat-form-group-sm input[type='time'],
div.sw-mat-form-group-sm input[type='number'],
div.sw-mat-form-group-sm select {
	/*Default styles for field*/
	position: relative;
	width: 100%;
	padding: 18px 0 6px;
	/*appearance*/
	background: 0 0;
	/*typo*/
	line-height: 1.4;
	font-size: 12px;
	font-weight: 500;
	border-width: 0 0 1px;
	border-bottom: 1px solid rgba(153, 153, 153, .8);
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1
}

div.sw-mat-form-group-sm input[type='date'],
div.sw-mat-form-group-sm input[type='time'] {
	padding-right: 25px;
}

div.sw-mat-form-group-sm input[type='date']:focus,
div.sw-mat-form-group-sm input[type='time']:focus,
div.sw-mat-form-group-sm input[type='text']:focus {
	outline: 0
}

div.sw-mat-form-group-sm span.matCalTrigger {
	z-index: 100000;
	display: inline-block;
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.4);
	padding: 0;
	top: 14px;
	right: 0;
}

div.sw-mat-form-group-sm::after {
	/*Default styles for 'after' pseudo selector for sw-mat-form-group*/
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.08);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

div.sw-mat-form-group-sm .error-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: red;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group-sm .error-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group-sm .help-block {
	/*Default Styles for Help-block*/
	position: absolute;
	line-height: 0;
	font-weight: 300;
	font-size: 12px;
	color: #039BE5;
	line-height: 24px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0
}

div.sw-mat-form-group-sm .help-block {
	display: block!important;
	visibility: hidden;
	opacity: 0
}

div.sw-mat-form-group-sm.has-focus {
	/*When field has focus*/
}

div.sw-mat-form-group-sm.has-focus label {
	color: #039BE5
}

div.sw-mat-form-group-sm.has-focus::after {
	left: 0;
	background: #039BE5;
	width: 100%
	/*We are changing the width of the pseudo element from 0 to 100%. As there is already transition added to it, the change in width will 'animate'. As we have strategically positioned this pseudo element just below the input with a 2px height, it will 'appear' as bottom-border for the input (which it is actually not)*/
}

div.sw-mat-form-group-sm.has-focus:not(.has-error) .help-block {
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 100%
}

div.sw-mat-form-group-sm.has-error {
	/*When field has error*/
}

div.sw-mat-form-group-sm.has-error label {
	color: red
}

div.sw-mat-form-group-sm.has-error::after {
	left: 0;
	background: red;
	width: 100%
}

div.sw-mat-form-group-sm.not('.has-error') .help-block {
	position: absolute;
	color: red;
	opacity: 1;
	visibility: visible;
	top: 100%
}

div.sw-mat-form-group-sm.has-success.has-focus {
	/*When field has success*/
}

div.sw-mat-form-group-sm.has-success.has-focus label {
	color: #228b22
}

div.sw-mat-form-group-sm.has-success.has-focus.has-focus::after {
	left: 0;
	background: #228b22;
	width: 100%
}

div.sw-mat-form-group-sm.is-empty:not(.has-focus) label {
	font-weight: 400;
	font-size: 14px;
	top: 15px
}


/*style for material btn-lg*/

.red {
	background-color: #F44336 !important;
}

.btn-large,
.btn-floating {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.btn-large {
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 2rem;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
}

.btn-floating,
.btn-large {
	outline: 0;
}

.btn-large {
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
}

.btn-floating {
	display: inline-block;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	background-color: #26a69a;
	border-radius: 50%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
	vertical-align: middle;
}

.btn-large {
	height: 54px;
	line-height: 54px;
}

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}

a:hover {
	outline: 0;
}

.btn-large:hover,
.btn-floating:hover {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.btn-large:hover {
	background-color: #2bbbad;
}

.btn-floating:hover {
	background-color: #26a69a;
}

.btn-floating.btn-large {
	width: 56px;
	height: 56px;
}

i {
	line-height: inherit;
}

.material-icons {
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	z-index: 1000000;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.btn-floating i,
.btn-large i {
	font-size: 1.3rem;
	line-height: inherit;
}

.btn-floating i {
	width: inherit;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	line-height: 40px;
}

.btn-large i {
	font-size: 1.6rem;
}

.btn-floating.btn-large i {
	line-height: 56px;
}

.btn-floating.btn-large.disabledAdd {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*style for material accordion*/


/* .collapsible{border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin: 0.5rem 0 1rem 0;}
.collapsible-header{display: block;cursor: pointer;min-height: 3rem;line-height: 3rem;padding: 0 1rem;background-color: #fff;border-bottom: 1px solid #ddd;}
.collapsible-header i{width: 2rem;font-size: 1.6rem;line-height: 3rem;display: block;float: left;text-align: center;margin-right: 1rem;}
.collapsible-body{display: none;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.collapsible-body p{margin: 0;padding: 2rem;} */

#bhIn .panel-body {
	padding: 25px 0px 0px 0px;
}

#t_wrap {
	height: 604px;
	overflow: hidden;
}

#t_wrap:hover {
	overflow: auto;
}

#t_accordion {
	height: 583px;
}

div.sbh_t_price select {
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

div.sbh_t_title {
	border-right: 1px solid #999999;
}

div.sbh_t_price>div:nth-child(1) {
	width: 20%;
	margin-right: 0px;
	float: left;
	margin-top: 5px;
}

div.sbh_t_price>div:nth-child(2) {
	width: 75%;
	float: right;
}

#t_accordion div.panel-heading {
	height: 72px;
	background-color: lightgray;
	cursor: pointer;
	cursor: hand;
}

#t_accordion div.panel-heading div.t_prog {
	height: 52px;
	float: left;
	width: 52px;
	margin-right: 10px;
	font-size: xx-large;
	background: #dddddd;
	text-align: center;
	line-height: 50px;
	border-radius: 2px;
}

#t_accordion div.panel-heading div.t_text_prev {
	display: inline-block;
	float: left;
	width: 60%;
}

#t_accordion div.panel-heading p.t_t_prev {
	font-family: Roboto;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0px;
}

#t_accordion div.panel-heading p.t_d_prev {
	font-family: Roboto;
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 0px;
}

#t_accordion div.panel-heading div.t_p_prev {
	display: inline-block;
	float: left;
	width: 20%;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

#t_accordion div.panel-heading div.t_p_prev span.t-currency {
	font-size: 20px;
}

#t_accordion div.panel-heading div.t_p_prev span.t-currency sup {
	top: -13px;
	font-size: 12px;
	margin-right: 2px;
}

#t_accordion div.panel-heading div.t_p_prev span.t-price-floor {
	font-size: 32px;
	line-height: 32px;
	font-weight: 700;
}

#t_accordion div.panel-heading div.t_p_prev span.t-price-cents sup {
	font-size: 0px;
}

#t_accordion div.panel-heading div.t_p_prev span.t-price-cents sup {
	top: -10px;
	font-size: 17px;
	margin-left: 2px;
}

#t_accordion div.panel-collapse {
	height: 530px;
	width: 100%;
}


/*
	div.sbh_dow_item>div:nth-child(1){top:8px}
	div.sbh_dow_item>div:nth-child(4){top:13px}
	
	div.sw-mat-check{font-size:15px;padding-left: 20px;padding-right: 0;}
	div.sw-mat-check label.label--checkbox{position:relative;margin:.5em;font-family:Arial, sans-serif;line-height:135%;cursor:pointer;}
	div.sw-mat-check input[type=checkbox].checkbox{display:inline-block;}

	div.sw-mat-check input.checkbox{position:relative;margin:0 .5em 0 0;cursor:pointer;}
	div.sw-mat-check input.checkbox:before{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;content:"";position:absolute;left:0;z-index:1;width:1em;height:1em;border: 2px solid #c0c0c0;border-radius: 8px;}
	div.sw-mat-check input.checkbox:checked:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);height:.5em;border-color:#009688;border-top-style:none;border-right-style:none;}
	div.sw-mat-check input.checkbox:after{content:"";position:absolute;top:-0.125em;left:0;width:1.1em;height:1.1em;background:#fff;cursor:pointer;}
	div.sw-mat-check .content{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:sw-mat-check;animation-name:sw-mat-check;-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
	*/

div.sbh_dow_from {
	padding-left: 0px;
	padding-right: 0px;
}

div.sbh_dow_to {
	padding-left: 0px;
	padding-right: 0px;
}

div.sbh_dow_break {
	/*padding-right: 0px;padding-left: 0;*/
	padding: 12px 0px 12px 0px;
	text-align: center;
}

div.sbh_h_inner .mCSB_outside+.mCSB_scrollTools {
	right: -4px !important;
}

@-webkit-keyframes sw-mat-check {
	0% {
		-webkit-transform: translateY(6.25em);
		transform: translateY(6.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes sw-mat-check {
	0% {
		-webkit-transform: translateY(6.25em);
		transform: translateY(6.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

div.sw-mat-form-group.form-group-sm {
	padding-bottom: 3px;
	margin: 21px 0 0 0;
}

div.sw-mat-form-group.form-group-sm.is-empty label {
	font-size: 9px;
	line-height: 1.125;
	font-weight: 400;
	margin: 16px 0 0 0;
}

div.sw-mat-form-group.form-group-sm.is-empty input {
	margin-bottom: 3px;
}

.input-sm .input-sm {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 0;
}

.input-sm select.input-sm {
	height: 24px;
	line-height: 24px;
}

.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
	height: auto;
}

.form-group-sm .form-control {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
}

.form-group-sm select.form-control {
	height: 24px;
	line-height: 24px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
	height: auto;
}

.form-group-sm .form-control-static {
	height: 24px;
	min-height: 33px;
	padding: 4px 0;
	font-size: 11px;
	line-height: 1.5;
}

div.sbh_ht_add_st {}

div.sbh_st_from {
	padding-left: 30px;
	padding-right: 25px;
}

div.sbh_st_to {
	padding-left: 25px;
	padding-right: 30px;
}

div.sbh_st_break {
	padding-right: 10px;
	padding-left: 0;
}

.step2_inner_wrap {
	/*height:604px;*/
	height: 570px;
	overflow: hidden;
}

.step2_inner_wrap:hover {
	overflow: auto;
}

.sbh_hts_wrap {
	height: 370px;
	overflow: hidden;
}

.sbh_hts_wrap:hover {
	overflow: auto;
}

.bh_prev_cal {
	height: 604px;
	overflow: hidden;
}

.bh_prev_cal:hover {
	overflow: auto;
}


/*mcustomscrollbar override*/

#bhInStep1 div.mCSB_draggerContainer {
	left: -18px;
	right: 18px;
}

#bhInStep1 div.mCSB_draggerContainer {
	left: -18px;
	right: 18px;
}

#bhInStep2 div.mCSB_draggerContainer {
	left: -18px;
	right: 18px;
}

div.sbh_dow:nth-child(2n+1) {
	background-color: rgba(23, 61, 80, 0.06);
}

div.sbh_dow div.sbh_dow_item:nth-child(1) button.rmvBreak {
	position: absolute;
	margin: 2px;
}

div.sbh_dow div.sbh_dow_item:nth-child(1) button.rmvBreak {
	display: none;
}

div.sbh_pot div.sbh_pot_item:nth-child(1) button.rmvBreak {
	display: none;
}

div.sbh_dow div.sbh_dow_item button.cloneDay {
	position: absolute;
	margin: 10px 4px;
	font-size: 14px;
}

div.sbh_dow div.sbh_dow_item:not(:first-child) button.cloneDay {
	display: none;
}

div.sbh_dow div.sbh_dow_item button.rmvBreak {
	position: absolute;
	margin: 4px 0px;
	font-size: 14px;
}

#bhIn div.modal {}

#bhIn div.modal-dialog {
	width: 980px;
}

#bhIn div.modal-content {
	overflow: hidden !important;
	border: none;
}

#bhIn div.modal-body {
	padding: 0px;
}

#bhIn div#t_container {}

#bhIn div.wizard #bhIn ul.set-ticket-nav {}

span.view-ticket-details.disabled {
	opacity: .4
}

span.del_ticket.disabled {
	opacity: .4
}

#bhInStep2 div.form-group label {
	font-size: 12px;
	line-height: 14px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
	color: #9e9e9e;
}

#bhInStep2 div.form-group textarea {
	resizable: none;
}


/* bhCalendarYear Override*/

#bhCalendarYear {}

#bhCalendarYear td.fc-year-month-separator {
	display: table-cell;
	width: 20px;
}

#bhCalendarYear div.bhCalendarYear.fc-year-month-separator,
div.bhCalendarYear.fc-year-month-border {
	display: table-cell;
}

#bhCalendarYear td.fc-year-month-border.fc-last {
	display: none;
}

#bhCalendarYear td.fc-year-month-border.fc-first {
	display: none;
}

#bhCalendarYear .fc td {
	font-size: 10px;
	font-family: Arimo-Bold;
}


/*________________________________________*/


/* sw-partners.jsp */

#sw-partners-modal img {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

#sw-partners-modal h3 {
	font-size: 16px;
}

#sw-partners-modal h3,
#sw-partners-modal p {
	clear: both;
}

#sw-partners-modal p {
	font-size: 14px;
}


/*________________________________________*/


/* aBecomePremiumUserModal.jsp */


/*
 PREMIUM MODAL

*/

#becomePremiumModal {
	font-family: Arimo-Regular;
	display: none;
	background: rgba(31, 31, 31, 0.33);
}

#becomePremiumModal .modal-dialog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5.05vw auto 0 auto;
	height: calc(100% - 5.05vw);
}

#becomePremiumModal .modal-header .modal-title {
	font-size: 20px;
}

#becomePremiumModal .modal-body {
	padding: 20px;
}

#becomePremiumModal h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#becomePremiumModal p,
#becomePremiumModal li {
	font-size: 14px;
}

#becomePremiumModal .premiumAdvantage {
	margin: 20px;
}

#becomePremiumModal .premiumAdvantage .item {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 14px;
}

#becomePremiumModal .premiumAdvantage .item:first-of-type {
	border-top: 1px solid #ddd;
}

#becomePremiumModal .premiumAdvantage .item span:not(.translatable) {
	color: #337ab7;
	font-size: 16px;
	margin-right: 20px;
}

#becomePremiumModal .btn {
	background: #25749B;
	border: none;
	font-size: 20px;
	font-family: Antonio-Regular;
}


/*________________________________________*/


/* aBecomeSellerUserModal.jsp */

#becomeSellerModal {
	font-family: Arimo-Regular;
	display: none;
	background: rgba(31, 31, 31, 0.33);
}

#becomeSellerModal .modal-dialog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5.05vw auto 0 auto;
	height: calc(100% - 5.05vw);
	width: 780px;
}

#becomeSellerModal .modal-header .modal-title {
	font-size: 20px;
}

#becomeSellerModal .modal-body {
	padding: 20px;
}

#becomeSellerModal h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#becomeSellerModal form {
	background: #eee;
	padding: 10px;
	margin-top: 20px;
	overflow: auto;
}

#becomeSellerModal form .row {
	width: 100%;
	margin: 0 0 20px 0;
}

#becomeSellerModal form .row .col {
	text-align: left;
}

#becomeSellerModal form .row .col:last-of-type {
	text-align: right;
}

#becomeSellerModal form input,
#becomeSellerModal form select {
	width: 100%;
	border: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	height: 34px;
	border-radius: 4px;
}

#becomeSellerModal form .col-sm-4 img {
	height: 50px;
	float: right;
}

#becomeSellerModal .btn {
	background: #25749B;
	border: none;
	font-size: 20px;
	font-family: Antonio-Regular;
	float: right;
}

#becomeSellerModal label {
	display: inline;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

#becomeSellerModal .infoPremium p {
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	font-size: 13px;
	font-style: italic;
	font-family: Arimo-Regular;
	color: #0e0909;
}

#becomeSellerModal .infoPremium {
	margin: 20px;
	background: #e1f4fd;
	border-radius: 10px;
	padding: 10px;
}


/*________________________________________*/


/* aBecomeExpertUserModal.jsp */

#becomeExpertModal {
	font-family: Arimo-Regular;
	display: none;
	background: rgba(31, 31, 31, 0.33);
}

#becomeExpertModal .modal-dialog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5.05vw auto 0 auto;
	height: calc(100% - 5.05vw);
	width: 780px;
}

#becomeExpertModal .modal-header .modal-title {
	font-size: 20px;
}

#becomeExpertModal .modal-body {
	padding: 20px;
}

#becomeExpertModal h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#becomeExpertModal form {
	background: #eee;
	padding: 10px;
	margin-top: 20px;
	overflow: auto;
}

#becomeExpertModal form .row {
	width: 100%;
	margin: 0 0 20px 0;
}

#becomeExpertModal form .row .col {
	text-align: left;
}

#becomeExpertModal form .row .col:last-of-type {
	text-align: right;
}

#becomeExpertModal form input,
#becomeExpertModal form select {
	width: 100%;
	border: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	height: 34px;
	border-radius: 4px;
}

#becomeExpertModal select.expertCategories {
	height: 160px;
}

#becomeExpertModal select.expertCategories option {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

#becomeExpertModal select.expertCategories optio:last-of-type {
	border-bottom: none;
}

#becomeExpertModal form .col-sm-4 img {
	height: 50px;
	float: right;
}

#becomeExpertModal .btn {
	background: #25749B;
	border: none;
	font-size: 20px;
	font-family: Antonio-Regular;
	float: right;
}

#becomeExpertModal label {
	display: inline;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	padding: 0 2px;
	font-family: Antonio-Regular;
	color: #00739a;
}

#becomeExpertModal .infoPremium p {
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	font-size: 13px;
	font-style: italic;
	font-family: Arimo-Regular;
	color: #0e0909;
}

#becomeExpertModal .infoPremium {
	margin: 20px;
	background: #e1f4fd;
	border-radius: 10px;
	padding: 10px;
}


/*________________________________________*/

p.instagram {
	background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background: -webkit-radial-gradient(35% 90%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(0 140%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(0 -25%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(20% -50%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(100% 0, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(60% -20%, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(100% 100%, ellipse farthest-corner, #d9317a, rgba(0, 0, 0, 0)), -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
	background: -o-radial-gradient(35% 90%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(0 140%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(0 -25%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(20% -50%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(100% 0, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(60% -20%, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(100% 100%, ellipse farthest-corner, #d9317a, rgba(0, 0, 0, 0)), -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
	background: -webkit-radial-gradient(35% 90%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(0 140%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(0 -25%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(20% -50%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(100% 0, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(60% -20%, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(100% 100%, ellipse farthest-corner, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background: -o-radial-gradient(35% 90%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(0 140%, circle farthest-corner, #fec564, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(0 -25%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(20% -50%, ellipse farthest-corner, #5258cf, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(100% 0, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(60% -20%, ellipse farthest-corner, #893dc2, rgba(0, 0, 0, 0) 50%), -o-radial-gradient(100% 100%, ellipse farthest-corner, #d9317a, rgba(0, 0, 0, 0)), -o-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

p.instagram:before {
	color: #fff;
	content: '';
	display: block;
	position: absolute;
	border: .075em solid;
	border-radius: inherit;
	height: .75em;
	-webkit-transform: translate(0.125em, 0.125em);
	-ms-transform: translate(0.125em, 0.125em);
	    transform: translate(0.125em, 0.125em);
	width: .75em;
}

p.instagram:after {
	color: #fff;
	content: '';
	display: block;
	position: absolute;
	border: .075em solid;
	border-radius: 1em;
	-webkit-box-shadow: 0.2em -0.2em 0 -0.16em;
	        box-shadow: 0.2em -0.2em 0 -0.16em;
	height: .4em;
	-webkit-transform: translate(0.3em, 0.3em);
	-ms-transform: translate(0.3em, 0.3em);
	    transform: translate(0.3em, 0.3em);
	width: .4em;
}

div.scrollForMore {
	position: absolute;
	bottom: 0px;
	color: #666666;
	font-size: 24px;
	width: 100%;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: red;
	background: rgba(0, 0, 0, 0.6);
}


/*________________________________________*/


/*________________________________________*/


/*________________________________________*/


/*################################
  ________________________________
	progress

  ________________________________
################################*/

#sw-load {
	width: 100vw;
	height: 100vh;
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	background-color: #3F7EB4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: Antonio-Bold;
	font-size: 12vh;
	line-height: 20vh;
	color: #3F7EB4;
	;
	display: none;
}

#sw-load div#sw-loadPercentage {
	z-index: 1010;
	width: 100vw;
	height: 100vh;
	border-radius: 0%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #FFFFFF;
	display: none;
}

#sw-load #stage {
	position: absolute;
	top: 0;
	z-index: 1001;
	width: 100vw;
	height: 100vh;
	display: none;
}

#sw-load.loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sw-load.loading div#sw-loadPercentage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sw-load.loading div#sw-loadPercentage div.preload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: Antonio-bold;
	font-size: 28px;
	color: #3F7EB4;
}

#sw-load.loading div#sw-loadPercentage>span {
	display: none;
}

#sw-load.loading #stage {
	display: none;
}

#sw-load.loading.animated {}

#sw-load.loading.animated div#sw-loadPercentage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 25vw;
	height: 25vw;
	border-radius: 100%;
	-webkit-transition: width 0.3s, height 0.3s, border-radius 0.3s;
	-o-transition: width 0.3s, height 0.3s, border-radius 0.3s;
	transition: width 0.3s, height 0.3s, border-radius 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

#sw-load.loading.animated div#sw-loadPercentage div.preload {
	display: none;
}

#sw-load.loading.animated div#sw-loadPercentage>span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sw-load.loading.animated #stage {
	display: none;
}

#sw-load.loading.animated.dot {
	background: transparent;
}

#sw-load.loading.animated.dot div#sw-loadPercentage {
	-webkit-animation: width 0.5s, line-height 0.5s, border-radius 0.5s, height 0.5s;
	animation: width 0.5s, line-height 0.5s, border-radius 0.5s, height 0.5s;
	width: 0px;
	line-height: 0px;
	height: 0px;
}

#sw-load.loading.animated.dot div#sw-loadPercentage span {
	display: none;
}

#sw-load.loading.animated.dot #stage {
	display: block;
	background: transparent;
}

#sw-load.loading.animated.dot #stage #stageBottom {
	position: absolute;
	bottom: 0;
	width: 100vw;
	height: 50vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: #3F7EB4;
}

#sw-load.loading.animated.dot #stage #stageBottom div#bottomSemiDot {
	position: absolute;
	top: 0;
	width: 0px;
	height: 0px;
}

#sw-load.loading.animated.dot #stage #stageTop {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 50vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	background: #3F7EB4;
}

#sw-load.loading.animated.dot #stage #stageTop div#topSemiDot {
	position: absolute;
	bottom: 0;
	width: 0px;
	height: 0px;
}

#sw-load.loading.animated.dot.line {
	background: transparent;
}

#sw-load.loading.animated.dot.line div#sw-loadPercentage {
	display: none;
}

#sw-load.loading.animated.dot.line #stage {}

#sw-load.loading.animated.dot.line #stage #stageTop {}

#sw-load.loading.animated.dot.line #stage #stageTop #topSemiDot {
	-webkit-animation: dotToLine 0.5s forwards;
	animation: dotToLine 0.5s forwards;
	height: 2px;
	background: #FFFFFF;
}

#sw-load.loading.animated.dot.line #stage #stageBottom {}

#sw-load.loading.animated.dot.line #stage #stageBottom #topSemiBottom {
	-webkit-animation: dotToLine 0.5s forwards;
	animation: dotToLine 0.5s forwards;
	height: 2px;
	background: #FFFFFF;
}

#sw-load.loading.animated.dot.line.openStage {
	background: transparent;
}

#sw-load.loading.animated.dot.line.openStage div#sw-loadPercentage {
	display: none;
}

#sw-load.loading.animated.dot.line.openStage #stage {}

#sw-load.loading.animated.dot.line.openStage #stage #stageTop {
	-webkit-animation: stageUp 0.9s forwards;
	animation: stageUp 0.9s forwards;
}

#sw-load.loading.animated.dot.line.openStage #stage #stageBottom {
	-webkit-animation: stageDown 0.9s forwards;
	animation: stageDown 0.9s forwards;
}

@-webkit-keyframes stageUp {
	from {
		top: 0px;
	}
	to {
		top: -100vh;
	}
}

@-webkit-keyframes stageDown {
	from {
		bottom: 0px;
	}
	to {
		bottom: -100vh;
	}
}

@-webkit-keyframes dotToLine {
	from {
		width: 0px;
	}
	to {
		width: 100vw;
	}
}


/*________________________________
	end progress

  ________________________________
*/


/*________________________________
	content loader animation

  _________________________________
*/

@-webkit-keyframes loader {
	50% {
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
		opacity: 0.3;
	}
}

@keyframes loader {
	50% {
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
		opacity: 0.3;
	}
}

div.h_loader_wrap {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	height: 40px;
	position: relative;
}

div.h_loader_wrapper {
	width: 75px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -37.5px;
	position: absolute;
}

.h_loader {
	width: 75px;
	height: 40px;
	margin: auto;
	position: relative;
	padding-top: 15px;
}

.h_loader>div {
	height: 10px;
	width: 10px;
	background-color: #54B849;
	float: left;
	margin: 0 5px 0 0;
	-webkit-animation: loader 0.7s infinite;
	        animation: loader 0.7s infinite;
	opacity: .8;
	border-radius: 10%;
}

.h_loader>div:nth-child(1) {
	-webkit-animation-delay: 0.1s;
	        animation-delay: 0.1s;
}

.h_loader>div:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
}

.h_loader>div:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;
}

.h_loader>div:nth-child(4) {
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;
}

.h_loader>div:nth-child(5) {
	-webkit-animation-delay: 0.5s;
	        animation-delay: 0.5s;
}

div.helpContainer div.helpTextTop img {
	background: none;
	width: 100px;
	height: 100px;
}

.redItalic {
	color: red;
	font-style: italic;
}


/*________________________________
	end content loader animation

*/


/*
startHelp
*/

body.startHelp #sw-welcome {
	display: none;
}

body.startinfo div.indexInfo {
/* 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center; */
	        
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;	        
}

body div.indexInfo {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000000;
}



body.startHelp div.indexHelp {
/* 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center; */
	        
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;	        
}

body div.indexHelp {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000000;
}

.helpIndexCloser , .infoIndexCloser{
/* 	top: 5vw;
	position: absolute;
	right: 1vw;
	font-size: 4.5vw;
	color: #FF0000;
	width: 6.2vw;
	height: 6.2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center; */
top: 45px;
    position: absolute;
    right: 30px;
    font-size: 48px;
    color: #FF0000;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;	
        z-index: 100000;        
}

.indexHelpBox , .indexInfoBox{
	z-index: 10;
    position: relative;
    padding: 30px;
	
}

body.startHelp .l_text,
body.startHelp .r_text {
/* 	width: 45% !important;
	font-family: 'Teko', sans-serif; */
	width: 40% !important;
    font-family: 'Teko', sans-serif;
}

.indexHelpBox img , .indexInfoBox img{
    background: none !important;
    max-height: 80%;
    max-width: 100%;
}

body.startHelp div.helpTextBody , {
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}


/*
////////////////////////////////////////
*/

.addModalHeaderwrap {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	height: 100%;
	margin-bottom: 8px;
}

.addModalHeaderwrap .profilePicture {
	height: 70px;
	width: 70px;
	border: 3px solid #333333;
	background: #666666;
	padding: 10px;
	border-radius: 10%;
}

.profilePicture img {
	max-width: 100%;
	width: auto;
}

.uno {
	background: transparent;
	padding: 0px 10px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

.addModalRuler {
	width: 100%;
	height: 2px;
	background: red;
}

.headerContentAddModalOffset {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

.addModalHeaderHelp {
	color: #00739a;
	font-family: Arimo-bold;
	font-style: italic;
	position: relative;
	display: block;
	height: auto;
}

.addModalHeaderHelp span {
	line-height: 12px;
	letter-spacing: 0.5px;
}

#sw-superAddModal.intro #introHeader,
#sw-superAddModal.place #placeHeader,
#sw-superAddModal.picture #pictureHeader,
#sw-superAddModal.diary #diaryHeader,
#sw-superAddModal.path #pathHeader,
#sw-superAddModal.event #eventHeader,
#sw-superAddModal.edy #edyHeader {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	height: 100%;
	padding-top: 40px;
}

#sw-superAddModal #sw-superAddModalHeader div.addModalHeaderwrap {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.addModalControls div.closeDetails {
	color: #FF0000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	position: absolute;
	top: 20px;
	right: 35px;
	z-index: 1;
	opacity: 1;
}


/*############################################*/

div.addModalControls div.modalCloseAdd span {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

div.addModalControls div.modalCloseAdd span.warp::before,
div.addModalControls div.modalCloseAdd span.warp::after {
	border-radius: 120% 0;
}

div.addModalControls div.modalCloseAdd span.black::before,
div.addModalControls div.modalCloseAdd span.black::after {
	height: 8px;
	margin-top: -4px;
}

div.addModalControls div.modalCloseAdd span::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.addModalControls div.modalCloseAdd span::before,
div.addModalControls div.modalCloseAdd span::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #FF0000;
}

div.addModalControls div.modalCloseAdd span::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modalhelpToggle {
	cursor: pointer;
	cursor: hand;
	color: #F0F0F0;
	font-family: Arimo-Bold;
	letter-spacing: 1.3px;
}


/*############### patch for details from profile content ########################################*/

body.social #sw-wrapperRight {
	width: calc( 780px + ( ( 100vh - 5vw) / 14));
}


/* 
body.social #wrapper #wrapperMain.mapout #sw-wrapperRight {
}
 */

body.social.visitUser div#wrapperVisited {
	margin-left: 0;
	left: 0;
	display: block;
}

body .backFromProfile {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background-color: #25749B;
	position: relative;
	display: none;
	margin: 0rem 2rem;
	color: white;
	font-size: 21px;
	text-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.visited .sw-wrapperLeft .backFromProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

body.visited #wrapperVisited.wall .sw-wrapperRight .backFromProfile,
body.visited #wrapperVisited.friends .sw-wrapperRight .backFromProfile,
body.visited #wrapperVisited.contents .sw-wrapperRight .backFromProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

body.social.visitUser.backFromProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

body.sw-body.social.detailsOn div#wrapper {
	/*
    padding-left: 0 !important;
    */
}

#pathSearch {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.blink_me {
	-webkit-animation: blinker 1s linear infinite;
	        animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.iconNavBack {
	height: 60px;
	background-color: transparent;
	width: 12%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	background: transparent;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.3);
}

#sw-menu {
	display: none !important
}


/*########### view modifier ###########################################*/


/*	body.noclass > all --> display none 	*/

body.comeIn #sw-wrap>#sw-main {
	opacity: 0;
}

body.comeIn #sw-welcome {
	z-index: 1000;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
	-webkit-transition: opacity .9s ease-in-out;
	-o-transition: opacity .9s ease-in-out;
	transition: opacity .9s ease-in-out;
}

body.comeIn #sw-bg-wrap {
	z-index: 1000;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@################new singin box #######################@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#signInBox #sw-getIn-tab {
	position: relative;
	z-index: 100;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background-color: #FFFFFF;
	border-radius: 8px;
	-webkit-box-shadow: -0.44rem 0.44rem 1.46rem 0.15rem rgba(20, 20, 20, .5);
	box-shadow: -0.44rem 0.44rem 1.46rem 0.15rem rgba(20, 20, 20, .5);
	-webkit-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}

#signInBox.login #sw-getIn-tab {
	height: 235.36px;
	height: 14.71rem;
}

#signInBox.signup #sw-getIn-tab {
	height: 494.289px;
	height: 30.8931rem;
}

#signInBox div.tablinks {
	position: absolute;
	top: -33.332px;
	top: -2.0833rem;
	z-index: -1;
	width: 125px;
	width: 7.8125rem;
	height: 41.6px;
	height: 2.60rem;
	font-family: Antonio-Regular;
	font-size: 21.44px;
	font-size: 1.34rem;
	-webkit-box-shadow: -0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20, .5);
	box-shadow: -0.9762rem 0px 1.116rem -0.4464rem rgba(20, 20, 20, .5);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#signInBox div.loginTab {
	left: 41.6px;
	left: 2.60rem;
	background-color: #62B946;
	color: #FFFFFF;
}

#signInBox.signup div.loginTab {
	background-color: #E6E6E6;
	color: #666666;
}

#signInBox div.registerTab {
	left: 192.48px;
	left: 12.03rem;
	background-color: #E6E6E6;
	color: #666666;
}

#signInBox.signup div.registerTab {
	background-color: #62B946;
	color: #FFFFFF;
}

#signInBox div.recoveryPswTab {
	display: none;
}

#signInBox div.guestTab {
	right: 44.91px;
	right: 2.8069rem;
	background-color: #0168A3;
	color: #FFFFFF;
}

#signInBox .guestBlink {
	-webkit-animation: guestBlinker 4s steps(2, end) infinite;
	animation: guestBlinker 4s steps(2, end) infinite;
}

@-webkit-keyframes guestBlinker {
	0% {
		background-color: #0168A3;
	}
	50% {
		background-color: #0168A3;
	}
	51% {
		background-color: #FF0000;
	}
	100% {
		background-color: #FF0000;
	}
}

@keyframes guestBlinker {
	0% {
		background-color: #0168A3;
	}
	50% {
		background-color: #0168A3;
	}
	51% {
		background-color: #FF0000;
	}
	100% {
		background-color: #FF0000;
	}
}

#signInBox div.tablinks.active {
	z-index: 3 !important;
}

#signInBox div.tabcontent:nth-child(1) {
	display: block;
}

#signInBox div.tabcontent {
	height: 100%;
	z-index: 1;
	background-color: #FFFFFF;
	border-radius: 8px;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/*	Login	*/

#signInBox div#Login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16.384px;
	font-size: 1.024rem;
	position: relative;
}

#signInBox div#Login form {
	width: 100%;
	position: relative;
}

#signInBox div.sw-login-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

#signInBox div.sw-login-left,
#signInBox div.sw-login-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 40%;
}

#signInBox div.sw-login-left input[Type='text'],
#signInBox div.sw-login-left input[Type='email'],
#signInBox div.sw-login-right input[Type='password'] {
	width: 100%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

#signInBox div.sw-login-left>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#signInBox div.sw-login-left input[Type='checkbox'] {
	margin: 0;
	margin-right: 10px;
}

#signInBox div.sw-login-left p {
	font-family: Arimo-Regular;
	font-size: 14.08px;
	font-size: .88rem;
	margin: 0;
}

#signInBox div.sw-login-right>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
}

#signInBox div.sw-login-right a {
	font-size: 14.08px;
	font-size: .88rem;
}

#signInBox #Login div.login-facebook,
#signInBox #Login div.login-google,
#signInBox #Login div.login-twitter,
#signInBox #Login div.login-linkedin {
	width: 58.564px;
	width: 3.6603rem;
	height: 58.564px;
	height: 3.6603rem;
	overflow: hidden;
}

#signInBox #Login div.login-facebook img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#signInBox #Login div.login-google img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#signInBox #Login div.login-twitter img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -74.4px;
	margin-left: -4.65rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#signInBox #Login div.login-linkedin img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -138.214px;
	margin-left: -8.6384rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#signInBox #sw-login-button,
#signInBox #sw-recoveryPsw-send {
	width: 117.12px;
	width: 7.32rem;
	height: 35.2px;
	height: 2.20rem;
	line-height: 37.44px;
	line-height: 2.34rem;
	background: #0168A3;
	text-align: center;
	color: white;
	float: right;
	font-family: Antonio-Regular;
	letter-spacing: 3.52px;
	letter-spacing: .22rem;
	font-size: 21.44px;
	font-size: 1.34rem;
}


/*	Recovery	*/

#signInBox div#Recovery {
	display: none;
	font-size: 16.384px;
	font-size: 1.024rem;
}

#signInBox div.sw-recovery-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

#signInBox div.sw-recovery-wrap div.sw-recovery-email {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 90%;
}

#signInBox div.sw-recovery-left,
#signInBox div.sw-recovery-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 40%;
}

#signInBox div.sw-recovery-email input[Type='email'],
#signInBox div.sw-recovery-right input[Type='password'] {
	width: 100%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

#signInBox div.sw-recovery-left>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#signInBox div#sw-recoveryPsw-cancel {
	width: 7.32rem;
	height: 2.20rem;
	line-height: 2rem;
	background: #cccccc;
	text-align: center;
	float: right;
	font-family: Antonio-Regular;
	letter-spacing: .22rem;
	font-size: 1.34rem;
	color: #000000;
	border: 1px solid #333333;
	background-color: #f0f0f0;
}

#signInBox div.sw-recovery-left p {
	font-family: Arimo-Regular;
	font-size: 14.08px;
	font-size: .88rem;
	margin: 0;
}

#signInBox div.sw-recovery-right>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
}

#signInBox div.sw-recovery-right a {
	font-size: 14.08px;
	font-size: .88rem;
}

#signInBox #sw-recovery-button {
	width: 117.12px;
	width: 7.32rem;
	height: 35.2px;
	height: 2.20rem;
	line-height: 37.44px;
	line-height: 2.34rem;
	background: #0168A3;
	text-align: center;
	color: white;
	float: right;
	font-family: Antonio-Regular;
	letter-spacing: 3.52px;
	letter-spacing: .22rem;
	font-size: 21.44px;
	font-size: 1.34rem;
}


/*	Register	*/

#signInBox #sw-signup-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14.056px;
	font-size: 0.8785rem;
	width: 100%;
}

#signInBox #sw-signup-wrap form {
	width: 100%;
}

#signInBox #sw-signup-wrap div.login-facebook,
#signInBox #sw-signup-wrap div.login-google,
#signInBox #sw-signup-wrap div.login-twitter,
#signInBox #sw-signup-wrap div.login-linkedin {
	width: 58.564px;
	width: 3.6603rem;
	height: 58.564px;
	height: 3.6603rem;
	overflow: hidden;
}

#signInBox #sw-signup-wrap div.login-facebook img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#signInBox #sw-signup-wrap div.login-google img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -10.542px;
	margin-left: -0.6589rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#signInBox #sw-signup-wrap div.login-twitter img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -74.4px;
	margin-left: -4.65rem;
	margin-top: -10.542px;
	margin-top: -0.6589rem;
}

#signInBox #sw-signup-wrap div.login-linkedin img {
	width: 215.121px;
	width: 13.4451rem;
	margin-left: -138.214px;
	margin-left: -8.6384rem;
	margin-top: -74.4px;
	margin-top: -4.65rem;
}

#signInBox #sw-signup-ruler {
	width: 92%;
	margin-bottom: 29.283px;
	margin-bottom: 1.8302rem;
	margin-top: 29.283px;
	margin-top: 1.8302rem;
}

#signInBox #sw-signup-ruler div.sw-signup-ruler-line {
	height: 1px;
	background: #CCCCCC;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

#signInBox #sw-signup-ruler div.sw-signup-ruler-box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 3.68px 13.504px 3.68px 13.504px;
	padding: 0.23rem 0.844rem 0.23rem 0.844rem;
	text-align: center;
	line-height: 19.2px;
	line-height: 1.2rem;
}

#signInBox div.sw-signup-inputarea {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#signInBox div.sw-signup-left,
#signInBox div.sw-signup-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: auto;
	width: 42%;
}

#signInBox div.sw-signup-left img.captcha,
#signInBox div.sw-signup-left input[Type='email'],
#signInBox div.sw-signup-right input[Type='email'],
#signInBox div.sw-signup-left input[Type='password'],
#signInBox div.sw-signup-right input[Type='password'],
#signInBox div.sw-signup-left input[Type='text'],
#signInBox div.sw-signup-right input[Type='text'] {
	width: 100%;
	margin-bottom: 18.4px;
	margin-bottom: 1.15rem;
	padding-left: 11.713px;
	padding-left: 0.7321rem;
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	height: 36.8px;
	height: 2.3000rem;
	outline: none;
}

#signInBox #sw-signup-disclaimer {
	margin-bottom: 10px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#signInBox #sw-disclaimer-left,
#signInBox #sw-disclaimer-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: auto;
	width: 42%;
}

#signInBox #sw-signup-disclaimer input {
	margin: 0;
	margin-right: 11.713px;
	margin-right: 0.7321rem;
}

#signInBox #sw-signup-disclaimer p {
	font-family: Arimo-Regular;
	font-size: 14.056px;
	font-size: 0.8785rem;
	margin: 0;
	color: #999999;
}

#signInBox #sw-signup-disclaimer p span a {
	color: #000000;
	font-family: Arimo-Bold;
}

#signInBox #sw-signup-action {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#signInBox #sw-signup-cancel,
#signInBox #sw-signup-create {
	line-height: 36.31px;
	line-height: 2.2694rem;
	width: 42%;
	text-align: center;
	color: white;
	font-family: Antonio-Regular;
	letter-spacing: 3.52px;
	letter-spacing: .22rem;
	font-size: 21.44px;
	font-size: 1.34rem;
}

#signInBox #sw-signup-cancel {
	background-color: #E6E6E6;
	color: #666666;
}

#signInBox #sw-signup-create {
	background: #0168A3;
}

body.search-adv #disclaimers.out {
	display: none !important;
}

body.search-adv .sw-infoToggle {
	display: none !important;
}


/********************** icon nav social********************************************/

.iconNavSocial {
	height: 60px;
	background-color: transparent;
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	background: #53a1c7;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 100px;
	left: 20px;
	z-index: 100;
}

#sw-wrapperRight .nav.nav-tabs>li {
	padding: 12px 15px;
	border-radius: 0;
}

#sw-wrapperRight .nav.nav-tabs>li a {
	letter-spacing: 1px;
}

#sw-wrapperRight li.sw-mydash-tablink.active {
	background: #337ab7;
}

#sw-wrapperRight li.sw-mydash-tablink.active a {
	background: transparent;
	border: none;
	color: white;
}

#sw-wrapperRight .nav.nav-tabs>li>a {
	padding: 0 !important;
}


/*________________________________________

From aTestGraph.jsp
________________________________________*/

body.new #sw-header {
	height: 75px !important;
}

body.new #sw-wrap {
	padding-top: 75px !important;
	padding-left: 0 !important;
}

div#searchPadMap {
	height: 200px;
	width: 100%;
	margin: 20px 0px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	display:none;
}

@media only screen and (max-height: 868px) {
	div#searchPadMap {
		height: 100px;
	}
}

#sw-welcome {
	display: none !important;
}

div#sw-wrap.mapOut div#sw-left {
	left: -10000px;
}

div#sw-wrap.halfMap div#sw-left {
	width: 50vw !important;
}

div.sw-som .showAsMap,
div.sw-som .showAsList {
	display: none;
}
#listFocus,
#mapFocus{
	display: none;
}

div.sw-som.showAsMap .showAsMap {
	display: inline-block;
}

div.sw-som.showAsList .showAsList {
	display: inline-block;
}

body div#sw-filter-wrap {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	top: 0;
	left: 0;
	position: absolute;
	height: 0vw;
	z-index: 100;
	width: 100vw;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	transition: height .8s;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	padding-left: calc((100vh - 5vw) / 13);
	padding-top: 5vw;
}

body div#sw-filter-adv-wrap {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	top: 0px;
	left: 0;
	position: absolute;
	height: 0vw;
	z-index: 100;
	width: 100vw;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	transition: height .8s;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	padding-top: 5vw;
}

body.filterOut div#sw-filter-wrap {
	height: 8.46vw;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	transition: height .8s;
}

body.filterOut div#sw-filter-adv-wrap {
	height: 0px;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	transition: height .8s;
}

body.filterOut div#sw-filter-wrap.catOut {
	height: 0vh;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	transition: height .8s;
	padding-top: 0vw;
}

body.filterOut div#sw-filter-adv-wrap.catOut {
	height: 100vh;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	transition: height .8s;
	padding-top: 5vw;
}

body.filterOut div#sw-filter {
	display: none !important;
}

body.filterOut div#sw-filter {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 0 1vw;
	height: 3.46vw;
}

button.redButton {
	color: #FFFFFF;
	background: #FF0000;
}

body.filterOut #sw-left {
	min-width: 0;
	width: 100vw !important;
	height: 100%;
	background: transparent;
	z-index: 100;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: felx-start;
	-ms-flex-align: felx-start;
	align-items: felx-start;
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #FFFFFF), color-stop(50, #fafafa), color-stop(100, #F8F8F8));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -o-radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
}

#sw-search-google-tab,
#sw-search-sworld-tab {
	width: 15%;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#geoTrigger {
	border: none;
	text-decoration: none;
	color: #fff;
	background-color: #4688a9;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	color: white;
	font-size: 0.95rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Regular;
	border-radius: 5px;
}

#sw-left div.scrollContainer {
	position: relative;
	min-height: 0;
	margin: 0vw;
	z-index: 800;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc( 100% - 350px);
	height: calc( 100% - 35px);
	padding-bottom: 0px;
}

#scrollElement {
	width: 100%;
	overflow: visible;
	margin: auto;
}

#sw-container1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 4vw 50px 50px 7vw;
}

.grid {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	padding: 0px 30px 0px 30px !important;
}

.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid-item {
	float: left;
	-webkit-perspective: 800px;
	perspective: 800px;
	margin: 5vh 0vh 0vh 1vh;
	height: 400px;
	width: 280px;
	border-radius: 5px;
	background: transparent;
	text-align: center;
}

.card {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.card {}

.card figure {
	margin: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12);
	        box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12);
}

.card figure.front {
	z-index: 10;
	-webkit-transform: rotateX(0deg);
	        transform: rotateX(0deg);
}

.card figure.back {
	-webkit-transform: rotateY( 180deg);
	transform: rotateY( 180deg);
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.grid-item .imgContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	height: 180px;
}

.grid-item .imgContainer img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
	border-radius: 4px 4px 0 0;
}

.card figure.front .catIcon {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: absolute;
	top: 150px;
	right: 15px;
	background-size: 80%;
	background-position: center;
}

.raised {
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.raisedBold {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.5), 0px 4px 4px 0px rgba(0, 0, 0, 0.5), 0px 1px 7px 0px rgba(0, 0, 0, 0.5);
}
.card figure.front .auth {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px 15px 6px 15px;
	background: #f4f4f4;
	-webkit-box-shadow: inset 0px 11px 8px -10px rgba(100, 100, 100, 0.6), inset 0px -11px 8px -11px rgba(100, 100, 100, 0.6);
	        box-shadow: inset 0px 11px 8px -10px rgba(100, 100, 100, 0.6), inset 0px -11px 8px -11px rgba(100, 100, 100, 0.6);
	padding: 20px 20px 20px 20px;
}

.card figure .profile-image {

	width: 35px;
	height: 35px;
	border-radius: 20%;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	overflow: hidden;
}

.card figure img.imgProf {
	max-width: 100%;
	border-radius: 5px;
}

.card figure .authName {
	font-size: 10px;
	color: #A0A6AB;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	text-align: left;
	padding: 0 15px;
	z-index: 11;
}

.card figure.front hr {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 15px;
	border: 0;
	border-bottom: 1px solid #E6E9EC;
}

.card .itemTitle {
	font-size: 14px;
	color: #337ab7;
	margin: 20px 20px 20px 20px;
	font-family: Antonio-Bold;
	letter-spacing: .5px;
	line-height: 20px;
	height: 63px;
}

.card figure.front .itemTitle {
	padding: 20px 20px 20px 20px;
	margin: unset;
}

.cardSummary {
	width: 160px;
	height: 20px;
	margin: 0 0px;
	bottom: 15px;
	position: absolute;
	right: 0;
	line-height: 20px;
	font-size: 12px;
	color: #26a69a;
	background: #eeeeee;
	font-weight: bold;
}

.flag-wrap {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.backSummary {
	width: 125px;
	height: 30px;
	margin: 0 15px;
	bottom: 15px;
	position: absolute;
	right: 0;
	line-height: 20px;
	font-size: 14px;
	color: #26a69a;
}

.grid-item.photo .card figure.back span.content-title {
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	font-size: 16px;
	color: #337ab7;
	margin: 0;
	padding: 0;
}

.card figure.back .pWrap {
	margin: 15px 20px;
	text-align: justify;
	color: #A0A6AB;
	font-family: "Playfair Display", serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	overflow: hidden;
	position: absolute;
	bottom: 50px;
	height: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.card figure.back .pWrap p {
	margin: 0;
}

.card figure.back .buyAndRent {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 50px;
	background-color: #00739a;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.card figure.back div.buyAndRent>div {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #FFFFFF;
}

.card figure.back .contentFree,
.card figure.back .contentNotFree,
.card figure.back .purchased,
.card figure.back .contentRent,
.card figure.back .premiumDiscounts {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.card figure.back div.serviceRight {}

div.grid-item.notViewable .card figure.back div.serviceRight {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

.card.flipped {
	-webkit-transform: rotateY( 180deg);
	transform: rotateY( 180deg);
}

.card.flipped {
	-webkit-transform: translateX( -100%) rotateY( -180deg);
	transform: translateX( -100%) rotateY( -180deg);
}

.card.flipped .front .catIcon {}

.ribbonLeft {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbonLeft span {
	background-color: black;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	letter-spacing: 1px;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.ribbonLeft span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #1e5799;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.ribbonLeft span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #1e5799;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.ribbonRight {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbonRight span {
	background-color: black;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	letter-spacing: 1px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	right: -21px;
}

.ribbonRight span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #1e5799;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.ribbonRight span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #1e5799;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.freeRed span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ad2d2d), to(#f92020));
	background: -webkit-linear-gradient(top, #ad2d2d 1%, #f92020 100%);
	background: -o-linear-gradient(top, #ad2d2d 1%, #f92020 100%);
	background: linear-gradient(to bottom, #ad2d2d 1%, #f92020 100%);
}

.freeRed span::before {
	border-left: 3px solid #f92020;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #f92020;
}

.freeRed span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #f92020;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #f92020;
}

.notFreeBlue span {
	background: -webkit-gradient(linear, left top, left bottom, from(#2989d8), to(#1e5799));
	background: -webkit-linear-gradient(#2989d8 0%, #1e5799 100%);
	background: -o-linear-gradient(#2989d8 0%, #1e5799 100%);
	background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

.notFreeBlue span::before {
	border-left: 3px solid #1e5799;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.notFreeBlue span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #1e5799;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.premiumGold span {
	background: -webkit-gradient(linear, left top, left bottom, from(#b48811), to(#f1da36));
	background: -webkit-linear-gradient(top, #b48811 0%, #f1da36 100%);
	background: -o-linear-gradient(top, #b48811 0%, #f1da36 100%);
	background: linear-gradient(to bottom, #b48811 0%, #f1da36 100%);
}

.premiumGold span::before {
	border-left: 3px solid #f1da36;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #f1da36;
}

.premiumGold span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #f1da36;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #f1da36;
}

.ribbonRating {
	position: absolute;
	left: -5px;
	bottom: 10px;
	z-index: 1;
	overflow: hidden;
	width: 125px;
	height: 30px;
	text-align: right;
}

.ribbonRating div.fiveStar {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	letter-spacing: 1px;
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	width: 125px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 137, 216, 1)), to(rgba(30, 87, 153, 1)));
	background: -webkit-linear-gradient(rgba(41, 137, 216, 1) 0%, rgba(30, 87, 153, 1) 100%);
	background: -o-linear-gradient(rgba(41, 137, 216, 1) 0%, rgba(30, 87, 153, 1) 100%);
	background: linear-gradient(rgba(41, 137, 216, 1) 0%, rgba(30, 87, 153, 1) 100%);
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	bottom: 5px;
	left: -1px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ribbonRating div.fiveStar::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #1e5799;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.ribbonRating div.fiveStar::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
}

.card figure.back .authName {
	color: #FFFFFF;
}

.card figure.back .cardBackHeader {
	background: #26a69a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 75px;
	padding: 0 15px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.card figure.back .auth {
	background: #26a69a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.card figure.back span.cardby {
	text-transform: none;
	font-style: italic;
}

.card figure.back .itemTitle {
	text-align: left;
	margin: 0px 20px;
	position: relative;
	height: unset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	min-height: 0;
}

.card figure.back .photo.itemTitle {
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	font-size: 16px;
}

.card figure.back .address {
	color: #A0A6AB;
	font-size: 10px;
	text-align: left;
	margin: 0px 20px 0px 20px;
	font-style: italic;
	position: relative;
}

.card figure.back div.backTitleWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 95px;
}

.card figure.back .backSummary {
	position: absolute;
	width: 100%;
	margin: 0 0;
	background: #eeeeee;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	bottom: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	padding: 0 20px;
}

.backSummary>div {
	margin-right: 10px;
}

.card figure.back .catIcon.raised {
	width: 30px;
	height: 30px;
	border-radius: 30%;
	position: relative;
	background-size: 70%;
	background-position: center;
	float: left;
	margin: 5px 10px 5px 0px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.dullMe {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s
}

body.detailsOn #sw-filter-wrap {
	top: -1000px;
}

body.new #sw-container1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0vw 50px 20px 0px !important;
}

body.new div#mCSB_1_scrollbar_vertical {
	right: 10px !important;
	margin: 45px 0 20px 0;
}

body.detailsOn #disclaimers {
	display: none;
}

div#sw-search-adv {
	font-family: Antonio-Regular;
	font-size: 0.92rem;
	text-align: center;
	color: #000000;
	line-height: 1;
	padding: .7rem .5rem .5rem .5rem;
	border: 1px solid #333333;
	background-color: #f0f0f0;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	letter-spacing: 1px;
}

div#filter-adv-l,
div#filter-adv-r {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

div#searchPad {
	height: 100%;
	overflow-y: hidden;
	background-color: #FFFFFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%;
	z-index: 1001;
}

.typeFilter img {
	max-width: 70%;
}

.typeFilter {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.search-adv .typeFilter {}

.iconNav {
	height: 60px;
	background-color: transparent;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	background: #53a1c7;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.3);
}

div.iconNav span.input-group-addon.label-primary {
	border: 1px solid #000000 !important;
}

div#adv-cat {
	border: none;
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	color: white;
	font-size: 0.95rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Regular;
	width: 100%;
	border-radius: 5px;
}

.rangeSlider__horizontal {
	height: 14px;
}

.rangeSlider__handle__horizontal {
	top: -3px;
}

.rangeSlider__handle {
	width: 20px;
	height: 20px;
}

.rangeSlider__buffer {
	top: 3px;
	height: 10px;
}

.rangeSlider__buffer {
	z-index: 1;
	position: absolute;
	top: 3px;
	height: 14px;
	background: transparent;
	border-radius: 10px;
}

body.search-adv div.scrollContainer {
	width: 0 !important;
}

body div.adv-cat span:nth-child(2) {
	display: none;
}

body.search-adv div.adv-cat span:nth-child(1) {
	display: none;
}

body.search-adv div.adv-cat span:nth-child(2) {
	display: inline;
}

.search-adv-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
	background: red;
	height: 100%;
	position: relative;
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #FFFFFF), color-stop(50, #fafafa), color-stop(100, #F8F8F8));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -o-radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	display: none;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	overflow: hidden;
}

body.search-adv .search-adv-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.search-adv-wrap-l {
	width: 50%;
	padding: 10px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 800px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.search-adv-wrap-r {
	width: 50%;
	padding: 10px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 800px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 683px;
}

body .search-basic-wrap {
	position: relative;
	z-index: 101;
	width: 350px;
	height: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow-y: hidden;
	-webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.8);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 20px;
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #FFFFFF), color-stop(50, #fafafa), color-stop(100, #F8F8F8));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -webkit-radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: -o-radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #fafafa 50%, #F8F8F8 100%);
}

body.search-adv .search-basic-wrap {
	width: 0;
	padding: 0;
}

body.new div.filterWrap {
	height: unset;
	margin: 0;
}

body.new #sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListLeft,
body.new #sw-cat-block.filterActive div#filterCategories .filterCategoriesButtonListRight {
	width: unset;
}

.filterByType .typeFilter.raised {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.filterByType {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 50%;
}

.filterByTypeLabel,
.filterByCatLabel,
.advSearchByPlaceLabel,
.searchByKeywordLabel,
.searchByTagLabel {
	font-family: Antonio-Regular;
	font-size: 22px;
	color: #4688a9;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: -1px;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

body.new #sw-cat-block.filterActive div#filterCategories {
	margin-top: unset;
}

body.new #sw-cat-block.filterActive div#filterCategories div#perOraWrapper2 {
	width: 100%;
	padding-top: unset;
	border-top: unset;
}

.flex-h-offset {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

.flex-v-offset {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
}

body.new #sw-cat-block.filterActive div#filterSummary {
	height: unset;
}

.catCheckWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.filterActions {
	position: absolute;
	display: none;
}

body.search-adv .filterActions {
	position: relative;
	bottom: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 80px 4px 80px;
	background: #f0f0f0;
	border-top: 1px solid #ddd;
	height: 40px;
	margin-bottom: 15px !important;
}

.filterActions button {
	font-family: Antonio-Regular;
	font-size: 12px;
	text-align: center;
	color: #000000;
	line-height: 1;
	padding: 8px 15px;
	border: 1px solid #333333;
	background-color: #f0f0f0;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	letter-spacing: 2px;
	background-color: #4688a9;
	color: #FFFFFF;
	border-color: #0072AE;
	text-transform: uppercase;
	border-radius: 5px;
	background-color: #e28b0e;
	border: navajowhite;
	background-color: #52bf46;
}

.filterActions.paramOn div.viewGo {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.filterActions.paramOn div.searchGo {
	display: none !important;
}
div#randomYou{
    border: none;
    text-decoration: none;
    color: #fff;
    background-color: orange;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    color: white;
    font-size: 0.95rem;
    text-align: center;
    letter-spacing: 2px;
    font-family: Antonio-Regular;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    float: right;
}






div#aroundYou {
	border: none;
	text-decoration: none;
	color: #fff;
	background-color: #4688a9;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px 0 12px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	color: white;
	font-size: 0.95rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Regular;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

div#aroundYou i,
div#advAroundYou i {
	margin-right: 5px;
}

.catCheckWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

button.sw-button-cat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 200px;
	padding: 0;
	color: #FFFFFF;
	font-family: Arimo-Regular;
	font-size: 12px;
	border: none;
	margin: 3px;
	height: 29px;
	border-radius: 5px;
}

.catCheckWrap button>img {
	display: none;
}

.badge {
	background-color: unset;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

.search-adv-wrap-r .panel-title i.glyphicon,
.search-adv-wrap-l .panel-title i.glyphicon {
	-o-transition: -o-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	color: #4688a9;
}

.search-adv-wrap-r .panel-title i.glyphicon.rotate-icon,
.search-adv-wrap-l .panel-title i.glyphicon.rotate-icon {
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
	color: red;
}

.panel-group .panel+.panel {
	margin-top: 0px;
}

.panel-group .panel:last-child {
	border-bottom: 5px solid #2ba659;
}

.panel-collapse .collapse.in {
	border-bottom: 0;
}

div#advType,
div#advPlace,
div#advKeywords,
div#advTags,
div#advFilterWrap {
	border-top: 1px solid #CCCCCC;
	margin-top: 5px;
}

div#accordion .panel-body {
	padding: 10px 0 0px 0;
	border: none;
}

div#accordion .panel-heading,
div#accordion2 .panel-heading {
	padding: 0px;
	border-radius: unset;
}

div#accordion .panel-body::before,
div#accordion .panel-body::after {
	display: none
}

div#accordion>div {
	margin-bottom: 15px;
	border-bottom: none;
}

div#accordion2>div {
	margin-bottom: 15px;
	border-bottom: none;
}

button.panel-title,
button.panel-title:hover {
	border: none;
	background: transparent !important;
	color: #999999;
	-webkit-box-shadow: unset;
	box-shadow: unset;
}

.filterflex {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
}

.search-adv-wrap .mCustomScrollBox {
	width: 100%;
}

@media screen and (max-width: 1096px) {
	.filterflex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.search-adv-wrap-l {
		width: 100%;
		padding: 10px 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 800px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.search-adv-wrap-r {
		width: 100%;
		padding: 10px 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 800px;
		padding-top: 0;
	}
	div.search-adv-wrap .filterActions {
		width: 100%;
	}
}

.search-basic-wrap .label-primary,
.search-adv-wrap .label-primary {
	background-color: #538a4d;
}

.h_loader_wrapper {
	display: none !important;
}

.adv-cat-inactive .advSearchByPlaceLabel,
.adv-cat-inactive .searchByKeywordLabel,
.adv-cat-inactive .searchByTagLabel {
	color: #c8c8c8 !important;
}

.adv-cat-inactive .filterByTypeLabel,
.adv-cat-inactive .filterByCatLabel,
.adv-cat-inactive .panel-title i.glyphicon {
	color: #c8c8c8 !important;
}

#advType .typeFilter.disabled {
	-webkit-box-shadow: unset;
	        box-shadow: unset;
	background-color: #dddddd;
}

div.typeCheckAllNone {
	-webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	-o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	background-color: #C8C8C8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

div.typeCheckAllNone.selectAll {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

body.new #scrollElement ul {
	margin-bottom: 30px;
}

.noUi-handle:after,
.noUi-handle:before {
	content: unset;
}

.noUi-horizontal .noUi-handle {
	width: 60px;
	height: 22px;
	left: -17px;
	top: -8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 12px;
	font-family: Antonio-Bold;
	letter-spacing: 1px;
	background: #aeb2bd;
	color: #000000;
	-webkit-box-shadow: unset;
	        box-shadow: unset;
	border: none;
}

.noUi-connect {
	background: #61c4e1;
}

div#sw_search {
	width:100%;

	border: none;
	text-decoration: none;
	color: #fff;
	background-color: #5bbfdf;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	color: white;
	font-size: 0.95rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Regular;
	border-radius: 5px;
}

div#sw_search.enabled {
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: red;
}

.searchByGp.searchBoxActive input,
.searchByKey.searchBoxActive input {
	height: unset;
	margin: 0;
	width: 0 !important;
	padding: 6px 12px !important;
}

.searchByGp #searchBox0,
.searchByKey #searchBox2 {}

.label-help {}

.searchByGp.searchBoxActive .label-help {
	display: none;
}

.searchByKey,
.searchByGp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.searchByKey div:nth-child(1),
.searchByGp div:nth-child(1) {
	width: 36px;
	color: #FFFFFF;
	font-size: 16px;
	border: unset;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 12px;
}

.searchByKey div:nth-child(2),
.searchByGp div:nth-child(2) {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	color: #FFFFFF;
	font-size: 14px;
	border: unset;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	background: #54B849;
	font-family: Antonio-Regular;
	letter-spacing: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.searchByKey input,
.searchByGp input {
	width: 0 !important;
	border: none;
	padding: 6px 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.searchByKey.searchBoxActive .label-help,
.searchByGp.searchBoxActive .label-help {
	display: none;
}

.searchByKey.searchBoxActive input,
.searchByGp.searchBoxActive input {
	width: calc( 100% - 36px) !important;
	-webkit-transition: padding-left .2s ease-in-out, padding-right .2s ease-in-out, width .2s ease-in-out;
	-o-transition: padding-left .2s ease-in-out, padding-right .2s ease-in-out, width .2s ease-in-out;
	transition: padding-left .2s ease-in-out, padding-right .2s ease-in-out, width .2s ease-in-out;
	border: none;
}

#isLoading {
	display: none;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.75);
	z-index: 100000;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0;
	position: absolute;
	top:0;
	left:0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#isLoading.loaderOn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.loader__bar {
	position: absolute;
	bottom: 0;
	width: 10px;
	height: 50%;
	background: #fff;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	    transform-origin: center bottom;
	-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.loader__bar:nth-child(1) {
	left: 0px;
	-webkit-transform: scale(1, 0.2);
	-ms-transform: scale(1, 0.2);
	    transform: scale(1, 0.2);
	-webkit-animation: barUp1 4s infinite;
	animation: barUp1 4s infinite;
	background: rgb(255, 235, 59);
}

.loader__bar:nth-child(2) {
	left: 15px;
	-webkit-transform: scale(1, 0.4);
	-ms-transform: scale(1, 0.4);
	    transform: scale(1, 0.4);
	-webkit-animation: barUp2 4s infinite;
	animation: barUp2 4s infinite;
	background: rgb(255, 193, 7);
}

.loader__bar:nth-child(3) {
	left: 30px;
	-webkit-transform: scale(1, 0.6);
	-ms-transform: scale(1, 0.6);
	    transform: scale(1, 0.6);
	-webkit-animation: barUp3 4s infinite;
	animation: barUp3 4s infinite;
	background: rgb(255, 152, 0);
}

.loader__bar:nth-child(4) {
	left: 45px;
	-webkit-transform: scale(1, 0.8);
	-ms-transform: scale(1, 0.8);
	    transform: scale(1, 0.8);
	-webkit-animation: barUp4 4s infinite;
	animation: barUp4 4s infinite;
	background: rgb(255, 87, 34);
}

.loader__bar:nth-child(5) {
	left: 60px;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	    transform: scale(1, 1);
	-webkit-animation: barUp5 4s infinite;
	animation: barUp5 4s infinite;
	background: rgb(244, 67, 54);
}

.loader__ball {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation: ball 4s infinite;
	animation: ball 4s infinite;
	background: rgb(33, 150, 243);
}

@-webkit-keyframes ball {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	5% {
		-webkit-transform: translate(8px, -14px);
		transform: translate(8px, -14px);
	}
	10% {
		-webkit-transform: translate(15px, -10px);
		transform: translate(15px, -10px);
	}
	17% {
		-webkit-transform: translate(23px, -24px);
		transform: translate(23px, -24px);
	}
	20% {
		-webkit-transform: translate(30px, -20px);
		transform: translate(30px, -20px);
	}
	27% {
		-webkit-transform: translate(38px, -34px);
		transform: translate(38px, -34px);
	}
	30% {
		-webkit-transform: translate(45px, -30px);
		transform: translate(45px, -30px);
	}
	37% {
		-webkit-transform: translate(53px, -44px);
		transform: translate(53px, -44px);
	}
	40% {
		-webkit-transform: translate(60px, -40px);
		transform: translate(60px, -40px);
	}
	50% {
		-webkit-transform: translate(60px, 0);
		transform: translate(60px, 0);
	}
	57% {
		-webkit-transform: translate(53px, -14px);
		transform: translate(53px, -14px);
	}
	60% {
		-webkit-transform: translate(45px, -10px);
		transform: translate(45px, -10px);
	}
	67% {
		-webkit-transform: translate(37px, -24px);
		transform: translate(37px, -24px);
	}
	70% {
		-webkit-transform: translate(30px, -20px);
		transform: translate(30px, -20px);
	}
	77% {
		-webkit-transform: translate(22px, -34px);
		transform: translate(22px, -34px);
	}
	80% {
		-webkit-transform: translate(15px, -30px);
		transform: translate(15px, -30px);
	}
	87% {
		-webkit-transform: translate(7px, -44px);
		transform: translate(7px, -44px);
	}
	90% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes ball {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	5% {
		-webkit-transform: translate(8px, -14px);
		transform: translate(8px, -14px);
	}
	10% {
		-webkit-transform: translate(15px, -10px);
		transform: translate(15px, -10px);
	}
	17% {
		-webkit-transform: translate(23px, -24px);
		transform: translate(23px, -24px);
	}
	20% {
		-webkit-transform: translate(30px, -20px);
		transform: translate(30px, -20px);
	}
	27% {
		-webkit-transform: translate(38px, -34px);
		transform: translate(38px, -34px);
	}
	30% {
		-webkit-transform: translate(45px, -30px);
		transform: translate(45px, -30px);
	}
	37% {
		-webkit-transform: translate(53px, -44px);
		transform: translate(53px, -44px);
	}
	40% {
		-webkit-transform: translate(60px, -40px);
		transform: translate(60px, -40px);
	}
	50% {
		-webkit-transform: translate(60px, 0);
		transform: translate(60px, 0);
	}
	57% {
		-webkit-transform: translate(53px, -14px);
		transform: translate(53px, -14px);
	}
	60% {
		-webkit-transform: translate(45px, -10px);
		transform: translate(45px, -10px);
	}
	67% {
		-webkit-transform: translate(37px, -24px);
		transform: translate(37px, -24px);
	}
	70% {
		-webkit-transform: translate(30px, -20px);
		transform: translate(30px, -20px);
	}
	77% {
		-webkit-transform: translate(22px, -34px);
		transform: translate(22px, -34px);
	}
	80% {
		-webkit-transform: translate(15px, -30px);
		transform: translate(15px, -30px);
	}
	87% {
		-webkit-transform: translate(7px, -44px);
		transform: translate(7px, -44px);
	}
	90% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes barUp1 {
	0% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	40% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	90% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
}

@keyframes barUp1 {
	0% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	40% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	90% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
}

@-webkit-keyframes barUp2 {
	0% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	40% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	50% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	90% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	100% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
}

@keyframes barUp2 {
	0% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	40% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	50% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	90% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	100% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
}

@-webkit-keyframes barUp3 {
	0% {
		-webkit-transform: scale(1, 0.6);
		transform: scale(1, 0.6);
	}
	100% {
		-webkit-transform: scale(1, 0.6);
		transform: scale(1, 0.6);
	}
}

@keyframes barUp3 {
	0% {
		-webkit-transform: scale(1, 0.6);
		transform: scale(1, 0.6);
	}
	100% {
		-webkit-transform: scale(1, 0.6);
		transform: scale(1, 0.6);
	}
}

@-webkit-keyframes barUp4 {
	0% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	40% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	50% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	90% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	100% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
}

@keyframes barUp4 {
	0% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	40% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
	50% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	90% {
		-webkit-transform: scale(1, 0.4);
		transform: scale(1, 0.4);
	}
	100% {
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
	}
}

@-webkit-keyframes barUp5 {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	40% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	90% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes barUp5 {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	40% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	90% {
		-webkit-transform: scale(1, 0.2);
		transform: scale(1, 0.2);
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

body.detailsOn div.search-basic-wrap {
	display: none;
}

div.search-adv-wrap div.setFilter .searchGo {
	border: none;
	text-decoration: none;
	background-color: #7d7d7d;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 32px;
	line-height: 32px;
	padding: 0;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Bold;
	border-radius: 5px;
}

div.search-adv-wrap div.setFilter.enabled .searchGo {
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: red;
}

div.search-adv-wrap div.setFilter .viewGo {
	border: none;
	text-decoration: none;
	background-color: #7d7d7d;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 32px;
	line-height: 32px;
	padding: 0;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Bold;
	border-radius: 5px;
}

div.search-adv-wrap .searchReset {
	border: none;
	text-decoration: none;
	background-color: #e28b0e;
	background-color: #52bf46;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 32px;
	line-height: 32px;
	padding: 0;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Bold;
	border-radius: 5px;
}

div.search-adv-wrap .searchAbort {
	border: none;
	text-decoration: none;
	background-color: #e28b0e;
	background-color: #52bf46;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 32px;
	line-height: 32px;
	padding: 0;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Bold;
	border-radius: 5px;
}

div.search-adv-wrap div.setFilter.enabled .viewGo {
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: red;
}

.newSummary p {
	margin: 0;
}

.search-adv-wrap-l.adv-cat-inactive .newSummary div:nth-child(1) {
	display: none !important;
}

.search-adv-wrap-l.adv-cat-inactive .newSummary div:nth-child(2) {
	display: block !important;
}

div#sw-slogan2 p {
	color: wheat;
	font-family: Antonio-Bold;
	font-size: 3.1479rem;
	font-weight: bold;
	text-align: right;
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.wrapperAlert {
	width: 12rem;
	height: 4rem;
	position: relative;
	margin: 2rem auto;
	border-radius: 2rem;
	background: gray;
}

.wrapperAlert .toggle {
	width: 4.8rem;
	height: 4.8rem;
	position: absolute;
	left: 3.6rem;
	top: -0.4rem;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 0.1rem solid #ff6c00;
	background: #ff8933;
	-webkit-box-shadow: 0 0 0.2rem 0.1rem #ff6c00 inset, 0 0 0.2rem 0.1rem #ff6c00;
	        box-shadow: 0 0 0.2rem 0.1rem #ff6c00 inset, 0 0 0.2rem 0.1rem #ff6c00;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wrapperAlert label {
	cursor: pointer;
	width: 4rem;
	height: 4rem;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 1;
	display: inline-block;
	text-align: center;
	line-height: 4rem;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-size: 2rem;
	font-weight: bold;
	color: white;
	-webkit-animation: 6s rot-label ease-in-out infinite;
	animation: 6s rot-label ease-in-out infinite;
}

.wrapperAlert input {
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
}

#all_radio:checked {
	background: red;
}

#all_radio:checked~.toggle {
	border: 0.1rem solid #008000;
	background: #00b300;
	-webkit-box-shadow: 0 0 0.2rem 0.1rem #008000 inset, 0 0 0.2rem 0.1rem #008000;
	        box-shadow: 0 0 0.2rem 0.1rem #008000 inset, 0 0 0.2rem 0.1rem #008000;
	left: -0.4rem;
}

#none_radio:checked {
	background: red;
}

#none_radio:checked~.toggle {
	border: 0.1rem solid #ff0000;
	background: #ff3333;
	-webkit-box-shadow: 0 0 0.2rem 0.1rem #ff0000 inset, 0 0 0.2rem 0.1rem #ff0000;
	        box-shadow: 0 0 0.2rem 0.1rem #ff0000 inset, 0 0 0.2rem 0.1rem #ff0000;
	left: 7.6rem;
}

#some_radio,
#some-lbl {
	left: 33.33333%;
}

#none_radio,
#none-lbl {
	left: 66.66667%;
}

#some-lbl {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

#no-lbl {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

#sw-signUpModal.modal {
	text-align: center;
	padding: 0!important;
	background-color: rgba(0, 0, 0, 0.7);
}

#sw-signUpModal.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

#sw-signUpModal .modal-dialog {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

#sw-signUpModal .modal-body {
	padding: 0;
	margin: 0;
}

#sw-signUpModal .modal-content {
	background: transparent;
}

div.sw-header-user.notLogged {
	display: none !important;
}

div.iconStrip.iconProfile>div {
	display: none !important;
}

div.getInFromGuest {
	border: none;
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	color: white;
	font-size: 0.95rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: Antonio-Regular;
	margin: 0 20px;
}
/*###########################################*/
#wrapperVisited div.info-up {
	position: relative;
	width: 100%;
	margin-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 30.0410rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 150px 40px 40px 40px;
	height: 100%;
}

#wrapperVisited div.info-up>span:nth-child(1) {
	font-family: Arimo-Regular;
	font-size: 26px;
	line-height: 1;
}

#wrapperVisited div.info-up>span:nth-child(2) {
	font-family: Arimo-Bold;
	font-size: 14px;
	line-height: 1;
}

#wrapperVisited div.info-up button {
	border-radius: 0.8rem;
	font-size: 0.8rem;
	font-family: Arimo-Regular;
	letter-spacing: 0.0732rem;
	padding: 0.4000rem 1.6000rem 0.3500rem 1.6000rem;
	border: none;
	background-color: #000000;
	color: #FFFFFF;
	margin-top: 1.0981rem;
}

#wrapperVisited div.info-up span.sw-profile-fullname {
	font-family: Antonio-Bold;
	color: green;
	letter-spacing: 1px;
}

#wrapperVisited div.info-up span.sw-profile-state {
	font-family: Antonio-Bold;
	color: green;
	letter-spacing: 1.5px;
	margin-top: 10px;
	font-style: italic;
}

#wrapperVisited div.info-up div.login-facebook,
#wrapperVisited div.info-up div.login-google,
#wrapperVisited div.info-up div.login-twitter,
#wrapperVisited div.info-up div.login-linkedin {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 1.8302rem;
	height: 1.8302rem;
	background: blue;
	border-radius: 50%;
	margin: 1.4641rem 1.2811rem;
	z-index: 10;
	overflow: hidden;
}

#wrapperVisited div.info-up div.login-facebook:after,
#wrapperVisited div.info-up div.login-google:after,
#wrapperVisited div.info-up div.login-twitter:after,
#wrapperVisited div.info-up div.login-linkedin:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#wrapperVisited div.info-up div.sw-info-key {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 1;
}

#wrapperVisited div.info-up div.sw-info-value {
	width: 50%;
	float: left;
	height: 100%;
	line-height: 1;
}
/*###########################################*/
#putYourSignWrap{
/* 	position: absolute;
    bottom: -1000px;
    right: 0;
    height: 200px;
    background-image: url(img/putYourSign/0.jpg);
    z-index: 100;
    border-top: 3px solid #53a1c7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arimo-Regular;
    font-size: 20px;
    text-align: center;
    color: #53a1c7;
    width: 58%;
    border-left: 3px solid #53a1c7;
    min-width: 780px;
    transition: bottom 0.7s ease-in-out; */
	position: absolute;
    bottom: -1000px;
    /*right: 120px;*/
	right:50px;
    /*height: 250px;*/
	height:250px;
    /*background-image: url(img/putYourSign/0.jpg);*/
    z-index: 100;
    /*border-top: 3px solid #333333;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    font-family: Arimo-Regular;
    font-size: 20px;
    text-align: center;
    color: #53a1c7;
    /*width: 40%;*/
	/*width:300px;*/
    /*border-left: 3px solid #333333;*/
    /*min-width: 780px;*/
    -webkit-transition: bottom 0.7s ease-in-out;
    -o-transition: bottom 0.7s ease-in-out;
    transition: bottom 0.7s ease-in-out
}
.sw-banner-add {
width: 90px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 60px;
    overflow: hidden;
    border-radius: 10px;
    background: #ff9800;
    background-color: #009688;
}
.bannerSlogan {
    width: 480px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    color: white;
}    

#putYourSignWrap.addBannerOut{
	bottom:8px;
}
#addBannerCloser{
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 26px;
    color: #BBBBBB;
}
.addFromBanner{
    border: none;
    text-decoration: none;
    color: #fff;
    background-color: #26a69a;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    color: white;
    font-size: 0.95rem;
    text-align: center;
    letter-spacing: 2px;
    font-family: Antonio-Regular;
    margin: 0 60px;
}
/***** tab visited content list **********************************************************/
ul#contentsListTabVisited>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
}



.superLandscape img {
    max-height: 100%;
    display: unset;
    max-width: unset;
    height: unset;
}
button.ivebeenbutton , a#ivebeenbutton{
    border: none;
    border-radius: 5px;
    padding: 4px 15px;
    color: #FFF;
    margin-right: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    background: #1e5799;
    background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 50%, #207cca 100%, #7db9e8 100%, #207cca 100%);
    background: -webkit-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%,#207cca 100%);
    background: linear-gradient(to right, #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%,#207cca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=1 );
}
button.iwillgo , a#iwillgo{
    border: none;
    border-radius: 5px;
    padding: 4px 15px;
    color: #FFF;
    margin-right: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    background: #26a69a;
    background: -moz-linear-gradient(left, #26a69a 0%, #4dc16e 63%, #4dc16e 100%, #207cca 100%, #26a69a 100%);
    background: -webkit-linear-gradient(left, #26a69a 0%,#4dc16e 63%,#4dc16e 100%,#207cca 100%,#26a69a 100%);
    background: linear-gradient(to right, #26a69a 0%,#4dc16e 63%,#4dc16e 100%,#207cca 100%,#26a69a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a69a', endColorstr='#26a69a',GradientType=1 );
}
.ivebeenwrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px;
    position: absolute;
    bottom: 0;
    width: 71%;
    padding: 0 20px;
    margin-top: 20px;
    z-index: 10000000;
    left: 0px;
}

/*
|_______________________________________________________
|
|	mapbox default style override
|_______________________________________________________
*/
.mapboxgl-popup-content {
	padding: 0 !important;
	border-radius: 10px !important;
}
.mapboxgl-popup-content .grid-item{
	margin: 0 !important;
	height: 300px !important;
}
.mapboxgl-popup-content figure.front {
    border-radius: 8px;
}
.mapboxgl-popup-content .ribbonRating {
    top: 10px !important;
}
.mapboxgl-popup-content .itemTitle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 80px !important;
}
.mapboxgl-popup-content .buyAndRent {
	height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: green;
    color: #FFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
/*
|_______________________________________________________
|
|	end of - mapbox default style override
|_______________________________________________________
*/
/*
|_______________________________________________________
|
|	mapbox original style rules
|_______________________________________________________
*/
div#searchPadMapbox {
    height: 200px;
    width: 100%;
    margin: 20px 0px;
    /*border-radius: 10px;*/
    position: relative;
	overflow: hidden;
	border: 5px solid #B0C4DE;
	margin-top: 0px;
}
.markerMain {
	background-image: url('../image/map/map-marker-blue-256.png');
	background-size: cover;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
  }
/*
|_______________________________________________________
|
|	end of - mapbox original style rules
|_______________________________________________________
*/
.grid-item.sw-ads {
	overflow: hidden;
/*	display: none;*/
}

/*
|_______________________________________________________
|
|	small viewport rules
|_______________________________________________________
*/
 @media only screen and (max-width: 768px) and (min-width:360px){
	body {
	  background-color: #FFFFFF;
	}
	
	#disclaimers.out {
		display:none !important;
	}
	
	div.sw-infoToggle{
		display:none !important;
	}
	
	.cardAdsStamp{
		display:none;
	}
	.grid {
		width: 100vw;
		height: 100vh;
		margin: 0 auto;
		padding: 0px 0px 0px 0px !important;
	}
	.grid-item {
		float: left;
		-webkit-perspective: 800px;
		perspective: 800px;
		margin: 25px 0px 0 5px !important;
		height: 290px !important;
		width: 165px !important;
		border-radius: 5px !important;
		background: transparent;
		text-align: center;
	}
	.card figure.front .auth {
		display: none !important;
	}
	.grid-item .imgContainer {
		height: 150px !important;
	}
	.card figure.front .catIcon {
		width: 30px !important;
		height: 30px !important;
		top: 135px !important;
	}
	.card .itemTitle {
		font-size: 12px !important;
		padding: 15px 10px !important;
		margin: unset;
		letter-spacing: unset !important;
		line-height: 18px !important;
		height: 85px !important;
		overflow: hidden !important;
	}
	.ribbonRating {
		bottom: 40px !important;
	}
	.cardSummary {
		width: 165px !important;
	}
	.cardSummary .profile-image.sw-pointer {
		width: 30px;
		height: 30px;
		border-radius: 30px;
		position: absolute;
		overflow: hidden;
		right: 10px;
		bottom: -5px;
	}
	div#mobileSearch {
		width: 93%;
		margin: 20px auto 0px auto;
		height: 45px;
		display:none;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}

	div#expandDetails{
		width: 100vw !important;
	}
	div#expandDetails #perOraWrapper3 {
		width: 100%;
		padding: 0px 0px;
	}
	
	.card figure .authName {
		font-size: 10px;
		color: #A0A6AB;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-family: "Open Sans", sans-serif;
		font-weight: 700;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		text-align: left;
		padding: 0;
		z-index: 11;
	}
	.cardby,
	.backSummary,
	.backTitleWrap,
	#putYourSignWrap,
	.detailsSideMenu,
	#expandDetails div.footer{
		display: none !important;
	}
	#sw-wrap.mapOut #expandDetails{
		display:none;
	}
	.card figure.back .cardBackHeader {
		height: 85px;
	}
	.card figure .profile-image {
		width: 40px;
		height: 40px;
		overflow: hidden;
		display: inline-block;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url(/img/img/users/63/images/profile/profile.jpg);
		top: 65px;
		position: absolute;
	}
	
	div#expandDetails #componentDetails, div#expandDetails #placeDetails, div#expandDetails #photoDetails, div#expandDetails #pathDetails, div#expandDetails #eventDetails {
		padding: 20px 20px 30px 20px;
		height: calc( 100vh - 100px);
	}
	body.detailsOn #expandDetails .mCSB_outside+.mCSB_scrollTools {
		right: -15px;
	}
	div#expandDetails div.closeDetails span {
		width: 35px;
		height: 35px;
	}
	.contentZoomRating {
		margin: 8px 0px;
		top: -10px;
		float: left;
		position: absolute;
		left: 0;
		margin-right: 0px;
	}
	.card.onDetails .profilePicture {
		width: 50px;
		height: 50px;
		border-radius: 10%;
		overflow: hidden;
		float: left;
		margin: 0 0 0 0;
		position: absolute;
		bottom: 5px;
	}
	.card.onDetails .profileInfo {
		float: none;
		clear: none;
		margin-left: 60px;
		height: initial;
		margin-bottom: 0;
		position: absolute;
		bottom: 5px;
	}
	h1 {
		padding: 0;
		font-size: 25px;
	}
	.card figure.back .pWrap {
		display: block;
	}
	.contentZoomImageCarousel {
		width: 335px;
	}
  }
  
@media (max-width: 767px) and (min-width: 0px) {
  html {
	  font-size: 0px
  }
  
  #disclaimers.out {
		display:none !important;
	}
	
	div.sw-infoToggle{
		display:none !important;
	}
  
 div.indexInfo,
  div.indexHelp,
  #sw-bg-wrap,
  body.noshow #sw-header,
  #sw-header,
  #sw-lang,
  #sw-welcome,
  #sw-menu,
  #sw-wrap,
  #wrapper {
	  display: none;
  }
  body.new #sw-wrap {
	  padding-top: 50px !important;
	  padding-left: 0 !important;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  width: 100%;
  }
  body.new .search-basic-wrap {
	  margin-left: -350px;
  }
  .scrollContainer {
	  width: 100% !important;
  }
  body.noshow #sw-header {
	  display: none !important;
  }
  body.guestUser .my-mat-btn {
	  display: none !important;
  }
  #sw-getApp {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
  }
  
  #sw-small-header{
	  display:block !important;
	  position:absolute;
	  top:0px;
	  width:100%;
	  height:50px;
	  background:#53a1c7;
	  z-index: 100000000000000;
  }
	#listFocus{
		display: block;
		position: relative;
		top: 18px;
		right: 15px;
		float: right;
		z-index: 1000;
		-webkit-user-select: none;
		user-select: none;
		color: #FFFFFF;
	}
	.showAsMap i {
		font-size: 22px;
	}
	.showAsList i {
		font-size: 22px;
	}
	
  #sw-small-footer{
	  display:block;
	  position:absolute;
	  bottom:0px;
	  width:100%;
	  height:50px;
	  background:#53a1c7;
	  z-index: 100000000000000;		
  }
} 

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
  html {
	  font-size: 0px
  }
  body {
	  height: 100%;
  }
  
  #disclaimers.out {
		display:none !important;
	}
	
	div.sw-infoToggle{
		display:none !important;
	}
  
  div#mCSB_1_scrollbar_vertical {
	opacity:0 !important;
  }
  div.indexHelp,
  #sw-bg-wrap,
  body.noshow #sw-header,
  #sw-header,
  #sw-lang,
  #sw-welcome,
  #sw-menu,
  #sw-wrap,
  #wrapper {
	  display: none;
  }
  body.noshow #sw-header {
	  display: none !important;
  }
  body.guestUser .my-mat-btn {
	  display: none !important;
  }
  #sw-getApp {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
  }
  
  #sw-small-header{
    display: block;
    position: fixed !important;
	top:0px !important;
	left:0px !important;
    width: 100%;
    height: 50px;
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 572, color-stop(0, #65DFF7), color-stop(50, #1399F2), color-stop(90, #0E4A89));
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 1);
    background: transparent;
    align-self: flex-start;
    flex: 1 0 auto;
    z-index: 100;
  }
  #sw-small-header .top-nav{
    display: block;
    position: fixed !important;
    top: 0px !important;
	left:0px !important;
    width: 100%;
    height: 50px;
    background-color: transparent;
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 572, color-stop(0, #65DFF7), color-stop(50, #1399F2), color-stop(90, #0E4A89));
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	align-self: flex-start;
    flex: 1 0 auto;
    z-index: 1000;
  }
  
  #sw-small-footer{
	  display:block;
	  position:fixed;
	  bottom:0px;
	  left:0px;
	  width:100%;
	  height:50px;
	  background-color: transparent;
	  background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 572, color-stop(0, #65DFF7), color-stop(50, #1399F2), color-stop(90, #0E4A89));
	  background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
	  background-image: radial-gradient(ellipse farthest-corner at left bottom, #65DFF7 0%, #1399F2 50%, #0E4A89 90%);
	  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	  box-shadow: 0 0 8px rgba(0, 0, 0, 1);
	  left:0;
  }
  div#mobileSearch {
	display:flex !important;
	}
}

/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 

  #wrap{
	  display:-webkit-box !important;
	  display:-ms-flexbox !important;
	  display:flex !important;
	  }
	  
	  
	 #disclaimers.out {
		display:none !important;
	}
	
	div.sw-infoToggle{
		display:none !important;
	}
  
    }

/* Portrait */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 
  html {
	  font-size: 0px
  }
  
  #disclaimers.out {
		display:none !important;
	}
	
	div.sw-infoToggle{
		display:none !important;
	}
  
  
  body {
	  height: 100%;
  }
  div.indexHelp,
  #sw-bg-wrap,
  body.noshow #sw-header,
  #sw-header,
  #sw-lang,
  #sw-welcome,
  #sw-menu,
  #sw-wrap,
  #wrapper {
	  display: none;
  }  
  body.noshow #sw-header {
	  display: none !important;
  }
  body.guestUser .my-mat-btn {
	  display: none !important;
  }
  #sw-getApp {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
  }
  
  #sw-small-header{
	  display:block;
	  position:absolute;
	  top:0px;
	  width:100%;
	  height:50px;
	  background:#53a1c7;
  }
  
  #sw-small-footer{
	  display:block;
	  position:absolute;
	  bottom:0px;
	  width:100%;
	  height:50px;
	  background:#53a1c7;
  }

}

/* Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 

}


/*
|_______________________________________________________
|
|	end of - small viewport rules
|_______________________________________________________
*/

.grid-item.sw-ads-yllix img {
	width: 100%;
}

#sw-small-header{
	display:none;
	left: 0;
    top: 0;
}
.stamp{
	position: absolute;
    background: transparent;
    border: 1px solid #f0f0f0;
}
.cardAdsStamp{
	width: 40%;
    height: 60px;
    top: 20px;
    margin: auto;
    position: relative;
}
.sw-adsterra-ads{
	height: 400px;
    width: 280px;
}
.sw-adsterra-ads>div>div>div{
	height: 100%;
}
.sw-adsterra-ads-wrap >div >div >div:nth-child(2) {
    height: 100%;
}
.sw-adsterra-ads-wrap >div >div >div >div {
    height: 50%;
}

#mobileSearch{
	display:none;
}



/*  menù mobile >>>  */
#sw-logo.mobileLogo {
    padding: 0rem 1.0029rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: 1000000000000;
    margin-left: -63px;
}
#menuToggle
{
    display: block;
    position: relative;
    top: 18px;
    left: 15px;
    float: left;
    
    z-index: 1000;

    -webkit-user-select: none;
    user-select: none;
}

/*  this input element receives the click event to handle sidebar open/close actions    */
#menuToggle input{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  /*    hide    */
  opacity: 0;
  /*    top-z to catch click event    */
  z-index: 2;
  
  -webkit-touch-callout: none;
}

#menuToggle span
{
    display: block;
    width: 25px;
    height: 4px;
    margin-bottom: 3px;
    position: relative;
    
    background: #FFFFFF;
    border-radius: 3px;
    
    z-index: 1;
}

/*  hamburger to cross animation */
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1; 
  transform: rotate(45deg) translate(-2px, 1px);
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  /*
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
  */
    transform: rotate(-45deg);
    top: 6px;
    left: -2px;
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
    /*transform: rotate(-45deg) translate(0, -1px);*/
    opacity: 0;
}
#menuToggle input:checked ~ span:nth-last-child(1)
{
    /*
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
    */
    transform: rotate(45deg);
    top: -8px;
    left: -2px;
}
/*
    position
 */
#mobileResMenu
{
    position: absolute;
    width: 90vw;
    height: calc( 100vh - 50px );
    margin: 0px 0 0 0px;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-110%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    z-index: 10;
}
.mobileResMenuHeader 
{
    /*background: rgba(199,252,23,1);
    background: -moz-linear-gradient(top, rgba(199,252,23,1) 0%, rgba(68,128,12,1) 88%, rgba(50,97,6,1) 99%, rgba(50,97,6,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,252,23,1)), color-stop(88%, rgba(68,128,12,1)), color-stop(99%, rgba(50,97,6,1)), color-stop(100%, rgba(50,97,6,1)));
    background: -webkit-linear-gradient(top, rgba(199,252,23,1) 0%, rgba(68,128,12,1) 88%, rgba(50,97,6,1) 99%, rgba(50,97,6,1) 100%);
    background: -o-linear-gradient(top, rgba(199,252,23,1) 0%, rgba(68,128,12,1) 88%, rgba(50,97,6,1) 99%, rgba(50,97,6,1) 100%);
    background: -ms-linear-gradient(top, rgba(199,252,23,1) 0%, rgba(68,128,12,1) 88%, rgba(50,97,6,1) 99%, rgba(50,97,6,1) 100%);
    background: linear-gradient(to bottom, rgba(199,252,23,1) 0%, rgba(68,128,12,1) 88%, rgba(50,97,6,1) 99%, rgba(50,97,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7fc17', endColorstr='#326106', GradientType=0 );
    height:225px;*/
}
#mobileResMenu.mobileResMenuOut{
    transform: none;
}

#mobileResMenu li
{
  font-size: 16px;
    padding: 20px 0px 20px 25px;
}

#mobileResMenu li.active
{
  background: #f0f0f0;
}
.mobileSignTriggers {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #c0c0c0;
}

/*
    slide it in from the left
 */


/* <<< menù mobile  */

/* nuovo menù >> */
.textwhite{color:#fff;}
.iconGold{
	color:#FFC125;
}
.buttonSharePicture{
	background-color: #2e6979;
    color: #fff;
    border: none;
    padding: 4px;
    width: 50px;
    border-radius: 15%;
}

.buttonShareTravel{
	background-color: #2e6979;
    border: none;
    padding: 4px;
    color: #fff;
    width: 82px;
    border-radius: 15%;
}

.iconColor1{
	color:#2e6979;
}

.menuSW1{
	text-align: center;
	color:#5bbfdf;
	position: absolute;
	left: 440px;
}
.menuSW2{
	text-align: center;
	margin-right: 100px;
	color:#5bbfdf;
}

.menuSW2 > li > ul#first
{
	border-left: 2px solid #fff;
	padding-left: 5px;
}


.borderwhite{
	border-left: solid 2px #fff;
}
sup{
	color: #fff;
	top: -25px;
	left: 5px;
	background-color: #78d620;
	font-weight: bold;
	padding: 5px;
	border-radius: 50px;

}

.selectLang{

	background: transparent;color: #fff;
}

.selectLang > option{
	background-color: #2e6979;
}

span#totalResult{
	font-weight: bold;
}


/* div.box
{ 
position: relative; 
} 

#valBox
{ 
left: -25px; 
bottom: 20px;
position: absolute; 
display: block; 
padding: 8px; 
box-sizing: border-box; 
-moz-box-sizing: border-box; 
width: 50px; 
height: 30px; 
background-color: #aab3ba; 
border-radius: 5px; 
color: #000; 
text-align: center; 
}
 
#valBox:before 
{ 
content: ""; 
position: absolute; 
width: 0; 
height: 0; 
border-top: 10px solid #aab3ba; 
border-left: 5px solid transparent; 
border-right: 5px solid transparent; 
top: 100%; 
left: 50%; 
margin-left: -5px; 
margin-top:-1px; 
} 

input#range 
{ 
width: 195px; 
position: relative; 
margin-left: 0px; 
margin-top: 40px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input#range {
      overflow: hidden;
      width: 195px;
      -webkit-appearance: none;
      background-color: #9aa6b6;
    }
    
    input#range::-webkit-slider-runnable-track {
      height: 10px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    input#range::-webkit-slider-thumb {
      width: 20px;
      -webkit-appearance: none;
      height: 20px;
      cursor: ew-resize;
      background: #fff;
      box-shadow: -80px 0 0 80px #58a5c1;
    }

}

input#range ::-moz-range-progress {
  background-color: #58a5c1; 
}
input#range::-moz-range-track {  
  background-color: #9aa6b6;
}

input#range::-ms-fill-lower {
  background-color: #58a5c1; 
}
input#range::-ms-fill-upper {  
  background-color: #9aa6b6;
} */

#menuCategorie{
	margin-top: -521px;
	z-index: 9999999;
}

.limegreen{
color:limegreen;
}

.colorGrey{
color:grey;
}

.colorActive{
	color:#5bbfdf;
}

#returnList:hover, #returnList:active,
#fullMap:hover, #fullMap:active,
#languages:hover, #languages:active{
	color:#5bbfdf;	
}


/* << nuovo menù */

div#InfoStep{
    width: 100%;
    height: 200px;
    background: #fff;
    margin-bottom: 15px;
}

div#infostep1{
	width: 33%;
    height: 200px;
    float: left;
}

#imagestep1,#imagestep2, #imagestep3{
	width:100px;
	height:124px;
	margin: auto;
}

div#infostep1 > div#imagestep1{
	background-image: url(../image/bytickets/foto1.png);
	background-color: #ffffff;
    background-repeat: no-repeat;	
}

div#infostep2 > div#imagestep2{
	background-image: url(../image/bytickets/foto2.png);
	background-color: #ffffff;
    background-repeat: no-repeat;	
}

div#infostep3 > div#imagestep3{
	background-image: url(../image/bytickets/foto3.png);
	background-color: #ffffff;
    background-repeat: no-repeat;	
}

div#infostep2{
	width: 33%;
    height: 200px;
    float: left;
}

div#infostep3{
	width: 33%;
    height: 200px;
    float: left;
}

p#textstep{
	text-align:center;
}

#mapHome{
cursor:pointer;
}

#myModalLanguages > div > div > div > ul > li > img{
	cursor:pointer;
}
