@charset "utf-8";
/* CSS Document */

body {background:url(../images/backgrounds/main-bg.jpg) center no-repeat fixed #DFECF5; padding:0; margin:0; font-family: 'Oxygen', sans-serif;}

h1 {font-size: 22px; font-weight: bold; letter-spacing: 2.5px; text-transform: uppercase; color:#008e4e; margin-bottom:20px;}
h1.newstitle {text-transform: none; margin-top:0px;}

h2 {background:#008e4e; width:auto; display:block; text-align:left; color:#fff; -webkit-border-radius: 25px;
    -moz-border-radius: 25px; font-size: 16px; letter-spacing: 0; text-transform: uppercase; font-weight:bold;
    border-radius: 25px; text-decoration:none; border:3px solid #008e4e; margin:10px 0 -20px 0; position:relative; z-index:10; font-size:18px; float:left; }
h2 span {border:3px solid #fffbdb; width:auto; display:block; padding:7px 15px; -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;}

p.intro {font-size:16px;}
p {font-size:14px;}

.fullwidth {width:100%;}

#headerimg {position:relative;}
#landscape {position:absolute; left:0; bottom:0;}
#train {position:absolute; bottom:0; right:0;}
#beach {position:absolute; right:-35px; bottom:0;}
#logo {position: relative; z-index: 10;}

#calendari_lateral2 .bic_calendar, #calendari_lateral3 .bic_calendar {
    max-width: 300px;
    margin: 30px auto!important;
}
#calendari_lateral2 .button-year-previous,#calendari_lateral2 .button-year-next {display:none;}

#calendari_lateral2, #calendari_lateral3 {
    float: left;
    min-width: 300px;
}
#calendari_lateral2 .button-month-previous, #calendari_lateral3 .button-month-previous, #calendari_lateral2 .button-month-next, #calendari_lateral3 .button-month-next,
#calendari_lateral2 .button-year-previous, #calendari_lateral3 .button-year-previous, #calendari_lateral2 .button-year-next, #calendari_lateral3 .button-year-next
{display:none;}

ul.downloads {padding-left:5px; list-style: none}
ul.downloads li {width:100%; font-size: 16px; background: #E6F0F9; padding: 5px}
ul.downloads li:nth-child(even) {background: #E5EFF8}


#mainnav:before {width:100%; display:block; height:0; float:left; border-top:4px solid #CECBB0; content:"\a0"; margin:0; padding:0;}
#mainnav {padding:0; position:relative; z-index: 80; width:100%; border-top:3px solid #FFFBDB; margin:0; float:left; background:url(../images/nav/wood-texture.gif) repeat; border-bottom: 3px solid #006337;}
#mainnavcontainer {position:relative; width:100%; display:block; float:left;}
#mainnav li {float:left; list-style-type:none; text-align:center; width:15%;}
#mainnav li:nth-child(2) {width:6%;}
#mainnav li:nth-child(2) a {font-size:30px;}
#mainnav li a {float:left; width:100%; transition: all 0.4s ease; font-size: 14px; text-shadow: 1px 1px 1px #006337; font-weight: bold; padding:17px 15px 10px; min-height:70px; color:#fff; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-right:1px solid #006337;}
#mainnav li.active a {background:#006337;}
#mainnav li a:hover {background:#006337;}
.leftsign {position:absolute; left:-123px; top:0;z-index: 80;}
.rightsign {position:absolute; right:-123px; top:0;z-index: 80;}
/*#fence {background:url(../images/nav/fence.png) repeat-x; width:100%; margin-bottom: -3px; min-height:60px; position:absolute; bottom:-70%; left:0; z-index:10; float:left; display:block;} */

.booktickets {position:absolute;right:-10px;top:-5px;z-index:91;}

.topsearch {
    bottom: -3px;
    position: absolute;
    right:5%;
    background: #CECBB0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color:#1F1F21; padding:10px;
    border-left: 3px solid #FFFBDB;
    border-right: 3px solid #FFFBDB;
    border-top: 3px solid #FFFBDB;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    z-index: 90;
}
.topsearch input {padding:3px; margin-left:8px;}


#page {background:url(../images/backgrounds/paper-edge.jpg) right repeat-y, url(../images/backgrounds/paper-left.jpg) left repeat-y #FFF; background-color:#fff; padding:20px; position: relative; margin-top:0px; padding-top:0px;}
#pagebottom {background:url(../images/backgrounds/paper-edge.jpg) right repeat-y, url(../images/backgrounds/paper-left.jpg) left repeat-y #FFF; padding:20px; padding-top:0px;}
.gallery {float:left; width:100%; margin-top:-0px; position:relative; z-index:0;}

.pile {background:url(../images/pile.jpg) no-repeat; background-size:100%; padding:5%; width:100%;}

.alert {width:100%; float:left; padding:5px 0; margin:10px 0; font-size:12px; color:#5c5c5c; font-weight:bold;}
.alert span {background:#cf181d; color:#fff; text-transform:uppercase; padding:3px 8px; font-weight:600; margin-right:5px;}

.negativetop {margin-top:-25px;}

.button {background:#008e4e; width:100%; font-size: 16px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; display:block; text-align:center; color:#fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-decoration:none; border:3px solid #008e4e; margin:10px 0;}
.buttonsm span a {color:#FFF!important;}
.button:hover {color:#fff!important; text-decoration: none;}
.button span {border:3px solid #fffbdb; width:100%; display:block; padding:3px 0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}


.buttonsm {background:#008e4e; width:100%; font-size: 14px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; display:block; text-align:center; color:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration:none; border:2px solid #008e4e; margin:10px 0;}
.buttonsm:hover {color:#fff; text-decoration: none;}
.buttonsm span {border:2px solid #fffbdb; width:100%; display:block; padding:2px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}

.buttonred {background:#db2e26; width:100%; font-size: 14px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; display:block; text-align:center; color:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration:none; border:2px solid #db2e26; margin:10px 0;}
.buttonred:hover {color:#fff; text-decoration: none;}
.buttonred span {border:2px solid #FFF; width:100%; display:block; padding:2px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.content p a.buttonred  {color:#FFF!important;}

.paneltitle {background:#008e4e; font-weight: bold; letter-spacing: 0px; font-size: 16px; text-transform: uppercase; width:92%; display:block; text-align:left; color:#fff; -webkit-border-radius: 25px;
    -moz-border-radius: 25px;  border-radius: 25px; text-decoration:none; border:3px solid #008e4e; margin:10px 0 -20px 0; position:relative; z-index:10; transition: all 0.4s ease-in; }
.paneltitle:hover { border:3px solid #151716; color:#fff; text-decoration: none;}
.paneltitle span {border:3px solid #fffbdb; width:100%; display:block; padding:7px 15px;-webkit-border-radius: 25px; font-size:14px;
    -moz-border-radius: 25px;
    border-radius: 25px;}

#newslist {width:100%; display: block; float:left; padding:0; margin:0;list-style-type:none;}
#newslist li {padding:10px 1%; float:left; width: 98%; display: block;}
#newslist li:nth-child(even) {background:#F8F8F8;}
#newslist li img {width:25%; float:left; border:1px solid #ccc; padding:2px; margin:0 5% 0 0;}
#newslist li .newssnippet {width:70%; float:right;}
#newslist li span a {color: #5c5c5c; display: block; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; width: 100%; margin-bottom:5px; line-height:normal;}
#newslist li span a:hover {color:#008E4E;}
#newslist li p {font-size:13px; margin-top:7px;}
#newslist li p a {color:#999;}

.latestnews {padding-top:20px;}
#latestnews {width:100%;float:left; padding:0; margin:30px 0 0 0;list-style-type:none;}
#latestnews a {color:#5c5c5c; font-size:15px;}
#latestnews a:hover {color:#008E4E;}
#latestnews span {font-size:12px;font-style:italic;color:#9b9b9b;}
#latestnews li { border-bottom:1px solid #d5d5d5; padding:7px 0 7px 0;}


.eventslist {padding:20px 50px 0 50px; margin:0 0 20px 0;display: block; background:url(../images/backgrounds/ticket_bg.gif) no-repeat top center; min-height:187px; line-height:normal;}
.eventslist span a { color:#333333; font-size:16px; font-weight:bold;}
.eventslist span a:hover {color:#008E4E}
.eventslist img {margin-right:15px;}
.eventslist .snippet {float:left; width:50%;}


#awardlist {padding:0;}
#awardlist li {float:left; list-style-type:none; margin:0 15px 0 0;}

.titlebar {background:#009c60;color:#FFF; width:100%; display:block; padding:5px 7px;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}

.filter {list-style:none; margin:0; padding:0;}
.filter li {border-bottom:1px dotted #CCC;}
.filter li a {display:block; padding:5px 0 5px 7px; color:#333; font-size:12px;}
.filter li a:hover {color:#009c60; background:#F8F8F8;}

.faqs h3 { color:#008E4E; font-size:18px;}

#footer {background:#000; position:relative; padding-bottom:10px; font-size:12px; padding-top:12px; padding-left:20px;}
.suitcases {position:absolute; top:0; right:0; margin-top:-90px;}
#footer p {color:#fff; font-size:12px; clear:both; margin:0 0 15px 0; padding:0; line-height:20px;}
#footerlinks {padding:0; margin:0 0 15px 0;  width:100%; overflow:hidden;}
#footerlinks li {float:left; width:auto; list-style-type:none;}
#footerlinks li a {color:#fff; padding:0px 5px; text-decoration:none; float:left; font-size:12px; border-right:1px solid #fff;}
#footerlinks li:last-child a {border-right:none;}
#footer a:hover {color:#108f4f;}
#footer a {color:#FFF;}
#footer p i {margin-right:7px;}


marquee {float:right; width:87%;}

.bic_calendar {border: 5px solid #008e4e; border-radius: 5px; width: 95%; margin:10px 2.5%;}
#bic_calendar .header tr {background:#008e4e; color:#fff; border-top:none;}
#bic_calendar .header tr td {border-top:none;}
#bic_calendar .header tr:first-child td {border-bottom:1px solid #1B726F;}
#bic_calendar .header i {font-size:20px; color:#fff;}

.breadcrumb {margin:10px 10px 20px 10px; padding:0; font-size:11px; background:none;}
.breadcrumb a {color:#999999;}
.breadcrumb a:hover {color:#008e4e;}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
    max-width:930px;
}
#slider {position:relative;}
#position {position:absolute; bottom:0px; left:10px; padding:0; line-height: 0;}
#position li {float:left; color:#fff; font-size: 90px; list-style-type: none; line-height: 0; cursor: pointer;}
#position li.active {color:#014441;}

#socialtabs {position:absolute; top:0; right:0; z-index: 20;}
#socialtabs li {list-style-type:none; float:left; -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px; margin: 0 10px 0 0; position:relative; top:-5px; transition:all 0.4s ease;}
#socialtabs li:hover {top:0;}
#socialtabs li a {
    background: none repeat scroll 0 0 #CF181D;
    color: #FFFFFF;
    display: block;
    font-size: 25px;
    padding: 10px 0;
    text-align: center;
    width: 45px !important;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right:3px solid #fff; border-left:3px solid #fff; border-bottom:3px solid #fff;
}

#socialtabs li.facebook {border-bottom:3px solid #3b5998; border-left:3px solid #3b5998; border-right:3px solid #3b5998;}
#socialtabs li.facebook a { background:#3b5998;}

#socialtabs li.twitter {border-bottom:3px solid #55acee; border-left:3px solid #55acee; border-right:3px solid #55acee;}
#socialtabs li.twitter a { background:#55acee;}

#socialtabs li.youtube {border-bottom:3px solid #d4453a; border-left:3px solid #d4453a; border-right:3px solid #d4453a;}
#socialtabs li.youtube a { background:#d4453a;}


.fullwidth {width:100%;}

.modal-dialog {width:960px;}
.intimg {margin:5px 0; border:1px solid #ccc; padding:2px;}
.intimg:first-child {margin-top:20px;}


.filter {list-style:none; margin:0; padding:0;}
.filter li {border-bottom:1px dotted #CCC;}
.filter li a {display:block; padding:5px 0 5px 7px; color:#333; font-size:12px;}
.filter li a:hover {color:#009c60; background:#F8F8F8;}


#childpages {padding:0; width:100%; margin:20px 0; float: left}
#childpages li {list-style-type:none; border-bottom:1px dotted #CCC; width: 100%; padding:5px 3%; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#childpages li:nth-child(2) {border-top: 2px solid #CECBB0;}
#childpages li.header {background:#009c60; color:#fff; border:none; font-size: 14px; border-bottom: 2px solid #FFFBDB;-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
#childpages li a {color:#01413F; width:100%; display: block; font-size: 13px; }
#childpages li:hover:not(.header) {background:#F8F8F8; text-decoration: none;}
#childpages li:hover a {text-decoration:none;}
#childpages li i {margin-right:5px;}
#childpages li.active {font-weight:bold;}

.newsimg {float:left; margin:0 20px 20px 0;}

.panel-heading a {color:#fff; width:100%; height:100%; display: block; }
.timespanel {width:95%; margin:0 2.5% 20px;}

a:hover {text-decoration:none;}

.content {color:#5c5c5c; padding-bottom:30px;}
.content .lead {font-size:20px;}
.content h4 {color:#008E4E; border-bottom:1px solid #CCC; font-weight:bold; padding:0 0 7px 0; margin-bottom:15px;}
.content p {color:#5c5c5c; margin:0 0 17px 0;}
.content p a {color:#008E4E;}
.content p a:hover { text-decoration:underline;}
.content table {font-size:12px!important;}
.content th { background-color:#008E4E!important; color:#FFF;}

.introcontent {padding-bottom:20px; clear:both;}
.introcontent a {color:#008e4e; }
.introcontent a:hover { text-decoration:underline;}

#myModalLabel {border-bottom: none!important; margin-bottom:0;padding:0;}

.content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #008E4E;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    cursor: default;}
	
.content .nav-tabs > li > a {color:#008E4E;}	
.content .nav-tabs {border-bottom: 1px solid #008E4E;}

.content .tab-content {padding-top:15px;}


#articlegallery {list-style:none; margin:0 0 20px 0; padding:0; display: block; float: left}
#articlegallery li {position:relative;}
#articlegallery li i {position:absolute; right:3px; bottom:8px; background:#008E4E; color:#FFF; padding:5px;}

.ekko-lightbox-container {position: relative;}

.ekko-lightbox-nav-overlay {position:absolute;top:0;left:0;z-index:100;width: 100%;height: 100%;}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  padding-top: 45%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.hovercontainer {position:relative;}
.hovercontainer:hover .popimage {opacity:1; height:auto; right:120%; display:block;}
.popimage {opacity:0; display:block; height:0; transition:all 0.5s ease; position:absolute; right:150%; top:-75px; border:4px solid #008E4E; }
.hovercontainer:hover:before { content:""; position: absolute; right: 100%; top: 0px; width: 0; height: 0; border-top: 13px solid transparent; border-left: 10px solid #008E4E; border-bottom: 13px solid transparent;}


.ekko-lightbox .modal-footer {
  text-align: left;
}

.modal-title {font-size:12px;}

.tm-table th {font-size:11px!important;}
.tm-table td {font-size:10px!important;}
.modalgreen-timetable .modal-header { color:#FFF!important;}

.dropdownbox {position:absolute; top:100%; left:0; background:#006337; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);}

#mainnav li {position:relative;}
#mainnav li:hover {background:#006337;}
#mainnav li:hover .sublist {display:block;}
.sublist {float:left; width:500px; display:none;}

.sublist {margin:0!important; padding:10px!important;}
.sublist li { width:50%!important; display:block; border:none!important;padding:0!important;margin:0 0 4px 0!important; float:left; padding:5px 0 5px 0!important; line-height:normal!important; text-align:left!important; font-family:Arial, Helvetica, sans-serif; }
.sublist li a {color:#fff!important; min-height:0!important; width: 100%; padding:0!important;border:none!important;margin:0!important; text-transform:none!important; font-weight:normal!important; line-height:normal!important;font-size:12px!important;}
.sublist li a:hover {color:#FFF!important; text-decoration:underline!important;}

.sublist li:first-child a {font-size: 12px!important;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #009c60;
    border-color: #009c60;
}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:20px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.pagination > li > a, .pagination > li > span {color: #009c60;}

#mainnav > li:first-child {display:none;}

.socialbar {height:33px; padding:10px 0 0 0; overflow:hidden; width:100%; border-top:1px solid #ccc;}
.socialbar ul { list-style:none; margin:0; padding:0;overflow:hidden;}
.socialbar li {float:left; width:90px; overflow:hidden;}

.content a {color:#008E4E;}

.accommodationlist { list-style:none; margin:0 0 20px 0; padding:0;}
.accommodationlist li {border-bottom:1px solid #DDD; padding:9px 0 9px 0; font-size:12px;}
.accommodationlist li:nth-child(2) {background:#f9f9f9;}


/* Ticker Styling */
.ticker-wrapper.has-js {
	margin: 20px 0px 20px 0px;
	padding:0;
	width: 100%;
	height: 20px;
	display: block;
	background-color: #FFF;
	font-size: 0.75em;
}
.ticker {
	width: 100%;
	height: 20px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}
.ticker-title {
	color: #FFF;
	height: 20px;
	line-height:20px;
	padding:0 10px 0 10px;
	font-weight: bold;
	background-color: #cf181d;
	text-transform: uppercase;
}
.ticker-content {
	margin: 0px;
	padding:0 0 0 10px;
	position: absolute;
	color: #5c5c5c;
	font-weight: bold;
	background-color:#fff;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}

.ticker-content a {
	text-decoration: none;	
	color: #5c5c5c;
}
.ticker-content a:hover {
	text-decoration:NONE;	
	color: #5c5c5c;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #FFF;
	display: block;
	width:800PX;
	height: 20px; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #FFF;
	border-bottom: 1px solid #5c5c5c;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	display:none;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}

.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}

.mobonly {display:none;}
.modal-body .alert-success.mobonly { padding: 5px;}

@media screen and (max-width: 1200px) {
    .leftsign, .rightsign {display:none;}
    #beach {right:0; width:23%;}
    #train {width:40%;}

}


@media screen and (max-width: 992px) {
.suitcases, .leftsign, .rightsign {display:none;}
#landscape {width:100%;}
.booktickets {width:130px; height:auto;}
#train {width:44%;}
#mainnav li {position: static;}
.sublist {width:100%;}
#logo { margin-top: 29px; position: relative; width: 30%; z-index: 10;}
#mainnav li.hover_effect .sublist {display:block;}
.hover {-webkit-user-select: none;-webkit-touch-callout: none;}
.container { padding: 0; width: 100% !important; }
.booktickets {right:0;}
.row { margin-left: 0; margin-right: 0;}
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        min-height: 1px;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
    }
	
.eventslist {padding:20px 0px 0 0px; margin:0 0 20px 0;display: block; background-image:none!important; line-height:normal; min-height:150px!important;}
.eventslist span a { color:#333333; font-size:14px; font-weight:bold;}
	.eventslist span a:hover {color:#008E4E}
	.eventslist img {margin-right:15px; width:120px;}
	.eventslist .snippet {float:left; width:50%;}	
	
	
}

@media screen and (max-width: 600px) {

    #mainnav > li, #mainnav > li:nth-child(2) {width:100%; float:left; background: #006337; display:none;}
    #mainnav > li {border-bottom:1px solid #148250!important;}
    #mainnav li:first-child {text-align:left; display:block; width:100%; display: block!important; float:left; background: #006337;}
    #mainnav > li, #mainnav li:first-child a {font-size: 25px; border-bottom:none; padding: 5px 10px; min-height: 0;}
    #mainnav > li a {width:100%; display: block; float:left;}
    #mainnav > li:hover .sublist {display:none;}

}

@media screen and (max-width: 480px) {
    .mobonly {display:block!important;}
    .breadcrumb {display:none;}
    h1, p, .button, .row {width:100%; display: block; float:left;}
    .fullwidth {width:90%; margin:10px 5%;}
    .container, .col-md-12  {margin-right:0; padding:0;}
    .row {margin:0;}
    #page { margin-top: 0; padding: 0 0px 20px;}
    .pile {float:left; width:80%; margin:15px 10%;}
    .paneltitle {float:left; width:100%;}
    .suitcases, #fence , .leftsign, #beach, .rightsign, #socialtabs, #awardlist, #footerlinks, .booktickets, .alert , #position {display:none;}
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        min-height: 1px; padding-left: 0; padding-right: 0; position: relative; float:left; width:100%; }
    #childpages {float: left;}
    .contentmob {width:95%; padding:0 2.5%;}
    .swipe-wrap .fullwidth {width:100%; margin:0 0 20px 0;}
    #mainnav li a {min-height:0; padding: 10px 15px 10px;}
    .phonebox {float:right!important; width:auto!important;}
    #menubutton {float:left!important; width:auto!important;}
    .sublist {position:static; width:100%;}
    .snippet,.snippet span, .snippet span a , .snippet p {width:100%!important;}
    .snippet p {margin:10px 0;}
    .buttonsm, .buttonred {float:left;}
    .eventslist img {margin-bottom:20px;}
    #logo { margin-left: 10px; margin-top: 7px; position: relative; width: 35%; z-index: 10; }
    .sublist li {display:block!important; border-bottom:2px solid #CECBB0!important; margin:0!important; border-top:2px solid #F2EECD!important; width:100%!important; position: static;}
    .sublist li a i {display:none;}
    .sublist li:first-child { background: transparent!important;}
    .sublist li:first-child a {font-size: 17px!important; }
    .sublist li a {width:100%; display:block; padding:10px 0!important; font-weight:bold!important; font-size:17px!important; text-shadow: none!important; text-align:center; color:#006337!important;}
    .sublist {display:none; position:static; padding:0!important;}
    #mainnav li {padding:5px 0!important;}
    .topsearch {display:none;}
    .dropdownbox {position:static; background: #FFFBDB!important; float:left;    -moz-box-shadow:    inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
}

@media only screen and (max-width: 767px) {

    .modal, .modal-dialog {width:100%!important; margin:0!important;}

    table.responsive { margin-bottom: 0; }

    .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
    .pinned table { border-right: none; border-left: none; width: 100%; }
    .pinned table th, .pinned table td { white-space: nowrap; }
    .pinned td:last-child { border-bottom: 0; }

    #fence {display:none;}
    div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
    div.table-wrapper div.scrollable table { margin-left: 35%; }
    div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

    table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

}