/* GLOBAL */

@font-face {
  font-family: 'Playfair Display';
  src: url("/fonts/PlayfairDisplay-Black.ttf") format("tff"),
       url("/fonts/PlayfairDisplay-BlackItalic.ttf") format("tff"),
	   url("/fonts/PlayfairDisplay-Bold.ttf") format("tff"),
	   url("/fonts/PlayfairDisplay-BoldItalic.ttf") format("tff"),
	   url("/fonts/PlayfairDisplay-Regular.ttf") format("tff");
}

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-Bold.ttf") format("tff"),
       url("/fonts/Roboto-Light.ttf") format("tff"),
	   url("/fonts/Roboto-Medium.ttf") format("tff");
}

body, html
{
        border-top:0px solid #78a5a3;
        background:#f2f3f3;
        font-family: 'Roboto';
        color:#202021;
		font-size:16px;
		line-height:22px;
		height:100%;
		-webkit-font-smoothing: antialiased;
}

body.noscroll{
    position:fixed;
    overflow:hidden;
}

* {
    box-sizing: border-box;
}

#map-wrapper 
{	
	width: 100%;
    height: 500px;
    border: 5px solid #202021;
    border-radius: 3px;
    background-color: #202021;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.header {
  background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    top: 0;
    position: fixed;
    height: 75px;
	z-index: 2000000000;
}
.header .logo {
  padding: 10px 0 10px 20px;
}
.header .logo a img {
  max-width: 240px;;
}
.header .menu ul {
  margin: 0;
  padding: 0;
  margin-right: 80px;
}
.header .menu ul li {
      display: inline-block;
    list-style: none;
    margin-left: 9px;
    margin-right: 9px;
    padding-top: 27px;
    padding-bottom: 4px;
}
.header .menu ul li.social_mobile_nav {
      display: none;
}
.header .menu ul li a {
		      color: #202021;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.8em;
	text-transform:uppercase;
	    letter-spacing: 0.4px;
}
.header .menu ul li a strong {
	font-weight:700;
}
.header .menu ul li a:hover {
        color: #78a5a3;
}
.header .menu ul li .flexbox-container a  {
     color: #202021;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 5px;
}
.header .menu ul li .flexbox-container a strong  {
   font-weight:700;
}
.header .menu ul li ul.submenu {
  background-color: #fefefe;
    display: none;
    position: absolute;
    width: 145px;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);
    margin-top: 4px;
}
.header .menu ul li ul.submenu li {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.header .menu ul li ul.submenu li a {
  color: #202021;
    line-height: 20px;
    padding: 10px 12px;
    display: block;
    font-weight: 700;
}
.header .menu ul li ul.submenu li a:hover {
  color: #78a5a3;
  background-color: #fff;
   border-bottom: 0px solid #333;
}
.header .menu ul li:hover {
  color: #78a5a3;
  border-bottom: 0px solid #78a5a3;
}
.header .menu ul li:hover ul.submenu {
  display: block;
}
.header .menu ul li i.icon-arrow {
      width: 15px;
    padding: 0px 0px;
    text-align: center;
    cursor: pointer;
	display: inline-block;
}
.header .menu ul li.divider a {
	font-size: 1em;
    letter-spacing: 0.5px;
    border-left: 1px solid #78a5a3;
}

.header .menu ul li.divider a:hover {
	border-bottom: none;
}

@media screen and (max-width: 1000px) {
	.header {
    height: 58px;
}

	.header .logo {
	padding: 5px 0 3px 10px;
}
	.header .logo a img {
  max-width: 200px;
}
  .header nav.menu ul {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    margin-left: -1000px;
    z-index: 1;
    background-color: #fff;
    -moz-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
  }
  .header nav.menu.active {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
  }
  .header nav.menu.active ul {
    margin-left: 0;
    -moz-transition: margin-left 0.25s;
    -o-transition: margin-left 0.25s;
    -webkit-transition: margin-left 0.25s;
    transition: margin-left 0.25s;
    width: 75vw;
  }
  .header nav.menu.active ul li {
    display: block;
    border-bottom: 0px solid rgba(0, 0, 0, 0.5);
    padding: 0px 0px 0px 0px;;
	margin: 0px
  }
  .header nav.menu.active ul li.social_mobile_nav {
    display: block;
    border-bottom: 0px solid rgba(0, 0, 0, 0.5);
    padding: 8px 10px 10px 0px;
	margin: 0px
  }
    .header nav.menu.active ul li.social_mobile_nav a {
    display: inline;
  }
  .header nav.menu.active ul li.social_mobile_nav a:hover {
	  background-color:rgba(0, 0, 0, 0);
  }
  .header .menu ul li ul.submenu {
    display: contents;
}
  .header nav.menu.active ul li:hover .submenu {
    display: contents;
  }
  .header .menu ul li ul.submenu li {
    margin: 0px 0px 5px 0px;
}
  .header .menu ul li ul.submenu li a {
    padding: 8px 40px;
    font-size: 0.8em;
    background-color: #cadbdb;
}
  .header .menu ul li ul.submenu li a:hover {
    color:#202021;
    background-color: #cadbdb;
}
  .header nav.menu.active ul li a {
    width: 100%;
    display: block;
    padding: 15px 0px 10px 15px;
	font-weight: 300;
    font-size: 0.96em;
  }
  .header nav.menu.active ul li a:hover {
    background: #fff;
  }
  .header nav.menu.active ul li .flexbox-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .header nav.menu.active ul li .flexbox-container a {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  .header nav.menu.active ul li .flexbox-container i.icon-arrow {
    display: block;
    height: 52px;
    width: 76px;
    padding: 17px 29px;
    text-align: center;
    cursor: pointer;
    border-left: 0px solid rgba(0, 0, 0, 0.5);
  }
  .header nav.menu.active ul li .flexbox-container i.icon-arrow:hover {
    background: #78a5a3;
  }
  .header nav.menu.active ul li .flexbox-container i.icon-arrow svg {
    height: 18px;
    width: 15px;
  }
  .header nav.menu.active ul li .submenu {
    max-height: 0;
    overflow: hidden;
    box-shadow: none;
  }
  .header nav.menu.active ul li.showSubmenu .submenu {
        max-height: 1000px;
    width: 100%;
    position: relative;
    padding-top: 0px;
    display: block;
    overflow: inherit;
    margin-top: 0px;
  }
  .header nav.menu.active ul li.showSubmenu .submenu .subOption {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
  }
  .header nav.menu.active ul li.showSubmenu .submenu .subOption a {
    padding: 15px 40px;
  }
  .header nav.menu.active ul li.showSubmenu .submenu .subOption a:hover {
    background: #fff;
	border: none;
  }
  .header nav.menu.active ul li.showSubmenu i.icon-arrow {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
    border-left: none;
  }
  .header nav.menu .hamburger {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 12px 20px;
    color: #202021;
    cursor: pointer;
    z-index: 2;
  }
  .header nav.menu .hamburger span,
  .header nav.menu .hamburger span:before,
  .header nav.menu .hamburger span:after {
    left: 0;
    border-radius: 2px;
    height: 5px;
    width: 40px;
    background: #202021;
    position: absolute;
    display: block;
    content: '';
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .header nav.menu .hamburger span:before {
    top: -12px;
  }
  .header nav.menu .hamburger span:after {
    bottom: -12px;
  }
  .header nav.menu .hamburger.active span {
    background-color: transparent;
  }
  .header nav.menu .hamburger.active span:before, .header nav.menu .hamburger.active.active span:after {
    top: 0;
  }
  .header nav.menu .hamburger.active span:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header nav.menu .hamburger.active span:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .header nav.menu ul li.divider {
	display:none;
}
  
  .header nav.menu ul .socialtop {
	float: none;
	margin-left: 15px;
	padding-top: 20px;
}

.header nav.menu ul .socialtop_2 {
	    float: none;
    margin-left: 20px;
    margin-top: 2px;
    position: absolute;
	padding-top: 3px;
}

.header nav.menu .search-icon {
   top: 14px;
    right: 60px;
    padding: 0px 0px;
    font-size: 1.5em;
}

.header nav.menu .search-icon button {
   width: 32px;
   height:32px;
}

.header nav.menu .shop-icon {
    padding: 0px 0px;
    font-size: 1.8em;
	position: unset;
	color:#202021;
}

}

.dimmer {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: none;
}
.dimmer.active {
  display: block;
}

/* The overlay effect with black background */
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
  margin-left: 0;
}

.mapBtn {
	background-color: rgb(202, 219, 219);
    color: #202021;
    cursor: pointer;
    padding: 7px 12px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 0.78em;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Roboto';
    position: fixed;
    top: 75px;
    right: 0;
    z-index: 9998;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    letter-spacing: 1px;
}

.mapBtn:hover {
	    background-color: rgba(225, 177, 106, 1);
}

.mapBtn p {
	line-height: 1.2em;
    font-size: 0.9em;
}


.overlay-map {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 10000000001;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.9);
}


/* The content */
.overlay-content {
  position: relative;
  top: 26%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay-content-map {
  position: relative;
  top: 14%;
  width: 90%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.overlay .closebtn {
  position: absolute;
  top: 40px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay-map .closebtn {
  background-color: rgb(202, 219, 219);
    color: #202021;
    cursor: pointer;
    padding: 16px 18px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto';
    position: fixed;
    right: 0;
    top: 75px;
    /* margin-right: 20px; */
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	    z-index: 99999;
}

.overlay .closebtn:hover {
  color: #78a5a3;
}

.overlay-map .closebtn:hover {
  background-color: rgba(225, 177, 106, 1);
}

/* Style the search field */
.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  width: 100%;
  background: white;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.header .search-icon {
	    display: inline-block;
    position: absolute;
    top: 17px;
    right: 40px;
    padding: 6px 13px;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 1.4em;
}

.header .search-icon:hover {
    color: #78a5a3;
}

.header .search-icon button {
	    background-color: #3c3c3c;
    border: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
	transition: all .5s ease;
}
.header .search-icon button:hover {
    background-color: #78a5a3;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.header .search-box  {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
	display:none;
    z-index: 1;
    background-color: #fff;
    -moz-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
  }
  .header .search-box {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
  }
  
  .header .shop-icon {
	display: inline-block;
    position: absolute;
    top: 19px;
    right: 12px;
    padding: 8px 6px;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 1.4em;
}

.header .shop-icon:hover {
    color: #78a5a3;
}

input
{
		text-transform:uppercase;
		outline: none;
}

input[type=submit]
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #2f3131;
        color: #fff;
		z-index:9999;
}

input[type=search] {
	-webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 80%;
    line-height: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: block; 
}


input[type=search] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 7px center;
    background-size: 11px;
    border: solid 1px #ccc;
	border-radius: 3px;
    padding: 2.5px 0.5px 2.5px 32px;
    width: 55px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
	width: 140px;
	background-color: #fff;
	border-color: #78a5a3;
	
	-webkit-box-shadow: 0 0 5px rgba(120,165,163,.5);
	-moz-box-shadow: 0 0 5px rgba(120,165,163,.5);
	box-shadow: 0 0 5px rgba(120,165,163,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

#demo-2 {
	    margin-right: 0px;
}

#demo-2 input[type=search] {
	width: 155px;
    padding-left: 5px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 140px;
	padding-left: 20px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}

h5 {
      position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;

}

h5 span {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    color: #202021;
    font-size: 1.5em;
    font-weight: 900;
    /* text-transform: uppercase; */
    padding: 5px 10px 5px 10px;
    font-family: 'playfair display';
    font-style: italic;
}

h5 span:before, h5 span:after {
      content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 0.8em;
    border-top: 1px solid #cacaca;
    text-align: center;
}

h5 span:before {
  right: 100%;
}

h5 span:after {
  left: 100%;
}

h4 {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
      margin-right: 20px;
    margin-left: 20px;
}

h4 span {
  display: inline-block;
    vertical-align: baseline;
    position: relative;
    color: #202021;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    padding: 5px 10px 5px 10px;
}

h4 span:before, h4 span:after {
  content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 0.9em;
    border-top: 1px solid #202021;
    text-align: center;
}

h4 span:before {
  right: 100%;
}

h4 span:after {
  left: 100%;
}

h4.bar {
        position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: left;
    margin-left: 0px;
}

h4.bar span {
         color: #202021;
    text-transform: uppercase;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 300;
    display: table;
    font-size: 0.8em;
    line-height: 1.7em;
    font-style: normal;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    font-style: italic;
    /* border-bottom: 1px solid #cadbdb; */
    padding-bottom: 0px;
}

h4.bar span:before, h4.bar span:after {
      border-top: 2px solid #78a5a3;
    width: 0px;
}

.close{
  position:absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  cursor:pointer;
  z-index:500;
}

.ns-close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ns-close:hover, 
.ns-close:focus {
	outline: none;
}

.ns-close::before,
.ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #78a5a3;
}

.ns-close:hover::before,
.ns-close:hover::after {
	background: #fff;
}

.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

#livesearch {
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    width: 100%;
    font-size: 1em;
}

#livesearch a {
	z-index: 9999;
    display: block;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 2.5em;
    transition: none;
    font-weight: 700;
    text-align: left;
}

#livesearch a:hover {
	background-color:#78a5a3;
	color:#fff;
	transition: none;
}

    #livesearch .selected {
        text-decoration: none;
        background-color: rgba(0,0,0,0.05);
    }
	
#livesearch_mobile {
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    width: 165px;
    font-size: 0.8em;
}

#livesearch_mobile a {
	z-index:9999;
	display:block;
	text-transform:uppercase;
	padding-left:7px;
	line-height:2.5em;
	transition: none;
		font-weight: 300;
}

#livesearch_mobile a:hover {
	background-color:#78a5a3;
	color:#fff;
	transition: none;
}

#livesearch_mobile .selected {
        text-decoration: none;
        background-color: rgba(0,0,0,0.05);
}

p
{
        margin:5px 0;
        line-height:25px;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

figcaption
{
	    line-height: 1.4em;
    width: 55%;
    float: right;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
	    padding-top: 15px;
}

figcaption a.gold
{
	 display:block;
	 width:80%
}

hr
{
	background-color: #D6D0C1;
	border:0;
	height:1px;
	margin:20px 0;
}


.videoWrapper {
	position: relative;
    padding-bottom: 59.20%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 40px;
    margin-top: 10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapperCity {
        max-width: 1000px;
    width: 100%;
    margin-bottom: 40px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.videoWrapperCity .video {
	    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    overflow: hidden;
    background: #cadbdb;
}
	
.videoWrapperCity iframe, object, embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px 15px 15px 15px;
}

.videoWrapperCity h6
{
	font-size: 1.2em;
    font-weight: 500;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    background-color: #cadbdb;
    color: #78a5a3;
}

.videoWrapper-360 {
	position: relative;
    padding-bottom: 59.20%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.videoWrapper-360 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* HEADER */

.topheader {
	background-color:#78a5a3;
	height:0px;
	clear:both;
}

.language {
	float:right;
}

.socialtop {
	float: right;
    margin-right: 15px;
    padding-top: 26px;
    display: inline-flex;
    margin-left: 0px;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.socialtop img 
{
    -webkit-backface-visibility: hidden;
    width: 25px;
}

.socialtop a {
    transition: all .5s ease;
}

.socialtop a:hover {
	opacity:0.7;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	border-top:none;
}

.socialtop_2 {
	float: right;
    margin-right: 15px;
    padding-top: 26px;
    display: inline-flex;
    margin-left: 0px;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.socialtop_2 img 
{
    -webkit-backface-visibility: hidden;
    width: 25px;
}

.socialtop_2 a {
    transition: all .5s ease;
}

.socialtop_2 a:hover {
	opacity:0.7;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	border-top:none;
}



ul.breadcrumb {
    list-style: none;
	margin-top: -20px;
}

/* Display list items side by side */
ul.breadcrumb li {
        display: inline-block;
    font-size: 0.65em;
    font-weight: 500;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: ">\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    text-decoration: none;
    font-weight: 300;
    font-style: italic;
    color: #78a5a3;
	border-bottom: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #202021;
    text-decoration: underline;
}

.hero-image {
  height: 70%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
      margin-bottom: 30px;
	      margin-top: 75px;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.hero-text h1 {
  color: white;
      font-size: 5.9em;
    line-height: 1em;
    font-weight: 900;
    font-family: 'Playfair Display', sans-serif;
	font-style:italic;
}

.hero-text h2 {
    letter-spacing: 1px;
    margin: 10px auto 0px;
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    display: block;
}

.hero-text hr {
    background-color: #fff;
    border: 0;
    height: 1px;
    margin: 5px 5px;
    display: inline-block;
    width: 13%;
}

.hero-text .leading-experts {
    margin-top: 40px;
    text-align: center;
    margin-left: auto;
    /* border: 1px solid #78a5a3; */
}

.hero-text .leading-experts p.big {
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #202021;
    background-color: #cadbdb;
    letter-spacing: 0.2px;
    display: table;
    padding: 5px 10px;
    /* border-top: 1px solid #78a5a3; */
    /* border-bottom: 1px solid #78a5a3; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.hero-text .leading-experts p.small {
        font-size: 0.8em;
    text-transform: none;
    font-weight: 300;
    display: inline-block;
    background-color: #cadbdb;
    padding: 2px 8px;
    margin-bottom: 0px;
    color: #202021;
    /* border-bottom: 5px solid #78a5a3; */
}

/* Banner*/

#citybanner 
{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../Bilder/slider1.jpg);
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: auto;
    padding-bottom: 300px;
    margin-bottom: 20px;
    margin-top: 75px;
}
#citybanner:before, #citybanner:after {
    content: "";
    display: table;
}
#citybanner:after {
    clear: both;
}

#infobanner 
{
	background-color: #fff;
	color: #202021;
	height: auto;
	padding: 20px 10px 30px 10px;
	margin-bottom: 25px;
	margin-top: -180px;
	border-top: 0px solid #fff;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

    #infobanner h1 {
    box-sizing: border-box;
    font-size: 0.9em;
    letter-spacing: 1px;
    line-height: 1.3em;
    margin: -40px auto 20px;
    padding: 10px;
    text-align: center;
    width: 25rem;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #cadbdb;
    color: #202021;
    display: block;
    -webkit-font-smoothing: antialiased;
}

#infobanner hr 
{
	background-color: #202021;;
	border: 0;
	height: 1px;
	margin: 5px 10px;
	display: none;
	width: 10%;
}

#infobanner h2 {
        font-size: 3.2em;
    line-height: 1.3em;
    font-weight: 300;
    font-family: 'Playfair Display', sans-serif;
    text-align: center;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

#infobanner h2 strong {
	font-weight: 900;
    font-style: italic;
}

#infobanner h3 {
        font-size: 0.75em;
    line-height: 1.7em;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    display: table;
    color: #78a5a3;
    letter-spacing: 0.3px;
}

#infobanner h3 span {
    text-transform: none;
    color: #202021;
    font-style: normal;
    font-weight: 300;
	margin-right:3px;
}

#infobanner h3 hr {
    width: 30%;
    margin: auto;
    color: #78a5a3;
    background-color: #78a5a3;
        display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

#infobanner a
{
	    color: #202021;
    border-bottom: 2px solid #78a5a3;
}

#infobanner a:hover
{
	    color: #78a5a3;
}
	
#infobanner p {
font-size: 1.05em;
line-height: 1.8em;
margin-top: 10px;
margin-bottom: 20px;
max-width: 1100px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: 100;
padding-left: 40px;
padding-right: 40px;
}

#infobanner p strong {
	font-weight:700;
}

#infobanner img {
border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    display: block;
    margin-bottom: 30px;
}

#infobanner h5 {
text-transform: uppercase;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
	font-size: 1.3em;
}

#infobanner_start 
{
	color: #fff;
    height: auto;
    padding: 10px 10px 10px 10px;
    margin-bottom: 155px;
    margin-top: -285px;
    border-top: 1px solid #fff;
    /* border: 1px solid #fff; */
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0.8);
}

#infobanner_start h1 {
        font-size: 5.3em;
    line-height: 1em;
    font-weight: 900;
    font-family: 'Playfair Display', sans-serif;
    text-align: center;
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 30px;
    font-style: italic;
    color: #202021;
}

.infobanner-date {
	font-size: 0.8em;
    color: #a5a5a5;
    font-style: italic;
    font-weight: 300;
	text-align:center;
}

.infobanner-date strong {
	font-weight: 500;
    font-style: normal;
	    color: #252727;
}

.infobanner-date .fa {
	    margin-right: 4px;
}

#infobanner_start h2 {
       letter-spacing: 1px;
    margin: 10px auto 0px;
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    text-transform: uppercase;
    color: #202021;
    display: block;
	}
	
	#infobanner_start hr 
{
	background-color: #202021;
	border: 0;
	height: 1px;
	margin: 5px 5px;
	display: inline-block;
	width: 13%;
}

#infobanner_start h3 {
    color: #202021;
    text-align: center;
    font-weight: 300;
    margin-bottom: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
	
	#infobanner_start h3 span {
    font-weight: 300;
	}
	
	#infobanner_start p {
	font-size:  0.8em;
    line-height: 1.5em;
    margin-top: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: -10px;
    font-weight: 300;
    color: #202021;
    background-color: #cadbdb;
    width: 280px;
    letter-spacing: 0.2px;
    padding: 10px;
	    padding-top: 15px;
    float: right;
}

	#infobanner_start p strong {
	font-size: 2.5em;
    font-weight: bold;
    vertical-align: text-top;
    margin-right: 5px;
	margin-left: 5px;
    font-family: serif;
}

#barbanner
{
	background-color: #fffff;
    border-bottom: 1px solid #D6D0C1;
    height: 1px;
    margin-bottom:30px;
}

#barbanner .sloganone {
    font-size: 2em;
	color:#FFF;
	text-align:center;
	text-transform: uppercase;
	}

#citybanner.blog {
    background-image:url(../Bilder/slider8.jpg);
}

#citybanner.omoss {
    background-image:url(../Bilder/OMOSS-2.jpg);
	padding-bottom: 400px;
}

#citybanner.hans {
    background-image:url(../Bilder/HANS.jpg);
	padding-bottom: 400px;
}

#citybanner.rikard {
    background-image:url(../Bilder/RIKARD.jpg);
	padding-bottom: 400px;
}

#citybanner.kids-rooftops {
    background-image:url(../Bilder/KIDS_ROOFTOPS.jpg);
}

#citybanner.seven-proven-tips {
    background-image:url(../Bilder/7-proven-tips.jpg);
}

#citybanner.work-with-us {
    background-image:url(../Bilder/WORKWITHUS.jpg);
	padding-bottom: 400px;
}

#citybanner.top10 {
	 background-image:url(../Bilder/TOP10-2.jpg);
}

#citybanner.turkish-airlines {
	 background-image:url(../Bilder/TURKISH-AIRLINES.jpg);
}

#plan-trip-image {
        background: no-repeat center bottom;
    min-height: 350px;
    background-color: #fff;
    position: relative;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	    margin-top: 20px;
}

#plan-trip-image.chicago {
        background-image: url(../Bilder/travel_chicago.jpg);
}

#plan-trip-image.bangkok {
        background-image: url(../Bilder/travel_bangkok.jpg);
}

#plan-trip-image.barcelona {
        background-image: url(../Bilder/travel_barcelona.jpg);
}

#plan-trip-image.copenhagen {
        background-image: url(../Bilder/travel_copenhagen.jpg);
}

#plan-trip-image.dubai {
        background-image: url(../Bilder/travel_dubai.jpg);
}

#plan-trip-image.florence {
        background-image: url(../Bilder/travel_florence.jpg);
}

#plan-trip-image.gothenburg {
        background-image: url(../Bilder/travel_gothenburg.jpg);
}

#plan-trip-image.kuala-lumpur {
        background-image: url(../Bilder/travel_kuala-lumpur.jpg);
}

#plan-trip-image.lisbon {
        background-image: url(../Bilder/travel_lisbon.jpg);
}

#plan-trip-image.london {
        background-image: url(../Bilder/travel_london.jpg);
}

#plan-trip-image.los-angeles {
        background-image: url(../Bilder/travel_los-angeles.jpg);
}

#plan-trip-image.madrid {
        background-image: url(../Bilder/travel_madrid.jpg);
}

#plan-trip-image.new-york {
        background-image: url(../Bilder/travel_new-york.jpg);
}

#plan-trip-image.rome {
        background-image: url(../Bilder/travel_rome.jpg);
}

#plan-trip-image.shanghai {
        background-image: url(../Bilder/travel_shanghai.jpg);
}

#plan-trip-image.hamburg {
        background-image: url(../Bilder/travel_hamburg.jpg);
}

#plan-trip-image.hong-kong {
        background-image: url(../Bilder/travel_hong-kong.jpg);
}

#plan-trip-image.budapest {
        background-image: url(../Bilder/travel_budapest.jpg);
}

#plan-trip-image.singapore {
        background-image: url(../Bilder/travel_singapore.jpg);
}

#plan-trip-image.stockholm {
        background-image: url(../Bilder/travel_stockholm.jpg);
}

#plan-trip-image.ho-chi-minh {
        background-image: url(../Bilder/travel_ho-chi-minh.jpg);
}

#plan-trip-image.venice {
        background-image: url(../Bilder/travel_venice.jpg);
}

#plan-trip-image.manila {
        background-image: url(../Bilder/travel_manila.jpg);
}

#plan-trip-image.istanbul {
        background-image: url(../Bilder/travel_istanbul.jpg);
}

#plan-trip-image.abu-dhabi {
        background-image: url(../Bilder/travel_abu-dhabi.jpg);
}

#plan-trip-image.bali {
        background-image: url(../Bilder/travel_bali.jpg);
}

#plan-trip-image.beijing {
        background-image: url(../Bilder/travel_beijing.jpg);
}

#plan-trip-image.beirut {
        background-image: url(../Bilder/travel_beirut.jpg);
}

