/*
    nn5 note: 
    breakpoints er rykket een tand "ned", s� screen xs er 360
*/
/* 
    nn5 note: 
    obs at nedenst�ende containerbredder er BREDERE end breakpointet ovenfor. 
    Container s�ttes andetsted til max-width:100%
    Dermed er de i praksis delvist "fluid"

*/
/*@font-face {
    font-family: 'texgyreherosregular';
    src: url('texgyreheros-regular-webfont.eot');
    src: url('texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreheros-regular-webfont.woff') format('woff'),
         url('texgyreheros-regular-webfont.ttf') format('truetype'),
         url('texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'texgyreherosbold';
    src: url('texgyreheros-bold-webfont.eot');
    src: url('texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreheros-bold-webfont.woff') format('woff'),
         url('texgyreheros-bold-webfont.ttf') format('truetype'),
         url('texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
html {
  overflow-x: hidden;
}
body {
  /*font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;*/
  /*font-family: 'Gotham Narrow A', 'Gotham Narrow B', sans-serif;*/
  /*font-family: 'Montserrat', sans-serif;*/
  /*font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', 'Open Sans', Verdana, MS Sans Serif, Arial, Helvetica;*/
  /*font-family: 'montserratregular';*/
  /*font-family: 'Varela Round';*/
  /*font-weight: 400;*/
  font-family: 'texgyreherosbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: black;
  font-size: 14px;
  line-height: 1.6em;
  /*overflow-x: hidden;
    overflow-y:auto;*/
  margin-bottom: 40px;
  background-image: url(/graphics/background.jpg);
}
@media (min-width: 480px) {
  body {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 13px;
  }
}
h1,
h2,
h3,
h4,
h5 {
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
ul {
  list-style-type: disc;
  margin: 0;
  padding-left: 20px;
}
@media (min-width: 480px) {
  body {
    /*font-size: 14px;*/
  }
}
a,
a:hover,
a:visited,
a:hover,
a:focus {
  color: black;
}
a:hover {
  text-decoration: none;
}
.modal-content {
  border-radius: 0;
}
.modal-content h1,
.modal-content h4 {
  margin-bottom: 20px;
  padding-top: 0;
  margin-top: 0;
}
@media (min-width: 480px) {
  .modal-dialog {
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
  }
  .modal-sm {
    width: 100%;
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  .modal-lg {
    max-width: 900px;
  }
}
.btn {
  border-radius: 0 !important;
  font-weight: 600;
}
.page-section-divider {
  /*height: 80px;*/
  margin: 8% 0 8% 0;
  border-top: 1px solid #ddd;
}
.page-section-divider-dot {
  /*height: 80px;*/
  margin-top: 60px;
  margin-bottom: 70px;
  /*border-top: 1px solid black;*/
  width: 10px;
  height: 10px;
  background-color: black;
  margin-left: auto;
  margin-right: auto;
}
.standard-button {
  display: inline-block;
  letter-spacing: 1px;
  height: 34px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid black;
  vertical-align: middle;
  line-height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
  /*prevent selection*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
}
.standard-button:active {
  background-color: black;
  color: white;
}
.standard-link,
.standardlink {
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
  padding-right: 4px;
  font-weight: 700;
}
.standard-link:before,
.standardlink:before {
  display: inline;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e080";
  padding: 0;
  margin-right: 6px;
  font-size: 12px;
}
.header-main {
  min-height: 15px;
  background-image: none !important;
}
@media (min-width: 992px) {
  .header-main {
    min-height: 20px;
  }
  .header-main h1 {
    margin: 15px 0 15px 0;
  }
}
.header-with-buttons h1,
.header-with-buttons h2,
.header-with-buttons h3,
.header-with-buttons h4 {
  display: inline-block;
  margin-right: 30px;
}
.header-with-buttons a,
.header-with-buttons a:visited,
.header-with-buttons a:hover {
  margin-right: 20px;
  display: inline-block;
}
.header-with-buttons a span,
.header-with-buttons a:visited span,
.header-with-buttons a:hover span {
  display: inline-block;
  padding-right: 5px;
}
.header-sub h2 {
  margin-top: 30px;
}
.clickable {
  cursor: pointer;
  /*prevent selection*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
}
/*Note: 
    container sættes til max-width: 100%;
    Dermed kan containere for de forskellige break points være BREDERE end deres break-point 
    (og bliver dermed i praksis delvis 'fluid' )
*/
.container {
  max-width: 100% !important;
  padding-left: 6%;
  padding-right: 6%;
}
.container.no-padding {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
@media (min-width: 439px) {
  .container.no-padding-xs {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 727px) {
  .container.no-padding-sm {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 951px) {
  .container.no-padding-md {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 1240px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
  .container.padding-xl-only {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.nn5-sidebar-content {
  border-right: 1px solid black;
}
.nn5-sidebar-content a {
  display: block;
  text-transform: uppercase;
}
.nn5-sidebar-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nn5-sidebar-content ul li a {
  display: block;
  letter-spacing: 0.2px;
  padding: 12px 0 12px 12px;
  margin: 0 10px 0 10px;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}
.nn5-sidebar-content ul li a.lvl2 {
  margin-left: 20px;
}
.nn5-sidebar-content ul li a:active {
  color: white;
  background-color: black;
}
/* override container padding */
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 360px) {
  .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 360px) {
  .container-fluid {
    /*max-width: 1200px;*/
  }
}
.input-sm {
  border-radius: 0 !important;
  border-color: black !important;
}
#menu-button,
#menu-close-button {
  cursor: pointer;
}
#menu-button:before,
#menu-close-button:before {
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#menu-button:before {
  font-family: 'Glyphicons Halflings';
  content: "\e236";
}
#menu-close-button {
  padding: 12px 12px 5px 0;
  text-align: right;
  font-size: 20px;
}
#menu-close-button:before {
  font-weight: bold;
  content: "×";
}
#top-menu-outer-lg-space {
  background-color: transparent;
  width: 100%;
  z-index: -100;
  height: 111px;
}
@media (min-width: 992px) {
  #top-menu-outer-lg-space {
    height: 132px;
  }
}
#top-menu-outer-lg {
  position: fixed;
  width: 100%;
  background-color: transparent;
  z-index: 900;
  border-bottom: 1px solid transparent;
  padding: 30px 0 30px 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#top-menu-outer-lg.scrolled {
  background-color: white;
  padding: 0 0 15px 0;
  /*border-bottom: 1px solid black;*/
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}
#top-menu-outer-sm {
  position: fixed;
  top: 0;
  background-color: transparent;
  width: 100%;
  padding-bottom: 10px;
  z-index: 900;
  border-bottom: 1px solid transparent;
  /*.transition-all();*/
}
#top-menu-outer-sm.scrolled {
  background-color: white;
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}
#top-menu-outer-sm-space {
  height: 51px;
}
.top-menu-container {
  position: relative;
  z-index: 900;
}
.top-menu-container a:hover {
  text-decoration: none;
}
.top-menu-container .back-to-top-icon {
  display: inline-block;
}
.top-menu-container .back-to-top-icon:before {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e260";
  /*"\e113";*/
  margin-right: 0;
}
.top-menu-sm {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.top-menu-sm img {
  width: auto;
  height: 45px;
  display: inline-block;
  cursor: pointer;
  margin-top: 20px;
}
.top-menu-sm .back-to-top-icon {
  float: right;
  cursor: pointer;
  width: 35px;
  padding-top: 10px;
}
.top-menu-sm .back-to-top-icon:before {
  position: relative;
  top: 0;
  font-size: 20px;
}
#top-menu-outer-sm .back-to-top-icon {
  display: none;
}
#top-menu-outer-sm .search-icon {
  display: block;
}
@media (min-width: 480px) {
  #top-menu-outer-sm img {
    margin-left: 35px;
    height: 70px;
  }
}
#top-menu-outer-sm.scrolled img {
  margin-left: 35px;
  height: 33px;
}
#top-menu-outer-sm.scrolled .back-to-top-icon {
  display: block;
}
#top-menu-outer-sm.scrolled .search-icon {
  display: none;
}
.top-menu-lg {
  text-align: center;
}
.top-menu-lg img {
  /*1088x218*/
  position: relative;
  top: 5px;
  width: auto;
  height: 109px;
  /*51px;*/
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  display: inline-block;
}
.top-menu-lg ul {
  list-style: none;
  display: inline-block;
  float: right;
  /*position: absolute;
        left: 316px;*/
}
.top-menu-lg ul li {
  display: inline-block;
}
.top-menu-lg ul li a,
.top-menu-lg ul li a:visited {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 20px;
  text-decoration: none;
  margin-top: 24px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.top-menu-lg ul li .search-icon {
  cursor: pointer;
  position: relative;
  top: 2px;
  margin-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.top-menu-lg ul li .search-icon:before {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.top-menu-lg ul li.menu-hilite a {
  color: black;
}
.top-menu-lg .back-to-top-icon {
  width: 0;
  overflow: hidden;
  float: right;
  display: none;
  /*.transition-all();*/
}
.top-menu-lg.scrolled {
  margin-top: 5px;
  padding-top: 0;
}
.top-menu-lg.scrolled img {
  left: 0;
  top: 7px;
  width: auto;
  height: 35.133px;
}
.top-menu-lg.scrolled li a {
  font-size: 12px;
  margin-top: 17px;
  padding-bottom: 1px;
}
.top-menu-lg.scrolled .search-icon:before {
  font-size: 12px;
}
.top-menu-lg.scrolled .back-to-top-icon {
  margin-left: 25px;
  width: auto;
  float: right;
  padding-top: 18px;
  display: inline-block;
}
.top-menu-lg.scrolled .back-to-top-icon:before {
  font-size: 20px;
  /*top: 4px;*/
}
@media (min-width: 992px) {
  .top-menu-lg {
    padding-top: 20px;
  }
  .top-menu-lg img {
    height: 109px;
    /*51px;*/
    top: 0;
  }
  .top-menu-lg ul li {
    display: inline-block;
  }
  .top-menu-lg ul li a,
  .top-menu-lg ul li a:visited {
    margin-right: 30px;
  }
}
#default-page .top-spacer {
  height: 100px;
}
#default-page hr {
  color: black;
  border-color: black;
  margin: 70px 0 70px 0;
}
#default-page .address-line {
  font-size: 1.1em;
  line-height: 1.3em;
  text-align: center;
  margin-top: 20px;
}
#default-page .address-line span {
  display: block;
}
#default-page .image-list {
  text-align: center;
}
#default-page .image-list img {
  height: 70px;
  width: auto;
}
#default-page .info-text {
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: center;
}
#default-page .footer-casaduo {
  text-align: center;
}
#default-page .footer-casaduo img {
  width: 272px;
  height: auto;
  margin-bottom: 30px;
}
#default-page .left-container {
  text-align: center;
}
#default-page .mid-container {
  text-align: center;
}
#default-page .mid-container img {
  height: 300px;
  width: auto;
  margin-bottom: 20px;
}
#default-page .right-container {
  text-align: center;
}
#default-page .footer-header {
  font-size: 20px;
}
@media (min-width: 480px) {
  #default-page .address-line {
    font-size: 1.5em;
    line-height: 1.5em;
    margin-top: 20px;
  }
  #default-page .address-line span {
    display: block;
  }
  #default-page .info-text {
    font-size: 1.5em;
    line-height: 2em;
  }
}
@media (min-width: 768px) {
  #default-page .top-spacer {
    height: 170px;
  }
  #default-page .address-line span {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
  }
  #default-page .image-list img {
    height: 130px;
  }
  #default-page .left-container {
    text-align: right;
  }
  #default-page .mid-container {
    text-align: center;
    padding: 0 30px 0 30px;
  }
  #default-page .mid-container img {
    height: auto;
    width: 100%;
  }
  #default-page .right-container {
    text-align: left;
  }
}