/***************  templates/main/css/template.mediaquery.css  ***************/
/* Desktop & Landscape*/	
	@media (min-width: 1280px) {
	.navigation {
	  right: 60px;/*125*/
	  top: 0;
	}
	.menu .shortcuts li.none-landscape {
	  display: block;
	}
	.menu .shortcuts li.more {
	  display: none;
	}
	.brisbane .menu .shortcuts li.more,
	.margatebeach .menu .shortcuts li.more {
	  display: inline-block;
	}
	.main-visual {
	  padding-top: 55.7%;
	}
	.mainSliderPager-nav.numbers {
	  bottom: 15px;
	}
	.main-visual .cycle-caption .title {
	  margin-top: 53px;
	}
	.readmore-wrapper-slider .readmore-links {
	  margin-top: 15px;
	}
	.brisbane .navigation .has-submenu .weddings,
	.margatebeach .navigation .has-submenu .weddings,
	.brisbane  .navigation .has-submenu .attractions,
	.margatebeach  .navigation .has-submenu .attractions,
	.margatebeach  .navigation .has-submenu .gallery{
		 display: none;
	}
	.brisbane .menu .shortcuts .level1.directions,
	.margatebeach .menu .shortcuts .level1.directions,
	.brisbane .menu .shortcuts .level1.contact,
	.margatebeach .menu .shortcuts .level1.contact{
		 display: none;
	}
	
}
@media (min-width: 1024px) {
	.is-mobile, .modal{
		display:none;
	}
	.is-tablet, .is-desktop{
		display:block;
	}
	
	/* Header  ======= */
	.navigation{
		position:absolute;
		top:0;
		background:#fff;
	}
		.fixed .navigation{
			top:0;
		}
	.navigation .shortcuts > li {
	  margin-left: 20px;
	}
	.navigation .has-submenu > ul {
	  background:#fff;
	  left: -22px;
	  padding-left: 15px;
	  position: absolute;
	  top: 20px;
	  z-index: 100;
	}
	.navigation .has-submenu.more-navigation > ul.slideDownFX{
		max-height: 200px;
	}
		.navigation .has-submenu.open > ul {
		  padding-bottom: 15px;
		}
	.navigation .has-submenu > ul > li {
	  padding: 10px 30px 8px 8px;
	  white-space: nowrap;
	}
	.navigation .more.has-submenu > ul > li {
	  padding: 10px 60px 8px 8px;
	}
	.booking .additionals .checkbox-label {
	  line-height: 13px;
	}
	
}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {
	.is-desktop, .is-portrait, .is-mobile{
		display:none;
	}
	.is-tablet, .is-landscape{
		display:block;
	}
	.booking .additionals .checkbox-label {
	  line-height: 18px;
	}
	
	/* Wrappers  ======= */
	.wrapper-padding{	
		padding: 0 48px;
	}
	.right-padding{
		right:75px;
	}
	.wrapper{
		width:936px;
	}	
	
	/* Footer  ======= */
	.footer-separator{
		margin: 0 48px;
	}
	.brisbane .menu .shortcuts .level1.home,
	.margatebeach .menu .shortcuts .level1.home{
		display:none;
	}
	
}

