/* ####################################################### */

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
}

html {
  box-sizing: border-box;
}

/* ################## font declarations ################## */

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-ExtraBold.eot');
  src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-ExtraBold.woff') format('woff'),
       url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
       url('fonts/OpenSans-ExtraBold.svg') format('svg');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Semibold.eot');
  src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Semibold.woff') format('woff'),
       url('fonts/OpenSans-Semibold.ttf') format('truetype'),
       url('fonts/OpenSans-Semibold.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Bold.eot');
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Bold.woff') format('woff'),
       url('fonts/OpenSans-Bold.ttf') format('truetype'),
       url('fonts/OpenSans-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Light.eot');
  src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Light.woff') format('woff'),
       url('fonts/OpenSans-Light.ttf') format('truetype'),
       url('fonts/OpenSans-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bryantlight_alternate';
  src: url('fonts/Bryant-LightAlternate.woff2') format('woff2'),
       url('fonts/Bryant-LightAlternate.woff') format('woff'),
       url('fonts/Bryant-LightAlternate.ttf') format('truetype'),
       url('fonts/Bryant-LightAlternate.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('fonts/SourceSansPro-Bold.eot');
  src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/SourceSansPro-Bold.woff') format('woff'),
       url('fonts/SourceSansPro-Bold.ttf') format('truetype'),
       url('fonts/SourceSansPro-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}

/* ####################### general ####################### */

*, *:before, *:after {
  box-sizing: inherit;
}

div, span, a {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  border: 0px;
}

ul {
  padding-right: 10px;
}

b {
  font-weight: 600;
}

a {
  font-family: inherit;
  font-weight: normal;
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

/* ####################### headings ###################### */

h1 {
  margin: 0;
  padding: 0;
  font-family: 'bryantlight_alternate', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 48px;
  color: #575757;
}

h1.jumbo {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 92px;
}

h1.block-title {
  font-size: 48px;
  line-height: 46px;
}

h2 {
  margin: 0;
  padding: 0;
  font-family: 'bryantlight_alternate', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #575757;
}

h3 {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #575757;
}

h3.weremad {
  margin: 0;
  padding: 0;
  font-family: 'bryantlight_alternate', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #575757;
}

/* ##################### menu items ###################### */

#darkoverlay {
  position: fixed;
  z-index: 850;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #252525;
  display: none;
}

#side-menu-container {
  position: fixed;
  z-index: 900;
  top: 0%;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #252525;
}

.openmenu {
  width: 70px;
  height: 70px;
  background: url(menuopen.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: 3px solid #67c7c6;
  border-radius: 50%;
  cursor: pointer;
}

#closemenu {
  position: fixed;
  z-index: 999;
  top: 13px;
  width: 70px;
  height: 70px;
  background: url(menuclose.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: 3px solid #1fc08e;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

/* ###################### photo area ##################### */

#photo-container {
  position: relative;
  width: 100%;
  height: 540px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  margin-top: 65px;
}

#photo-area {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 540px;
  overflow: hidden;
  z-index: 0;
}

#photo-area div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 540px;
  z-index: 1;
}

#photo-area div.active {
  z-index: 3;
}

#photo-area-ipad {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 540px;
  overflow: hidden;
  z-index: 0;
}

#photo-area-ipad div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 540px;
  z-index: 1;
}

#photo-area-ipad div.active {
  z-index: 3;
}

.photo-area-overlay {
  position: absolute;
  left: 0px;
  bottom: -2px;
  width: 100%;
  height: 545px;
}

/* ###################### home areas ##################### */

.home-number-stats {
  margin: 0px 5px 0px 5px;
  padding: 15px 8px 15px 8px;
  width: 250px;
  height: 325px;
  display: inline-block;
  vertical-align: top;
}

.home-weremad-icons {
  margin: 25px 20px 10px 20px;
  padding: 8px 10px 8px 10px;
  width: 250px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  cursor: pointer;
}

.home-weremad-icons:hover {
  color: #38c6f1;
}

#homephotobg {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  background: url(home_scotland_bg.jpg) center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  padding: 0;
}

.homephotobginner {
  height: 350px;
}

.homephotobgshield {
  width: 280px;
  height: 280px;
}

/* #################### content area ##################### */

.content {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #575757;
}

.content-padding {
  padding-top: 15px;
  padding-left: 35px;
  padding-right: 35px;
}

.mad-text {
  width: 479px;
  height: 150px;
}

.people-icons {
  margin: 0px 5px 0px 5px;
  padding: 15px 8px 15px 8px;
  width: 200px;
  display: inline-block;
  vertical-align: top;
}