#plan-trip-image.colombo {
        background-image: url(../Bilder/travel_colombo.jpg);
}

#plan-trip-image.doha {
        background-image: url(../Bilder/travel_doha.jpg);
}

#plan-trip-image.hanoi {
        background-image: url(../Bilder/travel_hanoi.jpg);
}

#plan-trip-image.jakarta {
        background-image: url(../Bilder/travel_jakarta.jpg);
}

#plan-trip-image.mumbai {
        background-image: url(../Bilder/travel_mumbai.jpg);
}

#plan-trip-image.new-delhi {
        background-image: url(../Bilder/travel_new-delhi.jpg);
}

#plan-trip-image.phuket {
        background-image: url(../Bilder/travel_phuket.jpg);
}

#plan-trip-image.seoul {
        background-image: url(../Bilder/travel_seoul.jpg);
}

#plan-trip-image.taipei {
        background-image: url(../Bilder/travel_taipei.jpg);
}

#plan-trip-image.tel-aviv {
        background-image: url(../Bilder/travel_tel-aviv.jpg);
}

#plan-trip-image.tokyo {
        background-image: url(../Bilder/travel_tokyo.jpg);
}

#plan-trip-image.auckland {
        background-image: url(../Bilder/travel_auckland.jpg);
}

#plan-trip-image.brisbane {
        background-image: url(../Bilder/travel_brisbane.jpg);
}

#plan-trip-image.melbourne {
        background-image: url(../Bilder/travel_melbourne.jpg);
}

#plan-trip-image.perth {
        background-image: url(../Bilder/travel_perth.jpg);
}

#plan-trip-image.sydney {
        background-image: url(../Bilder/travel_sydney.jpg);
}

#plan-trip-image.cairo {
        background-image: url(../Bilder/travel_cairo.jpg);
}

#plan-trip-image.cape-town {
        background-image: url(../Bilder/travel_cape-town.jpg);
}

#plan-trip-image.johannesburg {
        background-image: url(../Bilder/travel_johannesburg.jpg);
}

#plan-trip-image.atlanta {
        background-image: url(../Bilder/travel_atlanta.jpg);
}

#plan-trip-image.cannes {
        background-image: url(../Bilder/travel_cannes.jpg);
}

#plan-trip-image.austin {
        background-image: url(../Bilder/travel_austin.jpg);
}

#plan-trip-image.bogota {
        background-image: url(../Bilder/travel_bogota.jpg);
}

#plan-trip-image.boston {
        background-image: url(../Bilder/travel_boston.jpg);
}

#plan-trip-image.buenos-aires {
        background-image: url(../Bilder/travel_buenos-aires.jpg);
}

#plan-trip-image.charlotte {
        background-image: url(../Bilder/travel_charlotte.jpg);
}

#plan-trip-image.dallas {
        background-image: url(../Bilder/travel_dallas.jpg);
}

#plan-trip-image.denver {
        background-image: url(../Bilder/travel_denver.jpg);
}

#plan-trip-image.hawaii {
        background-image: url(../Bilder/travel_hawaii.jpg);
}

#plan-trip-image.houston {
        background-image: url(../Bilder/travel_houston.jpg);
}

#plan-trip-image.las-vegas {
        background-image: url(../Bilder/travel_las-vegas.jpg);
}

#plan-trip-image.miami {
        background-image: url(../Bilder/travel_miami.jpg);
}

#plan-trip-image.montreal {
        background-image: url(../Bilder/travel_montreal.jpg);
}

#plan-trip-image.nashville {
        background-image: url(../Bilder/travel_nashville.jpg);
}

#plan-trip-image.new-orleans {
        background-image: url(../Bilder/travel_new-orleans.jpg);
}

#plan-trip-image.orlando {
        background-image: url(../Bilder/travel_orlando.jpg);
}

#plan-trip-image.panama-city {
        background-image: url(../Bilder/travel_panama-city.jpg);
}

#plan-trip-image.philadelphia {
        background-image: url(../Bilder/travel_philadelphia.jpg);
}

#plan-trip-image.phoenix {
        background-image: url(../Bilder/travel_phoenix.jpg);
}

#plan-trip-image.rio-de-janeiro {
        background-image: url(../Bilder/travel_rio-de-janeiro.jpg);
}

#plan-trip-image.san-diego {
        background-image: url(../Bilder/travel_san-diego.jpg);
}

#plan-trip-image.amalfi-coast {
        background-image: url(../Bilder/travel_amalfi-coast.jpg);
}

#plan-trip-image.san-francisco {
        background-image: url(../Bilder/travel_san-francisco.jpg);
}

#plan-trip-image.santiago {
        background-image: url(../Bilder/travel_santiago.jpg);
}

#plan-trip-image.sao-paulo {
        background-image: url(../Bilder/travel_sao-paulo.jpg);
}

#plan-trip-image.seattle {
        background-image: url(../Bilder/travel_seattle.jpg);
}

#plan-trip-image.tampa {
        background-image: url(../Bilder/travel_tampa.jpg);
}

#plan-trip-image.toronto {
        background-image: url(../Bilder/travel_toronto.jpg);
}

#plan-trip-image.washington {
        background-image: url(../Bilder/travel_washington.jpg);
}

#plan-trip-image.amsterdam {
        background-image: url(../Bilder/travel_amsterdam.jpg);
}

#plan-trip-image.athens {
        background-image: url(../Bilder/travel_athens.jpg);
}

#plan-trip-image.belgrade {
        background-image: url(../Bilder/travel_belgrade.jpg);
}

#plan-trip-image.berlin {
        background-image: url(../Bilder/travel_berlin.jpg);
}

#plan-trip-image.brussels {
        background-image: url(../Bilder/travel_brussels.jpg);
}

#plan-trip-image.bucharest {
        background-image: url(../Bilder/travel_bucharest.jpg);
}

#plan-trip-image.dublin {
        background-image: url(../Bilder/travel_dublin.jpg);
}

#plan-trip-image.helsinki {
        background-image: url(../Bilder/travel_helsinki.jpg);
}

#plan-trip-image.ibiza {
        background-image: url(../Bilder/travel_ibiza.jpg);
}

#plan-trip-image.malaga {
        background-image: url(../Bilder/travel_malaga.jpg);
}

#plan-trip-image.malta {
        background-image: url(../Bilder/travel_malta.jpg);
}

#plan-trip-image.manchester {
        background-image: url(../Bilder/travel_manchester.jpg);
}

#plan-trip-image.warsaw {
        background-image: url(../Bilder/travel_warsaw.jpg);
}

#plan-trip-image.medellin {
        background-image: url(../Bilder/travel_medellin.jpg);
}

#plan-trip-image.marbella {
        background-image: url(../Bilder/travel_marbella.jpg);
}

#plan-trip-image.marseille {
        background-image: url(../Bilder/travel_marseille.jpg);
}

#plan-trip-image.milan {
        background-image: url(../Bilder/travel_milan.jpg);
}

#plan-trip-image.monaco {
        background-image: url(../Bilder/travel_monaco.jpg);
}

#plan-trip-image.moscow {
        background-image: url(../Bilder/travel_moscow.jpg);
}

#plan-trip-image.munich {
        background-image: url(../Bilder/travel_munich.jpg);
}

#plan-trip-image.nice {
        background-image: url(../Bilder/travel_nice.jpg);
}

#plan-trip-image.oslo {
        background-image: url(../Bilder/travel_oslo.jpg);
}

#plan-trip-image.palma {
        background-image: url(../Bilder/travel_palma.jpg);
}

#plan-trip-image.paris {
        background-image: url(../Bilder/travel_paris.jpg);
}

#plan-trip-image.porto {
        background-image: url(../Bilder/travel_porto.jpg);
}

#plan-trip-image.prague {
        background-image: url(../Bilder/travel_prague.jpg);
}

#plan-trip-image.seville {
        background-image: url(../Bilder/travel_seville.jpg);
}

#plan-trip-image.st-petersburg {
        background-image: url(../Bilder/travel_st-petersburg.jpg);
}

#plan-trip-image.valencia {
        background-image: url(../Bilder/travel_valencia.jpg);
}

#plan-trip-image.vienna {
        background-image: url(../Bilder/travel_vienna.jpg);
}

#plan-trip-image.zurich {
        background-image: url(../Bilder/travel_zurich.jpg);
}

#plan-trip-image.queenstown {
        background-image: url(../Bilder/travel_queenstown.jpg);
}

#plan-trip-image.rotterdam {
        background-image: url(../Bilder/travel_rotterdam.jpg);
}

#plan-trip-image.ottawa {
        background-image: url(../Bilder/travel_ottawa.jpg);
}

#plan-trip-image.havana {
        background-image: url(../Bilder/travel_havana.jpg);
}

#plan-trip-image.granada {
        background-image: url(../Bilder/travel_granada.jpg);
}

#plan-trip-image.pattaya {
        background-image: url(../Bilder/travel_pattaya.jpg);
}

#plan-trip-image.marrakech {
        background-image: url(../Bilder/travel_marrakech.jpg);
}

#plan-trip-image.emerald-coast {
        background-image: url(../Bilder/travel_emerald-coast.jpg);
}

#plan-trip-image.new-jersey {
        background-image: url(../Bilder/travel_new-jersey.jpg);
}

#plan-trip-image.san-antonio {
        background-image: url(../Bilder/travel_san-antonio.jpg);
}

#plan-trip-image.oklahoma-city {
        background-image: url(../Bilder/travel_oklahoma-city.jpg);
}

#plan-trip-image.mexico-city {
        background-image: url(../Bilder/travel_mexico-city.jpg);
}

#plan-trip-image.canary-islands {
        background-image: url(../Bilder/travel_canary-islands.jpg);
}

#plan-trip-image.sicily {
        background-image: url(../Bilder/travel_sicily.jpg);
}

#plan-trip-image.cappadocia {
        background-image: url(../Bilder/travel_cappadocia.jpg);
}

#plan-trip-image.asheville {
        background-image: url(../Bilder/travel_asheville.jpg);
}

#plan-trip-image.jacksonville {
        background-image: url(../Bilder/travel_jacksonville.jpg);
}

#plan-trip-image.liverpool {
        background-image: url(../Bilder/travel_liverpool.jpg);
}

#plan-trip-image.madeira {
        background-image: url(../Bilder/travel_madeira.jpg);
}


/* Top 10 */

#top10_column
{
	font-family: 'Roboto', sans-serif;
    clear: both;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    float: left;
    background-color: #fff;
    border-bottom: 1px solid #d6d8d9;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}

#top10_column p
{
	    font-size: 1em;
    margin: 5px 0px 20px 0px;
    line-height: 1.7em;
    font-weight: 300;
}


#top10_column .column-1
{
	width:50%;
	float:left;
	padding:40px;
}

#top10_column .column-2
{
	width:50%;
	float:right;
	padding:40px;
}

#top10_column .textbox
{
	    font-size: 1em;
    font-family: 'Roboto';
    line-height: 1.7em;
    font-weight: 300;
    margin-bottom: 25px;
    padding: 0px;
}

#top10_column .textbox strong
{
	font-weight:700;
}

/* SPACER */

#spacer
{
        width:auto;
        height:70px;
        background-color:#78a5a3;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        color:#fff;
        font-size:18px;
}

#spacer p
{
        margin-top:22px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .search
{
        margin-top:15px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480px;
}


/* NEW START PAGE */

.thumb-screen
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: #000 center center no-repeat;
	z-index: 99;
	opacity: 0;
	transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}

.row
{
        position:relative;
        margin: 40px 0 0 0px;
        float:left;
        width:350px;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100px;
}

.social:hover
{
  opacity:0.7;
  transition: all .5s ease;
}

/* Start */

#start_world_areas
{
	width:100%;
	margin-bottom: 40px;
	margin-top:30px;
}

#start_world_areas .img_wrapper
{
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#start_world_areas img
{
	width:100%;
	display: block;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(0%);
	border-radius:0;
}

#start_world_areas img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#start_world_areas .textarea
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    /* background-color: rgba(120, 165, 163, 0.8); */
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    display: block;
    line-height: 1.9;
    text-shadow: 0 0 15px rgba(0,0,0,.7);
}

#start_world_areas .textarea span
{
          font-size: 2.2em;
    font-weight: 700;
    display: block;
    line-height: 1.2;
    padding: 5px 10px;
}

#start_world_areas .europe
{
	width:32.7%;
	margin-right: 0.6%;
	margin-bottom: 0.6%;
	position:relative;
}

#start_world_areas .north-america
{
	width:32.7%;
	margin-right: 0.6%;
	margin-bottom: 0.6%;
	position:relative;
}

#start_world_areas .south-america
{
	width:32.7%;
	margin-bottom: 0.6%;
	position:relative;
}

#start_world_areas .asia
{
	width:32.7%;
	margin-right: 0.6%;
	position:relative;
}

#start_world_areas .oceania
{
	width:32.7%;
	margin-right: 0.6%;
	position:relative;
}

#start_world_areas .africa
{
	width:32.7%;
	position:relative;
}

#start_world_areas .new-york
{
	width:33.3%;
	position:relative;
}

#start_world_areas .florence
{
	width:33.3%;
	position:relative;
}

#start_world_areas .hong-kong
{
	width:33.3%;
	position:relative;
}

#start_world_areas .london
{
	width:33.3%;
	position:relative;
}

#start_world_areas .bangkok
{
	width:33.3%;
	position:relative;
}

#start_world_areas .san-diego
{
	width:33.3%;
	position:relative;
}

#start_row1
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

#start_blog
{
	    width: 100%;
    position: relative;
    float: left;
}


#start_blog_wrap
{
	    display: flex;
    flex-flow: row wrap;
}

#start_blog_wrap img
{
	width:100%;
	height: auto;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(0%);
	display: block;
}

#start_blog_wrap img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#start_blog_wrap .label
{
	position: absolute;
    left: 0;
	top: 0; 
    z-index: 5;
    display: block;
	text-transform: uppercase;
    font-style: italic;
    font-size: 0.7em;
}

#start_blog_wrap .label .review
{
	background-color: #cadbdb;
	color:#202021;
		padding:2px 7px;
}

#start_blog_wrap .label .feature
{
	background-color: #cadbdb;
	color:#202021;
		padding:2px 7px;
}

#start_blog_wrap .label .guide
{
	background-color: #cadbdb;
	color:#202021;
		padding:2px 7px;
}

#start_blog_wrap .location
{
	color:#78a5a3;
	font-size:0.75em;
	font-style: italic;
}

#start_blog_wrap .location .fa
{
	margin-right:4px;
}

.start_blog_big
{
	width: 50%;
       background-color: #f2f3f3;
    overflow: hidden;
    padding: 0;
    position: relative;
    align-items: baseline;
    display: flex;
	border-right:1px solid #e8e8e8;
	    border-bottom: 1px solid #e8e8e8;
}

.start_blog_big .textarea h6
{
	font-size: 1.5em;
	line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 0px;
    padding: 5px 0px 0px 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: left;
}

.start_blog_big .textarea h6:hover
{
	text-decoration:underline;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.start_blog_big .textarea {
        color: #ffffff;
    padding-left: 15px;
    text-shadow: 0 0 10px rgba(0,0,0,.4);
    position: absolute;
    bottom: 0;
    padding: 1.25rem;
    margin: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
	z-index: 3;
	    background: linear-gradient(transparent,rgba(0,0,0,.8));
}

.start_blog_big .textarea p {
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 300;
}

.start_blog_small_1
{
	    flex-basis: 25%;
		    background-color: #fff;
			    border-right: 1px solid #e8e8e8;
				position: relative;
}


.start_blog_small_2
{
	flex-basis: 25%;
	    background-color: #fff;
		border-right: 1px solid #e8e8e8;
		position: relative;
}

.start_blog_small_3
{
	flex-basis: 25%;
	    background-color: #fff;
		border-right: 1px solid #e8e8e8;
		position: relative;
}

.start_blog_small_4
{
	flex-basis: 25%;
	    background-color: #fff;
		border-right: 1px solid #e8e8e8;
		position: relative;
}

.start_blog_small_1 .textarea h6, .start_blog_small_2 .textarea h6, .start_blog_small_3 .textarea h6, .start_blog_small_4 .textarea h6
{
	font-size: 1.2em;
	    line-height: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0px 0px 0px;
    margin-bottom: 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: left;
}

.start_blog_small_1 .textarea h6:hover, .start_blog_small_2 .textarea h6:hover, .start_blog_small_3 .textarea h6:hover, .start_blog_small_4 .textarea h6:hover
{
	color:#78a5a3;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.start_blog_small_1 .textarea, .start_blog_small_2 .textarea, .start_blog_small_3 .textarea, .start_blog_small_4 .textarea {
    background-color: #fff;
    padding: 10px;
    color: #202021;
    padding: 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.start_blog_small_1 .textarea p, .start_blog_small_2 .textarea p, .start_blog_small_3 .textarea p, .start_blog_small_4 .textarea p {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5em;
}


#why_rooftops {
    width: 48%;
    position: relative;
    float: left;
}

#display_insta {
    width: 48%;
    position: relative;
    float: right;
}

#start_row5 article.column1
{
    line-height: 1.7;
    float: right;
    width: 100%;
	padding-top: 25px;
    background-color: #fff;
    border-bottom: 1px solid #d6d8d9;
    font-weight: 300;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#start_row5 article.column1 h2
{
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 10px 30px 20px 30px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
}

#start_row5 article.column1 p
{
    padding-right: 30px;
    padding-left: 30px;
	font-size: 1.05em;
    line-height: 1.7;
}

#start_row5 article.column1 a
{
	    color: #202021;
    border-bottom: 1px solid #78a5a3;
}

#start_row5 article.column1 a:hover {
	color:#78a5a3;
}

#start_row2
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

#start_popular_cities
{
	width: 48%;
    position: relative;
    float: left;
}


#start_popular_cities_wrap
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#start_popular_cities_wrap img
{
	width: 100%;
    height: auto;
    display: block;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(0%);
}

#start_popular_cities_wrap img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#start_popular_cities_wrap .citylist
{
	float: left;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ededed;
    margin-bottom: 10px;
    padding-top: 10px;
}

#start_popular_cities_wrap .img-hold
{
	float: left;
    width: 30%;
    height: 100%;
	margin-left: 10px;
}

#start_popular_cities_wrap .txt-hold
{
	float: right;
    width: 65%;
    padding-right: 20px;
	padding-top: 10px;
}

#start_popular_cities_wrap .txt-hold span
{
	background-color: #78a5a3;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 50%;
}

#start_popular_cities_wrap .popular-number {
        position: absolute;
    color: #202021;
    left: 10px;
    background-color: #cadbdb;
    font-size: 1.3em;
    line-height: 1.4em;
    display: inline-block;
    padding: 4px 10px;
	    font-weight: 300;
}

#start_popular_cities_wrap .txt-hold h6
{
	font-size: 1.5em;
    font-weight: 700;
    display: inline-block;
	padding: 0px 10px 0px 0px;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	text-transform: uppercase;
}

#start_popular_cities_wrap .txt-hold h6:hover
{
	color:#78a5a3;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#start_popular_cities_wrap .txt-hold p
{
	font-size: 0.9em;
    font-weight: 300;
    line-height: 1.5em;
    padding-top: 10px;
}

#start_popular_bars
{
	width: 48%;
    position: relative;
    float: right;
}


#start_popular_bars_wrap
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#start_popular_bars_wrap img
{
	width: 100%;
    height: auto;
    display: block;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(0%);
}

#start_popular_bars_wrap img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#start_popular_bars_wrap .barlist
{
	float: left;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ededed;
    margin-bottom: 10px;
    padding-top: 10px;
}

#start_popular_bars_wrap .img-hold
{
	float: left;
    width: 30%;
    height: 100%;
	margin-left: 10px;
}

#start_popular_bars_wrap .txt-hold
{
	    float: right;
    width: 65%;
    padding-right: 20px;
    padding-top: 10px;
}

#start_popular_bars_wrap .popular-number {
    position: absolute;
    color: #202021;
    left: 10px;
    background-color: #efd6b1;
    font-size: 1.3em;
    line-height: 1.4em;
    display: inline-block;
    padding: 4px 10px;
    font-weight: 300;
}

#start_popular_bars_wrap .txt-hold span
{
	background-color: #e1b16a;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 50%;
}

#start_popular_bars_wrap .txt-hold h6
{
	font-size: 1.5em;
    font-weight: 700;
    display: inline-block;
    padding: 0px 10px 0px 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-transform: uppercase;
}

#start_popular_bars_wrap .txt-hold h6:hover
{
	color:#e1b16a;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#start_popular_bars_wrap .txt-hold p
{
	    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.5em;
    padding-top: 10px;
}

#start_popular_bars_wrap .txt-hold p strong
{
    font-weight: 700;
	text-transform: uppercase;
	    color: #e1b16a;
}

#start_row3
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

.follow_wrap_start {
    width: 100%;
}

.follow_wrap_start .follow .instagram {
    width: 49%;
    margin-right: 2%;
    float: left;
}

.follow_wrap_start .follow .facebook {
    width: 49%;
    float: right;
}

#start_row4
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

#start_row6
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

#start_row7
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

#start_video
{
	    width: 100%;
    position: relative;
    float: left;
}

#start_video_wrap {
	display:block;
}

#start_video_wrap .videoWrapper {
    position: relative;
    padding-bottom: 59.20%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 5px;
    margin-top: 20px;
}

.start_video_bildtext {
    font-size: 1em;
    color: #202021;
    line-height: 1.4em;
    padding: 0 10px 5px 10px;
    font-weight: 300;
    text-align: center;
}

#start_row5
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
}

#start_rooftop_of_month
{
    width: 48%;
    position: relative;
    float: right;
}

#start_row5 article.rooftop-of-month {
    line-height: 1.7;
    padding-top: 10px;
    background-color: #fff;
    border-bottom: 1px solid #d6d8d9;
    font-weight: 300;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	    padding: 10px;
}

#start_row5 article.rooftop-of-month img
{
	width:100%;
	margin-top: 10px;
    margin-bottom: 10px;
}

#start_row5 article.rooftop-of-month h2 {
    font-size: 2.5em;
    line-height: 1.2em;
    padding: 20px 30px 20px 30px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
	text-align:center;
}

#start_row5 article.rooftop-of-month h2 span {
	position:relative;
}

#start_row5 article.rooftop-of-month h2 span:after {
	border-top: 2px solid #78a5a3;
    width: 110px;
    content: '';
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#start_row5 article.rooftop-of-month p
{
	text-align:center;
	margin-bottom: 15px;
}

#start_row5 article.rooftop-of-month p strong
{
	font-weight: 700;
	color:#78a5a3;
}

#start_row5 .more-button {
    color: #78a5a3;
    font-size: 0.8em;
    line-height: 3em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
	float:none;
}

#start_row5 .more-button:hover {
    background-color: #78a5a3;
	color:#fff;
    transition: color .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.thumb-screen
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 210px;
	background: #000 center center no-repeat;
	z-index: 99;
	opacity: 0;
	transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}

.fb-like {
	margin-left:80px;
}

#wrapper_avatar {
	    width: 100%;
    flex-direction: row;
    flex-flow: row;
    flex: inherit;
    display: flex;
    flex-wrap: wrap;
}

#next_read
{
	    width: 100%;
    position: relative;
    float: left;
	margin-bottom:50px;
}

#next_read_wrap
{
	    display: flex;
    flex-flow: row wrap;
}

.next_read_big
{
	width: 50%;
       background-color: #f2f3f3;
    overflow: hidden;
    padding: 0;
    position: relative;
    align-items: baseline;
    display: flex;
	border-right:1px solid #e8e8e8;
	    border-bottom: 1px solid #e8e8e8;
}

#next_read_wrap img {
    width: 100%;
    height: auto;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: grayscale(0%);
    display: block;
}

#next_read_wrap img:hover {
    -moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.next_read_big .textarea {
    color: #ffffff;
    padding-left: 15px;
    text-shadow: 0 0 10px rgba(0,0,0,.4);
    position: absolute;
    bottom: 0;
    padding: 1.25rem;
    margin: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: 3;
    background: linear-gradient(transparent,rgba(0,0,0,.9));
}

.next_read_big .textarea h6 {
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 0px;
    padding: 5px 0px 0px 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
}

.next_read_big .textarea h6:hover
{
	text-decoration:underline;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.oldrow_about
{
		    margin-top: 20px;
    width: 50%;
    flex: 50%;
}


.oldrow_about img
{
            display: block;
    margin: 0 auto;
}

.oldrow_about p
{
	text-align:center;
}

.oldrow_about a {
	text-decoration:none;
	color:#e1b16a;
}

.oldrow_about a:hover {
	text-decoration:underline;
}

.oldrow
{
        position:relative;
        margin: 20px 0 20px 20px;
        float:left;
        width:280px;
}

.oldrow img
{
        float:left;
		transition: all .5s ease;
}

.oldrow p
{
        margin-left: 80px;
		margin-top:20px;
}

#start_row-top10
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom: 40px;
	    margin-top: 20px;
}

#start_top-10_wrap
{
	    display: flex;
    flex-flow: row wrap;
}

#start_top-10_wrap img
{
	width:100%;
	height: auto;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(0%);
	display: block;
}

#start_top-10_wrap img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#start_top-10_wrap .label
{
	position: absolute;
    left: 0;
	top: 0; 
    z-index: 5;
    display: block;
	text-transform: uppercase;
    font-style: italic;
    font-size: 0.7em;
}


#start_top-10_wrap .location
{
	color:#78a5a3;
	font-size:0.75em;
	font-style: italic;
	    text-align: center;
}

#start_top-10_wrap .location .fa
{
	margin-right:4px;
}