/* Portrait & Mobile */
@media (max-width: 1023px) {
	/* Header  ======= */
	.header .btn-menu {
		color:#1d3a6c;
	}
	.header .icon-mobile_menu:after{
		content: '\e809';
		float:right;
		font-size:25px;
	}
	.logo, .logo .imageSwitchHolder, .logo .imageSwitchHolderAltTextOnly{
		overflow:visible;
		z-index:100;
	}
	#branding {
	  left: 0;
	  position: absolute;
	  top: 0;
	}
	.logo-img {
	  height: 104px;
	  width: 104px;
	}
	.logo-text{
		margin:10px 0 0;
	}
	.header .navigation{
		height:25px;
		line-height:25px;
		margin-top:15px;
		padding-left:20px;
		right:0;
	}
	.header-content {
	  height: 40px !important;
	}
	.header .navigation {
	  float: right;
	  margin-right: 5px;
	  margin-top: 8px;
	}
	.header .btn-menu {
	  color: #e0ba74;
	}
	.header .btn-menu span {
	  color: #fff;
	  font-size: 1.15em;
	  letter-spacing: 1px;
	}
	.languages.is-portrait{
		display:none;
	}
	.header-content:after, .header-content.fixed:after, .booking, .fixed + .booking.open, .booking.fixed-bk{
		top:53px;
	}
	#booking-mask-wrapper {
	  right: -23px;
	  top: 41px;
	}
	.main-visual {
	  margin-top: 40px;
	}
	
	/* MAIN MENU - MODAL */
	.modal-open > .container{
		position:fixed;
		width:100%;
		height:100%;
	}
	.header .shortcuts{
		display:none;
	}
	.modal{
		position:absolute;
		top:0;
		left:0;
		display:table;
		width:100%;
		height:100%;
		overflow:hidden;
		opacity:0;
		background:rgba(65,65,65,.95);
		-webkit-transition:opacity .5s ease-in-out;
		transition:opacity .5s ease-in-out;
		z-index:99999;
	}
	.modal.active{
		opacity:1;
		pointer-events: auto;
	}
	.ie9 .modal{
		opacity:1;
		display:none;
	}
	.modal-wrapper{
		position:relative;
		float:right;
		max-width:0;
		height:100%;
		padding:30px 0 35px;
		background:#fff;
		-webkit-transition:max-width .5s ease-in-out;
		transition:max-width .5s ease-in-out;
	}
	.modal .shortcuts, .modal .sm-wrapper{
		position:relative;
		width:100%;
	}
	.modal .shortcuts > li, .modal .sm-wrapper > div {
	  margin: 0 7.8% 0 6.4%;
	  padding: 0 !important;
	  width: 80.8%;
	}
	.modal .shortcuts > li.active-under .level2 a{
		border:none;
	}
	.modal .shortcuts > li.active,.modal .shortcuts > li.active-under a{
		border-bottom:1px solid #e0ba74;
		height:100%;
	}
	.modal .shortcuts li > a,.modal .shortcuts > li.active-under .level2 a {
	  color: #000;
	  display: block;
	  line-height: 50px;
	  text-align: right;
	  width: 100%;
	}
	.modal .shortcuts li.active > a,.modal .shortcuts > li.active-under a,
	.modal .shortcuts > li.active-under .level2.active a	{
	  color: #e0ba74;
	} 
	.modal .menuLevel2 {
	  margin-top: 0;
	  width: 100%;
	}
	.modal .menuLevel2 > li a, .modal .top-menu-items a{
		line-height:35px;
		font-size:11px;
	}
	.modal .shortcuts > li.active-under .level2 a {
	  line-height: 2;
	  padding: 15px 0 0;
	}
	.modal .shortcuts > li.active-under {
	  margin-bottom: 18px;
	  margin-top: -15px;
	}
	.modal .shortcuts > li.more {
	  display:none;
	}
	.modal .shortcuts > li.none-landscape {
	  display:block;
	}
	.modal li.last{
		border-color:#95a2b2;
	}
	.modal-esc {
    cursor: pointer;
    font-size: 28px;
    position: absolute;
    right: 97%;
    top: 10px;
    width: 115px;
  }
	.mobile .modal-esc.icon-close {
	  color: #fff;
	  right: 60%;
	  width: 135px;
	}
	.modal .shortcuts > li.has-submenu {
	  margin-top: -15px;
	}
	.modal-esc.icon-close > span {
	  color: #e0ba74;
	  float: left;
	  font-size: 15px;
	  letter-spacing: 1px;
	  line-height: 2.5;
	  padding-right: 10px;
	}
	.modal a, .modal .sm-wrapper{
		color: #fff;
		text-transform: uppercase;
		text-decoration:none;
	}
	.modal .sm-wrapper > div{
		line-height:45px;
		text-align:right;
	}
	.modal .sm-label{
		font-size:10px;
	}
	.modal .sm-wrapper > .sm-icons{
		width:auto;
	}
	.modal .sm-icon:after{
		font-size:32px;
	}
	.modal .sm-icon {
		margin-bottom:15px;
	}
	.modal-open #errors{
		display:none;
	}
	/* Main  ======= */	
	.main .main-intro{
		margin-bottom:20px;
	}
	.readmore-wrapper-slider .readmore-links {
	  text-align: right;
	}

	/* Footer  ======= */	
	.footer .btn-menu{
		display:none;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 

	.is-desktop, .is-landscape, .is-mobile, .no-portrait{
		display:none;
	}
	.is-tablet, .is-portrait{
		display:block;
	}

	/* Wrappers  ======= */	
	.wrapper-padding{	
		padding: 0 40px;
	}
	.right-padding{
		right:40px;
	}
	.wrapper{
		width:686px;
	}
	
	/* Header  ======= */
	.active .modal-wrapper {
	  max-width: 32.5%;
	}
	.modal .shortcuts .slideFX{
		max-height:8000px;
		overflow-y:auto;
	}
	.ie9 .modal .shortcuts .slideFX{
		max-height:8000px;
		display:block;
	}
	.modal .shortcuts .has-submenu.icon-arrow_down:after{
		content: "";
		margin: 0;
		padding: 0;
		width: 0;
	}
	.logo strong{
		font-size:14px;
		line-height:14px;
	}
	.header .btn-menu {
	  display: inline-block;
	  height: 25px;
	  overflow: hidden;
	  width: 97px;
	}
	.languages {
	  border-right: 0 none;
	  margin-top: 0;
	  padding-right: 0;
	}
	.lang-dropdown{
		top:17px;
	}
	.main-visual .weather-widget{
		bottom:158px;
		right:-70px;
	}
	
	/* Intro text buttons  ======= */
	.main .has-topButton .main-intro{
		width:63%;
	}
	.main .rfp.button{
		top:135px;
	}
	.main .intro-downloads{
		width:34%;
	}
	
	/* Footer  ======= */
	.footer {
	  overflow: hidden;
	}
	.footer-separator{
		margin: 0 40px;
	}	
	.followus {
	  margin-bottom: 39px;
	  margin-top: 0;
	  padding: 17px 0 35px;
	}
	.followus-text.no-mobile {
	  display: none;
	}
	.followus-socialmedia {
	  margin-top: 26px;
	}
	.main-visual .video-embed {
	  height: 100%;
	  width: 100%;
	}
	.footer-separator {
	  margin: 0;
	}
	.footer-menu ul li {
	  margin-bottom: 5px;
	}
	.footer-address {
	  width: 45%;
	}
	.footer-info.wrapper-padding {
	  padding-bottom: 20px;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.is-desktop, .is-tablet, .is-landscape, .is-portrait, .no-mobile{
		display:none;
	}
	.is-mobile{
		display:block;
	}
	
	/* Wrappers  ======= */	
	.wrapper-padding{	
		padding: 0 12px;
		margin: 0 auto;
    	max-width: 320px;
	}
	.right-padding{
		right:5px;
	}
	.wrapper{
		width:300px;
	}
	
	/* Header  ======= */
	.logo.wrapper-padding{
		padding-left:0;
		margin:0 0 0 -5px;
	}
	.logo, .logo-wrapper{
		margin-top:0;
	}
	.logo .logo-wrapper {
	  padding: 0;
	}
	.logo-img {
	  height: 90px;
	  width: 90px;
	}
	.logo-wrapper:before{
		width:103px;
		height:47px;
		top:38px;
	}
	.logo strong{
		width:70px;
		margin-top:15px;
		font-size:13px;
		line-height:13px;
	}
	.phone-call {
	  border-right: none;
	  float: right;
	  font-size: 25px;
	  margin-right: 42px;
	  margin-top: 4px;
	  padding-right: 12px;
	}
	.languages-mobile {
	  height: 38px;
	  overflow: hidden;
	  display:block;
	  position: absolute;
	  right: 118px;
	  top: 0;
	  -webkit-transition:height 0.5s; 
	  -moz-transition:height 0.5s; 
	  transition:height 0.5s;
	}
	.languages{
		display:none;
	}
	.languages-mobile .active-item-lang a {
	  border-right: 1px solid #474747;
	  display: block;
	  width: 49px;
	}
	.languages-mobile.icon-arrow_down:before {
	  font-size: 8px;
	  left: 33px;
	  position: absolute;
	  top: 15px;
	}
	.languages-mobile a{
		letter-spacing:1px;
	}
	.languages-mobile.active {
	  height: 120px;
	}
	.share-widget-wrapper{
		display:none;
	}
	#modal .share-widget-wrapper {
	  display: block;
	  float: left;
	  position: relative;
	  top: auto;
	  height:75px;

	}
	.languages-mobile .active-item-lang {
	  padding: 12px 0 10px 10px;
	}
  .addthis-bottom-layer.sm-icons-wrapper.custom_images {
    position: absolute;
    right: 20px;
    top: 20px;
  }
	.languages-mobile .lang {
	  background: none repeat scroll 0 0 #000;
	  padding: 0 10px 10px;
	}
	.share-widget-wrapper {
	  width: 100%;
	}
	.share-widget {
	  left: 15px;
	  position: absolute;
	  top: 7px;
	  width: 100%;
	  z-index: 1;
	}
	 .addthis_toolbox.addthis_default_style a div a {
	  width: 48px !important; 
	  height: 36px !important;
	}
	#branding {
	  height: 90px;
	  width: 90px;
	}
	.header .navigation {
	  margin-right: 0;
	  margin-top: 6px;
	}
	.footer-separator{
		margin: 0 auto;
		max-width: 320px;
	}
	
	/* MODAL */
	.active .modal-wrapper{
		max-width:67%;
	}
	.modal-wrapper{
		padding:0 0 25px;
	}
	.modal-esc{
		top:5px;
		right:104%;
	}
	.icon-close:before{
		color:#fff;
	}
	.modal .shortcuts > li, .modal .sm-wrapper > div, .modal .languages{
		margin:0 25px 0 0;
	}
	.modal .shortcuts li > a, .modal .shortcuts > li.active-under .level2 a {
	  line-height: 41px;
	}
	.modal .shortcuts > li.has-submenu {
	  margin:-15px 25px -15px 0;
	}
	.modal .shortcuts > li.has-submenu.open{
	  margin-bottom:0;
	}
	.modal-esc.icon-close {
	  right: 84%;
	}
	.modal-esc {
	  top: 10px;
	}
	.modal-esc.icon-close > span{
		display:none;
	}
	.modal .languages{
		float:left;
		padding-bottom:15px;
		border-bottom:1px solid;
	}
	.languages ul, .modal .languages li, .modal .languages .active-item, .modal .lang-dropdown{
		width:100%;
		padding:0;
		text-align:right;
	}
	.modal .languages .active-item, .modal .shortcuts .has-submenu > a{
		width:90%;
	}
	.modal .lang-dropdown{
		top:3px;
	}
	.modal .lang-dropdown li{
		margin:5px 0;
	}
	.shortcuts > li.has-submenu.icon-arrow_down:after{
		content:'\e814';
		position:absolute;
		top:32px;
		right:0;
	}
	.shortcuts > li.has-submenu.icon-arrow_down.open:after{
		content:'\e832';
	}
	.modal .menuLevel2{
		margin-bottom:15px;
	}
	.menu .shortcuts > li {
	  float: right;
	}
	/* follow us socialMedias */
	.followus{
		margin-top:30px;
	}
	.followus li{
		width:33px;
		height:33px;
		margin-right:18px;
	}
	.addthis-button.share-this {
	  display: none;
	}
	.followus .sm-icon:after{
		font-size:26px;
		left:-3px;
		top:8px;
	}
	.followus-title{
		margin-bottom:11px;
	}
	.share-widget-wrapper {
	  background: none;
	}
	.addthis-button.sm-icon:after {
	  color: #e0ba74;
	}
	.modal .sm-icon {
	  margin-bottom: 15px;
	}
	.modal .sm-icon {
	  left: 16px;
	  margin: 10px 0 15px;
	}
	.shareUs-mobile {
	  border-top: 1px solid #ebebeb;
	  color: #e0ba74;
	  display: block;
	  float: right;
	  margin: 0 25px -5px 0;
	  padding-top: 12px;
	  text-align: right;
	  text-transform: uppercase;
	  width: 80%;
	}
	.modal .sm-icon.instagram::after{
		background-size:25px;
		top:4px!important;
		background-position:0px 5px;
		background-image: url(/templates/main/images/instam.png);
	}
	.modal .sm-icon.tripadvisor::after{
		top:3px;
	}

	/* Intro text buttons  ======= */
	.main .has-topButton .main-intro{
		width:100%;
		margin-bottom:5px;
	}
	.main .rfp.button, .main .intro-downloads{
		position:relative;
		top:auto;
		width:auto;
		max-width:90%;
		margin:8px 0 20px;
		display:block;
	}
	.main .intro-downloads{
		width:100%;
		max-width:100%;
	}
	.main .intro-downloads .icon-download:before{
		margin-left:25px;
	}

	/* Footer  ======= */
	.footer-separator{
		margin: 0 auto;
		max-width: 320px;
	}
	.footer-left{
		display: table-header-group;
	}
	.footer-right{
		display: table-footer-group;	
	}
	.footer-right .footer-copyright{
		margin-top: 12px;
	}
	.address-details,
	.footer-communication-type {
  	 	line-height: 28px;
	}
	.footer-menu .shortcuts > li{
		margin:3px 0;
	}
	.chatswood  .footer-menu .shortcuts li.advantageplus  {
		border-left: medium none;
		border-right: 1px solid;
	}
	.chatswood  .footer-menu .shortcuts li.accorhotels  {
		border-left: medium none;
	}
	.footer-menu a {
    	line-height: 28px;
    }
	.footer-bar.wrapper-padding {
	    margin: 0 auto;
	    padding: 0;
	    width: 220px;
	}
	#footer-bottom ul li{
		margin-right: 2px;
		margin-top: 15px;
		box-sizing: border-box;
	}
	.footer-row{
		margin-bottom:0;
	}
	
	.booking-footer.is-mobile{
		display: table;
	}
	.followus {
	  margin: 15px auto 30px;
	}
	.followus .followus-title {
	  font-size: 1.7em;
	  letter-spacing: 4px;
	   margin-bottom: 20px;
	}
	
	.followus-title .bar {
	  margin: 11px 35px;
	  position: absolute;
	  top: 25px;
	}

	.followus li, .followus li.last {
	  margin: 0 6px;
	}
	.sm-icon.instagram::after{
		top: -1px !important;
		background-position:0px 5px;
	}
	.footer-bar.wrapper-padding {
	  width: 280px;
	}
	.footer-menu {
	  margin: 10px 0 5px;
	}
	.footer-separator {
	  max-width: 300px;
	   border-bottom: 1px solid #464646;
	}
	.address-details, .footer-communication-type {
	  line-height: 16px;
	  color:#ccc;
	}
	.footer-info.wrapper-padding {
	  padding-bottom: 0;
	}
	.footer-details {
	  margin: 13px 0 12px;
	}
	.footer-right .footer-copyright {
	  color: #8c8c8c;
	  font-size: 11px;
	  margin: 15px 10px 10px 0;
	}
	.footer-details {
	  display: block;
	  margin: 13px auto 14px;
	  width:300px;
	}
	.booking-footer .booking-cell a,.booking-footer .booking-cell span {
	  background: none repeat scroll 0 0 #002f5f;
	  box-shadow: 0 0 15px #000;
	  color: #fff;
	  display: block;
	  font-size: 22px;
	  padding: 4px 0;
	  width: 100%;
	}
	.booking-footer .booking-cell span:after {
	  content:'\e820';
	  font-family:"sprite-icons-font";
	  vertical-align:middle;
	  font-size:7px;
	  margin-left:50px
	}
	.booking-footer .booking-cell span.open:after {
	  content:'\e81e';
	}
	ul.booking-dropdown{
		 background: none repeat scroll 0 0 #002f5f;
		 display:none;
	}
	.booking-footer ul.booking-dropdown li a{
		  box-shadow: none!important;
		  font-size:19px;
	}
	ul.booking-dropdown.open{
		 display:block;
	}
	.booking-footer {
	  height: auto;
	}
	.booking-footer .booking-button {
	  background:none;
	}
	.footer {
	  padding-bottom: 40px;
	}
	.footer-menu .shortcuts > li.leclub, .footer-menu .shortcuts > li.Careers, .footer-menu .shortcuts > li.about {
	  border-left: medium none;
	}

	.fancybox-wrap .fancybox-title-float-wrap .child{
		white-space: normal;
		margin-right: 0;
	}	

	.partner-logo.sebel a {
		display: inline-block;
		height: 40px;
		margin-left: 13px;
		margin-right: 27px;
		width: 107px;
	}
		.partner-image.sebel {
			height: auto;
			width: 100%;
		}
    .modal .shortcuts > li.active-under .level2.rfp a {
    padding-top: 0;
  }
  .main-visual .slideshow-caption .mainSliderControls {
    top: -40px;
  }
  #footer-bottom ul li {
	width: 145px;
	}
	
	#footer-bottom .partner-logo.sebel{
		width:120px!important;
	}
	.docklands #footer-bottom ul li {
		margin-top: 39px;
	}
	.docklands #footer-bottom .partner-logo.sebellogo {
		width: 69px !important;
		height: 66px !important;
	}
	.docklands #footer-bottom .partner-image.sebellogo {
		height: auto;
		width: 100%;
	}
	.docklands #footer-bottom .partner-logo.sebel a {
		display: inline-block;
		height: 40px;
		margin-left: 13px;
		margin-right: 27px;
		width: 107px;
	}
	.docklands #footer-bottom ul li.partner-logo.sebellogo {
		margin-right: 27px;
		margin-top: 15px;
	}
		
	#footer-bottom .partner-logo.accor{
		width: 165px;
	}

	.mail1 {
    	float: left;
    	padding-left: 0;
    	margin-left: 0;
    	border: 0;
    	clear: both;
	}

	.phone{
		float: left;
	}
	.sebeldocklandsredesign-logos.logo-img {
    width: 180px;
    height: 103px;
		background-size: 100% auto;
	}
	
	/*404*/
	.main-info .notfound-btn{
		margin:0 0 10px 0;
	}
}

