body {
    margin-top: 50px;
}

html,
body {font-family: 'Exo', sans-serif;xoverflow-x: hidden; /* Prevent scroll on narrow devices */
}
.image-left{ float: left;margin-right: 10px;margin-bottom: 10px;}
.image-right{ float: right;margin-left: 10px;margin-bottom: 10px;}

h1 { font-weight: 900;font-style: italic;}

.link a { color: #000000;text-decoration: none;font-weight: 700;}

.navbar { smin-height: 32px;sborder-top: 2px solid #ffffff;background: #000000;xheight: 32px;margin-bottom: 0px;border-bottom: 0;color: #ffffff;}


.banner-row { height: 200px;color: #000000;margin-bottom: 20px;}
.banner-text {background: url('/images/trans.png');padding: 5px 10px 10px 10px;margin-top: 40px;display: inline-block;border-radius: 4px;min-width: 300px;}
.banner-line1,.banner-line2,.banner-line3 { font-weight: 900;font-style: italic;}
.banner-line1 { font-size: 40px;line-height: 36px;}
.banner-line2 { font-size: 20px;color: #555;line-height: 20px;}
.banner-line3 { color: #777;} 

.language-switcher img { cursor: pointer;}
.language-switcher { float: right;padding: 10px 0;}

.calender-list {cursor: pointer;}
.calender-list div:hover { background: #eeeeee;}
.calender-list hr { margin: 5px 0 0 0;}
.calender-list a { text-decoration: none;color: #000000; }

.breadcrumb { font-weight: 700;}
.breadcrumb > li + li:before { padding: 0px;}
.breadcrumb li { display: inline !important;}

#breadcrumbs a { display: inline;font-weight: 700;}
#breadcrumbs span { color: #999999;font-size: 12px;padding: 0px 3px;}
.breadcrumbs { background: #eeeeee;border-radius: 4px;padding: 5px 10px 3px 10px;}

#breadcrumbs { xdisplay: none;}

.btn-black { 
  color: #FFFFFF; 
  background-color: #000000; 
  border-color: #828282;
    font-weight: 800;
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #FFFFFF; 
  background-color: #6B6B6B; 
  border-color: #828282; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #000000; 
  border-color: #828282; 
} 
 
.btn-black .badge { 
  color: #000000; 
  background-color: #FFFFFF; 
}


.island-list { margin-bottom: 20px;}
/*.island-list img { z-index: -10;cursor: pointer;}*/
.island-list a { display: block;background: url('/images/trans.png');color: #000000;text-decoration: none;padding: 5px 10px;xposition: relative;font-size: 12px;font-style: italic;}
.island-list a span { font-weight: 900;font-size: 22px;text-transform: uppercase;display: block;border-bottom: 1px solid black;font-style: italic;}

.island-item-list div { height: 175px;padding-top: 110px;cursor: pointer;}
.island-item-list span {xborder-bottom: none !important;font-size: 16px !important;}
.island-item-list a span {border-bottom: 1px solid black;}


.island-item { margin-top: 5px;}
.island-item h2 { font-weight: 900;border-bottom: 1px solid #000000;}
.island-item h2 a { color: #000000;text-decoration: none;}

.islands div { height: 200px;padding-top: 125px;cursor: pointer;}

#map_canvas { width: 100%;height: 300px;}
#map_canvas_front {width: 100%;height: 400px;}

/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

.language-switcher img { margin-left: 20px;}

/* The responsive part */

.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}


.factsbox {float: right; width: 300px;padding-left: 10px;border-left: 2px solid #eeeeee;margin-left: 10px;}
.content-padding { margin-top: 15px;}

a.boxlink { color: red;text-decoration: dotted !important;border: red 1px dotted;padding: 0 3px;background: #fafafa;}


/* === For phones =================================== */
@media (max-width: 767px) {
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 60px;
    }
    .item-images div div { margin-bottom: 20px;}

    .image-text { font-style: italic;}
    .language-switcher img { margin-left: 20px;}
    .navbar-collapse  { background: #333;}
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
    .item-images div div { height: 225px;xwidth: 350px;overflow: hidden;margin-bottom: 20px;}
    .item-images img { position: relative;z-index: -10;xmargin-bottom: -80px;}
    .item-images .image-text {position: relative;z-index: 100;display: block;width: 100%;background: url('/images/trans.png');color: #000000;text-decoration: none;padding: 5px 10px;font-style: italic;}

    .language-switcher img { margin-left: 20px;}
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
    .item-images img { position: relative;z-index: -10;margin-bottom: -100px;}

    .item-images div div { height: 225px;xwidth: 350px;overflow: hidden;margin-bottom: 20px;}
    .item-images img { position: relative;z-index: -10;margin-bottom: -50px;}
    .item-images .image-text {position: absolute;z-index: 100;display: block;width: 100%;background: url('/images/trans.png');color: #000000;text-decoration: none;padding: 5px 10px;font-style: italic;top: 170px;}

}
@media (min-width: 1200px) {
    .item-images img { position: relative;z-index: -10;xmargin-bottom: -0px;}
}

@media screen and (min-width: 768px) {
}