.start_top-10_big
{
	width: 50%;
       background-color: #f2f3f3;
    overflow: hidden;
    padding: 0;
    position: relative;
    align-items: baseline;
    display: flex;
	border-right:1px solid #e8e8e8;
	    border-bottom: 1px solid #e8e8e8;
}

.start_top-10_big .textarea h6
{
	font-size: 2.5em;
    line-height: 1.3em;
    font-weight: 900;
    text-transform: none;
    padding-left: 0px;
    padding: 5px 0px 0px 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
    font-family: 'playfair display';
    font-style: italic;
}

.start_top-10_big .textarea h6:hover
{
	text-decoration:underline;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.start_top-10_big .textarea {
        color: #ffffff;
    text-shadow: 0 0 10px rgba(0,0,0,.4);
    position: absolute;
    bottom: 0;
    padding: 2.25rem;
	    padding-bottom: 5rem;
    margin: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
	z-index: 3;
	    background: linear-gradient(transparent,rgba(0,0,0,.6));
}

.start_top-10_big .textarea p {
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 300;
	    text-align: center;
}

.e-shop-ad-desktop {
	display:block;
}

.e-shop-ad-mobile {
	display:none;
}


/*THREE COLUMNS*/
#three_columns
{
	width: 69.9375%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;	
}

#three_columns .bar-name
{
   font-weight: 900;
    color: #202021;
    display: block;
    font-size: 1.6em;
    border-bottom: 1px solid #78a5a3;
    line-height: 1.4em;
    display: -webkit-inline-box;
    font-style: italic;
    margin-bottom: 10px;
    position: unset;
    font-family: 'Playfair Display';
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#three_columns .bar-name:hover
{
    color: #78a5a3;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#three_columns .text
{
	 font-size: 1.05em;
    line-height: 1.8em;
    margin: 20px 0px 20px 0px;
    font-weight: 300;
}

#three_columns .text p
{
    font-weight: 300;
    line-height: 1.8em;
}

#three_columns .text b
{
	font-weight: 700;
}

#three_columns .text b.temp-closed
{
	font-weight: 700;
	    color: #ce5a57;	
}

#three_columns .text a
{
	color:#2f3131;
	text-decoration:none;
	display:inline !important;
}

#three_columns .text a:hover
{
	color:#666666;
	text-decoration:none;
}

.button {
	    display: inline-block;
    font-family: 'Roboto', Helvetica, sans-serif;
    position: relative;
    padding: .8em 1.4em;
    padding-right: 4.7em;
    background: rgba(120, 165, 163, 0.8);
    border: none;
    color: #ffffff;
    transition: .2s;
    text-transform: uppercase;
	    cursor: pointer;
		    font-weight: 700;
    font-size: 0.9em;
		}
	
	.button:before,
	.button:after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 2.8em;
		content: "\00a0";
		font-family: 'FontAwesome', sans-serif;
		font-size: 1.2em;
		text-align: center;
		
		transition: .2s;
		transform-origin: 50% 60%;
	}
	.button:before {
		    background: #78a5a3;
	}
	.button:hover {
		background: darken(10%);
	}
	.button:active,
	.button:focus {
		background: darken(30%);
		outline: none;
	}

.button {
	min-width: 15em;
	/* float: right;*/
	margin: 10px 0 10px 0;
	width: 100%;
}

.arrow {
	background: #93b7b5;}
	.arrow:hover {
		background: #78a5a3;
	}
	.arrow:active,
	.arrow:focus {
		background: #78a5a3;
	}
	.arrow:after {
		content: "\F054";
	}
	.arrow:hover:after {
		-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
	}

@-webkit-keyframes bounceright {
	from { -webkit-transform: translateX(0); }
	to   { -webkit-transform: translateX(3px); }
}

@keyframes bounceright {
	from { transform: translateX(0); }
	to   { transform: translateX(3px); }
}

#three_columns h2
{
        font-size:20px;
        border-bottom: 1px solid #D6D0C1;
        padding: 20px 0;
        margin-bottom: 20px;
		max-width:640px;
}

#three_columns .img-item
{
    margin-bottom: 40px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    flex: 100%;
    flex-grow: 1;
    align-self: baseline;
    overflow: hidden;
    align-items: center;
    padding-bottom: 20px;
}

#three_columns .img-item .holder
{
	width: 45%;
    overflow: hidden;
    display: block;
    float: left;
}

#three_columns .img-item img
{
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	width:100%;
}

#three_columns .img-item img:hover
{
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figcaption-gold-city {
  	    position: relative;
    color: #d8bc50;
    z-index: 9997;
}

figcaption-gold-city .img{
	margin: 0 0 0 0;
    float: right;
    font-size: 2.5em;
	}

figcaption-gold-city .text{
padding-top:.25em;
}

.visible-mobile {
  display: none !important;
}

#three_columns .img-item a
{
        position:relative;
        display:block;
}

#three_columns .img-item-author
{
    margin-bottom: 40px;
    background-color: #cadbdb;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    flex: 100%;
    flex-grow: 1;
    align-self: baseline;
    overflow: hidden;
    align-items: center;
    padding: 20px;
	border: 1px solid #b8c7c7;
}

#three_columns .img-item-author img
{
        max-width: 120px;
    border: 1px solid #78a5a3;
    border-radius: 50%;
    margin-right: 20px;
    float: left;
}

#three_columns .img-item-author h4
{
       position: initial;
    text-align: left;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
}

#three_columns .img-item-author p
{
     font-weight: 300;
    font-size: 0.9em;
    line-height: 1.6em;
}

#three_columns .img-item-author a
{
     font-weight: 700;
    text-decoration: underline;
}

#three_columns .img-item-top-tip
{
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    flex: 100%;
    flex-grow: 1;
    align-self: baseline;
    overflow: hidden;
    align-items: center;
    padding: 10px;
    /* border: 1px solid #cadbdb; */
    border-left: 5px solid #00adb7;
}

#three_columns .img-item-top-tip p
{
     font-weight: 300;
    font-size: 0.9em;
    line-height: 1.6em;
    text-align: center;
}

#three_columns .img-item-top-tip p strong
{
     font-weight: 700;
}

#three_columns .img-item-top-tip p span
{
     font-weight: 700;
	 color:#00ADB7;
}

#three_columns .img-item-top-tip p .fa
{
     color: #00ADB7;
	 margin-right: 5px;
	 font-size: 1.1em;
}

.exp_box {
	font-size: 0.7em;
    line-height: 2.3em;
    color: #202021;
    background-color: rgba(255, 255, 255, .7);
    padding-left: 15px;
    padding-right: 10px;
    text-transform: uppercase;
    position: absolute;
    z-index: 99;
    letter-spacing: 0.2px;
    font-weight: 700;
}

.exp_box span {
	font-weight:300;
	margin-right: 3px;
}

.nr_box {
	font-size: 0.7em;
    line-height: 2.3em;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7);
    padding-left: 15px;
    padding-right: 10px;
    text-transform: uppercase;
    position: absolute;
    z-index: 99;
    letter-spacing: 0.2px;
	float:right;
}

.adress {
	     font-size: 0.7em;
    line-height: 1.4em;
    color: #202021;
    margin-right: 5px;
    font-weight: 300;
    display: block;
    letter-spacing: 0.5px;
}

.adress .fa {
	    font-size: 1em;
    margin-right: 3px;
    margin-left: 15px;
    margin-top: 1px;
}
	
.news_date {
	font-size:10px;
	line-height:12px;
	color: #e1b16a;
	margin-bottom:10px;
	margin-left: 5px;
	margin-right:5px;
	margin-top: 10px;
}

.more-button 
{
    color: #78a5a3;
    font-size: 0.7em;
    line-height: 3em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    width: 28%;
    float: right;
    border: 1px solid #78a5a3
}
	
.more-button  
{
	text-decoration:none;
}
	
.more-button:hover  
{
	background-color: #78a5a3;
	color:#fff;
	transition:color .5s ease;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
	
.related_box 
{
    margin-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #d6d8d9;
	background: repeating-linear-gradient( 45deg, #ffffff, #efd6b1 4px, #ffffff 4px, #ffffff 8px );
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
}

.related_box img 
{
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    width: 100%;
    display: block;
}

.related_box img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.related_box .textbox {
	    display: flex;
    align-items: center;
    width: 100%;
}

.related_box h3 {
    font-weight: 700;
    font-size: 1.4em;
    font-style: normal;
    font-family: 'Playfair display';
    text-transform: none;
    font-style: italic;
    padding: 10px;
    color: #202021;
        display: table;
	background-color: #fff;
}

.related_box h3 a {
	font-weight: 700;
    font-size: 1.2em;
}

.related_box h3 a:hover {
	color:#e1b16a;
}

.related_box p {
	font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 5px;
    font-weight: 400;
    background-color: #fff;
        display: table;
    padding: 10px;
}
	
.related_box .more-button {
	 font-size: 0.8em;
    line-height: 1.5em;
    color: #202021;
    font-weight: 500;
    font-style: italic;
    background-color: #fff;
    padding: 5px;
    float: right;
    width: 50%;
    border: 1px solid #e1b16a;
}
	
	.related_box .more-button:hover {
color: #78a5a3;
	}
	
	.related_box a {
    background-color: #fff;
	    position: relative;
    display: block;
}
	
		.related_box .hot {
	background-color: #efd6b1;
    color: #202021;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    padding: 5px 5px;
    letter-spacing: 1px;
    margin-bottom: 5px;
	    line-height: 1.3em;
	}
	
	.related_box .hot .fa {
	    margin-right: 5px;
		margin-left: 2px;
	}
	
			.related_box .img-holder-hot {
	    float: right;
    width: 100%;
    max-height: 220px;
    overflow: hidden;
	    border: 5px solid #ffffff;
	}
	
	.related_box .text-holder-hot {
	    float: left;
    width: 71%;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5em;
	}
	
.related-box-in-article {
	    border-left: 3px solid #78a5a3;
    width: 100%;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    /* background-color: #f2f3f3; */
    padding: 0px 20px;
}

.related-box-in-article-wrapper {
	width:100%;
}

.related-box-in-article-header {
	background-color: #cadbdb;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    padding: 5px 8px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    line-height: 1.3em;
}

.related-box-in-article-text {
	    letter-spacing: 0.4px;
    font-weight: 700;
    font-size: 1.1em;
    /* font-family: 'Playfair display'; */
    text-transform: uppercase;
    /* font-style: italic; */
    display: table;
    line-height: 1.4em;
}

.related-box-in-article-img-wrap {
	width:30%;
}

.related-box-in-article-text-wrap {
	width:70%;
}

/* Native-City */

.native_box_city 
{
        margin-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #d6d8d9;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    flex: 100%;
    background-color: white;
}

.native_box_city img 
{
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    width: 100%;
    display: block;
}

.native_box_city img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.native_box_city .textbox {
    align-items: center;
    width: 100%;
}

.native_box_city .code-box {
    position: absolute;
    bottom: 5px;
    text-align: left;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.0);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.7em;
    padding-left: 20px;
    letter-spacing: 0.5px;
}

.native_box_city .collaboration-tag {
    background-color: #ce5a57;
    text-align: center;
    color: white;
    font-size: 0.8em;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.native_box_city h3 {
    font-weight: 900;
    font-size: 1.8em;
    line-height: 1.3em;
    font-family: 'Playfair display';
    text-transform: none;
    font-style: italic;
    color: #202021;
    display: table;
    background-color: #fff;
}

.native_box_city h3 a {
	font-weight: 900;
    font-size: 1.3em;
    line-height: 1.1em;
}

.native_box_city h3:hover {
	color:#ce5a57;
}

.native_box_city p {
	font-size: 1em;
    line-height: 1.5em;
    padding-top: 10px;
    font-weight: 300;
    background-color: #fff;
}
	
.native_box_city .more-button {
	 font-size: 0.8em;
    line-height: 1.5em;
    color: #202021;
    font-weight: 500;
    font-style: italic;
    background-color: #fff;
    padding: 5px;
    float: right;
    width: 50%;
    border: 1px solid #e1b16a;
}
	
	.native_box_city .more-button:hover {
color: #78a5a3;
	}
	
	.native_box_city a {
    background-color: #fff;
	    position: relative;
    display: block;
}
	
		.native_box_city .hot {
	    /* background-color: #ce5a57; */
    color: #ce5a57;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    line-height: 1.3em;
	}
	
	.native_box_city .hot .fa {
	    margin-right: 5px;
		margin-left: 2px;
	}
	
			.native_box_city .img-holder-hot {
	    float: right;
    width: 100%;
    max-height: 865px;
    overflow: hidden;
	position:relative;
	}
	
	.native_box_city .text-holder-hot {
	 float: right;
    width: 100%;
    padding: 20px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5em;
	}
	
	.native_box_right 
{
        margin-bottom: 40px;
		margin-top: 40px;
    width: 100%;
    border-bottom: 1px solid #d6d8d9;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    flex: 100%;
    background-color: white;
}	

.native_box_right a {
    background-color: #fff;
    position: relative;
    display: block;
}

.native_box_right .textbox {
    align-items: center;
    width: 100%;
}

.native_box_right .collaboration-tag {
    background-color: #ce5a57;
    text-align: center;
    color: white;
    font-size: 0.8em;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.native_box_right .img-holder-hot {
    float: right;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

.native_box_right img {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    width: 100%;
    display: block;
}

.native_box_right img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.native_box_right .code-box {
    position: absolute;
    bottom: 0px;
    text-align: right;
    color: white;
    display: block;
    width: 100%;
    background-color: #ce5a57;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.75em;
    padding: 3px 20px;
    letter-spacing: 0.5px;
}

.native_box_right .text-holder-hot {
    float: right;
    width: 100%;
    padding: 20px;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 1.5em;
}

.native_box_right .hot {
    color: #ce5a57;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    line-height: 1.3em;
}

.native_box_right h3 {
    font-weight: 900;
    font-size: 1.6em;
    line-height: 1.4em;
    font-family: 'Playfair display';
    text-transform: none;
    font-style: italic;
    color: #202021;
    display: table;
    background-color: #fff;
}

.native_box_right h3:hover {
	color:#ce5a57;
}
	
	.native_box_city-2
{
        margin-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #d6d8d9;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    flex: 100%;
    background-color: white;
}

.native_box_city-2 img 
{
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    width: 100%;
    display: block;
}

.native_box_city-2 img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.native_box_city-2 .textbox {
    align-items: center;
    width: 100%;
}

.native_box_city-2 .code-box {
    text-align: left;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.0);
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    margin-top: 20px;
    font-weight: 900;
}

.native_box_city-2 .collaboration-tag {
    background-color: #ce5a57;
    text-align: center;
    color: white;
    font-size: 0.8em;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.native_box_city-2 h3 {
    font-weight: 900;
    font-size: 1.6em;
    line-height: 1.3em;
    font-family: 'Playfair display';
    text-transform: none;
    font-style: italic;
    color: #202021;
    display: table;
}

.native_box_city-2 h3 a {
	font-weight: 900;
    font-size: 1.3em;
    line-height: 1.1em;
}

.native_box_city-2 h3:hover {
	color:#ce5a57;
}

.native_box_city-2 p {
	font-size: 1em;
    line-height: 1.5em;
    padding-top: 10px;
    font-weight: 300;
}

	
	.native_box_city-2 a {
    background-color: #fff;
	    position: relative;
    display: block;
}
	
		.native_box_city-2 .hot {
	    /* background-color: #ce5a57; */
    color: #ce5a57;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    line-height: 1.3em;
	}
	
	.native_box_city-2 .hot .fa {
	    margin-right: 5px;
		margin-left: 2px;
	}
	
			.native_box_city-2 .img-holder-hot {
	    float: right;
    width: 45%;
    max-height: 500px;
    overflow: hidden;
	position:relative;
	}
	
	.native_box_city-2 .text-holder-hot {
	 float: right;
    width: 55%;
    padding: 25px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5em;
	}
	
#wrapper_comment
{ 
	width:100%;	
	margin-bottom:40px;
	    padding-left: 20px;
    padding-right: 20px;
}

.content {
    display: none;
    overflow: hidden;
}

.content_com {
    display: none;
    overflow: hidden;
	    width: 800px;
    height: 500px;
}

#wrapper_comment-nye
{ 
	    width: 100%;
    margin-bottom: 30px;
    position: sticky;
	position: -webkit-sticky;
    top: 75px;
    z-index: 99999999;
}

.collapsible-nye {
     background-color: rgba(255, 255, 255, 0.95);
    color: #202021;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-top: 1px solid #f2f3f3;
    border-bottom: 1px solid #f2f3f3;
    border-left: none;
    border-right: none;
    text-align: center;
    outline: none;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    /* font-style: italic; */
	-webkit-appearance: none;
	margin: 0;
}

.collapsible-nye .fa{
margin-right:10px;
font-size: 0.85em;
}

.collapsible-nye:after {
        content: '\f107';
    font-family: FontAwesome;
    font-size: 1.8em;
    color: #202021;
    float: right;
    margin-left: 5px;
    margin-top: -6px;
    font-style: normal;
}

.active.collapsible-nye:after {
    content: "\f106"; /* Unicode character for "minus" sign (-) */
}

.collapsible-nye.active {
   background-color: #fff;
   border-bottom:none;
}

.collapsible-nye:hover {
   background-color: #fff;
}

.content-nye {
    display: none;
    overflow: hidden;
}

#comment-nye
{
	line-height: 0.2em;
    background-color: #fff;
    width: 100%;
    margin-left: 0px;
    border-bottom: 1px solid #f2f3f3;
	padding-top:0px;
	font-size: 0.9em;
}

#comment-nye a
{
	display:contents;
	margin-bottom: 10px;
}

.faq-wrap {
	margin-bottom:40px;
	}

.accordion {
      background-color: #fff;
    color: #202021;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 0.95em;
    transition: 0.4s;
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: uppercase;
}

.accordion-headline {
	display: inherit;
    width: 80%;
}

.panel p {
     font-weight: 300;
	  margin: 20px 10px;
	  font-size: 0.97em;
	      line-height: 1.8em;
}

.panel a {
         color: #202021;
    border-bottom: 1px solid #78a5a3;
}

.panel a:hover {
         color: #78a5a3;
}

.active, .accordion:hover {
  background-color: #cadbdb;
}

.accordion:after {
  content: '\002B';
    color: #ffffff;
    font-weight: bold;
    float: right;
    margin-left: 0px;
    background-color: #78a5a3;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid #f2f3f3;
}

.shortlink-city-wrap {
	    margin-bottom: 30px;
    flex: 100%;
    flex-grow: 1;
	}

.accordion-shortlink-city {
    background-color: #cadbdb;
    color: #202021;
    cursor: pointer;
    padding: 15px 20px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 0.95em;
    transition: 0.4s;
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: uppercase;
    width: -webkit-fill-available;
}

.accordion-shortlink-city-headline {
	display: inherit;
    width: 80%;
	margin-top:5px;
}

.accordion-shortlink-city-headline .fa {
	    margin-right: 10px;
    color: #78a5a3;
}

.shortlink-city-panel ul {
         font-weight: 300;
    margin: 20px 10px;
    font-size: 0.9em;
    line-height: 1.8em;
    float: left;
    display: inline-grid;
}

.shortlink-city-panel li {
        float: left;
}

.shortlink-city-panel li span {
	color: #202021;
}

.shortlink-city-panel li a {

    text-align: center;
    padding: 5px;
    text-decoration: none;
    border: none;
    color: #78a5a3;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9em;
}

.shortlink-city-panel a:hover {
         color: #78a5a3;
}

.accordion-shortlink-city.active, .accordion-shortlink-city:hover {
  background-color: #cadbdb;
}

.accordion-shortlink-city:after {
        content: '\f107';
    color: #ffffff;
    font-weight: 700;
    margin: 0px;
    font-family: FontAwesome;
    font-size: 1.4em;
    padding: 11px;
    background-color: #78a5a3;
    border-radius: 50%;
    line-height: 0.8em;
    float: right;
    width: 15px;
    height: 15px;
}

.accordion-shortlink-city.active:after {
  content: "\f106";
  font-family: FontAwesome;
}

.shortlink-city-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid #f2f3f3;
}

.bar-number-city {
	font-size: 1.2em;
    line-height: 0.6em;
    margin-bottom: 10px;
    background-color: #cadbdb;
    display: inline-block;
    padding: 15px;
    border-radius: 50%;
    color: #202021;
    font-weight: 700;
    width: 40px;
    height: 40px;
    position: relative;
}

.bar-number-city span {
	display: block;
    text-align: center;
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.also-mentioned {
	display: block;
    font-size: 0.8em;
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
}

.also-mentioned label {
	    position: relative;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    white-space: nowrap;
    padding-left: 20px;
    margin-right: 8px;
    color: #202021;
	    font-weight: 300;
}

.also-mentioned label:before {
    content:"\f02b";
	font-family: FontAwesome;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
}

.also-mentioned ul {
display: contents;
    color: #78a5a3;
}

.also-mentioned ul li {
    float: left;
	display: -webkit-box;
	    text-transform: uppercase;
    font-weight: 500;
}

.also-mentioned ul li:after {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 50%;
    background-color: #78a5a3;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 3px;
}

.also-mentioned ul li:last-child:after {
	display:none;
}

.also-mentioned ul li a {
	text-decoration:none;
}

.also-mentioned ul li a:hover {
	text-decoration:underline;
}

.also-mentioned:after {
    content: "";
    display: block;
    clear: both;
}

#wrapper_list-booking
{ 
	    width: 100%;
    margin-bottom: 30px;
    position: sticky;
	position: -webkit-sticky;
    top: 75px;
    z-index: 99999999;
}

.list-booking {
     background-color: rgba(255, 255, 255, 0.95);
    color: #202021;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-top: 1px solid #f2f3f3;
    border-bottom: 1px solid #f2f3f3;
    border-left: none;
    border-right: none;
    text-align: center;
    outline: none;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    /* font-style: italic; */
	-webkit-appearance: none;
	margin: 0;
}

.list-booking .fa{
margin-right:10px;
font-size: 0.85em;
}

.list-booking:after {
    display:none;
}

.active.list-booking:after {
    content: "\f106"; /* Unicode character for "minus" sign (-) */
}

.list-booking.active {
   background-color: #fff;
   border-bottom:none;
}

.list-booking:hover {
   background-color: #fff;
}

.content-list-booking {
    display: block;
    overflow: hidden;
}

#comment-list-booking
{
	line-height: 0.2em;
    background-color: #fff;
    width: 100%;
    margin-left: 0px;
    border-bottom: 1px solid #f2f3f3;
	padding-top:0px;
	font-size: 0.9em;
}

#comment-list-booking a
{
	display:contents;
	margin-bottom: 10px;
}

 #map {
        height: 100%;
		width:100%;
      }


#mapbox {
    width: 100%;
    height: 500px;
    margin-top: 20px;
    margin-right:auto;
    margin-left: auto;
    margin-bottom: 40px;
}

#mapbox_news {
	
	
	width: 100%;
	height:500px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	float:left;
}

#mapborder
{
	border-top: 0.5px solid #d6d8d9;
	width:auto;
}

#mapbox_bar_wrap {
	
	
	width: 700px;
	background-color:#fff;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	float:left;

}

.mapbox_bar {
	width: 640px;
	height:400px;
	margin: 30px;
	float:left;
	object-fit: contain;
}

#rating-box {
display: block;
    width: 100%;
    text-align: center;
	margin-bottom:20px;
}

#rating-box p {
    font-size: 1em;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 500;
}

#blog-comment-box {
display: block;
    width: 100%;
    text-align: center;
	    margin-bottom: 40px;
    background-color: #ffffff;
    padding: 20px 40px 50px 40px;
	    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#blog-comment-box p {
    font-size: 1.2em;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 500;
}

/*RIGHT COLUMN*/

#right_wrap {
width: 26.875%;
float: right;
margin-top:20px;
min-width: 300px;
}

.right_wrap_inside_1 {
	width:100%;
}

.right_wrap_inside_2 {
	width:100%;
}


#right_wrap_bar {
	width: 26.875%;
    float: right;
	 margin-top: 20px;
	     min-width: 300px;
}

.right_wrap_bar_inside_1 {
	width:100%;
}

.right_wrap_bar_inside_2 {
	width:100%;
}

#right_wrap_bar_2 {
	width:100%;
	max-width:300px;
	float: right;
}

#left_wrap_bar {
	width: 69.9375%;
    float: left;
	margin-top: 20px;
	display: flex;
    flex-wrap: wrap;
}

#left_wrap_bar_2 {
	width: 69.9375%;
    float: left;
}

#right_wrap_blog {
	width: 26.875%;
    float: right;
	margin-top:20px;
	    min-width: 300px;
}

.right_wrap_blog_inside_1 {
	width:100%;
}

.right_wrap_blog_inside_2 {
	width:100%;
}


#right_column
{
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	padding-top: 10px;
}

#right_column a
{
	    color: #202021;
    border-bottom: 1px solid #78a5a3;
}

#right_column a:hover
{
	color: #78a5a3;
}


#right_column h2
{
	background-color: #ffffff;
    font-size: 1em;
    line-height: 1.2em;
    padding: 0px 10px 0px 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
}	

#right_column p
{
	font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 300;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
}		

#right_column strong
{
	font-weight:700;
}

#latest_blog
{
    color: white;
	margin-bottom: 40px;
	color:#202021;
}

#latest_blog .wrap
{
	color: white;
    background-color: #f2f3f3;
    overflow: hidden;
    padding: 0;
    position: relative;
    align-items: baseline;
    display: flex;
}

#latest_blog .wrap .label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    display: block;
    text-transform: uppercase;
    font-style: italic;
    font-size: 0.7em;
}

#latest_blog .wrap .label .review {
    background-color: #cadbdb;
    color: #202021;
    padding: 2px 7px;
}

h4.latest-blog {
    border-bottom: 1px solid #78a5a3;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    font-weight: 700;
}

