/**
 * Kosmos & Kaos á þetta stílsnið og öllu sem því tengist
 *
 * @date 
 * @version 1.0
 * @author einarvalur
 *
 */
/**
 * Reset all elements to make them more cross-browersish
 *
 *
 * @version 1.0
 * @author einarvalur
 *
 * Adapted from http://github.com/necolas/normalize.css and 
 * https://github.com/twitter/bootstrap
 */

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto \9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@font-face {
  font-family: 'norwichregular';
  src: url('fonts/Norwich/avp_-_norwich-regular-webfont.eot');
  src: url('fonts/Norwich/avp_-_norwich-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Norwich/avp_-_norwich-regular-webfont.woff2') format('woff2'),
  url('fonts/Norwich/avp_-_norwich-regular-webfont.woff') format('woff'),
  url('fonts/Norwich/avp_-_norwich-regular-webfont.ttf') format('truetype'),
  url('fonts/Norwich/avp_-_norwich-regular-webfont.svg#norwichregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'BrauerNeueBold';
  src: url('fonts/Brauer/BrauerNeueBold.eot');
  src: url('fonts/Brauer/BrauerNeueBold.eot') format('embedded-opentype'),
  url('fonts/Brauer/BrauerNeueBold.woff2') format('woff2'),
  url('fonts/Brauer/BrauerNeueBold.woff') format('woff'),
  url('fonts/Brauer/BrauerNeueBold.ttf') format('truetype'),
  url('fonts/Brauer/BrauerNeueBold.svg#BrauerNeueBold') format('svg');
}

.hide {
  display: none;
}

/** - - - - - - - - - DELETE ME  - - - - - - - - - -  */
.christmas-img img {
  width: 100%;
}

/** - - - - - - - - - DELETE ME END  - - - - - - - - - -  */

/** - - - - - - - - [ COLORS ] - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/** - - - - - - - - [ MIXINS ] - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/**
   * CLEAR-FLOAT
   */
/**
   * INNER AND OUTER SPACING
   */
.outer-gutter.ns,
.outer-spacing-full.ns,
.outer-spacing-half.ns,
.outer-spacing-quarter.ns {
  margin-left: 0;
  margin-right: 0;
}

.outer-gutter.ew,
.outer-spacing-full.ew,
.outer-spacing-half.ew,
.outer-spacing-quarter.ew {
  margin-top: 0;
  margin-bottom: 0;
}

.inner-spacing-full {
  padding: 20px;
}

.inner-spacing-half {
  padding: 10px;
}

.inner-spacing-quarter {
  padding: 5px;
}

.inner-gutter.ns,
.inner-spacing-full.ns,
.inner-spacing-half.ns,
.inner-spacing-quarter.ns {
  padding-left: 0;
  padding-right: 0;
}

.inner-gutter.ew,
.inner-spacing-full.ew,
.inner-spacing-half.ew,
.inner-spacing-quarter.ew {
  padding-top: 0;
  padding-right: 0;
}

body {
  font-family: "Open Sans";
  color: #333333;
  font-size: 16px;
  background-color: #eef2f6;
  -webkit-font-smoothing: antialiased;
}

body.logged-in {
  padding-top: 0 !important;
}

body.logged-in .tabs.primary {
  margin-top: 60px;
}

body.logged-in .main-header {
  top: 20px;
}

/* ----------------------------- HEADER AND MAIN MENU ----------------------------- */
#main-content.sticky-header-fix,
.sticky-header-fix {
  margin-top: 59px;
}

@media (min-width: 768px) {
  #main-content.sticky-header-fix,
  .sticky-header-fix {
    margin-top: 100px;
  }
}

.main-header {
  width: 100%;
  font-size: 0.875em;
  text-transform: uppercase;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
}

.main-header .menus {
  background-color: #FFF;
  display: none;
}

@media (min-width: 768px) {
  .main-header .menus {
    display: block;
  }

  .main-header ul.lang-picker {
    margin-right: 20px;
  }

}

.main-header .menus .sitemap-wrapper {
  max-width: 1020px;
  margin: auto;
}

.main-header ul {
  float: right;
  margin-right: 20px;
}

.main-header ul li {
  float: left;
  display: block;
}

.main-header ul.menu-links li {
  margin-left: 9px;
}

.main-header ul.menu-links li:first-child {
  margin-left: 0;
}

.main-menu-wrapper .main-menu {
  position: relative;
  padding-top: 16px;
}

.main-header ul.menu-links a {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.125rem;
  padding: 11px;
}

.main-header ul.menu-links li.selected a {
  background-color: #000000 !important;
  color: #69b4e2 !important;
}

.main-header .mobile-nav .menu-links li.selected a {
  background-color: #00425c !important;
}

@media (min-width: 768px) {
  .main-header .mobile-nav {
    display: none;
  }
}

.main-header .menus:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

.main-header a.menulinks {
  color: #000;
  padding: 5px 8px;
  display: block;
}

.main-header ul.lang-picker li.selected a {
  background-color: #000000;
  color: #69b4e2;
}

.main-header .sitemap li a,
.main-header .lang-picker a {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #000;
}

.main-header ul.lang-picker li.selected a,
.main-header ul.lang-picker li.selected a:hover {
  color: #69b4e2;
}

.main-header a.menulinks:hover {
  color: #69b4e2;
}

.main-header img {
  width: 100%;
}

.main-header .search-box-wrapper form.search-box {
  width: 0;
  height: 36px;
  margin-left: 31px;
  position: relative;
  overflow: hidden;
}

.main-header .search-box-wrapper form.search-box input {
  border: 0;
  width: 200px;
  height: 24px;
  padding: 5px 20px;
  background-color: #000000;
  color: #ffffff;
  position: absolute;
  top: 11px;
}

.main-header form.search-box input::-webkit-input-placeholder {
  color: #000000;
}

.main-header form.search-box input:-moz-placeholder {
  color: #000000;
}

.main-header form.search-box input::-moz-placeholder {
  color: #000000;
}

.main-header form.search-box input:-ms-input-placeholder {
  color: #000000;
}

.main-header ul.sitemap form.search-box input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.main-header ul.sitemap form.search-box input:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.main-header ul.sitemap form.search-box input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.main-header ul.sitemap form.search-box input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.main-header .sitemap span {
  background: url('images/header-serch-glass-black.png') no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 17px;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 16px;
  margin-top: -2px;
}

.main-header .sitemap-wrapper .sitemap .active-wrapper span {
  background: url('images/header-serch-glass-white.png') no-repeat scroll 0 0 transparent;
}

.sitemap-wrapper ul.sitemap {
  position: relative;
}

.sitemap-wrapper ul.sitemap:before {
  position: absolute;
  height: 10px;
  width: 1px;
  background-color: #b2b2b2;
  content: "";
  left: 0;
  top: 19px;
}

ul.lang-picker,
ul.sitemap {
  font-size: 0.875em;
}

.sitemap-wrapper ul.sitemap {
  padding-left: 13px;
}

.sitemap-wrapper ul.sitemap li a {
  margin-top: 11px;
}

ul.lang-picker li a {
  margin-top: 12px;
}

ul.lang-picker li a {
  padding: 4px 7px !important;
}

.main-header:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

.main-menu-wrapper h1 {
  position: absolute;
  background: url('images/logo-mobile.png') no-repeat scroll 0 0 transparent;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0 none;
  display: block;
  height: 80px;
  width: 80px;
  top: 0;
  left: 20px;
  z-index: 2;
}

@media (min-width: 768px) {
  .main-menu-wrapper h1 {
    background: url('images/logo.png') no-repeat scroll 0 0 transparent;
    height: 135px;
    width: 135px;
    top: 0;
  }

  .main-menu a {
    transition: background-color .225s ease-in;
  }

  .main-menu a:hover {
    background-color: #000000;
    color: #69b4e2;
  }
}

@media (min-width: 1020px) {
  .main-menu-wrapper h1 {
    left: 30px;
  }

  .main-header ul {
    margin-right: 0;
  }

  .main-menu-wrapper .main-menu .menu-links {
    margin-right: -7px;
  }
}

.mobile-nav {
  background: none repeat scroll 0 0 #005373;
  height: 100%;
  position: fixed;
  left: 0;
  width: 100%;
  overflow-y: auto;
}

body.active .mobile-nav {
  display: block;
}

body.active .mobile-nav .sitemap {
  padding: 0;
}

@media (min-width: 768px) {
  body.active .mobile-nav {
    display: none;
  }
}

.mobile-nav ul {
  margin: 40px 0 0;
  float: left;
  width: 100%;
}

.mobile-nav ul.lang-picker {
  margin: 0;
  width: 100%;
  height: 64px;
}

.mobile-nav ul.lang-picker li {
  width: 64px;
  height: 64px;
  float: left;
  padding-top: 0;
}

.mobile-nav ul.lang-picker li.selected a {
  background-color: #69b4e2;
}

.mobile-nav ul.lang-picker li a:hover {
  background-color: #69b4e2;
  color: #000000 !important;
}

.mobile-nav ul.lang-picker li.selected a:link,
.mobile-nav ul.lang-picker li.selected a:visited {
  color: #000000;
}

.mobile-nav ul.lang-picker li a:link,
.mobile-nav ul.lang-picker li a:visited {
  color: white;
  line-height: 64px;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0 !important;
  font-weight: bold;
  text-align: center;
}

.mobile-nav ul.menu-links span {
  display: block;
  float: right;
  width: 8px;
  height: 12px;
  background: url('images/arrow-right.png') no-repeat scroll 0 0 transparent;
  margin-top: 6px;
}

.mobile-nav ul.menu-links li a {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.34);
}

.mobile-nav ul.menu-links li a:hover {
  background-color: #00425c;
}

.mobile-nav ul.search-wrapper {
  bottom: -70px;
  float: none;
  left: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  background-color: #005373;
}

.search-wrapper-shadow .mobile-nav.active ul.search-wrapper {
  -webkit-box-shadow: 0 -3px 3px 0 rgba(50, 50, 50, 0.35);
  -moz-box-shadow: 0 -3px 3px 0 rgba(50, 50, 50, 0.35);
  box-shadow: 0 -3px 3px 0 rgba(50, 50, 50, 0.35);
}

.mobile-nav ul.search-wrapper input {
  width: 100%;
  background-color: #00425c;
  height: 64px;
  color: #8ab1c0;
  font-size: 0.875rem;
  border: none;
  padding: 0 20px;
}