/**-- This Query for mobile landscape only --**/
@media (min-width: 479px) and (max-width: 767px) {
	.mobile .modal-esc.icon-close {
		right: 75%;
	}
}

@media (min-width: 1600px) {
	.navigation .shortcuts > li {
	  margin-left: 45px;
	}
	
	#branding {
	  margin-left: 50px;
	}
}	

/***************  templates/main/css/template.map.css  ***************/
/* == HEADER */
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.container{
    display: table;
    height: 100%;
    width: 100%;
}

/* Hide top-bar */
.top-bar{
	display: none;
}
.container .header {
	display: table-row;
}
.header-content,
.container .header{
	height: 30px;
}
.booking,
.header-content:after{
	top: 114px;
}
.navigation{
	top: 78px;
}

/* == MAP WIDGET */
.content-map-wrapper {
	display: table-cell;
	height: 100%;
	width: 100%;
}


/* == MAIN */
.main{
	overflow:visible;
}
.main h1 {
  color: #19325d;
  font-family: "garamond-bold";
  font-size: 35px;
  text-align: center;
}
.container .main-content{
   display: table-row;
   height: 100%;
   width: 100%;
   position: relative;	
}

.main-content-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: relative;
}
.main{
	position: absolute;
	width: 555px;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	box-shadow: -0.5px 0.8px 5px rgba(0,0,0,.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5F7F8F8', endColorstr='#E5F7F8F8')"; 
	transition:right 1s ease-in-out;
}
.ie9 .main{
	filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5F7F8F8', endColorstr='#E5F7F8F8')"; 
}

.main.close{
	right: -555px;
}
.main-close{
	position: absolute;
	 width: 32px;
	height: 44px;
 left: -30px;
	top: 32px;
	background-color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5f7f8f8', endColorstr='#E5f7f8f8')"; 
	color:#000;
	line-height: 44px;
	box-shadow: -4px 0.8px 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  transition:all 0.5s;
}
.main-close.icon-fat_arrow_left:before {
  color: #fff;
  font-size: 46px;
  left: -41px;
  position: absolute;
  top: -1px;
}
.main-close:hover{
  color:#e0ba74;
}
.ie9 .main-close{
	filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5f7f8f8', endColorstr='#E5f7f8f8')"; 
}
.main .main-close .icon-close {
  display: block;
  font-size: 13px;
  height: 100%;
  padding-left: 7px;
  width: 100%;
  transform: rotate(0deg);
  transition: transform 1s linear 0s;
	-webkit-transform: rotate(0deg);
	-webkit-transition:-webkit-transform 1s linear;
}
.main.close .main-close .icon-close{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.main.close .main-close .icon-close:before {
  font-size: 13px;
  line-height: 3.5;
  padding-left: 2px;
}

.main .main-info{
	text-align: left;
	padding: 49px 20px 20px 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow-y:auto; 
	width:492px;
	left:0;
}
 .main .main-intro p {
  line-height: 1.79;
  margin: 0;
  font-size:14px;
}
.main-intro {
  width: 475px;
}
.main .main-info h1 {
  margin: 0 0 8px;
  text-align: left;
}
/* Breadcrumb  */
.main .main-info p.breadcrumb{
	margin: 0 0 14px 0;
	text-align: left;
	font-size: 17px;
}
	.breadcrumb-item{
		position:relative;
		display:inline-block;
		vertical-align:middle;
	}
	.breadcrumb a, .breadcrumb-sep{
		text-decoration: none;
	}
	.breadcrumb a{
		color:#999;
		font-size: 17px;
	}
	.breadcrumb-sep{
		padding:0 5px;
	}

.readmore-wrapper-slider{
	margin-bottom: 10px;
}	
.button {
  width: 92px;
}
.block-title {
  border-bottom: 1px solid #e0ba74;
  padding-bottom: 5px;
}

/* ==  FOOTER */
.container .footer{
	display: table-row;
	float: left;
	width: 100%;
}
/* hide footer */
#footer-bottom,.footer-separator,.footer-info{
	display: none;
}

.breadcrumb-topbar {
  display: none;
}
.breadcrumb-map {
  color: #000;
  font-size: 17px;
  margin: 10px 0 12px;
  padding-left: 0;
  text-transform: none;
  width:100%;
  z-index: 1;
}
.breadcrumb-item.active {
  color: #19325d;
}
.breadcrumb-map a {
    color: #19325b;
}
.button-wrapper {
  height: 10px;

}
.content-map-wrapper .map-controls {
  left: 60px;
  position: absolute;
  top: 95px;
}
.button-wrapper{
  margin-left: 0 !important;
}
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {
	.main {
	  width: 520px;
	}
	.main .main-info {
	    padding: 40px 26px 26px;
	}
	.main.close{
		right: -520px;
	}
	.content-map-wrapper .map-controls {
	  left: 25px;
	  top: 110px;
	}
	.breadcrumb-map {
	  margin: 0;
	}
	.get-directions .searchbox {
	  width: 51%;
	}
	.searchbox input {
	  width: 140px;
	}
	.main .main-info {
	  width: 472px;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	body.modal-open{
		overflow: scroll;
	}
	.booking, .header-content:after{
		top: 53px;
	}
	.navigation{
		top: 0;
	}	
	.container .header{
    	height: 53px;
	}
	
	.main {
	  width: 385px;
	}
	.main .main-info {
	  padding: 38px 26px 26px 17px;
	}
	.main.close{
		right: -385px;
	}
	.content-map-wrapper .map-controls {
	  left: 25px;
	  top: 75px;
	}
	.main-intro {
	  width: 350px;
	  margin-bottom: 0;
	}
	.main .main-intro p {
	  line-height: 1.5;
	}
	.breadcrumb-map {
	  margin: 10px 0 5px;
	}
	.container .header {
	  height: 40px;
	}
  .main .main-info h1 {
    width: 75%;
  }

}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	html,body{
		overflow: visible;
	}	
	.booking, .header-content:after{
		top: 67px;
	}
	.navigation{
		top: 0;
	}
	.container{
		width: auto;
		height: auto;
	}	
	.container .header {
	  height: 36px;
	}
	.container,.container .header,
	.content-map-wrapper,.main,
	.container .footer,.container .main-content{
		display: inline-block;
		clear: both;
	}
	.content-map-wrapper{
		position: absolute;
		height: 347px;
	}
	.main{
		position: relative;
		width: 100%;
		background-color: white;
		box-shadow: none;
		-ms-filter:none;
		margin-top: 347px;
		transition:margin-top .6s ease-in-out;
	}
	.main .main-info h1{
		font-size: 26px;
	}
	.main .main-info p.breadcrumb{
		font-size: 14px;
	}
	.main.close{
		margin-top: 100px;
		right: auto;
	}
	.main .main-info {
	  display: block;
	  margin: 0 auto;
	  padding: 0 0 20px;
	  position: relative;
	  width: 300px;
	  top:-32px;
	  overflow:hidden;
	}
	.main-intro {
	  width: 100%;
	}
	.main .main-intro p {
	  line-height: 1.5;
	}
	.main .main-intro {
	  margin-bottom: 24px;
	}

	.main-close {
	    background-color: white;
	    box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.1);
	    left: 50%;
	    margin-left: -22px;
	    top: -32px;
	}
	.main .main-close .icon-close{
		/*transition: none;*/
		transition: transform 0.3s linear 0s;

		-webkit-transform: rotate(45deg);
		-webkit-transition:-webkit-transform 0.3s linear;
	    font-size: 13px;
	    padding-left: 9px;
		padding-top: 4px;
	}
	.main.close .main-close .icon-close:before {
	  line-height: 2;
	  padding-left: 1px;
	}
	.main-close .icon-close:before{
		color: #e0ba74;
	}
	.main.close .main-close .icon-close{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		padding-left: 8px;
		padding-top: 0px;
	}
	/*
	.main.close .main-close .icon-close:before{
		content: '\e832';	
	}
	*/
	.logo, .logo-wrapper {
	  height: 90px;
	}
	.footer{
		float: none;
	}
	#footer-bottom,.footer-separator,.footer-info{
		display: block;
	}
	.breadcrumb-map {
	  font-size: 12px;
	  margin: 0 0 12px;
	}
	.breadcrumb-sep {
	  font-size: 10px;
	  padding: 0;
	}
	.footer-details {
	  width: 100%;
	}
	.followus {
	  margin: -25px auto 30px;
	}
	.bar.right {
	  right: 0;
	}
	.bar.left {
	  left: 0;
	}
	#footer-bottom {
	  margin: 22px 0 45px;
	}
	.content-map-wrapper .map-controls {
	  left: 10px;
	  top: 35px;
	}
	.map-controls.no-mobile {
	  display: block;
	}
	.map-controls .map-navigator.pie,
	.map-controls .pan-button.center.icon-dot.pie,
	.map-controls .zoom-bar	{
	  display: none;
	}
	.map-controls .zoom-button.zoom-in.icon-plus {
	  margin-bottom: 5px;
	}
	.map-layout .map-controls .zoom .zoom-button {
	  line-height: 20px;
	}
	
	.fulwidth.item-bottom-bar {
		display: none !important;
	}
	.main-close {
    height: 40px;
    top: -35px;
    left: 48%;
    width: 50px;
  }
  .main .main-close .icon-close {
    padding-left: 15px;
    padding-top: 5px;
  }
  .main.close .main-close .icon-close {
    padding-left: 15px;
  }
	.main-close.icon-fat_arrow_left::before{
		content: '';
	}

}