#latest_blog .centered {
        font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    display: block;
    line-height: 1.3;
    letter-spacing: 0.2px;
    background: linear-gradient(transparent,rgba(0,0,0,.6));
    padding-left: 15px;
    text-shadow: 0 0 10px rgba(0,0,0,.4);
    position: absolute;
    bottom: 0;
    padding: 15px 15px 15px 15px;
    margin: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: 3;
}

#latest_blog .short-info {
	background-color: #cadbdb;
    font-size: 0.9em;
    padding: 10px 15px 20px 15px;
    line-height: 1.5em;
    font-weight: 300;
    font-style: italic;
}

#latest_blog .blog-location {
	background-color: #cadbdb;
    padding: 15px 15px 0 15px;
    font-size: 0.7em;
    line-height: 1.5em;
    font-weight: 400;
    color: #202021;
    text-transform: uppercase;
}

#latest_blog .blog-location .fa {
	margin-right: 5px;
}

#latest_blog img
{
	border-top-right-radius: 3px;
	display:block;
}

/**.more-button_blogpost
{
	     background-color: #efd6b1;
    color: #202021;
    font-size: 0.75em;
    text-transform: uppercase;
    text-align: right;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
   padding: 0px 15px 15px 10px;
}

.more-button_blogpost:hover  
{
	color:#fff;
	transition:color .5s ease;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}**/

.more-button_blogpost {
	    display: inline-block;
    font-family: 'Roboto', Helvetica, sans-serif;
    position: relative;
    padding: 1em 1.4em;
    padding-right: 4.7em;
    background: rgba(120, 165, 163, 0.8);
    border: none;
    color: #ffffff;
    transition: .2s;
    text-transform: uppercase;
	    cursor: pointer;
		text-align: right;
		}
	
	.more-button_blogpost:before,
	.more-button_blogpost:after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 2.8em;
		content: "\00a0";
		font-family: 'FontAwesome', sans-serif;
		font-size: 1.2em;
		text-align: center;
		
		transition: .2s;
		transform-origin: 50% 60%;
	}
	.more-button_blogpost:before {
		    background: #78a5a3;
	}
	.more-button_blogpost:hover {
		background: darken(10%);
	}
	.more-button_blogpost:active,
	.more-button_blogpost:focus {
		background: darken(30%);
		outline: none;
	}

.more-button_blogpost {
	width: 100%;
    margin: 0px 0 0px 0;
}

.more-button_blogpost.arrow {
	background: #78a5a3;}
	.more-button_blogpost.arrow:hover {
		background: #78a5a3;
	}
	.more-button_blogpost.arrow:active,
	.more-button_blogpost.arrow:focus {
		background: #78a5a3;
	}
	.more-button_blogpost.arrow:after {
		content: "\F054";
	}
	.more-button_blogpost.arrow:hover:after {
		-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
	}

@-webkit-keyframes bounceright {
	from { -webkit-transform: translateX(0); }
	to   { -webkit-transform: translateX(3px); }
}

@keyframes bounceright {
	from { transform: translateX(0); }
	to   { transform: translateX(3px); }
}

#latest_blog a
{
	text-decoration:none;
}

.related-stories
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
	    margin-bottom: 40px;
}

.related-stories-native
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: normal;
	    margin-bottom: 40px;
		    margin-top: -10px;
}

.related-stories-native-mobile-only
{
	display: none;
}

h4.related-stories
{
	border-bottom: 1px solid #78a5a3;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    font-weight: 700;
}

h4.next-read
{
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    padding-bottom: 20px;
}

h4.shop
{
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
	color:#202021;
}

h4.shop span
{
    font-weight: 700;
    position: initial;
    padding: 0;
}

h4.video-title
{
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
	    line-height: 1.2em;
    font-weight: 700;
	color:#202021;
}

h4.video-title span
{
    font-weight: 400;
    position: initial;
    padding: 0;
}

.related-stories a
{
width:100%;
    transition: color .5s ease;
}

.related-stories a:hover
{
color:#78a5a3;
    transition: color .5s ease;
}

.related-stories .story-link {
  	    width: 100%;
    background: #fff;
    border-top: 1px solid #ededed;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.related-stories .img-hold {
float: left;
    width: 35%;
    max-height: 150px;
    overflow: hidden;
	    margin-left: 10px;
}

.related-stories img {
    width: 100%;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: grayscale(0%);
    vertical-align: middle;
	display:block;
}

.related-stories .txt-hold {
    width: 61%;
    padding-right: 15px;
    padding-left: 10px;
    display: block;
}

h3.related-stories-title {
 	     font-weight: 500;
    font-size: 0.8em;
    font-style: normal;
    line-height: 1.2em;
    text-transform: uppercase;
}

.related-stories .tag-label-review {
 	font-weight: 300;
    color: #78a5a3;
    font-size: 0.7em;
    font-style: normal;
    border-left: 2px solid #78a5a3;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 0.9em;
    letter-spacing: 0.5px;
    display: inline-block;
}

.related-stories .tag-label-article {
 	font-weight: 300;
    color: #78a5a3;
    font-size: 0.7em;
    font-style: normal;
    border-left: 2px solid #78a5a3;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 0.9em;
    letter-spacing: 0.5px;
    display: inline-block;
}

.related-stories .tag-label-guide {
 	font-weight: 300;
    color: #ce5a57;
    font-size: 0.7em;
    font-style: normal;
    border-left: 2px solid #ce5a57;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 0.9em;
    letter-spacing: 0.5px;
    display: inline-block;
}

.related-stories-native a
{
width:100%;
    transition: color .5s ease;
	border-bottom: none !important;
}

.related-stories-native a:hover
{
color:#202021 !important;
    transition: color .5s ease;
}

.related-stories-native .collaboration-tag-bar
{
    color: #ce5a57;
    font-size: 0.8em;
    padding: 3px 0px 3px 0px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.related-stories-native .story-link {
  	width: 100%;
    background: rgba(206, 90, 87, 0.15);
    border-top: 0px solid #ededed;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}

.related-stories-native .img-hold {
float: left;
    width: 26%;
    max-height: 200px;
    overflow: hidden;
	    margin-left: 0px;
		position: relative;
}

.related-stories-native img {
    width: 100%;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: grayscale(0%);
    vertical-align: middle;
	display:block;
}

.related-stories-native .txt-hold {
    width: 73%;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
}

h3.related-stories-native {
 	font-weight: 900 !important;
    font-size: 1.3em !important;
    line-height: 1.3em;
    text-transform: uppercase;
    border-bottom: none !important;
    margin-bottom: 0px;
}

h3.related-stories-native:hover {
 	color: #ce5a57 !important;
}


.related-stories-native .tag-label-native {
 	font-weight: 500;
    color: #ce5a57;
    font-size: 0.8em;
    font-style: normal;
    border-left: 2px solid #ce5a57;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 0.9em;
    letter-spacing: 0.8px;
    display: inline-block;
}

.related-stories-native .code-box {
 	    position: absolute;
    bottom: 0px;
    text-align: left;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.7em;
    padding-left: 10px;
    letter-spacing: 0.5px;
}

h4.related-cities {
    border-bottom: 1px solid #78a5a3;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    font-weight: 700;
}

.popular-posts
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
	    margin-bottom: 40px;
}

h4.popular-posts
{
	border-bottom: 1px solid #e1b16a;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.1em;
    font-weight: 700;
}

.popular-posts a
{
width:100%;
    transition: color .5s ease;
}

.popular-posts a:hover
{
color:#e1b16a;
    transition: color .5s ease;
}

.popular-posts .story-link {
  	    width: 100%;
    background: #fff;
    border-top: 1px solid #ededed;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    /*align-items: center;*/
	position:relative;
}

.popular-posts .img-hold {
float: left;
    width: 45%;
    max-height: 150px;
    overflow: hidden;
	    margin-left: 10px;
}

.popular-posts img {
    width: 100%;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: grayscale(0%);
    vertical-align: middle;
	display:block;
}

.popular-posts .txt-hold {
    width: 52%;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
}

h3.popular-posts-title {
 	    font-weight: 700;
    font-size: 0.9em;
    font-style: normal;
    line-height: 1.2em;
    text-transform: uppercase;
}

.popular-posts-text {
 	font-weight: 400;
    font-size: 0.75em;
    font-style: normal;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 5px;
}

.popular-posts-number {
	position: absolute;
    color: #e1b16a;
    left: 10px;
    background-color: #2020219e;
    font-size: 1.3em;
    line-height: 1.4em;
    display: inline-block;
    padding: 2px 8px;
}

.more-button-blogpage {
        background-color: #e1b16a;
    color: #fff;
    font-size: 0.8em;
    line-height: 3em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    width: 100%;
    margin-top: 15px;
}

.more-button-blogpage:hover {
     background-color:#202021;
	 -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#other_cities
{
	background-color: #fff;
    margin-bottom: 30px;
    margin-top: 0px;
	padding-bottom:20px;
	border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	padding-top: 10px;
}

#other_cities h3
{
	font-size: 1.2em;
    line-height: 1.2em;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #e1b16a;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}	

#other_cities h3:hover
{
	color: #202021;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#other_cities a
{
	text-decoration:none;
}

#other_cities a:hover
{
	text-decoration:underline;
}


/*LEFT COLUMN*/

#left_column_wrap {
	width: 69.9375%;
	float: left;
	    display: flex;
    flex-wrap: wrap;
}

.recommended-hotel
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 40px;
}

.recommended-hotel .recommended-link {
        width: 100%;
    background: #efd6b1;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

h4.recommended-hotel {
    border-bottom: 1px solid #e1b16a;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.1em;
    font-weight: 500;
	    color: #e1b16a;
}

.recommended-hotel .txt-hold {
    width: 70%;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
}

h3.recommended-hotel {
   font-weight: 700;
    font-size: 1.1em;
    font-style: normal;
    font-family: 'Playfair Display';
    margin-bottom: 10px;
}

.recommended-hotel .recommended-link p {
        font-size: 0.75em;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.hotel-info {
    font-size: 0.7em;
    line-height: 1.4em;
    color: #202021;
    margin-right: 5px;
    font-weight: 300;
    display: block;
    letter-spacing: 0.5px;
}

.hotel-info .fa {
    margin-right:3px;
}

.recommended-hotel .img-hold {
    float: left;
    width: 30%;
    max-height: 200px;
    overflow: hidden;
    margin-left: 10px;
	    align-self: normal;
}

.recommended-hotel img {
    width: 100%;
}

.recommended-hotel .more-button {
   color: #202021;
    font-size: 0.7em;
    line-height: 3em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    width: 28%;
    float: right;
    border: 1px solid #efd6b1;
    background-color: #e1b16a;
}

.recommended-hotel .more-button:hover {
	background-color:#202021;
	color:#fff;
	 -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.addtoany-wrapper-blog {
	    margin-top: 25px;
    margin-bottom: 20px;
}

.addtoany-wrapper-blog .addtoany-box {
}

.addtoany-wrapper-blog a {
	border-bottom:none !important;
}

.addtoany-wrapper-blog .btn-share {
	height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px solid #e4e7e8;
    border-radius: 50%;
    text-align: center;
	margin-right:5px;
}

.addtoany-wrapper-blog .fa {
	    color: #737e8b;
    height: 100%;
    padding: 10px;
}

.addtoany-wrapper-blog .fa:hover {
	    color: #78a5a3;
}

.addtoany-wrapper-city {
	    margin-top: 25px;
    margin-bottom: 0px;
	text-align:center;
}

.addtoany-wrapper-city .addtoany-box {
	    display: inline-block;
}

.addtoany-wrapper-city a {
	border-bottom:none !important;
}

.addtoany-wrapper-city .btn-share {
	height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px solid #78a5a3;
    border-radius: 50%;
    text-align: center;
	margin-right:5px;
}

.addtoany-wrapper-city .fa {
	color: #78a5a3;
    height: 100%;
    padding: 10px;
}

.addtoany-wrapper-city .fa:hover {
	    color: #e1b16a;
}

#left_column_wrap_blog {
	width: 67.9375%;
	float: left;
}

#left_column
{
	margin-bottom: 40px;
}

#left_column a
{
	    color: #202021;
    border-bottom: 1px solid #78a5a3;
}

#left_column a:hover
{
	color:#78a5a3;
}

#left_column .article1
{
	width: 50%;
    float: left;
    margin-top: 0%;
    background-color: white;
	margin-bottom:10px;
	padding-bottom: 10px;
}

#left_column .article2
{
	width: 50%;
    background-color: #fff;
    float: right;
    margin-top: 0%;
	margin-bottom:10px;
	padding-bottom: 10px;
}


#left_column h3
{
	    font-size: 1em;
    line-height: 1.3em;
    padding: 30px 30px 0px 30px;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
}	

#left_column p
{
	font-size: 0.9em;
	line-height:1.5em;
	font-weight:300;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
}		

#left_column strong
{
	font-weight:700;
	
}

#popular_search
{padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size:0.7em;
	font-style:italic;
	color:#4f4f4f;
}


/*OM OSS*/

#right_column_about
{
	width: 300px;
		background-color: #fff;
	color: #2f3131;
	float:right;
	border-bottom: 1px solid #d6d8d9;
	border-top: 5px solid #e1b16a;
	padding-top:20px;
	}
	
	#right_column_about p
{
	font-size: 0.7em;
	line-height:1.3em;
	font-weight:lighter;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom:5px;

}

#right_column_about a
{
	color: #357788;
}

#right_column_about a:hover
{
color:black;
}

#right_column_about .info
{
	
		font-size: 0.7em;
	line-height:1.3em;
	font-weight:lighter;
	margin-left:20px;
	margin-right:20px;
	color: #2f3131;
	margin-bottom: 10px;

}

/*BAR*/

#bar_column
{
	flex: 100%;
    flex-grow: 1;
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#bar_column h1
{
	color: #202021;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 25px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 15px;
}

#bar_column h1 span
{
	    color: #202021;
    font-family: 'Playfair Display';
    font-size: 2.5em;
    display: block;
    font-weight: 900;
    line-height: 1.2em;
    position: relative;
    text-transform: none;
	font-style:italic;
}

#bar_column h1 span:after
{
	   border-top: 2px solid #78a5a3;
       width: 110px;
    position: absolute;
    content: '';
    display: block;
    margin-top: 15px;
}

#bar_column h1 span_closed
{
	color: #ce5a57;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    font-family: 'Roboto';
    font-style: normal;
    font-size: 0.7em;
    margin-bottom: -10px;
}

#bar_column h2
{
	    text-align: left;
    font-size: 1.2em;
    line-height: 1.7em;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 0px solid #dedede;
}	

#bar_column h2 span
{
	font-weight:300;
}	

#bar_column h2 span_closed
{
	color:#F00;
	font-weight:300;
}

.swiper-container {
    width: 100%;
    height: auto;
}   

#bar_column h3

{
        font-size:12px;
		font-weight:bold;
        border-bottom: 1px solid #d6d8d9;
        padding: 10px 0;
}

#bar_column h5

{
	     text-align: left;
    font-weight: 500;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: -5px;
    color: #78a5a3;
    font-size: 1em;
}

.last-update-price {
	width:auto;
}

.date-uppdated
{
	    font-size: 0.8em;
    color: #a5a5a5;
    font-style: italic;
	    font-weight: 300;

}

.date-uppdated .fa
{
    margin-right: 4px;
    margin-left: 2px;
}

.date-uppdated strong
{
	        font-weight: 500;
    font-style: normal;
}

.price-class
{
	    font-size: 1em;
    letter-spacing: 2px;
    font-weight: 700;
	border-right: 1px solid #dedede;
	margin-right: 10px;
	float: left;
	padding-right: 10px;
}

ul.money
{
	display:inline-table;
}

ul.money li.filled {
	color:#78a5a3;
	display: inherit;
}

ul.money li.no-fill {
	    color: #cacaca;
    display: inherit;
}


#bar_column .textbox
{
    margin-bottom: 30px;
}

.tab {
    width: 100%;
    display: flex;
    width: 100%;
	margin-top:30px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #202021;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 16px;
    transition: 0.3s;
    flex: 1;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
        /* border: 1px solid #a1c0bf; */
    letter-spacing: 0.6px;
    font-family: 'Roboto';
	margin-left: 3px;
    margin-right: 3px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #cadbdb;
	color:#202021;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #cadbdb;
    color: #202021;
    /* text-transform: uppercase; */
    /* border: 1px solid #ce5a57; */
	position:relative;
}

.tab button.active:after {
        content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-top: solid 15px #cadbdb;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 25px 25px;
    border: 0px solid #cadbdb;
    border-top: none;
}

/* Style the tab content */
.tabcontent .map {
    height: 450px;
    border: 1px solid #cacaca;
    margin-top: 20px;
    overflow: hidden;
}

.sg-tab-content .map {
    height: 450px;
    border: 1px solid #cacaca;
    margin-top: 20px;
    overflow: hidden;
}

.tabcontent h4.bar {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    margin-left: 0px;
}

.tabcontent h4.bar span {
        color: #202021;
    font-weight: 300;
    font-size: 0.8em;
    padding: 5px 0px;
    border-radius: 0px;
    background-color: #ffffff;
    line-height: 1.4em;
    border-bottom: 1px solid #78a5a3;
}

.tabcontent h4.bar span:before, h4.bar span:after {
      border-top: 2px solid #78a5a3;
    width: 0px;
}

.tabcontent ul.in-short  {
            padding: 5px 0px;
    list-style: none;
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 15px;
    display: table;
    text-align: left;
    line-height: 1.8em;
    margin-top: -10px;
    /* border-left: 2px solid #78a5a3; */
    font-style: italic;
}


.tabcontent ul.in-short li {
    display: inline-block;
	    margin-right: 10px;
}

.tabcontent ul.in-short li:before {
    padding: 2px;
    color: #78a5a3	;
    content: "\2022";
} 


#bar_column .textbox p
{
	font-size: 1.1em;
    line-height: 1.8em;
    font-weight: 300;
	    margin-bottom: 20px;
}

#bar_column .textbox strong
{
	font-weight:500;
}

#bar_column .textbox p.special
{
	font-style:italic;
	    margin-top: 20px;
}

#bar_column .textbox p.bar-intro
{
	font-weight:700;
	 margin-bottom: 20px;
}

#bar_column .textbox p.booking-link
{
	    margin-top: 20px;
		font-style:italic;
}

#bar_column .textbox p.booking-link a
{
	font-style:italic;
	    font-weight:500;
}

#bar_column .textbox p.booking-link strong
{
	color:#202021;
	font-weight:500;
	font-style:normal;
}


#bar_column .textbox a
{
	        color: #202021;
			border-bottom: 2px solid #78a5a3;
}

#bar_column .textbox a:hover
{
	       color: #78a5a3;
}

#bar_column .bloglink
{
	margin-top: 30px;
    margin-bottom: 20px;
    font-size: 0.95em;
    line-height: 1.7em;
}

#bar_column .bloglink a
{
	color: #202021;
    font-weight: 300;
    background-color: #f0f2f2;
    padding: 10px;
	display:block;
	border:none;
	transition:color .5s ease;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	    display: flow-root;
}

#bar_column .bloglink a:hover
{
	color: #202021;
    text-decoration: none;
    background-color: #cadbdb;
	transition:color .5s ease;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#bar_column .bloglink a .img-holder {
	float: left;
    display: flex;
    margin-right: 20px;
    max-width: 200px;
    width: 60%;
    position: relative;
}

#bar_column .bloglink a img
{
	width:100%;
	border: 3px solid #fff;
}

ul.in-short  {
        padding: 0px 0px 5px 0px;
    list-style: none;
    font-size: 0.9em;
    font-weight: 300;
    margin-bottom: 15px;
    display: table;
    text-align: left;
	    line-height: 1.8em;
}


ul.in-short li {
        display: inline-block;
        font-style: italic;
    background-color: #cadbdb;
    padding: 4px 8px 4px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}

ul.city-in-short  {
    list-style: none;
    font-size: 0.8em;
    font-weight: 300;
    margin-bottom: 20px;
    margin-right: 15px;
    color: #49494a;
    margin-top: 20px;
}

ul.city-in-short li {
    display: inline-block;
    padding-right: 4px;
    font-style: italic;
    background-color: #cadbdb;
    padding: 2px 7px 2px 7px;
    margin-right: 3px;
    margin-bottom: 5px;
}

ul.city-in-short li.first {
	    background-color: #ffffff;
    color: #202021;
    text-transform: uppercase;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 300;
    display: table;
    font-size: 0.8em;
    line-height: 1.7em;
    font-style: normal;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    font-style: italic;
    padding-bottom: 0px;
}

ul.city-in-short li.first:before {
	    content:none;
}

#bar_column .img-item-big
{
	max-width:310px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	height: auto;
position: static;
}

#bar_column .img-item-small1
{
	max-width:310px;
	float: right;
	margin-right: 0px;
	margin-bottom: 15px;
	height: auto;
position: static;
}

#bar_column .img-item-small2
{
	max-width:310px;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	height: auto;
position: static;
}

#bar_column .img-item-big:hover, #bar_column .img-item-small1:hover, #bar_column .img-item-small2:hover
{
	opacity:0.5;
}

figcaption-gold{
     position: absolute;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 300;
    padding: .5em;
    color: #d8bc50;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
	z-index:2;
}
figcaption-gold .img{
float:left;
margin-right:.3em;
font-size:1.9em;
}
figcaption-gold .text{
padding-top:.3em;
}


#bildtext 
{
	    font-size: 8.5px;
    float: right;
    margin-top: -33px;
    color: #d4d5d8;
    letter-spacing: 0.3px;
    font-style: italic;
    z-index: 2;
    position: relative;
    margin-right: 10px;
    max-width: 70px;
    line-height: 11px;
    text-align: right;
}

#bildtext-special
{
	    font-size: 8.5px;
    float: right;
    margin-top: -33px;
    color: #d4d5d8;
    letter-spacing: 0.3px;
    font-style: italic;
    z-index: 2;
    position: relative;
    margin-right: 10px;
    max-width: 100px;
    line-height: 11px;
    text-align: right;
}

#share_box {
	width:auto;
	margin-bottom:0px;
	height:20px;
}

.sharebutton_fb {
margin-top: -5px;
margin-right: 10px;
float:left;
}

.sharebutton_twitter {
margin-top: 0px;
float:left;
}

.other_bars_wrap {
	width: 100%;
}

#other_bars
{
	    background-color: #ffffff;
    margin-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #d6d8d9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    float:left;
	position:relative;
}

h4.related-bars {
    border-bottom: 1px solid #e1b16a;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    font-weight: 500;
	    color: #202021;
}

.story-link-other-bars {
	    width: 100%;
    padding: 10px;
    display: flex;
    border-top: 1px solid #ededed;
	flex-direction: row;
}

.img-hold-other-bars {
    float: left;
    width: 45%;
    overflow: hidden;
}

.txt-hold-other-bars {
    width: 60%;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
}

.text_other {
    color: #202021;
    font-size: 0.75em;
    line-height: 1.6em;
    margin-top: 10px;
    display: block;
}

.headline   {
        font-size: 1.3em;
    line-height: 1.3em;
    color: #202021;
    font-weight: 900;
    padding: 0px 0px 5px 0px;
    background-color: rgba(255, 255, 255, 0.47843137254901963);
    font-family: 'Playfair Display';
    border-bottom: 1px solid #e1b16a;
    display: inline-block;
    font-style: italic;
  }
	
#other_bars .img-item
{
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	height:200px;
	background-color:#FFFFFF;
	width: 200px;
}

#other_bars img {
		display:block;
}

#other_bars .more-button {
	background-color: #ffffff;
    color: #e1b16a;
    font-size: 0.7em;
    line-height: 3em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    width: 35%;
    display: block;
    margin-left: auto;
    margin-top: 20px;
    letter-spacing: 1px;
    border: none;
    float: none;
    border: 1px solid #e1b16a;
	text-decoration:none;
}
	
	
#other_bars	.more-button:hover  {
			background-color: #e1b16a;
			color:#fff;
			transition:color .5s ease;
	     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	}	

/* Slideshow container */
.slideshow-container {
  max-width: 640px;
  position: relative;
  margin: auto;
  margin-bottom:10px;
}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.follow_wrap
{
    width: 100%;
    margin-bottom: 40px;
    float: left;
}

.follow
{
}

h4.follow {
    border-bottom: 1px solid #bc284f;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    font-weight: 500;
}

.follow img
{
	width: 100%;
    display: block;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.follow .instagram
{
	width: 50%;
	position: relative;
	margin-bottom: 2%;
	float:left;
}

.follow .facebook
{
	width: 50%;
	position: relative;
	float:right;
}

.follow .instagram .textarea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #bc284f;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    display: block;
    vertical-align: middle;
    width: 80%;
    border-radius: 5px;
}

.follow .instagram .textarea .icon_button {
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    color: #bc284f;
    line-height: 25px;
    margin-right: 2%;
}

.follow .facebook .textarea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #4267b2;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    display: block;
    vertical-align: middle;
    width: 80%;
    border-radius: 5px;
}

.follow .facebook .textarea .icon_button {
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    color: #4267b2;
    line-height: 25px;
    margin-right: 2%;
}

.follow_wrap_right_column
{
    width: 100%;
    margin-bottom: 30px;
    float: right;
}

.follow .instagram-right-column
{
	width: 100%;
	position: relative;
	margin-bottom: 2%;
	float:left;
}

.follow .facebook-right-column
{
	width: 100%;
	position: relative;
	float:right;
}

.follow .instagram-right-column .textarea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #bc284f;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    display: block;
    vertical-align: middle;
    width: 80%;
    border-radius: 5px;
}

.follow .instagram-right-column .textarea .icon_button {
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    color: #bc284f;
    line-height: 25px;
    margin-right: 2%;
}

.follow .facebook-right-column .textarea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #4267b2;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    display: block;
    vertical-align: middle;
    width: 80%;
    border-radius: 5px;
}