.contentphoto {
  position: relative;
  width: 375px;
  height: 250px;
  margin: 25px 20px 10px 20px;
  display: inline-block;
  border: 2px solid #38c6f1;
  overflow: hidden;
}

.contentlist {
  max-width: 750px;
  text-align: justify;
  margin-top: 5px;
  margin-bottom: 35px;
  line-height: 22px;
}

.galleryblock {
  margin: 25px 20px 10px 20px;
  width: 500px;
  height: 350px;
  display: inline-block;
  vertical-align: top;
}

.galleryblockinner {
  width: 500px;
  height: 350px;
}

.sitemaptree {
  max-width: 500px;
  text-align: justify;
  line-height: 30px;
}

/* ##################### footer area ##################### */

#fullfooter {
  width: 100%;
  display: block;
}

#midfooter, #mobilefooter {
  width: 100%;
  display: none;
}

.footer {
  text-align: left;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  padding-top: 10px;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#fullcopyright {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  display: block;
}

#midcopyright, #mobilecopyright {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  display: none;
}

a.eighteenthree {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

a.eighteenthree:hover {
  color: #fff;
  text-decoration: underline;
}

/* ################### tables and forms ################## */

.tablewidth {
  width: 750px;
}

.inputwidth {
  width: 740px;
}

.tablewidth2 {
  width: 690px;
}

.inputwidth2 {
  width: 680px;
}

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.formtitle {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #151515;
}

.forminput {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #151515;
  background: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.formtextarea {
  overflow: auto;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #151515;
  background: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.form-btn, .form-btn:hover {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #151515;
  background: #fff;
  border: 0px;
  border-radius: 0px;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* #################### media queries #################### */

@media screen and (min-width:1201px) {
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:none; }
  #topmenu { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-small { display:none; }
  .topmenuwidth { width:100%; }
  topmenu-cell1 { width:50%; }
  topmenu-cell2 { width:50%; }
  #headerlogo { height:62px; }
  .headerlogo-mobile { height:62px; }
  .openmenu { width:70px; height:70px; }
  #closemenu { top:13px; width:70px; height:70px; }
  #photo-container { height:540px; margin-top:65px; }
  #photo-area, #photo-area div, #photo-area-ipad, #photo-area-ipad div, .photo-area-overlay { height:540px; }
  #homephotobg, .homephotobginner { height:350px; }
  .photologo { margin-top:80px; }
  #mainlogo { height:280px; }
  #fullfooter { display:block; }
  #midfooter { display:none; }
  #mobilefooter { display:none; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .homephotobgshield { width:280px; height:280px; }
  .mad-text { width:479px; height:150px; }
  .galleryblock, .galleryblockinner { width:500px; height:350px; }
}

@media screen and (min-width:1021px) and (max-width:1200px) {
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:none; }
  #topmenu { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-small { display:none; }
  .topmenuwidth { width:100%; }
  topmenu-cell1 { width:50%; }
  topmenu-cell2 { width:50%; }
  #headerlogo { height:62px; }
  .headerlogo-mobile { height:62px; }
  .openmenu { width:70px; height:70px; }
  #closemenu { top:13px; width:70px; height:70px; }
  #photo-container { height:500px; margin-top:65px; }
  #photo-area, #photo-area div, #photo-area-ipad, #photo-area-ipad div, .photo-area-overlay { height:500px; }
  #homephotobg, .homephotobginner { height:350px; }
  .photologo { margin-top:90px; }
  #mainlogo { height:250px; }
  #fullfooter { display:block; }
  #midfooter { display:none; }
  #mobilefooter { display:none; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .homephotobgshield { width:280px; height:280px; }
  .mad-text { width:479px; height:150px; }
  .galleryblock, .galleryblockinner { width:500px; height:350px; }
}

@media screen and (min-width:981px) and (max-width:1020px) {
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:none; }
  #topmenu { display:block; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-small { display:none; }
  .topmenuwidth { width:100%; }
  topmenu-cell1 { width:48%; }
  topmenu-cell2 { width:52%; }
  #headerlogo { height:52px; }
  .headerlogo-mobile { height:62px; }
  .openmenu { width:70px; height:70px; }
  #closemenu { top:13px; width:70px; height:70px; }
  #photo-container { height:475px; margin-top:65px; }
  #photo-area, #photo-area div, #photo-area-ipad, #photo-area-ipad div, .photo-area-overlay { height:475px; }
  #homephotobg, .homephotobginner { height:350px; }
  .photologo { margin-top:90px; }
  #mainlogo { height:250px; }
  #fullfooter { display:block; }
  #midfooter { display:none; }
  #mobilefooter { display:none; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .homephotobgshield { width:280px; height:280px; }
  .mad-text { width:479px; height:150px; }
  .galleryblock, .galleryblockinner { width:500px; height:350px; }
}

@media screen and (min-width:801px) and (max-width:980px) {
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:block; }
  #topmenu-mobile-small { display:none; }
  .topmenuwidth { width:100%; }
  topmenu-cell1 { width:30%; }
  topmenu-cell2 { width:70%; }
  #headerlogo { height:52px; }
  .headerlogo-mobile { height:67px; }
  .openmenu { width:60px; height:60px; }
  #closemenu { top:18px; width:60px; height:60px; }
  #photo-container { height:420px; margin-top:95px; }
  #photo-area, #photo-area div, #photo-area-ipad, #photo-area-ipad div, .photo-area-overlay { height:420px; }
  #homephotobg, .homephotobginner { height:350px; }
  .photologo { margin-top:80px; }
  #mainlogo { height:225px; }
  .tablewidth { width:600px; }
  .inputwidth { width:590px; }
  .tablewidth2 { width:540px; }
  .inputwidth2 { width:530px; }
  #fullfooter { display:none; }
  #midfooter { display:block; }
  #mobilefooter { display:none; }
  #fullcopyright { display:block; }
  #midcopyright { display:none; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:35px; padding-right:35px; }
  .homephotobgshield { width:250px; height:250px; }
  .mad-text { width:479px; height:150px; }
  .galleryblock, .galleryblockinner { width:400px; height:280px; }
}