/***************  templates/main/../respwidgets/maps/template.layout.css  ***************/
/* --------------------------------------------------[ css ]-- */
.respwidgets-maps{
	width:100%;
	height:auto;
}

.respwidgets-maps .toolbox-link{
	position:absolute;
	padding:5px 10px;
}


/* Markers */
.marker-content{ display: none; }
.infoBox{ background-color: #fff; padding: 16px; }
.infoBox .marker-content{ display: block;}

/* Map Controls =*/
	.map-controls {
	  left: 32px;
	  position: absolute;
	  top: 40px;
	}
	/* Pan control */
	.map-navigator{
		position: relative;
		display: block;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		padding: 2px;
	}
	.map-navigator .pan-button{
		position: absolute;
		font-size: 12px;
		cursor: pointer;
	}
	.map-navigator .left{
		top:17px;
		left: 2px;
	}
	.map-navigator .right{
		top:17px;
		right: 2px;
	}
	.map-navigator .up{
		top:4px;
		left: 17px;
		font-size: 8px;
	}
	.map-navigator .down{
		left: 17px;
		bottom:4px;
		font-size: 8px;
	}
	/* Zoom Control*/
	.map-controls .zoom{
		margin-top: 22px;
	}
	.map-controls .zoom .zoom-button{
		display: block;
		width: 18px;
		height: 18px;
    	margin: 0 auto 2px;
  		font-size: 11px;
		line-height: 21px;
    	text-align: center;
    	cursor: pointer;
    }

	.map-controls .zoom .pan-button.center{
		position: relative;
		width: 18px;
		height: 18px;
		margin: 0 auto 12px auto;
		border-radius: 3px;
		font-size: 6px;
		text-align: center;
		line-height: 18px;
		cursor: pointer;
	}
	.map-controls .zoom .zoom-in, .map-controls .zoom .zoom-out{
		border-radius: 3px; 
	}
	.map-controls .zoom .zoom-bar{
		position: relative;
		width: 2px;
		height: 148px;
		margin: -2px auto 0 auto;
	}
	.map-controls .zoom .zoom-selector{
		position: absolute;
		width: 18px;
		height: 8px;
		border-radius: 2px;
		font-size: 8px;
		left: -8px;
		text-align: center;
		line-height: 6px;
	}
	
	/* Map Control Colors */
	.map-navigator,
	.map-controls .zoom .pan-button,
	.map-controls .zoom .zoom-bar,
	.map-controls .zoom .zoom-button,
	.map-controls .zoom .zoom-selector{
		background-color: #19325d;
		color: white;
	}
/***************  templates/main/../respwidgets/activities-items/template.layout.css  ***************/
/* --------------------------------------------------[ css ]-- */
.widget-list,
.widget-detail{
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	transition:opacity .5s ease-in-out;
}
.widget-list.show,
.widget-detail.show,
/* IE9 FIX */
.ie9 .widget-list,
.ie9 .widget-detail
{
	opacity: 1;
	height: auto;
	width: auto;
	overflow: visible;	
}

.widget-list,
.widget-detail{
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	transition:opacity .5s ease-in-out;
}
.widget-detail-back {
  color: #e0ba74;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 18px;
  text-decoration: underline;
}
.widget-detail-back:hover{
	color: #1d3b6d;
}
.categories-wrapper{
	background-color:#faf9f7;
	margin-bottom:26px;
  font-family: frutiger-light,serif;
}
.categories-wrapper .category-selector {
  background-color: #faf9f7;
  color: #e0ba74;
  cursor: pointer;
  font-size: 16px;
  height: 38px;
  letter-spacing: 1.5px;
  line-height: 38px;
  position: relative;
  text-indent: 15px;
  text-transform: uppercase;
}
.categories-wrapper .categories-title:before {
  font-size: 8px;
  position: absolute;
  right: 14px;
  top: 17px;
  width: auto;
}
.categories-wrapper .category-selector.open .categories-title:before{
	content: '\e81e';
}
.categories-menu{
	max-height: 0;
	overflow: hidden;
	transition:max-height .5s ease-in-out;
	padding:0 35px;
}
.categories-menu.open{
	max-height: 200px;
}
.categories-wrapper ul{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: justify;
	margin-top: 26px;
}
.categories-wrapper ul:after {
	content: "";
	display: inline-block;
	width: 100%;
}
.categories-wrapper ul li {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  height: 30px;
  letter-spacing: 2px;
  line-height: 30px;
  margin-bottom: 14px;
  position: relative;
  text-transform: uppercase;
  width: 45%;
}
.categories-wrapper ul li:before{
	font-size: 20px;
	margin-right: 20px;
}

.categories-wrapper ul li:after{
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	margin-top: 4px;
	background-color: white;
	border:1px solid #999999;
	float: right;
}
.categories-wrapper ul li.active:after{
	font-family: "sprite-icons-font";
	content:'\e845';
	text-align: center;
	line-height: 18px;
}

.items-wrapper ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.items-list.only-one{
	text-align: left;
}
.items-wrapper ul li{
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 250px;
	margin-bottom: 30px;
	background-position: left;
	background-repeat: no-repeat;
	cursor: pointer;
}
.items-list .item-content{
	position: relative;
	opacity: 0;
	transition:opacity .3s ease-in-out;
}
.items-list .item-content.show{
	opacity: 1;
}
.items-list .item-content.finished{
	width: 0;
	height: 0;
	overflow: hidden;
}
.items-list .item-content .right-side{
	position:relative;
	float:right;
	width:44%;
	height:100%;
}
	.items-list .item-content .right-side > div{
		position:relative;
		display:block;
	}
.items-list .item-content .item-intro{
	position: relative;
	width:100%;
	margin:5px 0 12px;
	line-height:20px;
}

.item-category-icon{
	position: absolute;
	top:0;
	left:0;
	width: 42px;
	height: 42px;
	color: white;
	line-height: 44px;
	text-align: center;
}
.item-category-icon span:before{
	font-size: 22px;
	width: auto;
}
.items-list .item-content .item-title {
  border-bottom: 1px solid #e0ba74;
  display: block;
  font-size: 18px;
  color: #e0ba74;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 0 11px 12px 0;
  position: relative;
}
.items-list .item-content .item-title:before{
	margin:0 14px 0 -31px;
}
.items-list .item-content .item-title span{
	position: relative;
	margin-left: 24px;
	padding-right: 18px;
}
.items-list .item-content .item-title span:before{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
	font-size: 12px;
}
.items-list .item-content .item-readmore{
	float:right;
}

/* Categories Colors */

.categoryIcon {
  background:#fff;
  display: block;
  font-size: 25px;
  height: 36px;
  left: 0;
  line-height: 1.5;
  padding-left: 2px;
  position: absolute;
  top: 0;
  width: 42px;
}
.categoryIcon.icon-cocktail_border,.cat-bars.icon-cocktail_border{
   color: #29abe1;
}
.categoryIcon.icon-city_hall,.cat-culture.icon-city_hall{
  color: #754b23;
}
.categoryIcon.icon-people,.cat-family.icon-people {
  color: #8bc53e;
}
.categoryIcon.icon-cutlery,.cat-restaurants.icon-cutlery {
  color: #c1272c;
}
.categoryIcon.icon-shopping_bag,.cat-shopping.icon-shopping_bag {
  color: #f69933;
}
.categoryIcon.icon-entertainment,.cat-entertainment.icon-entertainment {
  color: #C7C031;
}
.categoryIcon.icon-sightseeing,.cat-sightseeing.icon-sightseeing {
  color: #B0529F;
}
.categoryIcon.icon-others,.cat-others.icon-others {
  color: #293A90;
}
.categoryIcon.icon-sports,.cat-sports.icon-sports {
  color: #07A381;
}


/* Markers */
.map .infoBox{
	padding:16px 0 16px 16px;
}
.map .infoBox img{
	position:absolute !important;
    right:5px;
    top:5px;
}
.marker-content {
  cursor: pointer;
  margin-top: 2px;
  max-width: 300px;
}
.marker-content .marker-img{
	display: block;
	width: 300px;
	height: 250px;
	position: relative;
	margin-bottom:8px;
}
.marker-content h3 {
  font-size: 15px;
  letter-spacing: 1px;
  padding-bottom: 0;
}
.marker-content .marker-img + h3{
	padding:0 4px 5px 30px;
	font-size: 17px;
}
.marker-content .marker-img + h3:before{
	margin:0 14px 0 -31px;
}
.marker-content .marker-body{
	font-family:"Lato",sans-serif;
	font-size:13px;
}
.marker-body p:first-child{
	margin-top:0;
}

.marker-content h3:after{
	width: auto;
	content: '';
	font-size: 12px;
 	line-height: 20px;
    vertical-align: top;
	margin-left: 5px;
	font-family: "sprite-icons-font";
}
.marker-content.hotel h3:after{
	display: none;
}
.main {
  width: 626px;
}
.main .main-info {
  padding: 36px 20px 20px 23px;
  width: 580px;
}
.main-intro {
  width: 100%;
}
.main-close {
  top: 52px;
}
.breadcrumb-map {
  margin: 10px 0 0;
}
.main .main-info h1 {
  margin: 5px 0 2px;
}
.right-side .button {
  width: 94px;
}
.additional-note {
  color: #999;
  font-family: frutiger-light,serif;
  line-height: 1.5;
  padding: 10px 0 0;
}
.map .infoBox {
  border: 1px solid #dfb974;
  box-shadow: 0 0 5px -3px #000;
  padding: 5px 5px 5px 10px;
  width: 150px !important;
}
.map .infoBox img{
  /*display: none!important;*/
}
.widget-list.show {
  float: left;
}
#page_attractions .main.close {
  right: -620px;
}
#page_attractions .widget-detail-back:hover {
  color: #e0ba74;
}