.follow .facebook-right-column .textarea .icon_button {
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    color: #4267b2;
    line-height: 25px;
    margin-right: 2%;
}

.from-the-news
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 40px;
}

.from-the-news .recommended-link {
        width: 100%;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

h4.from-the-news {
        border-bottom: 1px solid #78a5a3;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.1em;
    font-weight: 500;
    color: #202021;
}

.from-the-news .txt-hold {
    width: 70%;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
}

h3.from-the-news {
   font-weight: 500;
    font-size: 1.1em;
    font-style: normal;
    font-family: 'Roboto';
    margin-bottom: 10px;
    text-transform: uppercase;
}

.from-the-news .recommended-link p {
      font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.from-the-news-info {
    font-size: 0.75em;
    line-height: 1.3em;
    color: #78a5a3;
    margin-right: 5px;
    font-weight: 300;
    display: block;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    border-left: 2px solid #78a5a3;
	text-transform:uppercase;
	    padding-left: 5px;
}

.from-the-news-info .fa {
    margin-right:3px;
}

.from-the-news .img-hold {
    float: left;
    width: 30%;
    max-height: 200px;
    overflow: hidden;
    margin-left: 10px;
	    align-self: normal;
}

.from-the-news img {
    width: 100%;
}

.from-the-news .more-button {
        color: #78a5a3;
    font-size: 0.7em;
    line-height: 3em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    width: 28%;
    float: right;
    border: 1px solid #78a5a3;
	background-color:#fff;
}

.from-the-news .more-button:hover {
	background-color:#78a5a3;
	color:#fff;
	 -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#comment
{
    width: 100%;
    margin-bottom: 40px;
    max-width: 677px;
    margin-left: auto;
    margin-right: auto;
}

#comment p
{
	font-size: 0.9em;
    line-height: 1.4em;
    margin-bottom: 20px;
}

#comment p span
{
	font-weight:700;
	text-transform:uppercase;
}

#comment p.info
{
	font-style: italic;
    margin-top: -10px;
    font-size: 0.7em;
    color: #bc284f;
}

#comment form
{
	width:100%;
}

#comment input, textarea, file {
    width: 100%;
    height: 35px;
    background-color: #f2f3f3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #dedede;
    padding: 10px;
    margin-top: 10px;
    font-size: 16px;
    color: #202021;
    font-weight: 300;
    font-family: 'Roboto';
	text-transform: none;
}

#comment input:focus, textarea:focus {
	border:1px solid #444d5c;
}

#comment textarea {
	height:170px;
	background-color:#f2f3f3;
}

#comment input:-moz-placeholder {
	padding-left:0px;
}
#comment input::-webkit-input-placeholder {
	padding-left:0px;
}

#comment #submit {
	width:127px;
	height:48px;
	text-align:center;
	border:none;
	margin-top:10px;
	cursor:pointer;
	display: block;
}

#comment #submit:hover {
	color: #fff;
	background-color:#78a5a3;
	opacity:0.9;
}

#follow_us
{
	line-height: 25px;
	background-color:#78a5a3;
	width: 100%;
	max-width: 700px;
	margin-right: 30px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top:20px;
	float: left;
	border-bottom: 1px solid #d6d8d9;
}	

#follow_us p
{
	color:#fff;
	font-size:1em;
	padding:10px;
	max-width:180px;
	text-align:center;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:100;
}

#follow_us p span
{
	font-weight:400;
	font-size:1.4em;
}	

#right_column_bar
{
	background-color: #fff;
    margin-bottom: 40px;;
	border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);	
	padding-top: 10px;
}	
	
.sg-tab-content #right_column_bar
{
	background-color: #fff;
    margin-bottom: 0px;;
	border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.0);	
	padding-top: 10px;
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}	

.right-column-1
{
	width:50%;
}

.right-column-2
{
	width:50%;
}

.sg-tab-content #right_column_bar h3
{	
	    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: block;
    padding-left: 0px;
    border: none;
}

#right_column_bar p
{
	font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    margin-top: 2px;
}

.sg-tab-content #right_column_bar p
{
	font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    margin-top: 2px;
}

.sg-tab-content #right_column_bar p.private-events
{

    padding-left: 0px;
}

.sg-tab-content #right_column_bar p.rules-and-regs
{

    padding-left: 0px;
	font-weight:300;
	margin-top:0px;
}

.sg-tab-content #right_column_bar p.rules-and-regs .fa {
    margin-left: 5px;
}

.adress_box
{
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.phone_box
{
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.mail_box
{
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.mail_box a
{
	    border-bottom: 1px solid #78a5a3;
}

.mail_box a:hover
{
color:#78a5a3;
}

.web_box
{
	padding-left: 20px;
	padding-top: -10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 1.1em;
}

.web_box a
{
	    border-bottom: 1px solid #78a5a3;
}

.web_box a:hover
{
color:#78a5a3;
}

.time_box
{
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.time_box a
{
	    border-bottom: 1px solid #78a5a3;
}

.time_box a:hover
{
color:#78a5a3;
}

.sg-tab-content .adress_box
{
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.sg-tab-content .phone_box
{
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.sg-tab-content .mail_box
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.sg-tab-content .mail_box a
{
	    border-bottom: 1px solid #78a5a3;
}

.sg-tab-content .mail_box a:hover
{
color:#78a5a3;
}

.sg-tab-content .web_box
{
	padding-left: 0px;
	padding-top: -10px;
	padding-right: 10px;
	padding-bottom: 20px;
	line-height: 1.1em;
}

.sg-tab-content .web_box a
{
	    border-bottom: 1px solid #78a5a3;
}

.sg-tab-content .web_box a:hover
{
color:#78a5a3;
}

.sg-tab-content .time_box
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.sg-tab-content .time_box a
{
	    border-bottom: 1px solid #78a5a3;
}

.sg-tab-content .time_box a:hover
{
color:#78a5a3;
}

th {
      text-align: left;
        padding-right: 10px; 
}

th.special {
	font-style:italic;
	padding-top: 10px; 
}

.sg-tab-content .view_box
{
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.sg-tab-content .food_box
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.sg-tab-content .drink_box
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.sg-tab-content .drink_box a, .food_box a
{
	background-color: #cadbdb;
    padding: 5px;
    color: #202021 !important;
    border-bottom: none !important;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 0.85em;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.sg-tab-content .drink_box a:hover, .food_box a:hover
{
	background-color: #202021;
	color:#fff !important;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}


.sg-tab-content .drink_box a .fa, .food_box a .fa
{
    margin-left: 5px;
}

.sg-tab-content .dress_box
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

.sg-tab-content .map_box
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	word-wrap:break-word;
	line-height: 1.1em;
}

#right_column_bar .info
{
	
	font-size: 0.75em;
    line-height: 1.4em;
    font-weight: 400;
    margin-left: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
}

#right_column_bar .info_website
{
	
	font-size: 0.75em;
    line-height: 1.4em;
    font-weight: 700;
    margin-left: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
	text-transform:uppercase;
}

#right_column_bar .small-img
{
	width: 15px;
    height: 15px;
    float: left;
    font-size: 1.1em;
    text-align: center;
}

#right_column_bar_links
{
	padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
}		

#right_column_bar strong
{
	font-weight:bold;
}	



#right_column_bar_text
{
	max-width:500px;
	}	
	
	.sg-tab-content #right_column_bar .info
{
	font-size: 0.95em;
    line-height: 1.4em;
    font-weight: 300;
    margin-left: 11%;
    margin-right: 30px;
    margin-bottom: 10px;
}

	.sg-tab-content #right_column_bar .info td
{
    font-weight: 700;
}

.sg-tab-content #right_column_bar .info_website
{
	
	font-size: 0.95em;
    line-height: 1.4em;
    font-weight: 700;
    margin-left: 11%;
    margin-right: 20px;
    margin-bottom: 10px;
	text-transform:uppercase;
}

.sg-tab-content #right_column_bar .small-img
{
	width: 15px;
    height: 15px;
    float: left;
    font-size: 1.1em;
    text-align: center;
	    color: #78a5a3;
}

.sg-tab-content #right_column_bar_links
{
	padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
}		

.sg-tab-content #right_column_bar strong
{
	color: #202021;
	font-weight:bold;
}	



.sg-tab-content #right_column_bar_text
{
	max-width:500px;
	}	
	
	#back_column_bar
{
	width: 300px;
	position: relative;
	float:right;
	margin-bottom:30px;
	background-color:#345;
}

	#back_column_bar:hover
{
	background-color:#345;
	text-decoration:underline;
	color:#fff;
}

#back_column_bar h2
{
	color:#fff;
	
	font-size:1em;
	font-family: 'Oswald', sans-serif;
	line-height:1.5em;
	padding: 10px 10px 10px 10px;
	margin-bottom: 0px;
	display:block;
	text-align:center;
}	


.bar_highlight 
{
	color:#78a5a3;
	}	
	
	.bar_links {
		height:auto;
		float:left;
		margin-left:10px;
		padding-top:5px;
		clear:right;
	}
	
.bar_links_img {
	max-width: 35px;
    margin-bottom: 5px;
    margin-right: 10px;
    flex-flow: row;
}

.bar_links_img img {
	max-width: 30px;
}
	
	.bar_links_img a{
				opacity:1;
	     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	border: none;
	}
	
	.bar_links_img a:hover {
		opacity:0.5;
	     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.sg-tab-content .bar_links {
		height:auto;
		float:left;
		margin-left:10px;
		padding-top:5px;
		clear:right;
	}
	
.sg-tab-content .bar_links_img {
	max-width: 35px;
    margin-bottom: 5px;
    margin-right: 10px;
    flex-flow: row;
}

.sg-tab-content .bar_links_img img {
	max-width: 40px !important;
}
	
	.sg-tab-content .bar_links_img a{
				opacity:1;
	     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	border: none !important;
	}
	
	.sg-tab-content .bar_links_img a:hover {
		opacity:0.5;
	     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
	
		.index_links {
		height:auto;
		float:left;
		margin-left:10px;
		padding-top:15px;
		margin-top:10px;
		clear:right;
	}
	
	.index_links_img {
		max-width:50px;
		float:left;
		clear:left;
		margin-bottom:15px;
		margin-top:0px;
	}

/*BLOG*/
#blog_content
{
    width: 67.9375%;
    float: left;
	margin-top:20px;
}

#blog_content .date
{
	color: #78a5a3;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 5px;
}

#blog_content .date .fa
{
    margin-right: 4px;
}

h3.blog-qoutation {
	color:#F00;
}

#start_of_blog_wrap
{
	flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
    display: flex;
    flex-flow: row wrap;
}

#start_of_blog_wrap img
{
	width:100%;
	height: auto;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(0%);
	display:block;
}

#start_of_blog_wrap img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.start_of_blog_big
{
	width: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    /* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	    border-bottom: 1px solid #e8e8e8;
		position:relative;
}

.start_of_blog_big .textarea h6
{
	font-size: 1.8em;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 0px;
    padding-top: 10px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: left;
    color: #fff;
}

.start_of_blog_big .textarea h6:hover
{
	text-decoration:underline;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.start_of_blog_big .textarea {
       border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #ffffff;
    padding-left: 15px;
    text-shadow: 0 0 10px rgba(0,0,0,.4);
    position: absolute;
    bottom: 0;
    padding: 1.25rem;
    margin: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: 3;
    background: linear-gradient(transparent,rgba(0,0,0,.7));
}

.start_of_blog_big .textarea p {
    font-size: 1em;
    font-weight: 300;
	line-height: 1.7em;
}

.start_of_blog_small_1
{
	    flex-basis: 50%;
    background-color: #fff;
    border-right: 1px solid #e8e8e8;
    position: relative;
}
.start_of_blog_small_2
{
	flex-basis: 50%;
    background-color: #fff;
    position: relative;
}

.start_of_blog_small_1 .textarea h6, .start_of_blog_small_2 .textarea h6
{
	font-size: 1.3em;
	    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 5px;
    padding-left: 0px;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	text-align:left;
	    background-color: #fff;
    color: #202021;
}

.start_of_blog_small_1 .textarea h6:hover, .start_of_blog_small_2 .textarea h6:hover
{
	color:#78a5a3;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.start_of_blog_small_1 .textarea, .start_of_blog_small_2 .textarea {
    background-color: #fff;
    padding: 15px;
    color: #202021;
    margin-top: -5px;
    padding-left: 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.start_of_blog_small_1 .textarea p, .start_of_blog_small_2 .textarea p {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.7em;
}

#start_of_blog_list
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    background-color: #fff;
	border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	    margin-bottom: 30px;
}

#start_of_blog_list img
{
	width: 100%;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: grayscale(0%);
    vertical-align: middle;
    margin-bottom: 0.25em;
}

#start_of_blog_list img:hover
{
	-moz-filter: grayscale(100%);
  	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#start_of_blog_list .blogpostlist
{
	float: left;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ededed;
    margin-bottom: 10px;
    padding-top: 10px;
}

#start_of_blog_list .featured-articles
{
	float: left;
    width: 100%;
    background: #efd6b1;
    border-top: none;
    margin-bottom: 10px;
        margin-top: 10px;
}

h6.featured-articles {
	text-transform: uppercase;
    font-weight: 300;
    background-color: white !important;
    padding: 20px 0px 5px 0px;
    margin-top: 30px !important;
    text-align: center;
    border-top: 1px solid #efefef !important;
    font-size: 1.3em;
    font-style: italic;
}

#start_of_blog_list .featured-articles .img-hold
{
	float: left;
    width: 18%;
    max-height: 80px;
    overflow: hidden;
}

#start_of_blog_list .featured-articles .txt-hold
{
	float: right;
    width: 80%;
    padding-right: 20px;
}

#start_of_blog_list .featured-articles .txt-hold h6
{
	font-size: 1.1em;
	line-height: 1.4em;
    font-weight: 700;
    display: inline-block;
	padding: 0px 0px 0px 0px;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	text-align:left;
    color: #202021;
	    text-transform: uppercase;
}

#start_of_blog_list .featured-articles .txt-hold h6:hover
{
	color:#e1b16a;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#start_of_blog_list .featured-articles .date
{
	    color: #a0a0a0;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 5px;
}

#start_of_blog_list .blogpostlist-featured
{
	float: left;
    width: 100%;
    background: none;
    border-top: 1px solid #ededed;
    margin-bottom: 10px;
    padding-top: 10px;
}

#start_of_blog_list .img-hold
{
	float: left;
    width: 30%;
    max-height: 150px;
    overflow: hidden;
}

#start_of_blog_list .txt-hold
{
	float: right;
    width: 68%;
    padding-right: 20px;
}

#start_of_blog_list .txt-hold span
{
	font-weight: 300;
}

#start_of_blog_list .txt-hold h6
{
	font-size: 1.3em;
	line-height: 1.4em;
    font-weight: 700;
    display: inline-block;
	padding: 0px 0px 0px 0px;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	text-align:left;
    color: #202021;
	    text-transform: uppercase;
}

#start_of_blog_list .txt-hold h6:hover
{
	color:#78a5a3;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#start_of_blog_list .txt-hold p
{
	font-size: 0.8em;
    font-weight: 500;
    line-height: 1.5em;
    padding-top: 10px;
}
.blog_column
{
	width: 100%;
    margin-bottom: 40px;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
	    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.blog_column strong
{
	font-weight:700;
}

.blog_column strong.time
{
	font-weight:500;
	background-color: #cadbdb;
	padding:3px;
}

.blog_column .divider
{
	    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
    margin-top: 30px;
}

#cooperation {
	max-width:720px;
	background-color:#F2F3F3;
	font-size:10px;
	padding:10px;
	margin-left:-20px;
	margin-right:-20px;
	text-align:center;
	margin-bottom:5px;
}

#cooperation img {
max-width:40px;
margin-left:10px;
margin-top:0px;
margin-bottom: -8px;
}

#cooperation a {
	color: #2f3131;
}

#cooperation a:hover {
	color: #2f3131;
	text-decoration:underline;
}

.blog_column img {
		max-width:100%;
		height:auto;
		margin-top: 20px;
		margin-bottom: 2px;
	}
	
.blog_column .half-img {
	max-width: 50%;
    height: auto;
    margin-top: -15px;
    float: right;
    margin-left: 20px;
}

.blog_column .insta-divider {
	width:100%;
	height:40px;
}

.blog_column h4 {
	margin: 0;
	margin-bottom:10px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    color: #202021;
	    font-size: 0.95em;
		letter-spacing: 0.2px;
}

.blog_column h4 span {
    font-weight: 300;
	text-decoration:none;
	padding: 0 5px 0 0;
}

.blog_column h4 span:before, .blog_column h4 span:after {
    display: none;
}

.blog_column h4.romantic {
    font-weight: 500;
	    font-size: 1em;
		margin-bottom: 10px;
}

.blog_column img.insta {
		    max-width: 32.7%;
    height: auto;
    margin-top: 10px;
    margin-right: 0px;
	vertical-align:text-top;
	}
	
	.blog_column a.insta {
		border-bottom:none;
		text-decoration:none;
	}
	
	.blog_column .more-button-insta-holder {
		width: 100%;
    display: flex;
}

.blog_column .more-button-insta-holder .fa {
	margin-left: 5px;
    font-weight: 700;
}

.blog_column .more-button-insta-holder a {
	text-decoration:none;
	border: none;
	display: contents;
}

	.blog_column .more-button-insta-holder span {
		font-weight:700;
}

.blog_column .more-button-insta-1 {
	background-color: #cadbdb;
    color: #202021;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 50%;
    margin: 5px;
    font-size: 0.8em;
	margin-right:10px;
	    margin-left: 0px;
		-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.blog_column .more-button-insta-1:hover{
	background-color: #78a5a3;
    color: #fff;
		-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.blog_column .more-button-insta-2 {
	background-color: #cadbdb;
    color: #202021;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 50%;
    margin: 5px;
    font-size: 0.8em;
	    margin-right: 0px;
}

.blog_column .more-button-insta-2:hover{
	background-color: #78a5a3;
    color: #fff;
		-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
	
	.blog_column p
{
	font-size: 1.1em;
    margin: 5px 0px 20px 0px;
    line-height: 1.8em;
    font-weight: 300;
}

	.blog_column p.subtle
{
	font-size: 0.9em;
	font-style:italic;
	color:#666;
}

	.blog_column h1
{
	    color: #202021;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 25px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 15px;
}
	
	.blog_column h1 span
{
	    color: #202021;
    font-family: 'Playfair Display';
    font-size: 2.3em;
    display: block;
    font-weight: 900;
    line-height: 1.2em;
    position: relative;
    text-transform: none;
    font-style: italic;
}

	.blog_column h1 span
{
    position: relative;
}

	.blog_column h1 span:after
{
	border-top: 2px solid #78a5a3;
    width: 110px;
    position: absolute;
    content: '';
    display: block;
    margin-top: 15px;
}

.blog_column h2

{
	font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 500;
    padding: 10px 0;
    text-transform: uppercase;
}

.blog_column h2.rooftop-hotels
{
	font-size: 1.15em;
    line-height: 1.6em;
    font-weight: 700;
    padding: 10px 0;
    text-transform: uppercase;
}

.blog_column h2.video

{
	font-size: 1em;
    line-height: 1.6em;
    font-weight: 500;
    padding: 10px 0 0 0;
    text-transform: uppercase;
}

.blog_column h2.video span

{
	background-color: #cadbdb;
    padding: 5px;
    font-weight: 500;
    margin-right: 2px;
}

.blog_column h2.extra

{
	font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 700;
    padding: 10px 0;
    text-transform: uppercase;
}

.blog_column h2.listing

{
	font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 700;
	    padding-bottom: 5px;
}

.blog_column h2.listing span

{
	color:#78a5a3;
}

.blog_column h2.listing-nye

{
	font-size: 1.6em;
    line-height: 1.6em;
    font-weight: 700;
	    padding-bottom: 5px;
}

.blog_column h2.listing-nye span

{
	color:#78a5a3;
	font-size: 1.5em;
}

.blog_column h2.listing-nye .city-nye

{
	color:#202021;
	font-weight:300;
	display:inline-block;
}

.city-header-nye

{
	     font-size: 0.85em;
    line-height: 1.2em;
    font-weight: 300;
    padding: 10px 10px 10px 10px;
    color: #fff;
    background-color: #202021;
    text-transform: uppercase;
    display: inline-table;
    /* margin-left: -40px; */
    letter-spacing: 0.8px;
    margin-bottom: 10px;
}

.city-header-romantic
{
font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 900;
    padding: 10px 0px 10px 0px;
    color: #78a5a3;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
    font-family: 'Playfair Display';
    font-style: italic;
    text-align: center;
    display: block;
}

.divider-romantic {
	    width: 90%;
    display: block;
    height: 1px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.booking-link-city-wrap {
	width:100%;
	margin-bottom: 50px;
}

.blog_column h2.booking-link {
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 700;
    padding-bottom: 5px;
	    color: #78a5a3;
}

.blog_column h2.booking-link .rooftop-hotels {
    color: #202021;
    font-weight: 300;
    display: inline-block;
}

.booking-link-city-wrap p {
	    margin: 5px 0px 5px 0px !important;
}

.booking-link-city-wrap span {
	display:inline-block;
}

.letter-booking-link
{
font-size: 3em;
    line-height: 1.2em;
    font-weight: 900;
    padding: 10px 0px 10px 0px;
    color: #78a5a3;
    letter-spacing: 0.8px;
        margin-bottom: 50px;
    padding-top: 60px;
    font-family: 'Playfair Display';
    font-style: italic;
    text-align: center;
    display: block;
    border-bottom: 1px solid
}

.nye-link-div {
	display:none;
}

.blog_column h3.listing-nye
{
	    font-size: 1em;
    line-height: 1.6em;
    font-weight: 700;
    padding-bottom: 15px;
    text-align: center;
    color: #78a5a3;
    padding-top: 10px;
}

.blog_column h3.listing-nye hr

{
	    background-color: #78a5a3;
    border: 0;
    height: 1px;
    margin: 5px 10px;
    display: inline-block;
    width: 10%;
}

.blog_column h3.listing-pools {
font-size: 2em;
    line-height: 1.6em;
    font-weight: 900;
    padding-bottom: 15px;
    text-align: center;
    color: #202021;
    padding-top: 15px;
    font-family: 'Playfair Display';
    font-style: italic;
    text-transform: none;
}

.blog_column h3
{
	font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 700;
    padding: 10px 0 10px 0;
    text-transform: uppercase;
}


	.blog_column h7
{
	    padding: 0px 0px 15px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #202021;
    font-family: 'Roboto', serif;
    font-size: 2em;
    display: block;
    font-weight: 700;
    line-height: 1.2em;
	text-transform:uppercase;
}

.blog-date-uppdated {
    font-size: 0.8em;
    color: #a5a5a5;
    font-style: italic;
    font-weight: 300;
	margin-bottom: 10px;
}

.blog-date-uppdated .fa {
    margin-right: 4px;
    margin-left: 0px;
}

.blog-date-uppdated strong {
    font-weight: 500;
    font-style: normal;
}

.publisher {
	    width: 100%;
    display: flex;
    align-items: center;
	    padding-top: 20px;
    padding-bottom: 10px;
	    border-top: 1px solid #e4e4e4;
		    margin-top: 30px;
}

.publisher-img {
	    max-width: 70px;
    float: left;
    display: block;
    margin-right: 15px;
}

.publisher-img img {
	    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #78a5a3;
    border-radius: 50%;
    display: block;
}

.publisher-name {
	float:right;
}

.publisher-name-by  {
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:500;
	    margin: 0;
}

.publisher-name a {
	text-transform:none;
	font-size:0.9em;
	font-weight:300;
	color:#78a5a3;
}

.publisher-name p {
	font-size: 0.75em;
    font-weight: 300;
    margin-bottom: 0;
    text-transform: uppercase;
}

.publisher-name-guest {
	text-transform:none;
	font-size:0.9em;
	font-weight:300;
	color:#202021;
}

.publisher-work-with-us {
	    width: 100%;
    display: flex;
    align-items: center;
	    padding-top: 20px;
    padding-bottom: 10px;
		    margin-top: 30px;
			margin-bottom: 30px;
}

.publisher-work-with-us-img {
	    max-width: 250px;
    float: left;
    display: block;
    margin-right: 25px;
}

.publisher-work-with-us-img img {
	    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #78a5a3;
    border-radius: 50%;
    display: block;
}

.publisher-work-with-us-name {
	float:right;
	line-height: 1.9em;
}

.publisher-work-with-us-name-by  {
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:500;
	    margin: 0;
}

.publisher-work-with-us-name-phone  {
	text-transform:uppercase;
	font-size:1em;
	font-weight:300;
	    margin: 0;
}

.publisher-work-with-us-name a {
	text-transform:none;
	font-size:1em;
	font-weight:300;
	color:#78a5a3;
}

.article-qoutation-wrapper {
	width:100%;
}

.article-qoutation {
	background-color:#f2f3f3;
	border-left: 3px solid #78a5a3;
	    padding: 10px 20px;
    margin: 20px 0 20px 0;
}

.info-box-news {
	width:100%;
	background-color:#cadbdb;
	color:#202021;
	    padding: 20px;
		    margin-top: 30px;
    margin-bottom: 40px;
}

.info-box-news p {
	    font-size: 1em;
		margin: 5px 0px 10px 0px;
}

.info-box-news .book-button {
	background-color:#78a5a3;
	color:#fff;
	text-align:center;
	font-size:1em;
	font-weight: 500;
    padding: 10px;
    text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius:2px;
	margin-top: 20px;
    margin-bottom: 5px;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.info-box-news .book-button:hover {
	background-color:#202021;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.info-box-news .book-button .fa {
margin-left:5px;
}

.info-box-news p .fa {
width:20px;
}

.info-box-news ul {
    margin-left: 0px;
    display: inline-block;
    font-size: 1em;
	line-height: 1.6em;
    font-weight: 300;
    list-style-type: disc;
    color: #202021;
    list-style-position: inside;
    margin-top: -10px;
    margin-bottom: 10px;
}

.info-box-news ul li {
}

.info-box-news .book-button-nye {
	background-color:#78a5a3;
	color:#fff;
	text-align:center;
	font-size:1em;
	font-weight: 300;
    padding: 10px;
    text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius:2px;
	margin-top: 20px;
    margin-bottom: 5px;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.info-box-news .book-button-nye:hover {
	background-color:#202021;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.info-box-news .book-button-nye .fa {
margin-right:5px;
font-weight:300;
}

.blog_column_bildtext

{
        font-size:0.8em;
		color:#929292;
		font-style:italic;
		line-height: 15px;
		padding-bottom: 10px;
		    font-weight: 300;
}

.blog_column a
{
	color: #202021;
    border-bottom: 2px solid #78a5a3;
	}
	
	.blog_column a:hover
{
	text-decoration:none;
	color: #78a5a3;
	}
	
	#blog_column_start
{
	line-height: 1.8em;
	font-family: 'Oswald', sans-serif;
	clear: both;
	width: auto;
	max-width: 1020px;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 40px;
	float: left;
	background-color:#FFFFFF;
	border-bottom: 1px solid #d6d8d9;
		border-top: 5px solid #78a5a3;
}


#blog_column_start h2
{
	color: #2f3131;
	font-size:1.3em;
	font-family: 'Oswald', sans-serif;
	line-height:1.8em;
	margin-bottom: 10px;
	text-transform:uppercase;
	display:block;
	margin-right:20px;
	margin-left:20px;
	margin-top:20px;
}

#blog_column_start a
{
	color: #2f3131;
	font-size:1.3em;
	font-family: 'Oswald', sans-serif;
	line-height:1.8em;
	margin-bottom: 10px;
	text-transform:uppercase;
	display:block;
}

#blog_column_start a:hover
{
	color:#78a5a3;
	text-decoration:underline;
}

.related_box_blog {
	margin-bottom: 20px;
    float: left;
    background-color: #fff;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	    padding: 5px 0px;
}

.related_box_blog img {
padding-left: 10px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
float: right;
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

.related_box_blog img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.related_box_blog .textbox {
    float: left;
    padding-right: 20px;
    margin-top: 10px;
    margin-left: 20px;
    padding-bottom: 10px;
}

.related_box_blog h3 {
	border-bottom: 1px solid #e1b16a;
    padding-bottom: 10px;
    margin: 10px 0px 0 0px;
    margin-top: 10px;
    margin-right: 0px;
    display: block;
    text-transform: uppercase;
    color: #e1b16a;
    font-size: 1.3em;
    margin-right: 165px;
    margin-top: 0px;
}

.related_box_blog h3 a {
font-weight: 500;
	}

.related_box_blog p {
	font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 5px;
    font-weight: 400;
}
	
	.related_box_blog a {
	font-size: 0.8em;
    line-height: 1.5em;
    color: #e1b16a;
    font-weight: 500;
    display: block;
	padding-bottom: 5px;
	}
	
	.related_box_blog a:hover {
color: #2f3131;
text-decoration:underline;
	}
	
	.related_box_blog_2 {
	margin-bottom: 20px;
    float: left;
    background-color: #fff;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	    padding: 10px 0px;
}

.related_box_blog_2 img {
padding-left: 0px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

.related_box_blog_2 img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.related_box_blog_2 .textbox {
float: right;
    padding-right: 20px;
    margin-top: 10px;
    margin-left: 20px;
    padding-bottom: 10px;
}

.related_box_blog_2 h3 {
	border-bottom: 1px solid #e1b16a;
    padding-bottom: 10px;
    margin: 10px 0px 0 0px;
    margin-top: 10px;
    margin-right: 0px;
    display: block;
    text-transform: uppercase;
    color: #e1b16a;
    font-size: 1.3em;
    margin-left: 165px;
    margin-top: 0px;
}

.related_box_blog_2 h3 a {
font-weight: 500;
	}

.related_box_blog_2 p {
font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 5px;
    font-weight: 400;
	padding-bottom: 5px;
}
	
	.related_box_blog_2 a {
font-size: 0.8em;
line-height: 1.5em;
color: #e1b16a;
font-weight: 500;
display: block;
	}
	
	.related_box_blog_2 a:hover {
color: #2f3131;
text-decoration:underline;
	}	

#right_column_blog h3
{	color:#2f3131;
	font-size:0.7em;
	font-family: 'Droid Serif';
	line-height:1.1em;
	font-weight: 700;
	margin-bottom: 0px;
	text-transform:uppercase;
	display:block;
	padding-left: 20px;
}	

#right_column_blog p
{
	font-size: 0.7em;
	line-height:1.3em;
	font-weight:lighter;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom:20px;

}

#right_column_blog .info
{
	
		font-size: 0.7em;
	line-height:1.3em;
	font-weight:lighter;
	margin-left:30px;
	margin-right:20px;
	color: #2f3131;
	margin-bottom: 10px;

}

#right_column_blog .small-img
{
	width:15px;
	height:15px;
	float:left;
	}


#right_column_blog_links
{
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}		

#right_column_blog strong
{
	font-weight:700;
}	

#right_column_blog a
{
	color:#2f3131;
}

#right_column_blog a:hover
{
color:#e1b16a;
}

#right_column_blog_text
{
	max-width:500px;
	}	
	
#right_column_blog .follow_subscribe_wrap {
		margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	text-align:center;
	}
	
	#right_column_blog .follow_subscribe_wrap a {
        text-decoration:none;
}

	#right_column_blog .follow_subscribe_wrap a:hover {
        text-decoration:none;
        transition: color .5s ease;
}
	
#right_column_blog	.follow_icon_bloglovin {
		margin-right:20px;
		display:inline;
	}
	
	#right_column_blog	.follow_icon_rss {
		display:inline;
	}

/*LONG-READ*/
	
	#longread_content
{
    width: 100%;
    float: left;
	margin-top:20px;
}

	.longread_column
{
    width: 100%;
    margin-bottom: 40px;
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px;
		padding-left:50px;
	padding-right:50px;
	float:left;
}

	.longread_column .text-wrapper-long
{
	padding-left: 100px;
    padding-right: 100px;
    width: 100%;
	margin-top: 20px;
	float: left;
}

	.longread_column .text-wrapper-long-alternate
{
	padding-left: 100px;
    padding-right: 100px;
    width: 100%;
	margin-top: 20px;
	float: left;
}

	.longread_column .text-wrapper-long-alternate p
{
	max-width: 630px;
}

	.longread_column .text-wrapper-work-with-us
{
	padding-left: 100px;
    padding-right: 100px;
    width: 100%;
	margin-top: 20px;
	float: left;
}

	.longread_column .text-wrapper-work-with-us p
{
	max-width: 100%;
}

#work-with-us-two-columns {
	    width: 100%;
    margin-top: 20px;
    float: left;
	margin-bottom: 20px;
}

#work-with-us-two-columns .first-column {
	width:45%;
	float:left;
}

#work-with-us-two-columns .second-column {
	width:45%;
	float:right;
}

#work-with-us-two-columns .second-column p {
	text-transform:uppercase;
	color:#999;
	font-weight:500;
	text-align:center;
	margin: 5px 0 0 0;
}

#work-with-us-two-columns .blockquote {
	padding: 0 20px 40px 20px;
    font-size: 1.5em;
    line-height: 1.4em;
    font-family: 'Playfair display';
    font-style: italic;
}

#work-with-us-two-columns img
{
	margin-top: 0px;

}

.brands-image {
	width:auto;
	margin:auto;
	text-align: center;
}

#stats-column-work-with-us {
	     width: 100%;
    display: flex;
    text-align: center;
    font-size: 1.3em;
	    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 500;
	    margin-top: 30px;
    margin-bottom: 20px;
}

#stats-column-work-with-us .icon {
	    display: block;
    font-size: 1.8em;
    margin-bottom: 10px;
	    color: #78a5a3;
}

#stats-column-work-with-us .fa {
	 margin:5px;
}

#stats-column-work-with-us .unique-views {
	width:50%;
}

#stats-column-work-with-us .social-followers {
	width:50%;
}

	.longread_column .text-wrapper-long-alternate p.explanation-text
{
	    color: #78a5a3;
    font-style: italic;
    font-weight: 400;
    font-size: 0.8em;
    padding-left: 20px;
    padding-right: 20px;
}