.mobile-nav ul.search-wrapper li {
  border-top: none;
  background-color: #005373;
}

.mobile-nav ul.search-wrapper .close,
.mobile-nav ul.search-wrapper .open {
  width: 64px;
  height: 64px;
  text-indent: -9999em;
  cursor: pointer;
}

.mobile-nav ul.search-wrapper .open {
  background: url(images/search--glass.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
}

.mobile-nav ul.search-wrapper .close {
  background: white url(images/close-icon.png) no-repeat center center;
  position: absolute;
  right: -70px;
  top: 0;
}

.mobile-nav ul.search-wrapper .close span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
  display: block;
  bottom: -8px;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}

.mobile-nav ul.search-wrapper .search-box-form {
  margin-bottom: -65px;
}

.mobile-nav ul.menu-links {
  display: block;
  background-color: #005373;
  padding-bottom: 190px;
}

.mobile-nav ul li {
  display: block;
  position: relative;
  width: 100%;
  border-top: 1px solid #00425c;
  background-color: #266d88;
  padding-top: 1px;
  margin-left: 0 !important;
}

.mobile-nav.active ul li {
  margin-left: 0 !important;
}

.mobile-nav ul.sitemap li:last-child {
  border-bottom: 1px solid #00425c;
  padding-bottom: 1px;
}

.mobile-nav ul li a:link, .mobile-nav ul li a:visited,
.mobile-nav ul.sitemap li a:link, .mobile-nav ul.sitemap li a:visited {
  color: white;
  font-size: 1.125rem;
  padding: 10px 20px;
  display: block;
  background-color: #005373;
  margin: 0;
}

.mobile-nav ul.sitemap {
  position: relative;
  width: 100%;
  margin: 0;
}

.mobile-nav ul.sitemap li a:hover {
  background-color: #00425c;
}

.mobile-nav ul li.sitemap-list {
  border-top: none;
  padding-top: 0;
}

.main-header .mobile-nav ul.menu-links li.selected a {
  background-color: #00425c;
}

.mobile-menu-trigger {
  display: block;
  position: relative;
  float: right;
  top: 21px;
  right: 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.menu-global {
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  border-top: 4px solid #444444;
  width: 100%;
  transition: 0.55s;
}

.menu-top {
  top: 0;
}

.menu-middle {
  top: 6px;
}

.menu-bottom {
  top: 12px;
}

.menu-top-click {
  backface-visibility: hidden;
  top: 6px;
  transform: rotate(50deg);
  transition: 0.55s 0.5s;
}

.menu-middle-click {
  opacity: 0;
}

.menu-bottom-click {
  backface-visibility: hidden;
  top: 6px;
  transform: rotate(-410deg);
  transition: 0.55s 0.5s;
}

@media (min-width: 768px) {
  .mobile-menu-trigger {
    display: none;
  }
}

.main-menu {
  max-width: 1020px;
  margin: auto;
  position: relative;
  text-transform: uppercase;
  display: none;
}

@media (min-width: 768px) {
  .main-menu {
    display: block;
  }
}

.main-menu ul {
  float: right;
}

.main-menu ul li {
  float: left;
  display: block;
  padding: 0;
}

.main-menu a {
  color: rgb(27, 34, 44);
}

.main-menu:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

/* --------------------------------- HERO IMAGE ----------------------------------- */

.heroslider {
  color: white;
  position: relative;
}

.heroslider li {
  position: relative;
  float: left;
}

@media (min-width: 1422px) {
  .heroslider li {
    float: none;
  }
}

.heroslider .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(images/overlay.png) 0 bottom repeat-x;
  box-sizing: border-box;
}

.heroslider .overlay-text {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
  overflow: hidden;
  top: 50%;
  -ms-transform: translateY(100%); /* IE 9 */
  -webkit-transform: translateY(100%); /* Chrome, Safari, Opera */
  transform: translateY(100%); /* Standard syntax */
  text-align: center;
  opacity: 0;
  transition: all .45s ease-in-out;
  -moz-transition: all .45s ease-in-out;
  -webkit-transition: all .45s ease-in-out;
}

.slider-effect .heroslider .overlay-text {
  opacity: 1;
  -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%); /* Standard syntax */
}

.heroslider h1.hero-headline a {
  background-color: transparent;
  text-shadow: 1px 1px #555555;
  font-family: 'norwichregular', arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2.5em;
  line-height: 1em;
  color: #FFF;
}

.heroslider h2.hero-subheadline {
  background-color: transparent;
  font-size: 1.125em;
  text-shadow: 1px 1px #555555;
  text-transform: uppercase;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  margin-top: 14px;
  color: #FFF;
}

@media (min-width: 768px) {

  .heroslider h1.hero-headline a {
    font-size: 3.75rem;
    line-height: 4.375rem;
  }

  .heroslider h2.hero-subheadline {
    font-size: 1.125rem;
  }
}

@media (min-width: 1000px) {

  .heroslider h1.hero-headline a {
    font-size: 5rem;
    line-height: 5.625rem;
  }

  .heroslider h2.hero-subheadline {
    font-size: 1.375rem;
    margin-top: 25px;
  }

}

.heroslider h3.weather-info {
  font-size: 1.125em;
  padding-left: 60px;
  height: 30px;
  padding-top: 4px;
  text-shadow: 1px 1px #555555;
}

.heroslider h3.weather-info.cloudy,
.heroslider h3.weather-ingo.partly-cloudy {
  background: url(images/skyjad.png) no-repeat 0 0;
}

.heroslider h3.weather-info.clear-sky {
  background: url(images/sol.png) no-repeat 0 0;
}

.heroslider h3.weather-info.overcast {
  background: url(images/thung-skyjad.png) no-repeat 0 0;
}

.heroslider h3.weather-info.light-rain,
.heroslider h3.weather-info.rain-showers {
  background: url(images/rigning-sma-sol.png) no-repeat 0 0;
}

.heroslider h3.weather-info.light-sleet,
.heroslider h3.weather-info.light-snow {
  background: url(images/snjokoma-sma-sol.png) no-repeat 0 0;
}

.heroslider h3.weather-info.sleet,
.heroslider h3.weather-info.snow,
.heroslider h3.weather-info.sleet-showers,
.heroslider h3.weather-info.snow-showers {
  background: url(images/snjokoma.png) no-repeat 0 0;
}

.heroslider h3.weather-info.rain {
  background: url(images/rigning.png) no-repeat 0 0;
}

.heroslider a.hero-button {
  display: block;
  background-color: rgb(234, 224, 64);
  color: rgb(27, 34, 44);
  font-weight: bold;
  text-transform: uppercase;
  float: right;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 15px 30px;
  margin-top: 10px;
}

.heroslider img {
  width: 100%;
}

/* -------------------------------- MAIN CONTENT ---------------------------------- */

.front #main-content {
  padding-top: 40px;
}

#main-content {
  background-color: #eef2f6;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------- BUTTONS ------------------------------------- */

aside p.button {
  text-align: center;
  margin-bottom: 30px;
}

a.button {
  text-transform: uppercase;
  text-align: center;
  color: white;
  border: 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 0 #e5e5ff;
  -moz-box-shadow: 0 3px 0 #e5e5ff;
  box-shadow: 0 3px 0 #e5e5ff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

a.button.large {
  font-size: 0.875em;
  padding: 10px 40px;
}

a.button.medium {
  font-size: 0.75em;
  padding: 8px 30px;
}

a.button.green {
  background-color: rgb(234, 224, 64);
  color: rgb(27, 34, 44);
  border-radius: 0;
  border: none none;
  box-shadow: none;
}

a.button.green:hover {
  background-color: #ff6b00;
  color: white;
}

.btn-toggler {
  background: blue;
  color: white;
}

.btn-toggler.active {
  background: orange;
  color: black;
}

select {
  border: 1px solid #555;
  color: #555555;
  padding: 0.7em;
  font-size: 0.875em;
  line-height: 1.2em;
  width: 20%;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
  -webkit-appearance: none;
  -webkit-box-shadow: 1px 1px 1px #fff;
  -webkit-border-radius: 0.5em;
  outline: none;
  display: inline-block;
}

/* ---------------------------------- CAROUSEL ------------------------------------ */

section.carousel {
  margin: -116px auto 60px;
  max-width: 960px;
  position: relative;
  padding: 0 5px;
}

.not-front section.carousel {
  margin-top: -5px;
  padding: 0 20px;
}

.not-front section.carousel h1.title {
  font-size: 1.5rem;
  text-align: left;
  margin-bottom: 23px;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}

.not-front .carousel #slider-prev, .not-front .carousel #slider-next {
  margin-top: 111px;
}

.not-front .carousel #slider-prev {
  margin-left: 20px;
}

.not-front .carousel #slider-next {
  margin-right: 20px;
}

@media (min-width: 1020px) {
  .not-front section.carousel {
    padding: 0;
  }

  .not-front .carousel #slider-prev {
    margin-left: 0;
  }

  .not-front .carousel #slider-next {
    margin-right: 0;
  }
}

section.carousel h1 {
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

section.carousel a {
  color: #000000;
  font-weight: 600;
}

section.carousel a:hover {
  color: #00ab92;
}

section.carousel a:hover div.images img.overlay {
  opacity: 1;
}

section.carousel a:hover div.images .caption {
  opacity: 1;
}

section.carousel img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 20px;
}

section.carousel div.images {
  position: relative;
}