/*view items by marker when click*/
.view-item-marker {
  position: relative;
  float: left;
}
.view-item-marker.open {
  margin: 0 0 30px;
  padding:30px 15px 0;
  border:1px solid #dfb974;
}
.view-item-marker .items-list .item-content {
  background-position: left top;
  background-repeat: no-repeat;
  display: none;
  float: left;
}
.view-item-marker.open .item-content {
  margin: 0 0 15px;
  min-height: 275px;
}
.view-item-marker.open .item-content {
  min-height: 260px;
}
.view-item-marker .items-list .item-content .right-side {
  padding-top: 25px;
  width: 42%;
}
.marker-item-close.icon-close {
  display: none;
}
.view-item-marker .marker-item-close.icon-close {
  display: block;
  position: absolute;
  color: #858585;
  cursor: pointer;
  right: -5px;
  top: -20px;
}
.readmore-wrapper-slider .short-text p {
    line-height: 1.5;
}
.readmore-wrapper-slider .readmore-links {
    display: block !important;
}
/* Landscape & Portrait tablet to Desktop */	
@media (min-width: 768px) and (max-width: 1279px) {
  .items-wrapper ul li{
    height:auto;
    background-position:left top;
  }
  .categories-wrapper ul li,.items-list .item-content .right-side{
    width: 43%;
  }
  .items-list .item-content .item-title{
    border-bottom:1px solid #e0ba74;
  }
  .main {
    width: 605px;
  }
  .main .main-info {
    padding: 36px 20px 20px 23px;
    width: 560px;
  }
  .view-item-marker .items-list .item-content .right-side {
    padding-top: 0;
    width: 40%;
  }
  #page_attractions .main.close {
    right: -595px;
  }
  .main-close.icon-fat_arrow_left:before {
    left: -40px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .main {
    width: 427px;
  }
  .breadcrumb-map {
    margin: 2px 0 0;
  }
  .main-close {
    top: 43px;
  }
 .main .main-info {
    padding: 36px 6px 20px 13px;
    width: 405px;
  }
  .main .main-info h1 {
    letter-spacing: 2.5px;
    line-height: 1.1;
    margin: 5px 0 2px;
  }
  .main .main-intro {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .categories-wrapper {
    margin-bottom: 18px;
    width: 98%;
  }
  .items-wrapper ul li {
    background-size: 53% auto;;
  }
  .items-list .item-content .right-side .item-intro {
    display: none;
  }
  .categories-wrapper ul li, .items-list .item-content .right-side {
    margin-right: 12px;
    width: 40%;
  }
  .items-list .item-content.show {
    min-height: 180px;
  }
  .items-list .item-content .right-side {
    min-height: 180px;
  }
  .items-list .item-content .right-side .item-readmore {
    bottom: 0;
    float: right;
    position: absolute;
    right: -5px;
  }
  .right-side .button {
    width: 95px;
  }
  .view-item-marker .items-list .item-content {
    background-size: 57% auto;
  }
 .view-item-marker.open {
    padding: 25px 0 0 15px;
    width: 94%;
  }
  .view-item-marker.open .item-content {
    width: 98%;
  }
  .view-item-marker .items-list .item-content .right-side {
    margin-right: 0;
    padding-top: 0;
    width: 40%;
  }
  .view-item-marker .items-list .item-content .right-side .item-readmore {
    right: 15px;
    bottom: 3px;
  }
  #page_attractions .main.close {
    right: -418px;
  }
  .main-close.icon-fat_arrow_left:before {
    left: -40px;
  }
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.categories-wrapper ul li{
		width: 98%;
	}

	/* Markers */
	.marker-content{
		max-width: 220px;
	}
	.marker-content .marker-img{
		width: 220px;
		height: 183px;
		background-size: 100%;
	}
	
	.items-wrapper ul li{
		height:auto;
		background-size:46% auto;
	}
	.items-wrapper ul li.show{
		min-height:115px;
	}
	.items-list .item-content .right-side{
		width:48%;
	}
	.items-list .item-content .item-title{
		font-size:14px;
		line-height:18px;
		border-bottom:none;
		min-height:73px;
	}
	.items-list .item-content  .right-side .item-intro{
		display:none;
	}
  .main {
    margin-top:338px;
    width: 100%;
  }
  .main-close {
    top: -30px;
    width: 40px;
  }
  .main-close.icon-fat_arrow_left:before {
    display: none;
  }
  .main .main-info {
    margin: 0 auto;
    padding: 10px 10px 20px;
    width: 300px;
  }
   #page_attractions .main.close {
    right: 0;
    margin-top: 150px;
  }
  .items-list .item-content .right-side .additional-note{
    display: none;
  }
  .breadcrumb-map {
    margin: -1px 0 0;
  }
 .main .main-info h1 {
    letter-spacing: 2.5px;
    margin: 11px 0 13px;
  }
  .main .main-intro {
    display: none;
  }
  .categories-wrapper {
	width: 100%;
    margin-bottom: 18px;
  }
  #page_attractions .categoryIcon {
    height: 47px;
    z-index: 2;
    line-height: 2.5;
  }
  .items-wrapper ul li {
    background-size: 47% auto;
  }
  .items-list .item-content .item-readmore {
    margin-right: 15px;
  }
  .items-list .item-content .item-title {
    font-size: 18px;
    line-height: 20px;
    margin: -2px auto auto -5px;
  }
  .fulwidth.item-bottom-bar{
    display: none;
  }
  .widget-detail-back,
  #page_attractions .widget-detail-back:hover{
	color: #000;
  }
  .main-close {
    height: 40px;
    top: -35px;
    left: 48%;
    width: 50px;
  }
  .main .main-close .icon-close {
    padding-left: 15px;
    padding-top: 8px;
  }
  .main.close .main-close .icon-close {
    padding-left: 15px;
  }

}
/***************  templates/main/../respwidgets/activities-items/template.layoutItem.css  ***************/
/* --------------------------------------------------[ css ]-- */
.item-detail{
	display: none;
	margin-bottom: 20px;
  position: relative;
}
.categoryIcon {
  z-index: 111;
}
.item-detail-left,.item-detail-left{
	display: table-cell;
	vertical-align: top;
}
.item-detail-left{
	width: 300px;
}
	.item-detail-img{
		width: 300px;
		height: 250px;
		position: relative;
	}
	/* Share This ========*/