.longread_column .text-wrapper-long-alternate .menu .small-img
{
	max-width:200px;
	float:right;
}

.longread_column .text-wrapper-long-alternate .menu
{
	max-width:200px;
	float:right;
	margin-left:50px;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group {
	width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 0px;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button {
    background-color: #ffffff;
    border: 1px solid #78a5a3;
    color: #78a5a3;
    padding: 10px 14px;
    cursor: pointer;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 3px;
	line-height:0.8em;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button a {
	border-bottom:none;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button a:hover {
	color: #202021;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button:not(:last-child) {
}

/* Clear floats (clearfix hack) */
.longread_column .text-wrapper-long-alternate .menu .btn-group:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.longread_column .text-wrapper-long-alternate .menu .btn-group button:hover {
    background-color: #78a5a3;
	color:#fff;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button.active {
    background-color: #78a5a3;
	color:#fff;
}

.longread_column ul.breadcrumb {
    list-style: none;
    margin-top: -20px;
	margin-left:-20px;
}

	.longread_column h2
{
    padding: 10px 20px 15px 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #202021;
    font-family: 'Playfair Display', serif;
    font-size: 3.5em;
    display: block;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
}

.longread_column h2 span {
    position: relative;
	    font-weight: 900;
    font-style: italic;
}

.longread_column h2 span:after{
        border-top: 2px solid #78a5a3;
    width: 110px;
    content: '';
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

	.longread_column h3
{
    padding: 10px 0px 15px 0px;
    margin-top: 10px;
    color: #202021;
    font-size: 1.5em;
    display: block;
    font-weight: 700;
    line-height: 1.2em;
	text-align:center;
	text-transform:uppercase;
}

.longread_column h3 span {
    position: relative;
}

	.longread_column h4
{
    text-align: left;
    margin: 25px 0 5px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1em;
}

.about-us-profile {
    margin-bottom: 40px;
    background-color: #cadbdb;
    width: 48%;
    margin-top: 30px;
    float: left;
    margin-left: 1%;
}

.about-us-profile img {
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    display: block;
}

.about-us-profile p {
    text-align: center;
    font-size: 0.9em;
    font-weight: 700;
}

.button-about-us {
    display: inline-block;
    font-family: 'Roboto', Helvetica, sans-serif;
    position: relative;
    padding: .8em 1.4em;
    padding-right: 4.7em;
    background: rgba(120, 165, 163, 0.8);
    border: none;
    color: #ffffff;
    transition: .2s;
    text-transform: uppercase;
    cursor: pointer;
	min-width: 15em;
    margin: 10px auto 20px auto;
    display: block;
}

.button-about-us:before {
    background: #78a5a3;
}

.button-about-us:before, .button-about-us:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.8em;
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    text-align: center;
    transition: .2s;
    transform-origin: 50% 60%;
}

	.longread_column h8
{
    padding: 10px 0px 10px 0px;
    margin-top: 0px;
    color: #202021;
    font-family: 'Playfair Display', serif;
    font-size: 2.5em;
    display: block;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
}

.longread_column h8 span {
    position: relative;
	    font-weight: 900;
    font-style: italic;
}

.longread_column h8 span:after{
        border-top: 2px solid #78a5a3;
    width: 110px;
    content: '';
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.longread_column h8 span_number {
	color:#78a5a3;
}

	.longread_column .headline_texarticle
{
    padding: 20px 150px 20px 150px;
    margin-top: 0px;
    color: #202021;
    font-family: 'Playfair Display', serif;
    font-size: 2.5em;
    display: block;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
	clear: both;
}

.longread_column .headline_texarticle span {
    position: relative;
	    font-style: italic;
    font-weight: 900;
}

.longread_column .headline_texarticle span:after{
        border-top: 2px solid #78a5a3;
    width: 110px;
    content: '';
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.longread_column .headline_texarticle span_number {
	color:#78a5a3;
}

.longread_column h9
{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
	margin-bottom: 10px;
	    padding-left: 20px;
    padding-right: 20px;
}

.longread_column a
{
    border-bottom: 1px solid #78a5a3;
	color: #202021;
}

.longread_column a:hover
{
	color: #78a5a3;
}

.longread_column img{
max-width: 100%;
    height: auto;
    margin-top: 10px;
}

.longread_column img.alternate {
        max-width: 32.3%;
    height: auto;
    margin-top: 10px;
    margin-right: 5px;
	border: 1px solid #e1e2e2;
}

.longread_column img.alternate-last {
        max-width: 32.3%;
    height: auto;
    margin-top: 10px;
    margin-right: 0px;
	border: 1px solid #e1e2e2;
}

.blog_column_bildtext_alternate

{
        font-size:0.8em;
		color:#929292;
		font-style:italic;
		line-height: 15px;
		padding-bottom: 30px;

}
	
	.longread_column p {
	    font-size: 1.1em;
    margin: 0px 0px 20px 0px;
    line-height: 1.8em;
    font-weight: 300;
	}
	
	.longread_column p strong{
    font-weight: 700;
	}
	
	.longread_column p.introduction:first-letter {
 font-size : 4em;
 font-weight : 700;
 float : left;
 width : 1em;
 color : #202021;
 padding-bottom:10px;
 line-height:0.5em;
 }
 
 .longread_column .text_column {
	 float:left;
	 width:48%;
	 margin-right:2%;
	 margin-bottom:20px;
 }
 
 .longread_column .info_column {
	 float:right;
	 width:48%;
	 background-color:#f2f3f3;
	 padding: 10px 15px 15px 15px;
	margin-bottom: 20px;
 }
 
 .longread_column .info_column p{
	 font-size:0.75em;
	 line-height:1.4em;
	  margin-bottom: 0px;
 }
 
 
 ul.longread {
    list-style: none;
    font-weight: 300;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

 ul.longread-alternate {
    list-style: none;
    font-weight: 300;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

ul.longread li, ul.longread-alternate li {
        display: flex;
    padding-right: 4px;
    line-height: 1.5em;
    padding-bottom: 10px;
}

ul.longread li:before, ul.longread-alternate li:before
{
    padding-right: 10px;
    color: #78a5a3;
    content: "\2022";
    font-weight: 700;
}

.btn-group {
	width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    margin-top: 20px;
}

.btn-group button {
    background-color: #78a5a3;
    border: 1px solid #f9f9f9;
    color: white;
    padding: 10px 14px;
    cursor: pointer;
    float: left;
    width: 14.2%;
    text-transform: uppercase;
    font-size: 0.7em;
}

.btn-group button a {
	border-bottom:none;
}

.btn-group button a:hover {
	color: #202021;
}

.btn-group button:not(:last-child) {
}

.longread_column .text-wrapper-work-with-us ul {
    font-size: 1.1em;
    line-height: 1.7em;
    font-weight: 700;
    margin: 15px;
	    margin-bottom: 25px;
}

.longread_column .text-wrapper-work-with-us li {
        margin-bottom: 15px;
}

.blockquote-about-us {
    border-left: 5px solid #78a5a3;
    padding: 40px;
    /* font-style: italic; */
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
	background-color: #f2f3f3;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group button:hover {
    background-color: #e1b16a;
}

.btn-group button.active {
    background-color: #e1b16a;
}

.btn-group-nye {
	width: 100%;
    display: inline-block;
	-webkit-appearance: none;
	margin:0;
}

.btn-group-nye button {
    background-color: #ffffff;
    border: 1px solid #efefef;
    color: #202021;
    padding: 10px 10px;
    cursor: pointer;
    float: left;
    width: 25%;
    text-transform: uppercase;
    font-size: 0.7em;
	-webkit-appearance: none;
	margin:0;
}

.btn-group-nye button a {
	border-bottom:none;
}

.btn-group-nye button a:hover {
	color: #202021;
}

.btn-group-nye button:not(:last-child) {
}

/* Clear floats (clearfix hack) */
.btn-group-nye:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group-nye button:hover {
    background-color: #202021;
	color: #fff;
}

.btn-group-nye button.active {
    background-color: #fff;
}

.btn-group-booking-link {
	width: 100%;
    display: inline-block;
	-webkit-appearance: none;
	margin:0;
}

.btn-group-booking-link button {
    background-color: #ffffff;
    border: 1px solid #efefef;
    color: #202021;
    padding: 10px 5px;
    cursor: pointer;
    float: left;
    width: 4%;
    text-transform: uppercase;
    font-size: 0.7em;
	-webkit-appearance: none;
	margin:0;
}

.btn-group-booking-link button a {
	border-bottom:none;
}

.btn-group-booking-link button a:hover {
	color: #202021;
}

.btn-group-booking-link button:not(:last-child) {
}

/* Clear floats (clearfix hack) */
.btn-group-booking-link:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group-booking-link button:hover {
    background-color: #202021;
	color: #fff;
}

.btn-group-booking-link button.active {
    background-color: #fff;
}

.btn-group-work-with-us {
	    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    text-align: center;
}

.btn-group-work-with-us button {
        background-color: #cadbdb;
    border: 1px solid #f9f9f9;
    color: #202021;
    padding: 10px 14px;
    cursor: pointer;
    float: left;
    width: 20%;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 300;
    font-style: italic;
}

.btn-group-work-with-us button a {
	border-bottom:none;
}

.btn-group-work-with-us button a:hover {
	color: #202021;
}

/* Clear floats (clearfix hack) */
.btn-group-work-with-us:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group-work-with-us button:hover {
    background-color: #e1b16a;
}

.longread_column .link_landing {
	width:100%;
}

/*WRAPPER*/

#wrapper_city
{
	margin: 0 auto 10px;
	max-width: 1232px;
	width: 93.75%;
	position: relative;
}

#wrapper_bar
{
	margin: 100px auto 0 auto;
    max-width: 1232px;
    width: 93.75%;
    position: relative;
}

#wrapper_start
{
	margin: 0 auto 10px;
    max-width: 1232px;
    width: 93.75%;
    position: relative;
}

#wrapper_blog
{
	margin: 0 auto 0 auto;
    max-width: 1232px;
    width: 93.75%;
    position: relative;
}

#wrapper_blog_post
{
	margin: 100px auto 0 auto;
    max-width: 1232px;
    width: 93.75%;
    position: relative;
}

#wrapper_longread
{
	margin: 0 auto;
	max-width: 1232px;
	width: 93.75%;
	position: relative;
}

#wrapper_continent
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 1232px;
    width: 93.75%;
	position: relative;
}

#tourn_box
{
	float:left;
	max-width:1050px;
}

/*Continent*/

.wrapper-continent-link-box {
	width:100%;
	margin-bottom: 20px;
	float:left;
	margin-top: 20px;
}

.continent_link_box
 {    height: 50px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #202021;
    float: left;
    width: 19%;
    margin-left: 0.5%;
    margin-bottom: 2%;
    margin-right: 0.5%;
    padding: 5px;
    box-sizing: border-box;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	letter-spacing:0.5px;
 }
 
.continent_link_box
 {  
text-decoration:none;
opacity:1;
		     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	transform:scale(1);
 }
 
.continent_link_box:hover
 {  
 background-color:#fff;
 color:#202021;
	     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
 }
 
 #blogarticle_wrap 
 {margin-left:auto;
 margin-right:auto}
 
 .blogarticle_link_box
{
	height:auto;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-bottom:40px;
    text-align: center;
    float: left;
    width: 28%;
	margin-left: 3%;
margin-bottom: 4%;
box-sizing:border-box;
}

#blogarticle_link_box_1
{
	background-image:url(../Bilder/Blog_round.gif);
	    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
	width:100%;
	height:300px;
	float:left;
	opacity:1;
		     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


.blogarticle_link_box:hover #blogarticle_link_box_1{
     opacity:0.9;
	     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	transform:rotate(7deg);

}

#blogarticle_link_box_2
{
	background-image:url(../Bilder/News_round.gif);
	    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
	width:100%;
	height:300px;
	float:left;
	opacity:1;
		     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


.blogarticle_link_box:hover #blogarticle_link_box_2{
     opacity:0.8;
	     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	transform:rotate(7deg);
}

#blogarticle_link_box_3
{
	background-image:url(../Bilder/Traveltip_round.gif);
	    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
	width:100%;
	height:300px;
	float:left;
	opacity:1;
		     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


.blogarticle_link_box:hover #blogarticle_link_box_3{
     opacity:0.8;
	     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	transform:rotate(7deg);
}

.blogarticletextbox
{
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	max-width:150px;
	position:absolute;
	z-index:1;
	padding-left:5%;
	color:#FFF;
	font-family: 'Oswald', sans-serif;
}

.blogarticletextbox p
{
	background-color:#000;
	line-height:1.6em;
	color:#FFF;
	text-align:center;
	opacity: 0.7;
	font-size:0.9em;
	
}

.blogarticletextbox h2
{
	background-color:#000;
	font-weight:700;
	font-size:1.5em;
	text-transform:uppercase;
	line-height:1.6em;
	color:#FFF;
	text-align:center;
	opacity: 0.7;
}


/*Commercial*/

#commercial
{
	width: auto;
	margin-bottom: 40px;
    max-width: 300px;
	margin-left:auto;
	margin-right:auto;
}

#search-box-city-right
{
	width: auto;
	margin-bottom: 40px;
	margin-left:auto;
	margin-right:auto;
}

.bar-booking-wrapper {
	width:100%;
}

.city-booking-wrapper {
	width:100%;
	    margin-bottom: 20px;
}

h3.book-your-trip {
	    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    /* border-bottom: 1px solid #78a5a3; */
    display: block;
    width: 100%;
    padding-bottom: 15px;
    display: block;
    text-align: center;
    color: #fff;
    padding-top: 140px;
    font-style: italic;
	    padding-left: 20px;
    padding-right: 20px;
	text-shadow: 0 0 10px rgba(0,0,0,.6);
}

h3.book-your-trip span {
	    font-weight: 400;
    font-style: normal;
}

h3.book-your-trip .fa {
	margin-right:5px;
}

.tab-search {
       overflow: hidden;
    background-color: #cadbdb;
    display: flex;
    width: 100%;
}

/* Style the buttons that are used to open the tab content */
.tab-search button {
    background-color: #fff;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 16px;
    transition: 0.3s;
    flex: 1;
    text-transform: uppercase;
    color: #202021;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #f2f3f3;
    letter-spacing: 0.6px;
    font-family: 'Roboto';
}

#code-box-1 {
	margin-top:20px;
}

pre {
padding: 0 0 0 0px;
margin-top: 0;
margin-bottom: 20px;
max-width: 100%;
white-space: inherit;
}

pre#disp-Info {
    padding: 10px 50px 10px 0px;
}

pre#disp-Details {
    padding: 10px 0px 10px 0px;
}

pre#disp-Map {
    padding: 10px 0px 10px 0px;
}

p.map-description {
	    font-weight: 700 !important;
    margin-bottom: 0px;
    line-height: 1.2em !important;
    margin-top: 20px;
}

div.code-tabs {
display: -webkit-flex;
display: flex;
width: 100%;
}

div.code-tabs-plan {
display: -webkit-flex;
display: flex;
width: 100%;
}

div.code-tabs-plan .fa {
	margin-bottom: 3px;
    display: block;
    color: #78a5a3;
}

div.code-tabs button {
    background-color: #fff;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 16px;
    transition: 0.3s;
    flex: 1;
    text-transform: uppercase;
    color: #202021;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #f2f3f3;
    letter-spacing: 0.6px;
    font-family: 'Roboto';
}

div.code-tabs button.active {
            border-bottom: 3px solid #78a5a3;
    color: #78a5a3;
    font-weight: 700;
}

div.code-tabs button.active:after {
       content:none;
}

div.code-tabs button a {
	border-bottom:none !important;
}

a.anchor{display: block; position: relative; top: -70px; visibility: hidden;}

div.code-tabs button:hover {
    color:#78a5a3;
}

div.code-tabs button.sg-current {
background-color: #fff;
    color: #78a5a3;
    /* text-transform: uppercase; */
    border-bottom: 3px solid #78a5a3;
    /* position: relative; */
}

div.code-tabs-plan button {
        background-color: #fff;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 10px;
    transition: 0.3s;
    flex: 1;
    text-transform: uppercase;
    color: #202021;
    font-size: 0.9em;
    font-weight: 300;
    border-bottom: 1px solid #f2f3f3;
    font-family: 'Roboto';
	-webkit-appearance: none;
	margin:0;
}

div.code-tabs-plan button:hover {
    color:#78a5a3;
}

div.code-tabs-plan button.sg-current {
background-color: #fff;
    color: #78a5a3;
    /* text-transform: uppercase; */
    border-bottom: 3px solid #78a5a3;
    /* position: relative; */
}

.tab-search button .fa {
	margin-right:3px;
}

/* Change background color of buttons on hover */
.tab-search button:hover {
	color:#78a5a3;
}

/* Create an active/current tablink class */
.tab-search button.active {
   background-color: #fff;
    color: #78a5a3;
    /* text-transform: uppercase; */
    border-bottom: 3px solid #78a5a3;
    /* position: relative; */
}

.tabcontentsearch {
        border-top: none;
    width: 100%;
}

#hotel-box-city-middle
{
	width: 100%;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}

#flight-box-city
{
	width: 100%;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}

#activities-box-city
{
	width: 100%;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	background-color: #cadbdb;
	    padding: 0px 40px 20px 40px;
}

#activities-box-city h2
{
	    font-size: 1.3em;
    line-height: 1.3em;
    padding: 20px 0 0 0;
    text-align: center;
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #202021;
    border-bottom: none;
    margin-bottom: 20px;
    max-width: none;
    /* border-bottom: 1px solid #78a5a3; */
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Playfair Display';
    font-style: italic;
}

#activities-box-city p
{
	    line-height: 1.6em;
    font-size: 0.9em;
    font-weight: 400;
    text-align: center;
    padding: 0;
}

#activities-box-city strong
{
	   font-weight: 900;
}

#activities-box-city .plan-activities-button
{
	background-color: #78a5a3;
    color: #ffffff;
    display: table;
    /* width: 50%; */
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 700;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 3px;
    letter-spacing: 0.5px;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#activities-box-city .plan-activities-button:hover
{
	background-color: #202021;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#car-box-city
{
	width: 100%;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}

#rc-connect-container {
	background-color: #cadbdb;
}

.other-things-to-do-wrap {
	width:100%;
	margin-bottom:40px;
}

.other-things-to-do-box {
	background-color: #cadbdb;
    padding: 10px;
}

h4.search-box {
    border-bottom: 1px solid #78a5a3;
    margin: 0px;
    text-transform: uppercase;
    padding-bottom: 8px;
    width: 100%;
    text-align: left;
    font-size: 1.1em;
    font-weight: 500;
	font-family:'Roboto';
}

h4.search-box .fa {
    margin-right:3px;
}

.city-hint-wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
}

.bar-hint-wrapper {
	margin-left:auto;
	margin-right:auto;
}

.bar-hint-wrapper-in-text {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

/* RECOMENDED */

#recomended {
	width:100%;
	margin-bottom: 40px;
	float:left;
}

#recomended .recomended_wrapper
{
	max-width:1020px;
	margin-left:auto;
	margin-right:auto;
}

#rooftop-shop {
	width:100%;
	margin-bottom: 40px;
	float:left;
}

#rooftop-shop .rooftop-shop_wrapper
{
	max-width:1232px;
	margin-left:auto;
	margin-right:auto;
}

#rooftop-shop-chimi {
	width:100%;
	float:left;
}

#rooftop-shop-chimi .rooftop-shop_wrapper
{
	max-width:1232px;
	margin-left:auto;
	margin-right:auto;
}

/* FOOTER */

footer
{
	position: relative;
    clear: both;
    width: 100%;
    background: #78a5a3;
    float: left;
}

footer .wrapper
{
    padding: 50px 30px 50px 30px;
    width: 100%;
    float: left;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer_logo {
	margin:20px;
}

.footer_logo img {
	max-width:150px;
	width:100%;
}

footer .wrapper .column
{
    color: #fff;
    float: left;
    width: 14%;
    margin: 2%;
    font-weight: 300;
}

footer .wrapper a:hover
{
        color:#fff;
		border-top:none;
		text-decoration:underline;
}

footer .wrapper .column.leftlist img
{
    width: 100%;
    max-width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

footer .wrapper .column.leftlist
{
    	width: 19%;
}

footer .wrapper .column h4
{
    font-size: 1.1em;
    line-height: 1.5em;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    font-weight: 700;
    margin-left: 0px;
    margin-right: 0px;
    text-transform: uppercase;
    text-align: left;
}

footer p
{
	margin: 5px 0;
    line-height: 2em;
    font-size: 0.8em;
    font-weight: 300;
    color: white;
}

footer .wrapper .column.leftlist p
{
	margin: 10px 0 5px 0;
    line-height: 1.5em;
    text-align: center;
    font-size: 0.6em;
    font-weight: 500;
    font-style: italic;
    color: white;
}


#copyright
{
    background: #5e8c8a;
    width: 100%;
    float: left;
}

#copyright .wrapper
{
    color: #e6e6e6;
    font-size: 0.7em;
    position: relative;
    padding: 30px;
}

#copyright .wrapper p
{
    text-align: center;
    width: 100%;
    font-size: 1em;
}

#copyright .wrapper a
{
     color: #e1b16a;
}

#copyright .wrapper a:hover
{
        color: #fff;
		border-top:none;
}


/* SKIPLINK */
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #d6d0c1 solid;
}
#slides
{
        display: none
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
        display:none;
        color:#000;
}


/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */


@media (max-width: 1215px)
{
#three_columns {
    width: 65.9375%;
}

#left_column_wrap {
    width: 65.9375%;
}

#left_wrap_bar {
    width: 65.9375%;
}