section.carousel div.images img.overlay {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

section.carousel div.images p.caption {
  color: white;
  position: absolute;
  left: 30px;
  top: 50px;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

/* --------------------------- COMMON SECTION SETTINGS----------------------------- */

section.fp-section header {
  text-align: center;
  margin: 0 auto 37px;
  padding: 0 20px;
}

section.fp-section header h1 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.875rem;
  text-transform: uppercase;
  color: rgb(27, 34, 44);
  margin-bottom: 10px;
}

section.fp-section header p {
  font-size: 0.9375rem;
  color: #555555;
}

/* --------------------------- REYKJAVIK TV (FORSÍÐA)------------------------------ */

section.reykjavik-tv {
  background-color: white;
  padding: 22px 20px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

@media (min-width: 600px) {

  section.reykjavik-tv {
    padding: 22px 10px;
  }
}

@media (min-width: 1020px) {

  section.reykjavik-tv {
    padding: 22px 7px;
  }
}

@media (min-width: 1022px) {

  section.reykjavik-tv {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }
}

@media (min-width: 1040px) {

  section.reykjavik-tv {
    padding: 22px 14px;
  }
}

section.reykjavik-tv iframe {
  border: none;
}

section.reykjavik-tv .videos {
  margin-bottom: 30px;
}

section.reykjavik-tv .videos li {
  float: left;
  width: 100%;
}

@media (min-width: 600px) {

  section.reykjavik-tv .videos ul {
    font-size: 0;
    text-align: center;
  }

  section.reykjavik-tv .videos li {
    display: inline-block;
    float: none;
    padding: 0 10px;
    width: 50%;
    text-align: left;
    vertical-align: top;
  }

  section.reykjavik-tv .videos li p {
    font-size: 0.875rem;
  }
}

@media (min-width: 1020px) {

  section.reykjavik-tv .videos li {
    width: 33.33333333333333%;
    padding: 0 15px;
  }
}

section.reykjavik-tv .videos li:last-child {
  margin-right: 0;
}

section.reykjavik-tv .videos li:after {
  clear: both;
}

section.reykjavik-tv .videos:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.reykjavik-tv .video {
  margin-bottom: 25px;
}

section.reykjavik-tv h1 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: rgb(27, 34, 44);
  margin-bottom: 15px;
}

section.reykjavik-tv p {
  font-size: 0.875em;
  color: #555555;
  margin-bottom: 37px;
}

section.reykjavik-tv p.button {
  text-align: center;
  margin: -24px 0 15px;
}

section#main-content.entry-section {
  padding-left: 0;
  padding-right: 0;
}

section#main-content.entry-section .videos li {
  margin-right: 20px;
  margin-bottom: 30px;
  height: 340px;
}

/* ------------------------------- POPULAR GUIDES --------------------------------- */

section.popular-guides {
  background-color: #eef2f6;
  padding-bottom: 30px;
}

/* ------------------------- EVENTS & NEWS (FRONT PAGE) --------------------------- */

section.news-events {
  background-color: white;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 22px 20px;
  margin-bottom: 30px;
}

@media (min-width: 1020px) {

  section.news-events .inner {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
  }

  section.news-events {
    padding: 22px;
  }
}

@media (min-width: 1022px) {

  section.news-events {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }
}

@media (min-width: 1022px) {

  section.news-events {
    padding: 22px 30px;
  }
}

section.news-events section.news,
section.news-events section.events {
  width: 100%;
}

@media (min-width: 700px) {

  section.news-events section.news,
  section.news-events section.events {
    width: 50%;
  }

  section.news-events section.news {
    padding-right: 29px;
  }

  section.news-events section.events {
    padding-left: 29px;
  }
}

section.news-events section.news {
  float: left;
}

section.news-events section.events {
  float: right;
  padding-top: 20px;
}

@media (min-width: 700px) {

  section.news-events section.events {
    padding-top: 0;
  }
}

section.news-events header {
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

section.news-events header h1 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.875rem;
  float: left;
  text-transform: uppercase;
  color: rgb(27, 34, 44);
}

section.news-events header p {
  float: right;
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 16px;
}

section.news-events header a {
  color: rgb(0, 0, 0);
}

section.news-events header a:hover {
  color: #00ab92;
}

section.news-events header:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.news-events li.news-element {
  margin-bottom: 20px;
}

section.news-events li.news-element time {
  font-size: 0.6875em;
  color: #555555;
}

section.news-events li.news-element h1 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: 19px;
}

section.news-events li.news-element h1 a {
  color: rgb(27, 34, 44);
}

section.news-events li.news-element .main img {
  float: left;
  position: relative;
  overflow: hidden;
}

section.news-events li.news-element .aside img {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 12px;
  margin-bottom: 12px;
}

section.news-events li.news-element .main p {
  font-size: 0.875em;
  color: #555555;
  margin-top: -4px;
  padding-left: 112px;
}

section.news-events li.news-element .aside p {
  width: 66.66666666666666%;
  float: left;
  font-size: 0.875em;
  color: #555555;
}

section.news-events li.news-element:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.news-events:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

@media (min-width: 700px) {

  section.news-events:before {
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    left: 50%;
    top: 0;
  }

  .page-node-44533 section.news-events:before {
    display: none;
  }
}

section.news-events.standalone {
  border: none;
}

/* ----------------------------- EVENT FILTER FORM -------------------------------- */

.event-filter {
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 20px;
}

.event-filter .selector {
  border-top: 1px solid white;
  padding-top: 15px;
  display: none;
}

.event-filter ul {
  float: right;
  display: block;
  font-size: 0.875em;
}

.event-filter li {
  float: left;
}

.event-filter .grid,
.event-filter .list {
  width: 30px;
  height: 30px;
  background-color: #17537f;
}

.event-filter .grid:hover,
.event-filter .list:hover {
  background-color: #a1c545;
}

.event-filter .grid.active,
.event-filter .list.active {
  background-color: #ff6b00;
}

.event-filter .grid {
  background: url(images/box-view.png) #17537f no-repeat 9px 9px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
  margin-right: 2px;
}

.event-filter .list {
  background: url(images/list-view.png) #17537f no-repeat 8px 10px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
}

.event-filter .view {
  margin-right: 10px;
  padding-top: 5px;
}

.event-filter-form {
  font-size: 0.875em;
  color: #555555;
  padding-bottom: 10px;
}

.event-filter-form .element {
  float: left;
}

.event-filter-form label {
  display: block;
  margin-bottom: 20px;
}

.event-filter-form input {
  margin-right: 10px;
}

.event-filter-form input[type=text] {
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 10px;
  width: 330px;
  border: 1px solid #dadada;
}

.event-filter-form input.date {
  width: 140px;
  background: #ffffff url(images/calendar.png) no-repeat 100px 8px;
}

.event-filter-form .reset {
  width: 85px;
  display: inline-block;
  background-color: #e5e8ec;
  border: 1px solid #dadada;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 12px 0;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: bold;
  color: #4c81a8;
  margin-right: 20px;
}

.event-filter-form .reset:hover,
.event-filter-form input[type=submit]:hover {
  background-color: #ff6b00;
  color: white;
  border-color: orange;
}

.event-filter-form input[type=submit] {
  width: 170px;
  padding: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgb(104, 179, 225);
  border: 1px solid rgb(104, 179, 225);
  color: white;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: bold;
  margin-right: 0;
}

.event-filter-form:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

.event-filter:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

.page-events .box .images img.overlay,
.page-events .box .images p.caption {
  display: none !important;
}

/* ----------------------------- INTERMEDIATE PAGES ------------------------------- */

.featured {
  position: absolute;
  top: 0;

}

.intro-section {
  background-color: white;
  border-bottom: 1px solid #dadada;
}

.intro {
  background-color: #eef2f6;
  display: block;
}

@media (min-width: 631px) {

  .intro, .page-node-44533 section.news-events, .node-type-news .entry-main, .node-type-page .entry-main,
  .node-type-kkrabb-event .entry-main {
    float: left;
    width: 64.70588235294118%;
    position: relative;
    z-index: 2;
    /*border-right: 1px solid #dadada;*/
  }

  .page-node-44533 .sidebar {
    border-top: 1px solid #dadada;
  }
}

.intro-advertisement {
  max-height: 360px;
  overflow: hidden;
  background-color: #eef2f6;
}

@media (min-width: 631px) {
  .intro-advertisement {
    margin-left: 20px;
  }
}

@media (min-width: 1020px) {

  .intro-advertisement {
    margin-left: 30px;
  }

  .page-node-44533 .sidebar {
    border-top: none;
  }
}

.intro-advertisement a {
  color: white;
}

.intro-advertisement li {
  position: relative;
}

.intro-advertisement li .advertisement-text {
  background-color: #17537f;
  background-color: rgba(0, 0, 0, 0.4);
  width: 52.38095238095239%;
  position: absolute;
  right: 4.761904761904762%;
  top: 8.333333333333332%;
  height: 83.33333333333334%;
  overflow: hidden;
  padding: 30px;
}

.intro-advertisement li .advertisement-text h2 {
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: semibold;
  border-bottom: 1px solid #93c0e1;
  padding-bottom: 15px;
}

.intro-advertisement li .advertisement-text h1 {
  font-size: 1.875em;
  text-transform: uppercase;
  border-bottom: 1px solid #93c0e1;
  padding-bottom: 15px;
  padding-top: 15px;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}

.intro-advertisement li .advertisement-text p {
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: semibold;
  padding-top: 15px;
}

.intro-advertisement img {
  max-width: inherit;
}

.advert {
  max-width: none;
}

section.intro-text {
  background-color: white;
  padding: 22px 20px 30px;
}

@media (min-width: 1020px) {

  section.intro-text {
    padding: 22px 30px 30px;
    border-left: 1px solid #dadada;
    /*border-right: 1px solid #dadada;*/
    border-top: 1px solid #dadada;
  }
}

section.intro-text h1 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.875rem;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 14px;
}

section.intro-text p:first-child {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 24px;
  line-height: 1.7;
}

section.intro-text p {
  font-size: 0.875em;
  font-weight: normal;
  color: #555555;
  margin-bottom: 20px;
  line-height: 1.7;
}

aside.advertisement {
  width: 35.294117647058826%;
  float: right;
  background-color: white;
  padding-left: 1px;
}

aside.sidebar {
  padding: 0 20px;
  background-color: white;
}

@media (min-width: 631px) {

  aside.sidebar, .node-type-news aside.sidebar,
  .node-type-page aside.sidebar, .node-type-kkrabb-event aside.entry-sidebar,
  aside.entry-sidebar {
    float: right;
    width: 35.29411764705882%;
    padding: 30px 20px;
    position: relative;
  }

  aside.sidebar, .node-type-news aside.sidebar, .node-type-page aside.sidebar,
  .node-type-kkrabb-event aside.entry-sidebar, aside.entry-sidebar {
    padding: 90px 30px 30px;
    position: relative;
    z-index: 2;
  }

  aside.sidebar:before,
  aside.entry-sidebar:before {
    position: absolute;
    content: "";
    width: 102%;
    height: 60px;
    background-color: #eef2f6;
    top: 0;
    right: -2px;
    border-right: #eef2f6;
    left: 0;
  }

  .page-node-44499 aside.sidebar:before,
  .page-node-44437 aside.sidebar:before,
  .node-type-basic-page-travel aside.sidebar:before,
  .node-type-what-to-do aside.entry-sidebar:before,
  .node-type-where-to-stay aside.entry-sidebar:before,
  .node-type-basic-page-business aside.sidebar:before,
  .page-node-72 aside.sidebar:before,
  .page-node-75 aside.sidebar:before,
  .page-node-44515 aside.sidebar:before,
  .page-node-44485 aside.sidebar:before,
  .page-node-44486 aside.sidebar:before,
  .page-node-44533 aside.sidebar:before {
    height: 130px;
    left: -1px;
  }

  .side-border {
    background-color: #dadada;
    display: block;
    height: 60px;
    left: -1px;
    position: absolute;
    top: 70px;
    width: 1px;
  }

  aside.sidebar:after,
  aside.entry-sidebar:after {
    position: absolute;
    height: 1px;
    width: 100%;
    content: "";
    background-color: #dadada;
    left: 0;
    top: 60px;
  }
}