@media screen and (min-width:651px) and (max-width:800px) {
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:block; }
  #topmenu-mobile-small { display:none; }
  .topmenuwidth { width:100%; }
  topmenu-cell1 { width:30%; }
  topmenu-cell2 { width:70%; }
  #headerlogo { height:52px; }
  .headerlogo-mobile { height:62px; }
  .openmenu { width:55px; height:55px; }
  #closemenu { top:23px; width:55px; height:55px; }
  #photo-container { height:370px; margin-top:95px; }
  #photo-area, #photo-area div, #photo-area-ipad, #photo-area-ipad div, .photo-area-overlay { height:370px; }
  #homephotobg, .homephotobginner { height:300px; }
  .photologo { margin-top:55px; }
  #mainlogo { height:225px; }
  .tablewidth { width:380px; }
  .inputwidth { width:370px; }
  .tablewidth2 { width:320px; }
  .inputwidth2 { width:310px; }
  #fullfooter { display:none; }
  #midfooter { display:block; }
  #mobilefooter { display:none; }
  #fullcopyright { display:none; }
  #midcopyright { display:block; }
  #mobilecopyright { display:none; }
  .content-padding { padding-left:30px; padding-right:30px; }
  .homephotobgshield { width:220px; height:220px; }
  .mad-text { width:400px; height:125px; }
  .galleryblock, .galleryblockinner { width:350px; height:245px; }
}

@media screen and (max-width:650px) {
  #sidemenu, #darkoverlaycontainer, #closemenucontainer { display:block; }
  #topmenu { display:none; }
  #topmenu-mobile { display:none; }
  #topmenu-mobile-small { display:block; }
  .topmenuwidth { width:100%; }
  topmenu-cell1 { width:30%; }
  topmenu-cell2 { width:70%; }
  #headerlogo { height:52px; }
  .headerlogo-mobile { height:58px; }
  .openmenu { width:50px; height:50px; }
  #closemenu { top:23px; width:50px; height:50px; }
  #photo-container { height:345px; margin-top:95px; }
  #photo-area, #photo-area div, #photo-area-ipad, #photo-area-ipad div, .photo-area-overlay { height:345px; }
  #homephotobg, .homephotobginner { height:280px; }
  .photologo { margin-top:75px; }
  #mainlogo { height:150px; }
  .tablewidth { width:320px; }
  .inputwidth { width:310px; }
  .tablewidth2 { width:260px; }
  .inputwidth2 { width:250px; }
  #fullfooter { display:none; }
  #midfooter { display:none; }
  #mobilefooter { display:block; }
  #fullcopyright { display:none; }
  #midcopyright { display:none; }
  #mobilecopyright { display:block; }
  .content-padding { padding-left:25px; padding-right:25px; }
  .homephotobgshield { width:200px; height:200px; }
  .mad-text { width:300px; height:93px; }
  .galleryblock, .galleryblockinner { width:250px; height:175px; }
  .contentphoto { width:300px; height:200px; }
}

/* ######################################################### */