#left_wrap_bar_2 {
    width: 65.9375%;
}

#blog_content {
    width: 65.9375%;
}

#left_column_wrap_blog {
    width: 65.9375%;
}

#citybanner.top10 h1 {
    font-size: 1.4em;
	padding-bottom: 0,5em;
}

#citybanner {
    padding-top: 70px;
}

#citybanner .sloganone {
    font-size: 5em;
}

#citybanner .slogantwo {
    font-size: 4em;
}

#citybanner h2 {
    font-size: 5em;
}

#citybanner h1 .big {
}

#citybanner h1 .big_continent {
    font-size: 3em;
}

#citybanner h1 {
}

}

@media (max-width: 1100px)
{
	figcaption {
    width: 100%;
}
}

@media (max-width: 1023px)
{
	
	.native_box_right 
{
	display:none;
}
	
	figcaption {
    width: 55%;
}

#start_world_areas .europe
{
	width:49.5%;
	margin-right: 1%;
}

#start_world_areas .north-america
{
	width:49.5%;
	margin-right: 0%;
	margin-bottom: 1%;
}

#start_world_areas .south-america
{
	width:49.5%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#start_world_areas .asia
{
	width:49.5%;
	margin-right: 0%;
	margin-bottom: 1%;
}

#start_world_areas .oceania
{
	width:49.5%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#start_world_areas .africa
{
	width:49.5%;
	margin-right: 0%;
	margin-bottom: 1%;
}

.continent_link_box {
    width: 24%;
}

.fb-like {
	margin-left:80px;
}

#left_wrap_bar
{
	width: 100%
}

#left_wrap_bar_2
{
	width: 100%
}

#right_wrap_bar
{
	width: auto;
	margin-top:0px;
}

.right_wrap_bar_inside_1 {
	width:100%;
	float:left;
}

.right_wrap_bar_inside_2 {
	width:100%;
	float:left;
}

#bar_column
{	
	width: 100%;
}

#blog_content {
    width: 100%;
}
#right_wrap_blog {
    width: 100%;
	margin-top:0px;
}
#right_wrap_blog_2 {
    width: 100%;
}

.popular-posts .img-hold {
    max-height: 300px;
}

.popular-posts .txt-hold {
    padding-right: 20px;
    padding-left: 20px;
}

h3.popular-posts-title {
    font-size: 1.5em;
    line-height: 1.3em;
}

.popular-posts-text {
    font-size: 0.9em;
    font-style: normal;
    line-height: 1.5em;
}

.follow .instagram-right-column {
    width: 50%;
	float: left;
}

.follow .facebook-right-column {
    width: 50%;
	float: right;
}
		
#three_columns 
{
width:auto;
margin-right:auto;
float: none;
}

#mapbox_news {
	
	width:100%;
	height: 500px;
}

#search-box-city-right
{
	display:none;
}

#search-box-city-middle
{
	display:block;
	width:100%;
	margin-bottom:40px;
}
	   
#commercial
{
	height: auto;
    text-align: center;
}

#right_wrap {
	width: auto;
    margin-left: 20px;
    margin-right: 20px;
	margin-top:0px;
	float: none;
}

#right_wrap_bar_2 {
	width:100%;
	max-width:720px;
	float: none;
	margin-left:auto;
	margin-right:auto;
}

#mapbox_bar_wrap {
	
	width:100%;
	max-width: 700px;
}

.mapbox_bar {
	
	width:91%;
	max-width: 700px;
}

.right_wrap_inside_1 {
	width:100%;
	float:none;
}

.right_wrap_inside_2 {
	width:100%;
	float:none;
} 

#left_column_wrap {
	width: auto;
	margin-left: 20px;
    margin-right: 20px;
}

#left_column_wrap_blog {
	width: auto;
}

	   #left_column
{
	margin-left:auto;
	margin-right:auto;
}

#back_column_bar
{
	width: 100%;
	max-width: 300px;
	margin-right:20px;
	margin-top:0px;
	float:right;
	margin-bottom:30px;
}

#mapbox_bar_wrap {
	
	margin-top: 0px;
}


#wrapper_blog
{
	margin-left: auto;
	margin-right: auto;	
}

	#blog_column_start
{
	width: auto;
	max-width: 740px;
	margin-right: 10px;
	margin-left: 10px;
	float: none;
}


#blog_column_start h2
{
	font-size:1.1em;
	font-family: 'Oswald', sans-serif;
	line-height:1.6em;
}

#blog_column_start a
{
font-size:1.1em;
	font-family: 'Oswald', sans-serif;
	line-height:1.6em;
}


#right_wrap_blog h2
{
color: #f3f5f6;
text-align: center;
font-size: 1em;
font-family: 'Oswald', sans-serif;
line-height: 1.1em;
padding: 10px 10px 10px 10px;
margin-bottom: 20px;
text-transform: uppercase;
display: block;
background-color: #e1b16a;
}	

#cooperation {
	margin-left:0px;
	margin-right:0px;
}


#right_column_blog
{
	margin-bottom:30px;
	margin-left:10px;
	margin-right:10px;
	width:auto;
	max-width: 350px;
	float:left;
}

#right_column_blog p
{
	width: auto;
	max-width: 740px;
	margin-right:20px;
}

	}

@media (max-width: 1000px)
{

#citybanner 
{
    padding-top: 40px;
	margin-bottom:25px;
	margin-top: 58px;
}

.mapBtn {
top:58px;
}

.mapBtn p {
    margin-bottom: 0px;
}

.overlay-map .closebtn {
   top:58px;
}

#infobanner h1 {
    font-size: 0.85em;
    line-height: 1.3em;
	width: 20rem;
}

#infobanner h2 {
    font-size: 2.8em;
}

.about-us-profile {
    width: 100%;
    float: none;
    margin-left: 0;
	padding-bottom: 20px;
}
	
	}

@media (max-width: 970px)
{	
	.hero-image {
	      margin-top: 58px;
}

.hero-text h1 {
      font-size: 5em;
}

.hero-text h2 {
    font-size: 0.9em;
}

.hero-text hr {
    width: 11%;
}

.hero-text p {
        white-space: nowrap;
}	
	
.socialtop img {
    width: 32px;
}

.start_top-10_big .textarea h6 {
    font-size: 1.7em;
}

#top10_column .column-1 {
    width: 100%;
    float: none;
    padding-bottom: 0px;
}

#top10_column .column-2 {
    width: 100%;
    float: none;
    padding-top: 0px;
}
	
	#work-with-us-two-columns .first-column {
    width: 100%;
}

#work-with-us-two-columns .second-column {
    width: 100%;
    margin: auto;
    text-align: center;
	    margin-top: 30px;
}
	
	#work-with-us-two-columns .blockquote {
    text-align: center;
}

	.headline {
    top: 21%;
}

.longread_column .text-wrapper-long-alternate {
    padding-left: 50px;
    padding-right: 50px;
}

.longread_column img.alternate {
        max-width: 32%;
}

.longread_column img.alternate-last {
        max-width: 32%;
}
		
	.btn-group button {
    width: 20%;
}

.longread_column .text-wrapper-work-with-us {
    padding-left: 50px;
    padding-right: 50px;
}

.btn-group-work-with-us button {
    width: 33%;
}
	        input
        {
                width:250px;
        }

		
        header h1
        {
                font-size:40px;
        }
        header p
        {
                margin-left: 60px;
                font-size:14px;
        }
		
			#bar h1
{
	font-size: 1.3em;
	line-height:1.8em;
	padding-top:15px;
	padding-bottom: 25px;

}

#wrapper_comment-nye
{ 
    top: 58px;
}

#wrapper_list-booking
{ 
    top: 58px;
}
	
.bigbanner {
    padding-bottom: 300px;
	margin-top:58px;
}

#infobanner_start 
{
  	/* padding: 20px 10px 20px 10px; */
    margin-bottom: 125px;
    margin-top: -240px;
    max-width: 650px;
}

#infobanner_start h1 {
    font-size: 4.5em;
    line-height: 1.1em;
}


#infobanner_start h2 {
        margin: 10px auto 0px;
    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 0px;
    width: 60%;
	}
	
	#infobanner_start p {
	    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: -40px;
        width: 300px;
    letter-spacing: 0.5px;
}

#start_popular_cities
{
	width: 100%;
	margin-bottom: 40px;
}

#start_popular_bars
{
	width: 100%;
}

#citybanner.top10 h1 {
    font-size: 16px;
	padding-bottom: 5px;
}

#citybanner .sloganone {
    font-size: 4em;
}

#citybanner .slogantwo {
    font-size: 2.3em;
}

#citybanner h2 {
    font-size: 3.5em;
  line-height: 1.2em;
}
#citybanner h1 {
    font-size: 1.2em;
	line-height: 1.5em;
    padding-left: 0;
    padding-right: 0;
	margin-top: -5px;
}

#citybanner h3 {
    font-size: 1em;
	line-height: 0.8em;
    padding-left: 0;
    padding-right: 0;
	margin-top: -5px;
}
	
#infobanner 
{
	margin-right: 20px;
    margin-left: 20px;
}
		
		#boxcontent article
        {
                float: none;
                margin: 30px auto 0 auto;
                width: 60%;
        }
        #spacer
        {
                font-size:15px;
        }
        #spacer .search
        {
                margin-top:19px;
                margin-right:-385px;
        }
        #spacer p
        {
                margin-left:-370px;
        }
		
		        #spacer
        {
                height:100px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 auto;
                padding:15px 0 7px 0;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
		
		
        input
        {
               
        }
        input[type="submit"]
        {
                padding: 1px 14px;
        }
		
        .column2 .row
        {
	float: none;
    margin: 0 0 40px 10px;
    width:auto;
        }

footer .wrapper
{
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

footer .wrapper .column
{
	width: 15%;
}
		 
#wrapper_city
{
	margin-left:auto;
	margin-right:auto;
}
			
#wrapper_bar
{
	margin-left:auto;
	margin-right:auto;
}



#right_column_about
{
	width: 100%;
	max-width: 660px;
	float:left;
	margin-bottom:30px;

}

#back_column_bar
{
	width: 100%;
	max-width: 700px;
	margin-top:0px;
	float:right;
	margin-bottom:10px;
}

#bar_column .img-item-big
{
	width:100%;
	max-width:230px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	height: auto;
position: static;
}

#bar_column .img-item-small1
{
	max-width:230px;
	float: right;
	margin-right: 0px;
	margin-bottom: 15px;
	height: auto;
position: static;
}

#bar_column .img-item-small2
{
	max-width:230px;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	height: auto;
position: static;
}

.container
{
     height:1px;
     top: -1500px;
}
}

@media (max-width: 760px)
{
	
	.related-stories-native .img-hold {
    width: 40%;
}

h3.related-stories-native {
    font-size: 1.05em !important;
    padding: 5px 0px !important;
	line-height: 1.4em;
}
	
	#start_world_areas .textarea {
    font-size: 0.8em;
    line-height: 1.9;
}

#start_world_areas .textarea span {
    font-size: 2em;
    line-height: 1.2;
}

.start_blog_big {
    width: 100%;
}

.next_read_big {
    width: 100%;
}

.start_blog_small_1 {
    flex-basis: 50%;
}

.start_blog_small_2 {
    flex-basis: 50%;
}

.start_blog_small_3 {
    flex-basis: 50%;
}

.start_blog_small_4 {
    flex-basis: 50%;
}

.start_top-10_big {
    width: 100%;
}

.start_top-10_big .textarea h6 {
    font-size: 2.3em;
}

#top10_column .column-1 {
    padding: 20px;
    padding-bottom: 0px;
}

#top10_column .column-2 {
    padding: 20px;
    padding-top: 0px;
}

.btn-group-booking-link button {
    width: 7.69%;
}

.letter-booking-link {
    margin-bottom: 60px;
}
	
.longread_column .headline_texarticle {
    padding: 20px 20px 20px 20px;
}

.start_of_blog_big .textarea h6 {
    font-size: 1.5em;
}

.start_of_blog_small_1 .textarea h6, .start_of_blog_small_2 .textarea h6 {
    font-size: 1.2em;
}

.start_of_blog_big .textarea p {
    font-size: 0.9em;
}

.start_of_blog_small_1 .textarea p, .start_of_blog_small_2 .textarea p {
    font-size: 0.9em;
}

.longread_column ul.breadcrumb {
margin-left: 10px;
}

.longread_column .text-wrapper-long-alternate {
    padding-left: 40px;
    padding-right: 40px;
}

.longread_column .text-wrapper-long-alternate .menu {
    max-width: 130px;
    float: right;
    margin-left: 50px;
}

.longread_column img.alternate {
    max-width: 48%;
}

.longread_column img.alternate-last {
    max-width: 48%;
}
	
		.btn-group button {
    width: 25%;
}

.longread_column {

    padding-left: 20px;
    padding-right: 20px;
}

.longread_column .text-wrapper-long {
    padding-left: 60px;
    padding-right: 60px;
}

.longread_column .text_column {
    width: 100%;
margin-right: 0%;
}

.longread_column .info_column {
    width: 100%;
    padding: 20px 25px 25px 25px;
	margin-bottom: 40px;
}

.blog_column img.insta {
		    max-width: 49%;
	}
	
	.continent_link_box
 {    
        width: 48%;
    margin-left: 1%;
    margin-right: 1%;
 }
	
		#wrapper_start
{
	max-width: 720px;
}	

#infobanner_start 
{
    margin-bottom: 145px;
    margin-top: -230px;
    max-width: 460px;
}

#infobanner_start h1 {
    font-size: 3.6em;
    line-height: 1.1em;
    margin-top: 5px;
    padding-bottom: 15px;
}


#infobanner_start h2 {
    font-size: 0.8em;
    line-height: 1.1em;
    width: 100%;
	}
	
	#infobanner_start p {
	    font-size: 0.75em;
    line-height: 1.1em;
    width: 260px;
    letter-spacing: 0.5px;
     padding: 13px 9px 9px 9px;
}

#infobanner_start p strong {
    font-size: 1.8em;
}

#start_blog
{
	width:100%;
}

#display_insta {
    width: 100%;
}

#why_rooftops
{
    width: 100%;
	margin-bottom:40px;
}	

#start_rooftop_of_month {
    width: 100%;
}
	
.fb-like {
	margin-left:70px;
}

#start_of_blog_list .txt-hold h6 {
    font-size: 1.1em;
    line-height: 1.4em;
}

#start_of_blog_list .featured-articles .txt-hold h6 {
    font-size: 0.9em;
}

#top10_column
{
	width: auto;
	max-width: 700px;
	margin-right: 10px;
	margin-left: 10px;
}

#recomended {
	max-width: 700px;
	width: auto;
	margin-left:10px;
	margin-right:10px;
}

}


@media (max-width: 740px)
{
	
#wrapper_city
{
width:100%
}

#three_columns {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
}

#three_columns .img-item
{
}

#three_columns .img-item .holder {
    width: 65%;
}

figcaption {
    width: 65%;
}

.more-button {
    width:45%;
}

#right_wrap {
	margin-left: 20px;
    margin-right: 20px;
	float:none;
}

#right_wrap_bar {
	max-width:720px;
}

#right_wrap_bar_2 {
	max-width:720px;
}

#left_column .article1
{
margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
	margin-bottom:0px;
}

#left_column .article2
{
margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
		
		#citybanner .slogantwo {
    font-size: 1.5em;
	line-height: 1.4em;
}

	
	#bar h1
{
	font-size: 1.2em;
	line-height:1.8em;
	padding-top:15px;
	padding-bottom: 25px;

}

#bar_column .textbox
{
	padding-right: 10px;
	padding-left: 10px;
}

ul.in-short li.first
{
    margin-left: -30px;
	padding-left: 30px;
}

#share_box {
	margin-left:10px;
}

.other_bars_textbox
	{
		width:auto;
		max-width:45%;
		float:left;
	}	
	
			.other_bars_box1 
{
	border-left: none;
	border-right:none;
	}
	
				.other_bars_box2 
{

	border-left: none;
	border-right:none;
	}
	
.right_wrap_inside_1 {
	width:100%;
}

.right_wrap_inside_2 {
	width:100%;
} 
	
#right_column
{
	width: 100%;
}
	
#commercial
{
	float: none;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#latest_blog
{
	width: 100%;
}

.right_wrap_bar_inside_1 {
    width: 100%;
}

.right_wrap_bar_inside_2 {
    width: 100%;
}

.other_bars_wrap {
    width: 100%;
}

#other_bars {
    width: 100%;
}

.headline {
    font-size: 1.1em;
}

#other_bars .more-button {
    width:50%;
}

.follow_wrap {
    width: 100%;
}

.follow .instagram {
    width: 100%;
}

.follow .facebook {
    width: 100%;
	float:left;
}

.follow .instagram-right-column {
    width: 100%;
}

.follow .facebook-right-column {
    width: 100%;
	float: left;
}
	
#right_column_blog
{ border-left: none;
	border-right:none;
	max-width:700px;
	}
	
.blog_column img
{
   margin: 25px 0px 5px 0px;
}

#blog-comment-box {
    padding: 20px 20px 50px 20px;
}

.follow_wrap_start .follow .instagram {
    width: 100%;
    margin-right: 0%;
    float: none;
	margin-bottom:2%;
}

.follow_wrap_start .follow .facebook {
    width: 100%;
    float: none;
}

footer .wrapper
{
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

footer .wrapper .column
{
	width: 42%;
    margin: 4%;
}

footer .wrapper .column.leftlist
{
	width: 100%;
    margin: 0 0 40px 0;
}

	#bar_column
{
	
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

ul.breadcrumb {
    padding: 0px;
    margin-top: 0px;
}
	
	.blog_column {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.blog_column .half-img {
    max-width: 100%;
    margin-top: 0px;
    float: none;
    margin-left: 0px;
}

.follow_wrap_right_column .follow .instagram {
    width: 100%;
    margin-right: 0%;
	float: none;
}

.follow_wrap_right_column .follow .facebook {
    width: 100%;
	float: none;
}

.native_box_city-2 .img-holder-hot {
    float: right;
    width: 100%;
    max-height: none;
    overflow: hidden;
}

.native_box_city-2 .text-holder-hot {
    float: right;
    width: 100%;
    padding: 20px;
    display: block;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.5em;
    z-index: 3;
    position: absolute;
    bottom: 0px;
	background: linear-gradient(transparent,rgba(0,0,0,.7));
	text-shadow: 0 0 10px rgba(0,0,0,.4);

}

.native_box_city-2 h3 {
    font-weight: 900;
    font-size: 1.5em;
    line-height: 1.3em;
    font-family: 'Playfair display';
    text-transform: none;
    font-style: italic;
    color: #ffffff;
}

.native_box_city-2 .code-box {
    text-align: left;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.5px;
    margin-top: 5px;
    font-weight: 500;
    color: #ffffff;
}

.native_box_city-2 p {
    display: none;
}

.native_box_city-2 .hot {
    color: #ffffff;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0px;
    letter-spacing: 1px;
    margin-bottom: 2px;
    line-height: 1.3em;
}
	}
	
	@media (max-width: 680px)
{

	#right_column_about
{
	width: 100%;
	max-width: 680px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	}
	
	#back_column_bar
{
	width: 100%;
	max-width: 680px;
	float:left;
	margin-bottom:30px;
}

.right-column-1 {
    width: 100%;
}

.right-column-2 {
    width: 100%;
}

}

@media (max-width: 500px)
{
	
		#start_world_areas .textarea {
    font-size: 0.7em;
    line-height: 1.9;
	display:inline-table;
	text-shadow: 0 0 6px rgba(0,0,0,.85);
}

#start_world_areas .textarea span {
    font-size: 2em;
    line-height: 1.2;
}
	
	.headline {
    top: 20%;
}
	
			.btn-group button {
    width: 33.3%;
	    height: 50px;
}

.btn-group-work-with-us button {
    width: 50%;
	height:40px;
}

.longread_column {

    padding-left: 0px;
    padding-right: 0px;
	overflow:hidden;
}

.longread_column .text-wrapper-long {
    padding-left: 40px;
    padding-right: 40px;
}

.longread_column .text-wrapper-long-alternate {
    padding-left: 0px;
    padding-right: 0px;
}

.longread_column .text-wrapper-long-alternate p {
    padding-left: 40px;
    padding-right: 40px;
}

.longread_column .text-wrapper-long-alternate p.explanation-text {
    padding-left: 50px;
    padding-right: 50px;
}

.longread_column .text-wrapper-long-alternate .menu {
    width: 100%;
    float: none;
    margin-left: 0px;
    max-width: 500px;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    margin-top: 0px;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button {
    background-color: #78a5a3;
    border: 1px solid #ffffff;
    color: #ffffff;
    width: 14.28%;
    font-size: 0.9em;
    margin-bottom: 0px;
    line-height: 0.8em;
}

.longread_column .text-wrapper-long-alternate .menu .btn-group button.active {
    background-color: #e1b16a;
    color: #fff;
}

.longread_column img.alternate {
    max-width: 100%;
}

.longread_column img.alternate-last {
    max-width: 100%;
}

	.blog_column_bildtext_alternate {
    font-size: 0.7em;
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 20px;
}

.longread_column .text-wrapper-long-alternate .menu .small-img {
    max-width: 150px;
    padding-right: 40px;
    padding-left: 10px;
}

ul.longread-alternate {
    margin-left: 50px;
    margin-right: 40px;
}

.longread_column .text-wrapper-work-with-us {
    padding-left: 20px;
    padding-right: 20px;
}

#stats-column-work-with-us {
    display: block;
}

#stats-column-work-with-us .unique-views {
    width: 100%;
    display: inline;
    float: left;
    margin-bottom: 30px;
}