aside.sidebar h1.rvik-tv {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  margin-bottom: 30px;
  padding-bottom: 14px;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #000000;
  border-bottom: 3px solid #000000;
}

aside.sidebar .video,
aside.sidebar .advert {
  margin-bottom: 31px;
}

aside.sidebar .event-text {
  margin-bottom: 30px;
}

aside.sidebar h1 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 14px;
}

aside.sidebar p, section.entry-text {
  font-size: 0.875em;
  line-height: 1.7;
  color: #555555;
}

aside.sidebar li {
  margin-bottom: 30px;
}

aside.sidebar li.advert {
  height: 380px;
}

aside.sidebar li.advert div.images {
  position: relative;
}

aside.sidebar li.advert div.images img.advert {
  position: absolute;
}

aside.sidebar li.advert div.images img.featured {
  position: absolute;
  top: -1px;
  left: -1px;
}

section.intro-section {
  margin-bottom: 30px;
  position: relative;
}

@media (min-width: 1020px) {

  section.intro-section:before {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #dadada;
    content: "";
    right: 0;
    top: 60px;
  }
}

/* ----------------------------- BOXES ------------------------------- */

#travelboxes {
  padding: 0 20px;
}

section.boxes .box.advert {
  display: none;
}

section.boxes {
  position: relative;
  font-size: 0;
  text-align: center;
  padding: 0;
  max-width: 990px !important;
  margin: 0 auto;
}

section.boxes .box {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: white;
  -webkit-box-shadow: 0 2px 2px #dadada;
  -moz-box-shadow: 0 2px 2px #dadada;
  box-shadow: 0 2px 2px #dadada;
  -webkit-transition: width 2s linear;
  -moz-transition: width 2s linear;
  -o-transition: width 2s linear;
  transition: width 2s linear;
  max-width: 300px;
  width: 100%;
  margin: 0 0 26px;
}

@media (min-width: 654px) {

  section.boxes .box {
    margin: 0 15px 26px;
  }
}

@media (min-width: 960px) {

  #travelboxes {
    padding: 0;
  }
}

section.boxes .box:before {
  content: " ";
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  background-color: rgba(104, 179, 225, 0);
  -webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  z-index: -1;
}

section.boxes .box:hover:before {
  background-color: #68b3e1;
}

section.boxes .box:hover h1 {
  color: #68b3e1;
}

section.boxes .box:hover img.main {
  border-bottom: 3px solid #68b3e1;
}

section.boxes .box:hover div.images img.overlay {
  display: block;
  opacity: 1;
}

section.boxes .box:hover div.images p.caption {
  display: block;
  opacity: 1;
}

section.boxes .box.featured img.featured {
  display: block;
}

section.boxes div.images {
  position: relative;
}

section.boxes div.images img.main {
  border-bottom: 3px solid rgb(0, 0, 0);
  -webkit-transition: border-bottom-color 0.3s linear;
  -moz-transition: border-bottom-color 0.3s linear;
  -o-transition: border-bottom-color 0.3s linear;
  transition: border-bottom-color 0.3s linear;
  position: relative;
  left: 0;
  top: 0;
}

section.boxes div.images img.overlay {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

section.boxes div.images img.featured {
  position: absolute;
  top: -1px;
  left: -1px;
  display: none;
}

section.boxes div.images p.caption {
  color: white;
  position: absolute;
  left: 117px;
  top: 88px;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

section.boxes div.text {
  padding: 24px 30px;
  border: 1px solid #dadada;
  border-top: none;
}

section.boxes h1 {
  font-size: 1.125rem;
  color: rgb(27, 34, 44);
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}

section.boxes p {
  font-size: 0.875rem;
  font-weight: regular;
  color: #555555;
}

section.boxes .time {
  font-size: 0.6875em;
  color: #555555;
}

section.boxes.event-list-wrapper {
  width: 100%;
  margin-right: 0;
}

section.boxes.event-list-wrapper .box {
  width: auto;
}

section.boxes.event-list-wrapper .box div.images {
  float: left;
  width: 30%;
  min-height: 0;
  border: none;
}

section.boxes.event-list-wrapper .box div.images img {
  border: none;
}

section.boxes.event-list-wrapper .box div.text {
  float: right;
  width: 70%;
  border: none;
  min-height: 140px;
}

section.boxes.event-list-wrapper .box a {
  display: block;
}

section.boxes.event-list-wrapper .box a:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.boxes.event-list-wrapper .box p.caption {
  left: 113px;
  top: 85px;
}

section.boxes:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.show-more {
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 20px;
}

section.show-more a {
  display: block;
  padding: 10px;
}

/* ---------------------------- CATEGORIES ------------------------------- */

section.categories {
  margin: 0 auto;
  max-width: 960px;
  padding: 30px 0 32px;
  position: relative;
  text-align: center;
  overflow: hidden;
}

section.categories ul {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 0;
}

section.categories li {
  /*margin-right: 20px;*/
  position: relative;
  display: inline-block;
  margin: 6px 15px;

}

section.categories p.all {
  float: left;
}

section.categories li a {
  font-size: 1.125rem;
  color: #000000;
  text-transform: uppercase;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  font-style: normal;
  letter-spacing: 1px;
  padding: 11px;
  display: block;
}

section.categories li.active a {
  background-color: #000000;
  color: #69b4e2 !important;
}

section.categories p.all a {
  font-size: 0.875em;
  color: #333333;
  font-weight: bold;
  margin-right: 20px;
}

section.categories a.item {
  float: left;
  color: white;
  font-size: 0.75em;
  margin-bottom: 10px;
}

section.categories li.item {
  background-color: #a1c545;
  padding: 3px 10px 3px 30px;
}

section.categories li.item.active {
  background-color: #ff6b00;
}

section.categories li.item:before {
  content: "♦";
  color: #a1c545;
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: -11px;
  z-index: 1;
}

section.categories li.item.active:before {
  content: "♦";
  color: #ff6b00;
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: -11px;
  z-index: 1;
}

section.categories section.categories:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

/* -------------------------- SEASONAL GUIDES ---------------------------- */

section.seasonal_guides.bottom {
  margin-bottom: 60px;
  background-color: #68b3e1;
}

div.seasonal_guide {
  position: relative;
  overflow: hidden;
  max-width: 1020px;
  margin: 0 auto;
}

div.seasonal_guide img {
  width: 51.470588235294116%;
}

div.seasonal_guide div.text {
  padding: 30px 20px;
}

div.seasonal_guide div.text h1 {
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-weight: normal;
}

div.seasonal_guide div.text h2 {
  font-size: 1.5em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

div.seasonal_guide div.text p {
  font-size: 0.875em;
}

div.seasonal_guide.left img {
  float: left;
}

div.seasonal_guide.right {
  background-color: rgb(113, 118, 81);
}

div.seasonal_guide.right img {
  float: right;
}

div.seasonal_guide.right div.text {
  color: white;
}

/* ------------------------------- SOCIAL MEDIA ----------------------------------- */

section.social-media {
  background-color: white;
  padding: 28px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin-bottom: 30px;
}

@media (min-width: 1022px) {

  section.social-media {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }
}

section.social-media ul {
  float: left;
  width: 100%;
  z-index: 1;
  position: relative;
}

@media (min-width: 700px) {

  section.social-media ul {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: none;
  }

  section.social-media ul article {
    text-align: left;
  }

  section.social-media .socials ul.first {
    padding-right: 15px;
  }

  section.social-media .socials ul.middle {
    padding-left: 15px;
  }
}

@media (min-width: 1020px) {

  section.social-media ul {
    width: 33.33333333333333%;
  }

  section.social-media .socials ul.middle {
    padding-right: 15px;
  }

  section.social-media .socials ul.last {
    padding-left: 15px;
  }
}

section.social-media ul li {
  margin-bottom: 30px;
}

section.social-media ul.last {
  margin-right: 0;
}

section.social-media section.socials:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.social-media p.button {
  text-align: center;
  margin-bottom: 30px;
}

section.social-media article.tweet {
  position: relative;
  padding: 30px;
  color: white;
  background: #964e98;
  font-size: 0.875rem;
}

section.social-media article.tweet p.text {
  margin-bottom: 30px;
}

section.social-media article.tweet p.author {
  padding-left: 30px;
  background: url(images/twitter-bird.png) no-repeat 0 3px;
}

section.social-media article.tweet:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50px;
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: #964e98 transparent;
  display: block;
  width: 0;
}

section.social-media article.instagram .img:before {
  content: " ";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  background-color: rgba(255, 107, 0, 0);
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  z-index: -1;
}

section.social-media article.instagram .img {
  position: relative;
  float: left;
  width: 45%;
}

section.social-media article.instagram .img img {
  position: relative;
  width: 100%;
}

section.social-media article.instagram .img .img-insta {
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  background: rgba(255, 107, 0, 0) url(images/instagram-camera.png) no-repeat 5px 5px;
}

section.social-media article.instagram .img.first {
  margin-right: 10%;
}

section.social-media article.instagram .img:hover:before {
  background-color: #68b3e1;
}

section.social-media article.instagram .img:hover .img-insta {
  background-color: #68b3e1;
}

section.social-media article.instagram:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.social-media:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

section.social-media {
  padding: 30px 20px 30px 20px;
}

@media (min-width: 700px) {

  section.social-media .socials {
    font-size: 0;
    position: relative;
    text-align: center;
  }
}

@media (min-width: 960px) {

  section.social-media .inner {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
  }
}

section.social-media-newsroom .box {
  width: 30.303030303030305%;
  margin-right: 3.0303030303030303%;
  margin-bottom: 30px;
}

section.social-media-newsroom article.twitter {
  padding: 30px;
  background-color: #17537f;
  height: 370px;
}

@media (min-width: 768px) {
  section.social-media-newsroom article.twitter {
    height: 202px;
  }
}

section.social-media-newsroom article.twitter p {
  color: white;
}

section.social-media-newsroom article.twitter p.text {
  margin-bottom: 30px;
}

section.social-media-newsroom article.twitter p.author {
  padding-left: 30px;
  background: url(images/twitter-bird.png) no-repeat 0 4px;
}

section.social-media-newsroom article.twitter:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50px;
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: #17537f transparent;
  display: block;
  width: 0;
}

section.social-media-newsroom article.instagram {
  overflow: hidden;
}

section.social-media-newsroom article.instagram .img {
  width: 100%;
}

/* -------------------------------- ENTRY PAGES ----------------------------------- */

section.intro-section {
  border-bottom: 1px solid #dadada;
  position: relative;
  margin: 0 auto 30px;
  max-width: 1020px;
}

@media (min-width: 1020px) {

  section.intro-section {
    overflow: hidden;
    padding-right: 1px;
  }
}

section.entry.white, .node-type-page section.entry, .node-type-kkrabb-event section.entry,
.page-node .content section.entry {
  background-color: white;
  border-bottom: 1px solid #dadada;
  margin-bottom: 30px;
}

.node-type-kkrabb-event section.entry, .node-type-kkrabb-event section.entry-main {
  border-bottom: none;
}

@media (min-width: 1022px) {

  section.entry.white {
    border-right: none;
  }
}

section.entry.white section.entry-main {
  border-bottom: none;
}

section.entry-main {
  /*border-bottom: 1px solid #dadada;*/
}

section.entry-main h1 {
  font-size: 1.875rem;
  color: #333333;
  margin-bottom: 21px;
}

section.entry-main div#map-canvas {
  width: 100%;
  height: 450px;
}