.sm-icon.foursquare.brand-color div a,.at_PinItButton {
  background: none!important;
}
.sm-icon.email.brand-color:before {
  content: '\e830';
  font-size: 25px;
  left: 7px;
  position: absolute;
  top: 12px;
}
.item-bottom-bar .sm-share .sm-icon:after {
  color: #dfb974;
  font-size: 24px;
  left: -5px;
  top: 7px;
}
.item-bottom-bar .sm-share .sm-icon {
  border: 1px solid #dfb974;
  color: #dfb974;
  background:none;
  border-radius:0;
  height: 42px;
  float: left;
  margin-right: 8px;
  text-align: center;
  width: 42px;
  -webkit-transition: all 0.5s ; 
  -moz-transition: all 0.5s ; 
  transition: all 0.5s ;
}
.item-bottom-bar .sm-share .sm-icon:after {
  color: #dfb974;
  font-size: 40px;
  left: 0;
  top: 12px;
}
.item-bottom-bar .sm-share .sm-icon.email:after{
  font-size: 26px;
}
.item-bottom-bar .sm-share .sm-icon.share-this:after {
  font-size: 25px;
  display:none;
}
.item-bottom-bar .sm-share .sm-icon.share-this {
  display:none;
}
.item-bottom-bar .sm-share .sm-icon:hover {
  border: 1px solid #1d3b6e; 
  background:#1d3b6e;
}
.item-bottom-bar {
  height: 65px;
  margin: 0;
  padding-top: 12px;
  text-align: center;
  width: 100%;
}
.item-bottom-bar .sm-share .label,.none-mobile a.brand-color {
  clear: none;
  color: #000;
  float: none;
  font-size: 13px;
  height: auto;
  letter-spacing: 3px;
  font-family:"frutiger-light",sans-serif;
  margin: 0 4px 0 0;
  padding-right: 5px;
  text-transform: uppercase;
  top: auto;
  width: auto;
}
.sm-icon.brand-color.none-mobile {
  background:#dfb974;
  color: #fff;
  line-height:1.35;
  font-size: 28px;
}
.none-mobile .brand-color {
  color: #fff;
}
.sebel-icon-photo:before {
  margin-left: 1px;
}
.link-icon .label {
  padding-left: 15px;
}
.link-icon  {
  margin-left:40px;
}
.share.label.mobile-only {
  display: none;
}
.share.label.brand-color {
  display: block;
  padding-bottom: 10px;
  text-align: left;
}
.item-detail-right{
	padding-left:20px;
}
	.item-detail-right h2 {
    border-bottom: 1px solid #e0ba74;
    display: block;
    font-size: 18px;
    letter-spacing: 2.5px;
    line-height: 20px;
    padding: 0 11px 12px 0;
    position: relative;
  }
  .main .text li {
    color: #999;
    font-family: frutiger-light;
    position: relative;

  }
	.item-detail-right h2:before{
		margin:0 14px 0 -31px;
	}
	.item-detail-content p {
	    line-height: 20px;
	}
	.item-detail-content a{
		text-decoration:underline;
	}
	.itemPreviewEditLink a{
		color:black;
	}
  .item-bottom-bar.tab{
    display: none;
  }