#stats-column-work-with-us .social-followers {
    width: 100%;
    display: inline;
    float: left;
    margin-bottom: 30px;
}

.blog_column .more-button-insta-holder {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

.blog_column .more-button-insta-1 {
    width: 100%;
    margin: 0px;
	margin-bottom:20px;
}

.blog_column .more-button-insta-2 {
    width: 100%;
    margin: 0px;
}

#bildtext 
{
	margin-right:10px;
}	

.publisher-work-with-us {
    width: 100%;
    display: block;
    align-items: center;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    text-align: center;
}

.publisher-work-with-us-img {
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
	    float: none;
}

.publisher-work-with-us-img img {
    text-align: center;
    margin: auto;
}

.publisher-work-with-us-name {
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
}
	
#other_bars .more-button 
{
	    width: 100%;
    background-color: #e1b16a;
    color: #fff;
    /* font-size: 1em; */
    /* line-height: 3em; */
    margin-bottom: 10px;
}

.txt-hold-other-bars {
    width: 60%;
}

#start_world_areas {
    margin-top: 15px;
}
	
	.slideshow-container {
  max-width: 500px;
  position: relative;
  margin: auto;
  margin-bottom:10px;
}
	
.hidead_mobile {
display: none !important;
}
	
	#top10_column .textbox
{
	font-size:1em;
	line-height:1.6em;
}

.bigbanner {
        padding-bottom: 290px;
}

#infobanner_start 
{
    margin-bottom: 85px;
    margin-top: -235px;
    max-width: 310px;
}

#infobanner_start h1 {
        font-size: 3em;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


#infobanner_start h2 {
         margin: 0px auto 0px;
    font-size: 0.7em;
    line-height: 1.1em;
    padding: 8px;
	}
	
	#infobanner_start p {
	    font-size: 0.75em;
    line-height: 1.1em;
    margin-top: 0px;
    width: 310px;
    letter-spacing: 0.2px;
    padding: 12px 8px 10px 8px;
    border-top: 1px solid #78a5a3;
}

#infobanner_start p strong {
    margin-right: 3px;
    margin-left: 3px;
}

#infobanner_start hr {
    width: 6%;
}

#start_popular_cities_wrap .txt-hold {
    width: 67%;
    padding-right: 10px;
	}
	
#start_popular_cities_wrap .img-hold {
    margin-left: 0px;
}

#start_popular_cities_wrap .txt-hold h6 {
    font-size: 1.1em;
    font-weight: 900;
    display: inline-block;
    padding: 0px 10px 0px 0px;
}

#start_popular_cities_wrap .txt-hold p {
    padding-top: 5px;
	}
	
	#start_popular_bars_wrap .txt-hold {
    width: 67%;
    padding-right: 10px;
	}
	
	#start_popular_bars_wrap .img-hold {
    margin-left: 0px;
}

#start_popular_bars_wrap .txt-hold h6 {
    font-size: 1.1em;
    font-weight: 900;
    display: inline-block;
    padding: 0px 10px 0px 0px;
}

#start_popular_bars_wrap .txt-hold p {
    padding-top: 5px;
	}

.bigbanner .sloganone, .grass .sloganone {
    font-size: 0.9em;
}
.bigbanner h1, .grass h1 {
    font-size: 2.2em;
	margin-bottom: 30px;
	line-height:0.3em;
}

input {
	padding-right:0px;
	width:243px;
}

form {
	margin-bottom:20px;
}

#wrapper_continent {
	width:100%;
}

.continent_link_box {
	font-size:1em;
	border-bottom: 1px solid #a2a2a2;
}

#citybanner.top10 h1 {
 font-size: 14px;
 line-height:18px;
	margin-bottom: 5px;
}

#citybanner .sloganone {
    font-size: 1em;
}

#citybanner .slogantwo {
    font-size: 1em;
}

#citybanner {
    background-color:#fff;
    height: auto;
	margin-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
	padding-bottom: 200px;
}

#citybanner.work-with-us {
    padding-bottom: 200px;
}

#citybanner h2 {
    font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom:5px;
}
#citybanner h1 {
    font-size: 1.1em;
	margin-bottom: 10px;
	letter-spacing: 1px;
	margin-top: 5px;
}

#citybanner h1 .big
{

	letter-spacing: 2px;
	font-size:2.2em;
}

#citybanner h1 .big_continent
{

	letter-spacing: 2px;
	font-size:2.2em;
}

#citybanner h3 {
    font-size: 0.6em;
	margin-bottom: 0px;
	letter-spacing: 2px;
	margin-top: 5px;
}

#infobanner {
    height: auto;
	margin-bottom:10px;
    margin-left: auto;
    margin-right: auto;
	padding-left:20px;
	padding-right:20px;
	margin-top:-20px;
	border-top: 1px solid #f7f7f7;
	border-radius:0px;
}

#infobanner h1 
{
    font-size: 0.75em;
	letter-spacing:0.7px;
	width: 90%;
}

#infobanner hr 
{
	margin: 4px 4px;
    width: 10%;
    height: 1px;
}

#infobanner h2 
{
	font-size: 1.9em;
    line-height: 1.4em;
	padding-left:10px;
	padding-right:10px;
}

#infobanner p {
    font-size: 1.05em;
line-height: 1.7em;
padding-left: 10px;
padding-right: 10px;
}

#citybanner.blog_articles {
    background-color:#e1b16a !important;
	background-image:none;
}

.longread_column h2 {
    
    font-size: 2.5em;
}

.longread_column ul.breadcrumb {
    margin-top: -30px;
    margin-left: 0px;
}

	.logotype img
{
	max-width:180px;
	}
        
        #spacer
        {
                height:auto;
                padding-bottom:15px;
        }
		
			#text_columns 
{
		clear: both;
        margin: 0 30px;
        width:auto;
        float:none;
}

#recomended h2 {
	font-size:1.1em;
	line-height: 1.5em;
	margin-top: 10px;
}

#left_wrap_bar {
    margin-top:5px;
}


#insta_column
{
		clear: both;
        margin: 0 30px;
		width:auto;
        float:none;
}

#start_world_areas .america
{
	width:100%;
	margin-right: 0%;
}

#start_world_areas .europe
{
	width:49.5%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#start_world_areas .asia
{
	width:49.5%;
	margin-right: 0%;
}

#start_world_areas .oceania
{
	width:49.5%;
	margin-right: 1%;
}

#start_world_areas .africa
{
	width:49.5%;
	margin-right: 0%;
}


	#two_columns_start
{
	width: auto;
}

#latest_blog .centered {
     width: 100%;	
} 
				 
#three_columns
        {
width:auto;
margin-left: 10px;
margin-right: 10px;
margin-top:10px;
}

#three_columns .bar-name
{
        font-size: 1.4em;
		border-bottom:none;
		margin-bottom:5px;
}

#three_columns .img-item .holder {
	width: 100%;
}

#three_columns .img-item
{
width: 100%;
margin: 0px auto 40px auto;
flex: 100%;
}

figcaption-gold{
      font-size: 0.75em;
    padding: .4em;
    width: 100%;
}
figcaption-gold .img{
    margin-left: .2em;
    width: 20px;
    margin-top: 0.5px;
}
figcaption-gold .text{
    padding-top: 0em;
    margin-top: 1px;
    margin-left: 30px;
}

.adress {
    font-size: 0.7em;
}

.news_date {
	margin-bottom:10px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 10px;
	font-size:0.6em;
	display:table;
}

.more-button {
	background-color: #78a5a3;
    font-size: 0.9em;
    line-height: 3.4em;
    width: 100%;
    color: #fff;
}
	
.more-button:hover
{
	background-color:#78a5a3;
}
	
	.more-button_news {
	margin: 10px 0px 20px 0px;
	border-radius:30px;
	max-width:500px;
	width:auto;
	font-size: 0.9em;
	line-height:3.7em;
	}
	
	#start_row5 .more-button {
    color: #fff;  
}
	
	.more-button_news:hover {
	background-color:#e1b16a;
	}
	
	.recommended-hotel .more-button {
	background-color: #e1b16a;
    color: #202021;
    font-size: 0.8em;
    line-height: 2.5em;
    width: 100%;
    border: none;
}

.recommended-hotel .img-hold {
    width: 50%;
}

.blog_column h4 {
    padding: 0 20px;
}

#left_column h3 {
    padding: 20px 0px 0px 0px;
}

#left_column p {
    padding-left: 0px;
    padding-right: 0px;
}

#left_column .article2 {
    padding-bottom: 20px;
}
		
		.visible-mobile {
    display: inline !important;
  }

  .hidden-mobile {
    display: none !important;
  }
		
figcaption
{	
	max-width:500px;
	width:auto;
	padding-top: 10px;
}

.related_box {
max-width: 475px;
margin: 0px auto 35px auto;
box-sizing: border-box;
}


.related_box .textbox {
    max-width: 500px;
    width: auto;
	padding-right: 10px;
}

.related_box h3 {
    line-height: 1.4em;
    font-size: 0.95em;
}

.related_box p {
    margin-right: 10px;
	display: none;
}

.related_box .hot {
    font-size: 0.68em;
    padding: 3px 5px;
    letter-spacing: 0.5px;
}

#right_wrap {
	margin-left: 10px;
    margin-right: 10px;
}

.videoWrapperCity {
	margin-right: 0px;
}

.videoWrapperCity iframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0px 5px 5px 5px;
}

.overlay-content-map {
    top: 20%;
}

#map-wrapper {
    width: 100%;
    height: 400px;
    border: 3px solid #202021;
}
			
#mapbox 
{
	height: 350px;
	margin-top: 20px;
	margin-right: 0px;
}	 

#mapbox_news {
	
	width:100%;
	max-width: 500px;
	height: 350px;
	margin-top: 20px;
}	

#mapbox_bar_wrap {
	
	width:100%;
	max-width: 500px;
	overflow:hidden;
}

.mapbox_bar {
	
	width:95%;
	max-width: 500px;
	height: 350px;
	margin:10px;
}	

#start_of_blog_wrap {
   margin-top: 5px;
}

#blog_content {
 	margin-top: 5px;
}
				       
footer .wrapper
{
    width:auto;
	margin:auto;
}

.wrapper .column.leftlist
{
	margin-bottom:40px;
}

footer .wrapper .column
{
    margin: 0 40px 40px 40px;
    width: 100%;
}

	#wrapper_start
{
	width:100%;
			max-width:500px;
			margin-top:20px;
			margin-left:auto;
			margin-right:auto;
}
		
		
#wrapper_bar
{
	width:100%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper_longread {
    width: 100%;
}
		
#right_column
{
	margin-top:20px;
}

.more-button_blogpost
{
    font-size: 0.8em;
	letter-spacing: 0.5px;
}

			   #right_column_2
{
	max-width: 500px;
	width: auto;
	color: #2f3131;
	float:none;
	margin-bottom: 30px;
	margin-left:10px;
	margin-right:10px;
}

			   #other_cities
{
	max-width: 500px;
	width: auto;
	float:none;
	margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#left_column_wrap
{
	margin-right:10px;
	margin-left:10px;
}

#from_the_blog .column {
    width: 100%;
    flex: 100%;
	margin-top: 15px;
    margin-bottom: 15px;
}

#left_column
{
	width: auto;
}

#right_column_bar
{
	width: 100% ;
	max-width: 500px;
	margin-bottom:30px;
	border-radius:0px;	
}

.right_wrap_bar_inside_1
{
    padding-left: 10px;
    padding-right: 10px;
}

.right_wrap_bar_inside_2
{
    padding-left: 10px;
    padding-right: 10px;
}

#left_wrap_bar_2
{
    padding-left: 10px;
    padding-right: 10px;
}

.bar_links_img img {
    max-width: 35px;
}

#right_column_about
{
	width: 100% ;
	max-width: 500px;
	margin-bottom:30px;
	margin-left:10px;
	margin-right:10px;
	
}

#bar_column 
{
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
	border-radius:0px;
}

#bar_column img
{
	width:120%;
}

#bar h1
{
	font-size: 0.9em;
	line-height:1.7em;
	padding-bottom:20px;
}

#bar h1 span
{
	line-height:1.2em;
	letter-spacing:-0.5px;
}

ul.breadcrumb {
    padding: 10px 0px 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
}

#bar_column .textbox
{
	padding-left:20px;
	padding-right:20px;
	font-size: 1em;
	line-height:1.8em;
	margin-bottom:20px;
	}

#bar_column h1
{
	font-size: 0.9em;
    padding-bottom: 20px;
    margin: 10px 20px 20px 20px;
    border-bottom: none;
}

#bar_column h2
{
	font-size: 1em;
    line-height: 1.4em;
    margin: 15px 20px 15px 20px;
}

.bar-booking-wrapper {
	margin-left:10px;
	margin-right:10px;
}

.tabcontent {
    padding: 25px 10px;
}

pre#disp-Info {
    padding: 10px 10px;
}

pre#disp-Details {
    padding: 10px 10px;
}

pre#disp-Map {
    padding: 10px 10px;
}

.sg-tab-content #right_column_bar .info {
    font-size: 0.85em;
    margin-left: 14%;
}

.sg-tab-content #right_column_bar .info_website {
    font-size: 0.85em;
    margin-left: 14%;
}

.sg-tab-content .bar_links_img img {
    max-width: 35px !important;
}

.tab button.active:after {
    margin-left: -20px;
    border-top: solid 15px #cadbdb;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

div.code-tabs {
    padding-left: 10px;
    padding-right: 10px;
}

.last-update-price {
    margin: 0px 20px 0px 20px;
}

	.bar_links {
		height:auto;
		float:left;
		margin-left:0px;
		padding-top:0px;
		margin-bottom:15px;
		clear:left;
		margin-right: 15px;
	}
	
	.bar_links_img {
		max-width:35px;
		float:left;
		margin-bottom:10px;
	}
	
	#bar_column .bloglink
{
	font-size: 0.9em;
	line-height: 1.8em;
}

#right_column_bar .info
{
	font-size: 0.8em;
}

#right_column_bar h3 {
    font-size: 0.8em;
}

#right_column_bar p {
    font-size: 0.8em;
}

.collapsible {
    border-radius: 0px;
}

	#right_column_bar h2
{
	font-size:1em;
	line-height:1em;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	text-transform:uppercase;
	display:block;
}

#wrapper_blog_post
{
	width:100%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
}

.blog_column {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#wrapper_blog {
	width:100%
}

#blog_content .date {
    font-size: 0.7em;
}

.start_of_blog_big {
   position: unset;
       margin-bottom: 10px;
}

.start_of_blog_big .textarea {
    color: #202021;
    position: unset;
    background: white;
	text-shadow: none;
}

.start_of_blog_big .textarea h6 {
    color:#202021;
	    font-size: 1.7em;
		    padding-top: 0px;
}

.start_of_blog_small_1 {
        flex-basis: 100%;
	    border-right: none;
		    border-bottom: 1px solid #e8e8;
			    margin-bottom: 10px;
}
.start_of_blog_small_2 {
   flex-basis: 100%;
}

#start_of_blog_list .img-hold {
    width: 40%;
}

#start_of_blog_list .txt-hold {
    width: 58%;
    padding-right: 10px;
}

#start_of_blog_list .txt-hold h6 {
    font-size: 0.9em;
    line-height: 1.3em;
}

#start_of_blog_list .featured-articles .img-hold {
    width: 22%;
}

#start_of_blog_list .featured-articles .txt-hold {
    width: 75%;
    padding-right: 10px;
}

#start_of_blog_list .featured-articles .txt-hold h6 {
    font-size: 0.8em;
}

#start_of_blog_list .featured-articles .date {
    font-size: 0.7em;
}

.blog-date-uppdated {
    padding: 0 20px;
}

.blog_column img.insta {
		       max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #e1e1e1;
	}

.publisher {
    padding-left: 20px;
	padding-right:20px;
}

	.blog_column p
{
	font-size: 1.1em;
    line-height: 1.7em;
    padding: 0 20px;
}

.publisher-name p {
	font-size: 0.75em;
    font-weight: 300;
    padding: 0;
}
	
	.blog_column h1
{
	font-size: 0.9em;
    line-height: 1.3em;
    padding: 0px 20px 0px 20px;
    border-bottom: none;
	    margin-bottom: 30px;
}

.blog_column h2
{
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 10px 15px;
}

.blog_column h2.rooftop-hotels
{
	padding: 10px 15px;
}


.blog_column h2.extra
{
    padding: 10px 15px;
}

.blog_column h2.video
{
    font-size: 1em;
    line-height: 1.6em;
    padding: 10px 15px 0px 15px;
}

.info-box-news p {
    font-size: 1em;
    padding: 0px 0px 0px 0px;
}

.info-box-news .fa {
	margin-right:4px;
}

.blog_column h3 {
        padding: 5px 15px 10px 15px;
}

	.blog_column h7
{
	font-size: 2em;
    line-height: 1.3em;
    padding: 30px 20px 0px 20px;
    border-bottom: none;
    margin-bottom: 20px;
}

.blog_column_bildtext

{
	font-size: 0.7em;
    padding-left: 15px;
    padding-right: 15px;
}

.blog_column img {

		margin-top: 10px;
		margin-bottom: 2px;
	}
	
	#right_wrap_blog {
    padding-left: 10px;
    padding-right: 10px;
}

	#right_wrap_blog_2 {
    padding-left: 10px;
    padding-right: 10px;
}
	
	.popular-posts .img-hold {
    max-height: 150px;
}

.popular-posts .txt-hold {
    padding-right: 10px;
    padding-left: 10px;
}

h3.popular-posts-title {
    font-size: 0.9em;
    line-height: 1.2em;
}

.popular-posts-text {
    font-size: 0.75em;
    line-height: 1.3em;
}

#left_column_wrap_blog {
    padding-left: 10px;
    padding-right: 10px;
}

.from-the-news .img-hold {
    width: 45%;
}

.from-the-news .more-button {
    width: 100%;
	margin-bottom: 10px;
}

	#blog_column_start
{
	
	width: auto;
	max-width: 500px;
	margin-right: 10px;
	margin-left: 10px;
	float: none;
}

#blog_column_start h2
{
	font-size:0.9em;
	font-family: 'Oswald', sans-serif;
	line-height:1.4em;
}

#blog_column_start a
{
	font-size:0.9em;
	font-family: 'Oswald', sans-serif;
	line-height:1.4em;
}

.addtoany-wrapper-blog {
	     padding-right: 20px;
    padding-left: 15px;
}

.thumb-screen:hover
{
        opacity:0;
}

	#copyright .wrapper
{
        text-align: center;
        }

		#commercial {
	max-width: 300px;
	width: auto;
	height:auto;
}

.wrapper-continent-link-box {
	margin-top: 0px;
}

#latest_blog .wrap .label {
    font-size: 0.6em;
}


#recomended {
	max-width: 500px;
	width: auto;
	margin-left:10px;
	margin-right:10px;
}

.collapsible-nye {
    font-size: 0.9em;
	    padding: 14px;
}

#comment-nye {
    font-size: 0.9em;
    width: 60%;
    float: right;
}

.btn-group-nye button {
        padding: 11px 10px;
    width: 50%;
    text-transform: uppercase;
    font-size: 0.7em;
    border-right: none;
    border-bottom: 1px solid #f9f9f9;
    border-top: none;
}

.blog_column h2.listing-nye {
    font-size: 1.3em;
}

.blog_column h3.listing-pools {
    font-size: 1.7em;
    line-height: 1.3em;
}

.city-header-nye {
        font-size: 0.7em;
    padding-left: 20px;
}

.hero-text {
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

.hero-text h1 {
      font-size: 4em;
}

.hero-text h2 {
    font-size: 0.75em;
	    margin-bottom: 5px;
}

.hero-text hr {
    width: 8%;
}

.hero-text .leading-experts p.big {
    font-size: 0.7em;
}

.hero-text .leading-experts p.small {
        font-size: 0.6em;
}

.start_blog_big .textarea h6 {
    font-size: 1.2em;
}

.start_blog_big .textarea p {
    display: none;
}

#start_blog_wrap .label {
    font-size: 0.6em;
}

.start_blog_small_1 {
        flex-basis: 100%;
		    border-right: none;
			    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
	border-top:5px solid #fff;
}

.start_blog_small_2, .start_blog_small_3, .start_blog_small_4  {
        flex-basis: 100%;
		    border-right: none;
			    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.start_blog_small_1 .img-wrap, .start_blog_small_2 .img-wrap, .start_blog_small_3 .img-wrap, .start_blog_small_4 .img-wrap  {
    width: 40%;
    height: 100%;
    float: left;
}

.start_blog_small_1 .textarea, .start_blog_small_2 .textarea, .start_blog_small_3 .textarea, .start_blog_small_4 .textarea {
        width: 57%;
    padding-right: 10px;
	padding:10px 10px 0 0;
	float:right;
}

.start_blog_small_1 .textarea h6, .start_blog_small_2 .textarea h6, .start_blog_small_3 .textarea h6, .start_blog_small_4 .textarea h6 {
   padding:0px;
       font-size: 1em;
}

#start_popular_cities_wrap .popular-number {
    left: 0px;
}

#start_popular_bars_wrap .popular-number {
    left: 0px;
}

.start_video_bildtext {
    font-size: 0.9em;
}

.longread_column .headline_texarticle {

    font-size: 1.9em;
}

.start_top-10_big .textarea {
    padding: 1.25rem;
    padding-bottom: 1.5rem;
}

.start_top-10_big .textarea h6 {
    font-size: 1.6em;
}

.start_top-10_big .textarea p {
    font-size: 0.8em;
}

#start_top-10_wrap .location {
    font-size: 0.7em;
}

#top10_column .column-1 {
    padding: 10px;
    padding-bottom: 0px;
}

#top10_column .column-2 {
    padding: 10px;
    padding-top: 0px;
}

h4.video-title {
    font-size: 1.3em;
}

.related-box-in-article-wrapper {
    padding: 0 0px;
}

.article-qoutation-wrapper {
    padding: 0 20px;
}

.blog_column h2.booking-link {
    font-size: 1.2em;
}

.booking-link-city-wrap p {
    margin: 5px 0px 15px 0px !important;
    font-size: 1em !important;
}

.booking-link-city-wrap span {
	display:block;
}

.e-shop-ad-desktop {
	display:none;
}

.e-shop-ad-mobile {
	display:block;
}

#start_world_areas .new-york
{
	width:100%;
	position:relative;
}

#start_world_areas .florence
{
	width:100%;
	position:relative;
}

#start_world_areas .hong-kong
{
	width:100%;
	position:relative;
}

#start_world_areas .london
{
	width:100%;
	position:relative;
}

#start_world_areas .bangkok
{
	width:100%;
	position:relative;
}

#start_world_areas .san-diego
{
	width:100%;
	position:relative;
}

#three_columns .img-item-author h4 {
    font-size: 1.1em;
    line-height: 1.4em;
}

.accordion-shortlink-city-headline {
    margin-top: 0px;
}

.native_box_city h3 {
    font-size: 1.4em;
}

.native_box_city .hot {
    font-size: 0.9em;
}

.native_box_city .code-box {
    font-size: 0.65em;
	bottom: 2px;
}

h3.related-stories-native {
    font-size: 0.9em !important;
    padding: 4px 0px !important;
	line-height: 1.3em;
}

.related-stories-native .tag-label-native {
    font-size: 0.7em;
    letter-spacing: 0.4px;
}

.related-stories-native img {
    width: 100% !important;
}

.related-stories-native .img-hold {
    width: 70%;
}

.related-stories-native .code-box {
    font-size: 0.65em;
    letter-spacing: 0.4px;
    line-height: 2em;
}

.related-stories-native .txt-hold {
    width: 70%;
    padding-right: 15px;
    padding-left: 15px;
}

.related-stories-native-mobile-only
{
	display: block;
    align-items: normal;
    margin-bottom: 40px;
}

.related-stories-native-mobile-only a
{
width:100%;
    transition: color .5s ease;
	border-bottom: none !important;
}

.related-stories-native-mobile-only a:hover
{
color:#202021 !important;
    transition: color .5s ease;
}

.related-stories-native-mobile-only .collaboration-tag-bar
{
    color: #ce5a57;
    font-size: 0.8em;
    padding: 3px 0px 3px 0px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.related-stories-native-mobile-only .story-link {
  	width: 100%;
    background: rgba(206, 90, 87, 0.15);
    border-top: 0px solid #ededed;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    align-items: center;
}

.related-stories-native-mobile-only .img-hold {
float: left;
    width: 100%;
    max-height: 200px;
    overflow: hidden;
	    margin-left: 0px;
		position: relative;
}

.related-stories-native-mobile-only img {
    width: 100% !important;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: grayscale(0%);
    vertical-align: middle;
	display:block;
}

.related-stories-native-mobile-only .txt-hold {
    width: 100%;
    padding: 15px;
    display: inline-block;
}

h3.related-stories-native-mobile-only {
 	    font-weight: 900 !important;
    font-size: 1.1em !important;
    line-height: 1.4em;
    text-transform: uppercase;
    border-bottom: none !important;
    margin-bottom: 0px;
    padding-top: 5px !important;
}

h3.related-stories-native-mobile-only:hover {
 	color: #ce5a57 !important;
}


.related-stories-native-mobile-only .tag-label-native {
 	    font-weight: 500;
    color: #ce5a57;
    font-size: 0.85em;
    font-style: normal;
    border-left: 2px solid #ce5a57;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 0.9em;
    letter-spacing: 0.4px;
    display: inline-block;
}

.related-stories-native-mobile-only .code-box {
 	    position: absolute;
    bottom: 0px;
    text-align: left;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.7em;
    padding-left: 10px;
    letter-spacing: 0.5px;
}

.related-stories-native
{
		    margin-top: -20px;
}

}

@media (min-width: 500px) {
.hidead_desktop {
display: none !important;
}
}


/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}