p.breadcrumb {
  font-size: 0.6875em;
  text-transform: uppercase;
}

p.breadcrumb a {
  color: #17537f;
  padding-right: 8px;
  padding-left: 8px;
}

p.breadcrumb a:first-child {
  padding-left: 0;
}

div.entry-header {
  background-color: #eef2f6;
  padding: 30px 0 1px 0;
}

div.entry-header h1 {
  background-color: #eef2f6;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.875rem;
  padding: 0 20px;
}

@media (min-width: 631px) {
  div.entry-header {
    padding: 10px 0 1px 20px;
  }

  div.entry-header h1 {
    padding: 0;
  }

  section.entry.white, .node-type-page section.entry, .node-type-kkrabb-event section.entry,
  .page-node .content section.entry {
  }

  section.entry.white section.entry-main, section.entry-main {
    float: left;
    width: 64.7059%;
  }
}

@media (min-width: 1020px) {

  div.entry-header {
    padding: 10px 20px 1px 30px;
  }
}

div.entry-header .img-social {
  position: relative;
}

div.entry-header .img-social img {
  width: 100%;
}

div.entry-header .img-social .social-links {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

div.entry-header .img-social .social-links .social-link a {
  height: 30px;
  width: 30px;
  overflow: hidden;
  display: block;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
  padding-left: 30px;
  padding-top: 0;
  font-size: 0.6875em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
}

div.entry-header .img-social .social-links .social-link a:hover {
  width: 200px;
}

div.entry-header .img-social .social-links .facebook {
  background: url(/sites/all/themes/visitreykjavik_theme/images/facebook-f.png) no-repeat #345796 11px 7px;
  color: white;
}

div.entry-header .img-social .social-links .twitter {
  background: url(/sites/all/themes/visitreykjavik_theme/images/twitter-bird.png) no-repeat #20a2dc 8px 9px;
  color: white;
}

div.entry-header .img-social .social-links .pinterest {
  background: url(/sites/all/themes/visitreykjavik_theme/images/pinterest-p.png) no-repeat #ffffff 8px 7px;
  color: #f64747;
}

div.entry-header .img-social .social-links .facebook:hover {
  background: url(/sites/all/themes/visitreykjavik_theme/images/facebook-f.png) no-repeat #345796 11px 7px;
}

div.entry-header .img-social #map-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

div.entry-header .img-social #map-button a.map-view {
  height: 60px;
  width: 60px;
  background: #17537f url(images/map-view-icon.png) no-repeat 0 0;
  display: block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.6em;
  padding-top: 38px;
  padding-left: 4px;
  text-indent: -9999em;
}

div.entry-header .img-social div#map-canvas {
  position: absolute;
  height: 450px;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;

}

div.entry-header .img-social div#map-canvas.map-shown {
  opacity: 1;
  z-index: 12;
}

section.entry-text {
  padding: 60px 30px 30px 30px;
  border: 1px solid #dadada;
  border-right: none;
  border-bottom: none;
  background-color: white;
  margin-top: -30px;
  max-width: 660px;
}

section.entry-text p:first-child {
  font-size: 0.9375em;
  font-weight: bold;
  color: #333333;
}

section.entry-text p {
  font-size: 0.875rem;
  font-weight: normal;
  color: #555555;
  margin-bottom: 30px;
}

.node-type-basic-page-what-to-do .section.entry-text {
  font-size: 0.875em;
  font-weight: normal
}

section.entry-text a {
  color: #ff6b00;
}

section.entry-text ul {
  list-style: disc inside;
  margin-bottom: 30px;
}

section.entry-text ul li {
  font-size: 0.875em;
  color: #555555;
}

section.entry-text h2 {
  font-size: 0.9375em;
  font-weight: bold;
  color: #333333;
}

section.entry-text.full {
  border: 1px solid #cccccc;
  color: #555555;
  font-size: 0.875rem;
  line-height: 1.7;
}

aside.entry-sidebar img.logo {
  margin-bottom: 30px;
}

@media (min-width: 631px) {
  aside.entry-sidebar img.logo {
    margin-bottom: -20px;
    margin-top: 70px;
  }
}

aside.entry-sidebar h1 {
  font-weight: bold;
  font-size: 0.9375em;
  color: #333333;
  padding-bottom: 20px;
  padding-top: 67px;
  border-bottom: 3px solid #000000;
  margin-bottom: 30px;
}

aside.entry-sidebar h2 {
  font-weight: bold;
  font-size: 0.875em;
  color: #555555;
}

aside.entry-sidebar p,
aside.entry-sidebar li {
  font-weight: normal;
  font-size: 0.875em;
  color: #555555;
}

aside.entry-sidebar p {
  margin-bottom: 30px;
}

aside.entry-sidebar a {
  color: #36b7a3;
}

aside.entry-sidebar .entry-addresses {
  margin-bottom: 30px;
}

aside.entry-sidebar .entry-addresses p {
  margin-bottom: 10px;
}

aside.entry-sidebar ul {
  margin-bottom: 30px;
}

aside.entry-sidebar li {
  list-style: disc inside;
  margin-bottom: 3px;
}

.page-node-44533 section.news-events {
  border-top: 1px solid #dadada;
}

@media (min-width: 1020px) {

  .page-node-44533 section.news-events {
    border-right: 1px solid #dadada;
  }
}

.page-node-44533 .entry-header {
  margin-left: -1px;
}

.flex {
  margin-bottom: -10px;
  position: relative;
}

.flex ul li {
  position: relative;
}

.img-overlay {
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  bottom: 0;
  color: white;
}

.img-overlay p {
  font-family: "Open-Sans";
  font-size: 0.6875em;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 110px;
  padding: 10px 0;
  margin-bottom: 0;
}

.flex-direction-nav {
  position: absolute;
  bottom: 0;
  right: 0;
}

.flex-direction-nav:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

.flex-direction-nav li {
  float: left;
  height: 40px;
  padding-top: 13px;
  padding-left: 20px;
}

.flex-direction-nav li a {
  height: 20px;
  width: 30px;
}

.flex-direction-nav li:hover {
  background-color: #ff6b00;
}

.flex-direction-nav .flex-prev {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
  height: 50px;
}

.flex-direction-nav .flex-next {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
  height: 50px;
}

/* ----------------------- COMPANYLISTS ON BASIC PAGES ---------------------------- */

div.companylists {
  margin-bottom: 30px;
}

div.companylists img.logo {
  width: 16.666666666666664%;
  height: 100px;
  float: left;
}

div.companylists div.text {
  float: left;
  color: #555555;
  width: 79.83333333333333%;
  margin-left: 20px;
}

div.companylists div.text h1 {
  font-size: 0.875em;
  font-weight: bold;
  color: #17537f;
  margin-bottom: 0;
}

div.companylists div.text p.text {
  margin-bottom: 3px;
}

div.companylists div.text p.link {
  margin-bottom: 0;
}

div.companylists div.text a {
  color: #17537f;
}

div.companylists div.text:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

div.companylists:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

/* ------------------------------- SEARCH RESULTS --------------------------------- */

.search-form {
  background: white;
  padding: 30px;
  border: 1px solid #dadada;
  margin-top: 130px;
  margin-bottom: 0;
}

.search-form .search-advanced {
  display: none;
}

.search-form label {
  font-size: 0.875em;
  font-weight: bold;
  color: #17537f;
  margin-right: 20px;
}

.search-form input[type=text] {
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dadada;
  padding-left: 10px;
  width: 330px;
  font-size: 0.875em;
  font-weight: normal;
  color: #555555;
  margin-right: 20px;
}

.search-form input[type=submit] {
  background-color: #a1c545;
  color: white;
  padding: 10px 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #86a633;
}

.item-list ul li {
  margin: 0;
}

section.search-results {
  padding: 30px;
  background-color: white;
  border: 1px solid #dadada;
  border-top: none;
}

section.search-results h1.search-header {
  font-size: 1.875em;
  color: #333333;
  margin-bottom: 30px;
}

section.search-results ul {
  margin-top: -1px;
}

section.search-results li h1.title a {
  font-size: 1.3125em;
  color: #17537f;
  margin-bottom: 5px;
}

section.search-results li p.search-snippet {
  font-size: 0.875em;
  color: #555555;
}

section.search-results .item-list {
  border-top: 1px solid #dadada;
  margin-left: -30px;
  margin-right: -30px;
}

section.search-results .item-list .pager {
  text-align: left;
  margin-left: 30px;
}