/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {
	.item-detail-left,.item-detail-left{
		display: inline-block;
	}
	.item-detail-right{
		margin-top: 16px;
		padding-left:0;
	}
  .item-detail-right {
    float: right;
    margin-top: 0;
    padding-left: 0;
    width: 44%;
  }
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	.item-detail-left,.item-detail-left{
		display: inline-block;
	}
	.item-detail-right{
		margin-top: 16px;
		padding-left:0;
	}
  .item-detail-right {
    width: 90%;
  }
  .item-detail-right h2 {
    display: inline-block;
    padding: 0 0 7px;
    width: auto;
  }
 .additional-note {
    padding: 7px 0 0;
  }
  .item-bottom-bar{
    display: none;
  }
  .item-bottom-bar.tab{
    display: block;
  }
  .categories-menu {
    padding: 0 0;
  }
  .categories-wrapper ul li::before {
    margin-right: 10px;
  }
  .categories-wrapper ul li{
    margin-right: 0;
    width: 49%;
  }
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.widget-detail-back{
		text-align: left;
	}
	.item-detail-left,.item-detail-left{
		display: inline-block;
	}
	.item-detail-right{
		margin-top: 16px;
		padding-left:0;
	}
	.item-detail-share ul{
		background-color:#f7f8f8;
		margin: 0 4px;
		padding-bottom:6px;
	}
  .item-bottom-bar.mobile{
    display: block;
  }
  .item-bottom-bar .sm-icons-wrapper {
    display: none;
  }
  .item-bottom-bar .sm-share .label {
    display: none;
  }
  .item-bottom-bar .sm-share .sm-icon {
    display: none;
  }
  .item-bottom-bar .sm-icon.share-this.mobile-only {
    background:#dfb974;
    display: inline-block;
    left: auto;
    margin: 0 auto 0 30%;
    position: relative;
    text-align: center;
    top: auto;
  }
  .item-bottom-bar .sm-share .label.mobile-only {
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 3;
    padding-left: 10px;
  }
  .item-bottom-bar {
    padding-top: 24px;
  }
  .container {
    position: relative;
  }
  .item-bottom-bar .sm-share .sm-icon.share-this:after {
    background: #fff;
    border-radius: 100%;
    color: #dfb974;
    display: block;
    font-size: 18px;
    height: 30px;
    left: 5px;
    top:5px;
    width: 30px;
  }
  .item-bottom-bar .sm-share .label {
    clear: none;
    color: #000;
    float: none;
    font-size: 13px;
    height: auto;
    letter-spacing: 3px;
    margin: 0 4px 0 0;
    padding-right: 5px;
    text-transform: uppercase;
    top: auto;
    width: auto;
  }
  .sm-share.addthis_toolbox{
    height: 20px;
    position: relative;
    width: 100%;
  }
  .item-bottom-bar .sm-icon.share-this.mobile-only {
    background: none repeat scroll 0 0 #dfb974;
    display: inline-block;
    left: auto;
    margin: 0 auto 0 15%;
    position: relative;
    text-align: center;
    top: auto;
  }
  .item-bottom-bar .sm-icon.share-this.mobile-only {
    margin: 0 auto 0 25%;
  }
  .item-bottom-bar .sm-share .label {
    margin: 0 4px 0 -45px;
  }	
   .fulwidth.item-bottom-bar {
    border-bottom: 1px solid #e0ba74;
    border-top: 1px solid #e0ba74;
    bottom: 658px;
    height: 80px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  .fulwidth.item-bottom-bar{
    display: block;
  }
  .mobile .view-item-marker {
    display: none !important;
  }
}