section.search-results .item-list li {
  padding: 10px 20px;
  display: inline-block;
  border: 1px solid #dadada;
  margin-right: -5px;
  background-color: #f5f5f5;
}

section.search-results .item-list li a {
  font-size: 0.8125em;
  font-weight: bold;
  color: #555555;
}

section.search-results .item-list li.pager-current {
  background-color: white;
  border: 1px solid #dadada;
  border-top: 1px solid white;
  font-size: 0.8125em;
  font-weight: bold;
  color: #17537f;
  padding: 13px 20px 11px 20px;
}

section.search-results .item-list li:hover {
  background-color: #17537f;
  color: white;
}

section.search-results .item-list li:hover a {
  color: white;
}

/* ----------------------------------- FOOTER ------------------------------------- */

footer.main-footer {
  margin-top: 60px;
}

footer.main-footer nav.footer-nav {
  max-width: 960px;
  margin: auto;
  padding: 26px 20px;
  display: block;
  border-top: 4px solid #000000;
}

@media (min-width: 1000px) {

  footer.main-footer nav.footer-nav {
    padding: 26px 0;
  }
}

footer.main-footer h1 {
  font-size: 1.125rem;
  color: #333333;
  text-transform: uppercase;
}

footer.main-footer ul.outer-menu li {
  float: left;
  width: 100%;
  margin-bottom: 28px;
}

@media (min-width: 500px) {

  footer.main-footer ul.outer-menu li {
    width: 50%;
  }

  footer.main-footer ul.outer-menu li:last-child {
    width: 100%;
  }
}

@media (min-width: 1000px) {

  footer.main-footer ul.outer-menu li,
  footer.main-footer ul.outer-menu li:last-child {
    width: 20%;
  }

  footer.main-footer ul.outer-menu li {
    padding-right: 20px;
  }

  footer.main-footer ul.outer-menu li:last-child {
    padding-right: 0;
  }

  footer.main-footer ul.outer-menu li ul li {
    width: 100% !important;
    padding: 0;
  }
}

footer.main-footer ul.outer-menu li h1 {
  margin-bottom: 5px;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}

footer.main-footer ul.outer-menu li ul li {
  width: 100%;
  margin-bottom: 5px;
}

footer.main-footer ul.outer-menu:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

footer.main-footer a {
  color: #17537f;
  font-size: 0.875em;
}

footer.main-footer a:hover {
  color: #00ab92;
}

footer.main-footer img {
  position: absolute;
  z-index: -1;
  width: 100%;
}

footer.main-footer .social-facebook a {
  height: 28px;
  background: url(images/facebook.png) transparent no-repeat 0 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
}

footer.main-footer .social-facebook {
  background-color: #3b5998;
  border-radius: 4px;
}

footer.main-footer .social-twitter a {
  height: 28px;
  background: url(images/twitter.png) transparent no-repeat 0 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
}

footer.main-footer .social-twitter {
  background-color: #33ccff;
  border-radius: 4px;
}

footer.main-footer .social-instagram a {
  height: 28px;
  background: url(images/instagram.png) transparent no-repeat 0 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
}

footer.main-footer .social-instagram {
  background-color: #5f4234;
  border-radius: 4px;
}

footer.main-footer .social-youtube a {
  height: 28px;
  background: url(images/youtube_visit.png) transparent no-repeat 0 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  display: block;
}

footer.main-footer .social-youtube {
  background-color: #ff2400;
  border-radius: 4px;
}

/* ------------------------------------- 404 --------------------------------------- */

.four-oh-four {
  width: 100%;
}

.four-oh-four .first {
  float: left;
  width: 40%;
  min-height: 400px;
  margin: 120px 30px 30px 60px;
}

.four-oh-four .first h1 {
  font-size: 3em;
  color: #17537f;
  font-weight: bold;
}

.four-oh-four .first p {
  font-size: 1.375em;
  font-weight: bold;
  color: #333333;
}

.four-oh-four aside {
  width: 40%;
  float: right;
  margin: 120px 60px 30px 30px;
}

.four-oh-four aside h1 {
  font-size: 0.9375em;
  font-weight: bold;
  color: #333333;
}

.four-oh-four aside ul {
  list-style: disc inside;
}

.four-oh-four aside a {
  color: #ff6b00;
  font-size: 0.875em;
}

.four-oh-four:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 35%;
  right: 60px;
  width: 20px;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #a1c545;
}

.flex-control-paging li a.flex-active {
  background: rgb(234, 224, 64);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}

#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #fff;
}

#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none;
}

#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}

#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
}

#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px;
}

#sb-body {
  position: relative;
  height: 100%;
}

#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}

#sb-player.html {
  height: 100%;
  overflow: auto;
}

#sb-body img {
  border: none;
}

#sb-loading {
  position: relative;
  height: 100%;
}

#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}

#sb-loading-inner span {
  background: url(images/loading.gif) no-repeat;
  padding-left: 34px;
  display: inline-block;
}

#sb-body,
#sb-loading {
  background-color: #060606;
}

#sb-title,
#sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#sb-title,
#sb-title-inner {
  height: 26px;
  line-height: 26px;
}

#sb-title-inner {
  font-size: 16px;
}

#sb-info,
#sb-info-inner {
  height: 20px;
  line-height: 20px;
}

#sb-info-inner {
  font-size: 12px;
}

#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}

#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#sb-nav-close {
  background-image: url(images/close.png);
}

#sb-nav-next {
  background-image: url(images/next.png);
}

#sb-nav-previous {
  background-image: url(images/previous.png);
}

#sb-nav-play {
  background-image: url(images/play.png);
}

#sb-nav-pause {
  background-image: url(images/pause.png);
}

#sb-counter {
  float: left;
  width: 45%;
}

#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

div.sb-message a:link,
div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}

/* New Changes for Visit Reykjavik */

.main-header {
  border-bottom: 3px solid #000000;
  height: 59px;
  background-color: white;
}

.main-header-inner {
  margin: 0 auto;
  height: 59px;
  padding: 0 20px;
  max-width: 1020px;
  position: relative;
}

@media (min-width: 768px) {
  .main-header {
    background-color: white;
    border-bottom: 4px solid #000000;
    height: 100px;
  }

  .main-header-inner {
    height: 96px;
  }

}

@media (min-width: 1020px) {
  .main-header-inner {
    padding: 0 30px;
  }
}

.max-width-1020 {
  max-width: 1020px;
  margin: 0 auto 29px;
  position: relative;
}

.max-width-960 {
  max-width: 960px;
  margin: 0 auto 29px;
  position: relative;
}

a.button.blue,
.page-events a.button.green {
  background-color: rgb(104, 179, 225);
  color: white;
  box-shadow: none;
  border: none;
  border-radius: 0;
}

.news-events li.news-element a:link h1,
.news-events li.news-element a:link p,
.news-events li.news-element a:visited h1,
.news-events li.news-element a:visited p {
  color: #000000;
}

.news-events li.news-element h1 {
  text-transform: uppercase;
}

.news-events li.news-element a {
  display: block;
  overflow: hidden;
}

.news-events li.news-element a:hover h1 {
  color: rgb(0, 171, 146);
}

section.social-media article.tweet.bg-blue:after {
  border-color: #68b3e1 transparent;
}

section.social-media article.tweet.bg-blue {
  background-color: #68b3e1;
  color: #005373;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#bx-pager {
  position: absolute;
  bottom: 87px;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

#bx-pager ul {
  display: inline-block;
}

#bx-pager ul li {
  margin-right: 5px;
}

#bx-pager ul li:last-child {
  margin-right: 0;
}

@media (min-width: 1422px) {
  #bx-pager ul li {
    margin-right: 0;
  }

  #bx-pager ul {
    display: block;
  }

  #bx-pager {
    right: 30px;
    top: 50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%); /* Standard syntax */
    width: auto;
    bottom: inherit;
  }
}

#bx-pager a:link, #bx-pager a:visited {
  color: #FFFFFF;
  position: relative;
  display: block;
}

@media (min-width: 1422px) {
  #bx-pager a:hover .slider-title {
    display: block;
  }
}

.slider-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: white;
  display: block;
  border: 3px solid #2e3b5e;
  margin-bottom: 4px;
}

#bx-pager .active .slider-bullet {
  background-color: #e4382b;
  border: 4px solid #f0e100;
}

.slider-title {
  color: #ffffff;
  position: absolute;
  margin-top: -19px;
  right: 24px;
  top: 50%;
  white-space: pre;
  background-color: #005373;
  padding: 10px 10px 11px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: none;
}

.front #main-content {
  position: relative;
  z-index: 2;
  overflow: visible;
}

@media (min-width: 631px) {
  .not-front #block-system-main {
    padding-top: 21px;
  }
}

@media (min-width: 768px) {
  .not-front #block-system-main {
    padding-top: 35px;
  }
}

/* Seasonal Guides on front page */

.seasonal_guide .image-wrapper {
  min-height: 233px;
}

.seasonal_guide .text {
  color: #FFFFFF;
}

.seasonal_guide .text h2 {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}

@media (min-width: 1000px) {

  .seasonal_guide .image-wrapper {
    float: right;
    position: relative;
    width: 51.47058823529412%;
  }

  .seasonal_guide .image-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #68b3e1;

  }

  .seasonal_guide .text {
    min-height: 233px;
    padding: 56px 30px 0 !important;
    float: left;
    position: relative;
    width: 48.52941176470588%;
  }

}

/* Adding min-width to body for javascript */

body {
  min-width: 200px;
  position: relative;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  body {
    min-width: 600px;
    color: #555555;
  }
}

/* Responsive Videos */

.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box.advert .images, .advertisement .images {
  display: none;
}

.entry {
  margin: 0 auto;
  max-width: 1020px;
  background-color: white;
}

.page-node-44533 .news-element p {
  line-height: 1.7;
}

/* News Section - Page Section Events  */

.node-type-news .content section.entry-text div,
.node-type-news .content section.entry-text p,
.node-type-news .content section.entry-text span,
.node-type-page .content section.entry-text div,
.node-type-page .content section.entry-text p,
.node-type-page .content section.entry-text span,
.node-type-kkrabb-event .content section.entry-text div,
.node-type-kkrabb-event .content section.entry-text p,
.node-type-kkrabb-event .content section.entry-text span {
  color: #555555 !important;
  font-size: 0.875rem !important;
  line-height: 1.7;
}

.node-type-news .content section.entry-text a:link,
.node-type-news .content section.entry-text a:visited,
.node-type-page .content section.entry-text a:link,
.node-type-page .content section.entry-text a:visited,
.node-type-kkrabb-event .content section.entry-text a:link,
.node-type-kkrabb-event .content section.entry-text a:visited {
  color: #00ab92 !important;
}

.node-type-news .content section.entry-text a:hover,
.node-type-page .content section.entry-text a:hover,
.node-type-kkrabb-event .content section.entry-text a:hover {
  text-decoration: underline;
}

.node-type-news .content .entry-header,
  /*.node-type-page .content .entry-header,*/
.node-type-kkrabb-event .content .entry-header {
  padding-left: 0;
  padding-right: 0;
}

.node-type-news .content .entry-header h1,
  /*.node-type-page .content .entry-header h1,*/
.node-type-kkrabb-event .content .entry-header h1 {
  padding-left: 20px;
  padding-right: 20px;
}

.node-type-news section.entry-text,
.node-type-page section.entry-text,
.node-type-kkrabb-event section.entry-text {
  padding: 60px 20px 30px;
}

.node-type-news .content aside p,
.node-type-page .content aside p,
.node-type-kkrabb-event .content aside p {
  line-height: 1.7;
  margin-top: -4px;
  padding-left: 112px;
}

.node-type-news .content aside img,
.node-type-page .content aside img,
.node-type-kkrabb-event .content aside img {
  position: relative;
  overflow: hidden;
  float: left;
}

.node-type-news .content aside .news-element .aside,
.node-type-page .content aside .news-element .aside,
.node-type-kkrabb-event .content aside .news-element .aside {
  display: block;
  overflow: hidden;
}

.node-type-news .content aside .news-element .aside h1 a:link,
.node-type-news .content aside .news-element .aside h1 a:visited,
.node-type-page .content aside .news-element .aside h1 a:link,
.node-type-page .content aside .news-element .aside h1 a:visited,
.node-type-kkrabb-event .content aside .news-element .aside h1 a:link,
.node-type-kkrabb-event .content aside .news-element .aside h1 a:visited {
  color: #000000;
}

.node-type-news .content aside .news-element .aside h1 a:hover,
.node-type-page .content aside .news-element .aside h1 a:hover,
.node-type-kkrabb-event .content aside .news-element .aside h1 a:hover {
  color: #00ab92;
}

.node-type-news .entry-main,
.node-type-page .entry-main,
.node-type-kkrabb-event .entry-main {
  overflow: hidden;
}

.node-type-page section.entry-main {
  border-bottom: none;
}

.node-type-page aside.sidebar p {
  padding-left: 0;
}

@media (min-width: 631px) {
  .node-type-news .entry-header img,
  .node-type-kkrabb-event .entry-header img {
    margin-left: 20px;
  }
}

@media (min-width: 1020px) {
  .node-type-news .content .entry-header h1,
  .node-type-kkrabb-event .content .entry-header h1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .node-type-news section.entry-text,
  .node-type-page section.entry-text,
  .node-type-kkrabb-event section.entry-text {
    padding: 60px 30px 30px;
  }

  .node-type-news .entry-header img,
  .node-type-kkrabb-event .entry-header img {
    margin-left: 30px;
    width: 100%;
  }
}

.page-node-44533 .news-events.standalone {
  width: 100%;
}

.front section.news-events a:link, .front section.news-events a:visited {
  color: #000000;
}

.back-to-front {
  display: none;
}

@media (min-width: 631px) {
  .back-to-front {
    display: block;
    position: absolute;
    top: 0;
  }

  .back-to-front span {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('images/back-arrow.png') no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
    vertical-align: middle;
    margin-right: 10px;
    transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -webkit-transition: all .45s ease-in-out;
  }

  .back-to-front h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
    font-size: 0.75rem !important;
  }

  .back-to-front a:hover span {
    background: url('images/back-arrow-hover.png') no-repeat scroll 0 0 transparent;
  }

  .back-to-front a:hover h1 {
    color: #6db6e3;
  }

}

@media (min-width: 700px) {

  .back-to-front span {
    margin-right: 20px;
  }

  .back-to-front a:hover span {
    margin-right: 16px !important;
  }
}

.entry-main .image-wrapper {
  position: relative;
  z-index: 2;
}

.entry-main .image-wrapper img {
  max-width: 100%;
}

@media (min-width: 700px) {
  .entry-main .image-wrapper:after {
    background-color: white;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    z-index: -1;
    width: 40px;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }
}

@media (min-width: 631px) {

  .content .entry, .content .intro-section {
    position: relative;
    overflow: hidden;
  }

  .content .entry:before, .content .intro-section:before {
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #dadada;
    z-index: 3;
    right: 35.2941%;
    top: 70px;
  }

  .content .entry:after, .content .intro-section:after {
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #dadada;
    z-index: 3;
    right: 0;
    top: 130px;
  }

  .page-node-22 .content .intro-section:after,
  .page-node-23 .content .intro-section:after,
  .page-node-24 .content .intro-section:after,
  .page-events .content .intro-section:after,
  .page-node-26 .content .intro-section:after {
    top: 60px;
  }

  .content .intro-section:before {
    top: 61px;
  }

}

.entry-text a:link, .entry-text a:visited {
  color: #36b7a3;
}

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

.page-search .content {
  max-width: 960px;
  margin: 0 auto;
}

.page-search .content #edit-submit {
  background-color: rgb(104, 179, 225);
  border: none;
}

.page-search .content #search-form {
  margin-bottom: 0;
  margin-top: 70px;
}

/* Set map icons to display none */

.page-node-46486 #map-button,
.page-node-46636 #map-button,
.page-node-44524 #map-button,
.page-node-44515 #map-button,
.page-node-72 #map-button,
.page-node-75 #map-button,
.page-node-44528 #map-button,
.page-node-44526 #map-button,
.page-node-44499 #map-button,
.page-node-44458 #map-button,
.page-node-44440 #map-button {
  display: none;
}

/* SJG Kosmos og Kaos Google DFP targetting */
div[id|="div-gpt-ad"] {
  margin-bottom: 20px;
}

.rvik-tv.hide, .rvik-tv.hide + ul, .rvik-tv.hide + ul + .button {
  display: none;
}

.block-dfp {
  padding: 10px 0;
}

.box.block-dfp {
  padding: 0 0;
}

aside.sidebar {
  z-index: 0;
}

aside.sidebar.sidebar-low {
  padding-top: 160px;
}

aside.sidebar.sidebar-lower {
  margin-top: 70px;
}

aside.sidebar.sidebar-lower:before {
  height: 130px;
  top: -70px;
  left: 0;
}

section.entry.white:before {
  margin-top: 60px;
}

.instagram .img {
  margin-right: 10%;
}

.instagram .img:last-of-type {
  margin-right: 0;
}

section.social-media-newsroom .box {
  width: 47%;
  margin: 0 0 30px;
  padding: 0 0.5%;
}

.block .type-video iframe {
  width: 100%;
  height: auto;
}

@media (min-width: 700px) {
  .entry-main .img-social:after {
    background-color: white;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }

  .socials--section {
    width: 49% !important;
  }

  .socials--section {
    margin-right: 2%;
  }

  .socials--section:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 1020px) {
  div.entry-header {
    padding-right: 0;
  }
}

@media (min-width: 960px) {
  .entry-main .image-wrapper img {
    max-width: 600px;
  }

  .socials--section {
    width: 32% !important;
  }

  .socials--section {
    margin-right: 2%;
  }

  .socials--section:nth-child(2n) {
    margin-right: 2%;
  }

  .socials--section:last-of-type {
    margin-right: 0;
  }

  section.social-media-newsroom .box {
    width: 33%;
  }
}

/* ----------------------------------- City card ------------------------------------- */

.node-type-city-card #block-system-main {
  padding-top: 0;
}

.node-type-city-card #main-content {
  background-color: #FFF;
}

.node-type-city-card .oh-bg {
  max-width: 1020px;
  height: 340px;
  margin: auto;
}

.node-type-city-card .image-wrapper {
  margin: auto;
  max-width: 1360px;
  overflow: hidden;
  text-align: center;
}

.node-type-city-card .image-wrapper img {
  max-width: 1360px;
}

.node-type-city-card .container {
  max-width: 1020px;
  background-color: #FFF;
  padding: 22px 30px 30px;
  margin: auto;
  clear: both;
}

.node-type-city-card .btn-container {
  max-width: 1020px;
  margin: auto;
}

.node-type-city-card .btn-inner {
  margin: 40px auto 10px;
  float: left;
  width: 100%;
}

.node-type-city-card .card-btn {
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.node-type-city-card .card-btn a {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.125rem;
  color: #FFF;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: center;
  display: block;
  text-transform: uppercase;
}

.city-card-map {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 80px;
}

.page-node-49433 .city-card-map {
  margin-top: 40px;
}

.card-btn-1 {
  background-color: #00455F;
}

.card-btn-2 {
  background-color: #68965C;
}

.card-btn-3 {
  background-color: #BE4D44;
}

.card-btn-4 {
  background-color: #805892;
}

.node-type-city-card .form-radio {
  position: absolute;
  width: 30px;
  height: 50px;
  content: "";
  margin-top: -10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-left: -40px;
  border: 0;
  border-radius: 0;
}

.city-card-boxes .form-item-tid input:hover,
.city-card-boxes .form-item-tid label:hover,
.form-item-field-city-card-term-tid input:hover,
.form-item-field-city-card-term-tid label:hover {
  cursor: pointer;
}

.city-card-boxes .views-widget-filter-tid,
#edit-field-city-card-term-tid-wrapper {
  margin-bottom: 30px;
}

#edit-field-city-card-term-tid-all {
  display: none;
}

#edit-field-city-card-term-tid-1 {
  background: url(images/city-card-markers/pin-yellow.png) no-repeat;
}

#edit-field-city-card-term-tid-2 {
  background: url(images/city-card-markers/pin-orange.png) no-repeat;
}

#edit-field-city-card-term-tid-3 {
  background: url(images/city-card-markers/pin-red.png) no-repeat;
}

#edit-field-city-card-term-tid-4 {
  background: url(images/city-card-markers/pin-green.png) no-repeat;
}

#edit-field-city-card-term-tid-5 {
  background: url(images/city-card-markers/pin-purple.png) no-repeat;
}

#edit-field-city-card-term-tid-6 {
  background: url(images/city-card-markers/pin-blue.png) no-repeat;
}

#edit-field-city-card-term-tid-1,
#edit-field-city-card-term-tid-2,
#edit-field-city-card-term-tid-3,
#edit-field-city-card-term-tid-4,
#edit-field-city-card-term-tid-5,
#edit-field-city-card-term-tid-6,
#edit-field-city-card-term-tid-7 {
  background-size: 20px 33px;
}

.city-card-boxes .form-item-tid,
.form-item-field-city-card-term-tid {
  float: left;
  padding: 20px 25px;
  font-size: 16px;
}

.oh-headline {
  margin-top: 40px;
  margin-left: 20px;
  padding: 20px;
  float: left;
}

.oh-headline .title-1 {
  background-color: transparent;
  text-shadow: 1px 1px #555555;
  text-transform: uppercase;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  color: #FFF;
  font-size: 36px;
  max-width: 200px;
}

.oh-headline .title-2 {
  background-color: transparent;
  font-family: 'norwichregular', arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  text-shadow: 1px 1px #555555;
  text-decoration: underline;
}

.where-to-buy-wr {
  margin-top: 10px;
  float: none;
  clear: both;
}

.where-to-buy-btn {
  background: url(images/city-card/buynow-button-sm.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: auto;
}

.node-type-city-card div.tab {
  overflow: hidden;
}

.node-type-city-card div.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: #69b4e2;
  text-transform: uppercase;
}

.node-type-city-card div.tab button:hover,
.node-type-city-card div.tab button.active {
  background-color: #eef2f6;
  color: #333333;
}

.tabcontentIncluded,
.tabcontentDiscount {
  display: block;
  padding: 0 12px;
  float: left;
  background-color: #eef2f6;
  width: 100%;
}

.city-card-map-wrapper {
  float: left;
  width: 100%;
}

.city-card-boxes {
  margin-top: 40px;
  margin-bottom: 80px;
}

.city-card-boxes .box {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: white;
  -webkit-box-shadow: 0 2px 2px #dadada;
  -moz-box-shadow: 0 2px 2px #dadada;
  box-shadow: 0 2px 2px #dadada;
  -webkit-transition: width 2s linear;
  -moz-transition: width 2s linear;
  -o-transition: width 2s linear;
  transition: width 2s linear;
  max-width: 300px;
  width: 100%;
  margin: 0 0 26px;
}

.city-card-boxes .text {
  padding: 24px 30px;
  border: 1px solid #dadada;
  border-top: none rgb(218, 218, 218);
}

.city-card-boxes h1 {
  font-size: 1.125rem;
  color: rgb(27, 34, 44);
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}

.node-type-city-card input[type="radio"] + label {
  padding: 11px;
  transition: 0.3s;
}

.node-type-city-card input[type="radio"] + label:hover,
.node-type-city-card input[type="radio"]:checked + label {
  background-color: #000000;
  color: #69b4e2;
}

.cc-wtd-wrapper {
  clear: both;
  margin-top: 60px;
}

.cc-wtd-col-header {
  background-color: #08455e;
  color: #FFF;
  float: left;
  width: 100%;
  padding: 20px 10px;
  font-weight: bold;
}

.cc-wtd-row,
.cc-wtd-col-header,
.cc-wtd-col-footer {
  clear: both;
}

.cc-wtd-col-header .cc-col-2,
.cc-wtd-col-footer {
  text-align: center;
}

.cc-wtd-col-header .cc-col-1 {
  font-size: 26px;
}

.cc-wtd-col-header .cc-col-2,
.cc-wtd-col-header .cc-col-3 {
  padding-top: 10px;
}

.cc-wtd-row {
  float: left;
  background-color: #ebebec;
}

.cc-col-full {
  width: 100%;
  background-color: #63b2dc;
  text-align: center;
  margin-bottom: 20px;
}

.cc-col-full-title,
.cc-wtd-col-footer {
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.125rem;
  padding: 11px;
  text-transform: uppercase;
}

.cc-col-full,
.cc-col-1,
.cc-col-2,
.cc-col-3 {
  float: left;
}

.cc-col-1,
.cc-col-2,
.cc-col-3 {
  padding: 0 10px;
}

.cc-wtd-row .cc-col-1,
.cc-wtd-row .cc-col-3 {
  color: #08455e;
  font-weight: bold;
}

.cc-col-1 {
  padding-left: 21px;
  width: 20%;
}

.cc-col-2 {
  width: 70%;
}

.cc-wtd-row .cc-col-3 {
  width: 20%;
}

.cc-wtd-col-header .cc-col-1,
.cc-wtd-col-header .cc-col-2 {
  width: 40%;
}

.cc-wtd-row .cc-col-2 {
  width: 80%;
  margin-bottom: 20px;
  padding-left: 21px;
}

.node-type-city-card h1 {
  color: #00455F;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.node-type-city-card .container {
  padding: 22px 10px 30px;
}

.node-type-city-card h3 .cc-wtd-col-footer {
  display: none;
}

.cc-wtd-col-footer {
  clear: both;
  background-color: #6f2469;
  color: #FFF;
}

.node-type-city-card #edit-tid-1-wrapper {
  width: 100%;
  float: left;
  padding: 0;
}

.node-type-city-card .form-item-tid-1 {
  float: left;
  width: 50%;
}

.cc-intro {
  float: left;
  margin-left: -15px;
  margin-right: -15px;
}

.cc-intro .column {
  width: 100%;
  float: left;
  padding: 0 15px;
}

.cc-intro li {
  margin-bottom: 30px;
  background: url(images/city-card/check.png) no-repeat scroll 5px 5px transparent;
  padding-left: 45px;
  min-height: 30px;
}

.city-card-list-wrapper p {
  text-align: left;
}

.tabcontent {
  display: block;
  padding: 0 12px;
  float: left;
  background-color: #eef2f6;
  width: 100%;
}

.tabcontent a {
  color: #000;
}

.city-card-list-wrapper {
  margin-top: 40px;
  margin-bottom: 80px;
}

.mb-60 {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}

.cc-col-full {
  text-align: left;
  padding-left: 21px;
}

.node-type-city-card div.tab button {
  font-weight: 700;
  letter-spacing: 1px;
}

#views-exposed-form-city-card-kort-block {
  display: none;
}

.form-item-term-node-tid-depth-1 {
  float: left;
}

#edit-term-node-tid-depth-1-wrapper {
  border-bottom: solid 1px;
  float: left;
  width: 100%;
  padding: 0;
}

.form-item-term-node-tid-depth-1 {
  float: left;
  padding: 11px 0;
  font-size: 18px;
}

.city-card-boxes .form-item-tid, .form-item-field-city-card-term-tid {
  float: left;
  padding: 20px 10px 20px 20px;
}

#edit-field-city-card-term-tid-wrapper {
  margin-bottom: 10px;
}

#edit-field-city-card-term-tid > div:nth-child(1) {
  padding-left: 0;
}

.node-type-city-card .form-radio {
  width: 20px;
  height: 33px;
  margin-top: -2px;
  margin-left: -25px;
  display: none;
  background: transparent;
}

.node-type-city-card .form-radio:hover,
.node-type-city-card label:hover {
  cursor: pointer;
}

.city-card-boxes .box {
  margin: 0 0 26px;
  float: left;
  max-width: 100%;
}

section.categories {
  max-width: 1000px;
}

.node-type-city-card .container {
  padding: 22px 15px 30px;
}

.city-card-promoted {
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 120px;
}

.cc-pr-row {
  width: 100%;
  float: left;
  padding: 15px;
  font-family: 'BrauerNeueBold', Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.125rem;
  text-align: center;
}

.cc-pr-row .cc-pr-title {
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
  color: #000;
  min-height: 70px;
}

.cc-pr-row p {
  width: 200px;
  margin: auto;
  padding: 5px 10px 5px;
  background-color: #63b2dc;
  color: #FFF;
  display: inline;
  text-transform: uppercase;
}

@media (min-width: 580px) {
  .city-card-boxes .box {
    margin: 0 15px 26px;
    max-width: 292px;
    float: none;
  }

  .node-type-city-card .card-btn {
    width: 50%;
  }

  .where-to-buy-wr {
    margin-top: 100px;
    float: right;
    margin-right: 10%;
    clear: none;
  }

  .where-to-buy-btn {
    background: url(images/city-card/buynow-button.png) no-repeat;
    width: 160px;
    height: 160px;
  }

  .city-card-boxes .form-item-tid,
  .form-item-field-city-card-term-tid {
    font-size: 18px;
  }
}

@media (min-width: 700px) {
  .cc-pr-row {
    width: 33.333%;
  }

  .node-type-city-card .card-btn {
    width: 25%;
  }

  .oh-headline {
    margin-top: 80px;
    margin-left: 100px;
  }

  .oh-headline .title-2 {
    font-size: 46px;
  }

  .cc-intro .column {
    width: 33.333%;
  }

  .views-exposed-widgets {
    padding-left: 14px;
    padding-right: 14px;
  }

}

/* ----------------------------------- Buy block ------------------------------------- */

.img-responsive {
  width: 100%;
  height: auto;
  box-shadow: 0 2px 6px;
  border-radius: 8%;
}

.city-col-md-3 {
  float: left;
  width: 100%;
}

.col-6 {
  float: left;
  width: 50%;
}

.border-box {
  border: 1px solid #dadada;
  padding: 10px 0;
  border-radius: 5px;
  margin-top: 10px;
}

.person-picker {
  padding: 20px;
}

.person-dropdown {
  -webkit-appearance: menulist;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 0;
  width: 50%;
  margin-bottom: 10px;
  background: none;
  font-size: 18px;
}

.pull-right {
  float: right;
}

.price .price-total-text {
  font-size: 1.2em;
}

.price .price-total-isk {
  font-size: 1.2em;
  font-weight: bold;
}

.price .price-total-amount {
  font-size: 2em;
  font-weight: bold;
}

.buy-button {
  padding: 8px 10px;
  text-transform: uppercase;
  text-align: center;
  color: white;
  border: none;
  outline: none;
  font-weight: 700;
}

.buy-green {
  background-color: #68965C;
}

.buy-red {
  background-color: #BE4D44;
}

.buy-purple {
  background-color: #805892;
}

@media only screen and (min-width: 768px) {
  .city-col-md-3 {
    width: 33.333%;
  }
}