@font-face {
  font-family: 'baskerville_old_faceregular';
  src: url("font/baskerville_old_face-webfont.eot");
  src: url("font/baskerville_old_face-webfont.eot?#iefix") format("embedded-opentype"), url("font/baskerville_old_face-webfont.woff") format("woff"), url("font/baskerville_old_face-webfont.ttf") format("truetype"), url("font/baskerville_old_face-webfont.svg#baskerville_old_faceregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pt_sansregular';
  src: url("font/pts55f-webfont.eot");
  src: url("font/pts55f-webfont.eot?#iefix") format("embedded-opentype"), url("font/pts55f-webfont.woff") format("woff"), url("font/pts55f-webfont.ttf") format("truetype"), url("font/pts55f-webfont.svg#pt_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pt_sansbold';
  src: url("font/pts75f-webfont.eot");
  src: url("font/pts75f-webfont.eot?#iefix") format("embedded-opentype"), url("font/pts75f-webfont.woff") format("woff"), url("font/pts75f-webfont.ttf") format("truetype"), url("font/pts75f-webfont.svg#pt_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* - - - - - - - - - - - - - - - - - - Common Mixins */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

a {
  text-decoration: none;
  outline: none; }

/* - - - - - - - - - - - - - - - - - - Basic Text Styles */
body {
  font-family: "georgia timenewroman";
  font-size: 16px;
  color: #464646; }

h1 {
  font-size: 26px;
  line-height: 26px;
  margin: 0 0 40px 0;
  font-weight: bold; }

h2 {
  font-size: 80px;
  line-height: 0;
  color: #565454;
  font-weight: normal;
  font-family: "baskerville_old_faceregular";
  color: black;
  text-align: center; }

h4 {
  font-size: 16px;
  line-height: 19px;
  font-weight: bold; }

h5 {
  font-size: 11px;
  line-height: 11px;
  margin: 0; }

h6 {
  font-size: 16px;
  line-height: 20px;
  margin: 0; }

p {
  margin: 0 0 20px 0;
  line-height: 20px; }

a {
  color: #464646; }

ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 16px; }
  ul li {
    margin: 0;
    padding: 0;
    line-height: 20px; }
    ul li ul {
      margin: 0; }

ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 24px; }
  ol li {
    margin: 0;
    padding: 0;
    line-height: 20px; }
    ol li ol {
      margin: 0; }

table {
  margin: 0 0 20px 0;
  padding: 0;
  border-collapse: collapse;
  border: 0; }
  table thead tr th {
    padding: 8px;
    border: 0;
    text-align: left; }
  table tbody tr td {
    padding: 8px;
    border: 0; }

.table-list {
  border-top: 1px solid #cccccc; }
  .table-list thead tr th {
    border-bottom: 1px solid #cccccc; }
  .table-list tbody tr td {
    padding: 8px;
    border: 0;
    border-bottom: 1px dotted #cccccc; }
  .table-list tbody tr:nth-of-type(odd) td, .table-list tbody tr.tr-odd td {
    background: #f8f8f8; }

.col12 {
  width: 100%;
  margin: 0 0.521%;
  min-width: 740px;
  display: inline-block; }

@media screen and (max-width: 750px) {
  col12 {
    width: 96.334%;
    margin: 0 1.833%; }

  .col11 {
    width: 88.00067%;
    margin: 0 1.833%; }

  .col10 {
    width: 79.66733%;
    margin: 0 1.833%; }

  .col9 {
    width: 71.334%;
    margin: 0 1.833%; }

  .col8 {
    width: 63.00067%;
    margin: 0 1.833%; }

  .col7 {
    width: 54.66733%;
    margin: 0 1.833%; }

  .col6 {
    width: 46.334%;
    margin: 0 1.833%; }

  .col5 {
    width: 38.00067%;
    margin: 0 1.833%; }

  .col4 {
    width: 29.66733%;
    margin: 0 1.833%; }

  .col3 {
    width: 21.334%;
    margin: 0 1.833%; }

  .col2 {
    width: 13.00067%;
    margin: 0 1.833%; }

  .col1 {
    width: 4.66733%;
    margin: 0 1.833%; }

  .colr {
    float: right;
    margin-right: 0; } }
.wrap {
  max-width: 724px;
  width: 96.334%;
  padding: 0 1.833%; }

/* - - - - - - - - - - - - - - - - - - Head & Menu Styles */
.headclass nav {
  position: relative; }

.menu {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  float: right;
  margin-top: 60px;
  background-color: #051027;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#24304a), to(#051027));
  background-image: -moz-linear-gradient(top, #24304a, #051027);
  background-image: -o-linear-gradient(top, #24304a 0%, #051027 100%);
  background-image: -ms-linear-gradient(top, #24304a 0%, #051027 100%);
  background-image: linear-gradient(top, #24304a 0%, #051027 100%);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-align: center; }
  .menu li {
    width: 196px;
    margin: 5px 0;
    padding: 0;
    display: block; }
    .menu li a {
      text-decoration: none;
      margin: 0;
      color: white;
      display: block;
      height: 35px;
      line-height: 35px;
      width: 196px;
      font-weight: normal;
      font-family: "georgia timenewroman";
      -moz-transition: color linear 0.2s;
      -o-transition: color linear 0.2s;
      -webkit-transition: color linear 0.2s;
      transition: color linear 0.2s;
      font-size: 18px; }

.expand {
  height: 205px;
  overflow: hidden; }

.collap {
  height: 0px;
  overflow: hidden; }

.expanmenu {
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  background: url(img/tablet/bg_collapsed.png);
  width: 40px;
  height: 29px;
  text-indent: -9999px; }

.main {
  min-height: 473px; }

footer .foot p {
  font-size: 12px;
  width: 96%;
  margin-bottom: -5px; }

/* - - - - - - - - - - - - - - - - - - Form Styles */
.contact form .half-set {
  width: 47%; }
  .contact form .half-set input[type="text"], .contact form .half-set input[type="email"], .contact form .half-set textarea {
    width: 100%; }
.contact form .full-set {
  width: 100%; }
  .contact form .full-set input[type="text"], .contact form .full-set input[type="email"], .contact form .full-set textarea {
    width: 100%; }
.contact form input[type="text"], .contact form input[type="email"], .contact form textarea {
  font-size: 13px;
  height: 28px;
  overflow: hidden;
  display: block; }
.contact form textarea {
  height: 143px; }

/* - - - - - - - - - - - - - - - - - - Utility Styles */
.imgl {
  float: left;
  margin: 0 20px 20px 0; }

.imgr {
  float: right;
  margin: 0 0 20px 20px; }

.imgc {
  display: block;
  margin: 0 auto 20px auto; }

.imgb {
  padding: 4px;
  border: 1px solid #cccccc; }

.txtc {
  text-align: center; }

.txtr {
  text-align: right; }

.clear {
  clear: both; }

/* - - - - - - - - - - - - - - - - - - burttons Styles */
button, .link {
  padding: 7px 30px;
  background-color: #051027;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#24304a), to(#051027));
  background-image: -moz-linear-gradient(top, #24304a, #051027);
  background-image: -o-linear-gradient(top, #24304a 0%, #051027 100%);
  background-image: -ms-linear-gradient(top, #24304a 0%, #051027 100%);
  background-image: linear-gradient(top, #24304a 0%, #051027 100%);
  font-size: 18px;
  font-family: "georgia timenewroman";
  text-decoration: underline;
  margin: 30px 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: white;
  border: 0; }
  button:hover, .link:hover {
    background-color: #0b2354;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#35466c), to(#0b2354));
    background-image: -moz-linear-gradient(top, #35466c, #0b2354);
    background-image: -o-linear-gradient(top, #35466c 0%, #0b2354 100%);
    background-image: -ms-linear-gradient(top, #35466c 0%, #0b2354 100%);
    background-image: linear-gradient(top, #35466c 0%, #0b2354 100%); }

/* - - - - - - - - - - - - - - - - - - Utility Styles */
.skrollable {
  /*
   * First-level skrollables are positioned relative to window
   */
  position: fixed;
  /*
   * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
   */
  z-index: 100; }

/*
.skrollable.unrendered {
	display:none !important;
}
*/
.skrollable .skrollable {
  /*
   * Second-level skrollables are positioned relative their parent skrollable
   */
  position: absolute; }

.skrollable .skrollable .skrollable {
  /*
   * Third-level (and below) skrollables are positioned static
   */
  position: static; }

/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsArrowLeft {
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 100;
  text-indent: -9999px; }

.rsArrowRight {
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 100;
  text-indent: -9999px; }

.content-slider-full {
  height: 700px;
  background: black; }

.slidenav .rsArrowLeft {
  right: 43px;
  top: 7px;
  background: url("img/common/arrows_sprites.png") no-repeat 0 0; }
  .slidenav .rsArrowLeft:hover {
    background-position: -56px 0; }
.slidenav .rsArrowRight {
  right: 10px;
  top: 7px;
  background: url("img/common/arrows_sprites.png") no-repeat -28px 0; }
  .slidenav .rsArrowRight:hover {
    background-position: -84px 0; }

.content-slider {
  height: 300px;
  margin-top: 40px; }
  .content-slider .rsArrowLeft {
    left: 0px;
    top: 60px;
    background: url("img/common/arrows_sprites.png") no-repeat 0 -28px; }
    .content-slider .rsArrowLeft:hover {
      background-position: -56px -28px; }
  .content-slider .rsArrowRight {
    right: 0px;
    top: 60px;
    background: url("img/common/arrows_sprites.png") no-repeat -28px -28px; }
    .content-slider .rsArrowRight:hover {
      background-position: -84px -28px; }
  .content-slider .content {
    width: 780px;
    float: none;
    margin: 0 auto; }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
  -webkit-backface-visibility: hidden; }

.grab-cursor {
  cursor: url(grab.png) 8 8, move; }

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif);
  -webkit-backface-visibility: hidden; }

/* - - - - - - - - - - - - - - - - - - HOME TABLET */
.pers, .pers2 {
  z-index: -50; }

.pers {
  width: 376px;
  height: 478;
  margin-top: -393px;
  position: relative;
  z-index: 0;
  float: none;
  display: block;
  background: url(img/tablet/alex_gordon_home-optimised-mobile.png); }

.pers2 {
  width: 414px;
  height: auto;
  position: relative;
  z-index: 0;
  margin: 0 -100px;
  display: block;
  background: url(img/tablet/alex_gordon_thank-optimisedmobile.png) center 0 no-repeat;
  width: 414px;
  height: 415px; }

.imgcenter {
  width: 214px;
  height: 417px;
  margin-top: -414px;
  margin-left: auto;
  margin-right: auto; }

h2 {
  font-size: 60px; }

.welcome {
  height: 536px;
  overflow: hidden; }

.bgdoor {
  height: 536px;
  background: url(img/tablet/bg_home_medium.jpg) center 49px no-repeat;
  z-index: -51;
  background-size: 770px auto;
  -moz-background-size: 770px auto;
  -o-background-size: 770px auto;
  -webkit-background-size: 770px auto;
  -khtml-background-size: 770px auto; }
  @media screen and (min-width: 770px) {
    .bgdoor {
      background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -khtml-background-size: 100% auto; } }

.bgloby {
  height: 620px;
  background: url(img/tablet/bg_thankyou_medium.jpg) center no-repeat;
  background-size: 946px auto;
  -moz-background-size: 946px auto;
  -o-background-size: 946px auto;
  -webkit-background-size: 946px auto;
  -khtml-background-size: 946px auto; }
  @media screen and (min-width: 946px) {
    .bgloby {
      background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -khtml-background-size: 100% auto; } }

.hero {
  width: 347px;
  padding: 15px 20px 0 20px;
  height: 132px;
  position: absolute;
  top: 345px; }
  .hero h1 {
    font-size: 32px;
    line-height: 40px; }
    .hero h1 span {
      font-size: 18px;
      line-height: 18px; }
  .hero .link {
    margin-top: -10px; }

.thank {
  z-index: 100;
  height: 92px;
  width: 370px; }
  .thank h2 {
    font-size: 23px;
    line-height: 32px; }

.bye {
  height: 620px;
  position: relative;
  margin-top: 60px; }

.section .first {
  font-size: 15px; }

.contact {
  height: 750px;
  padding-bottom: 50px; }
  .contact label span {
    display: none; }
  .contact .data-row strong {
    width: 45%; }
  .contact .data-row span {
    width: 50%; }

.find {
  padding-bottom: 0px;
  height: 950px; }
  .find .map {
    width: 97%;
    height: 393px; }
  .find .data-row strong {
    width: 45%; }
  .find .data-row span {
    width: 50%; }

.gallery {
  display: inline-block;
  width: 100%;
  margin: 0; }
  .gallery li {
    margin: 0 1% 20px 1%;
    height: 260px;
    width: 23%;
    display: inline-block;
    font-size: 13px; }
    .gallery li strong {
      width: 100%;
      display: inline-block; }
    .gallery li span {
      font-size: 12px; }
    .gallery li img {
      margin-bottom: 10px;
      max-width: 100%;
      height: auto; }

.thank {
  position: absolute;
  bottom: 35px;
  z-index: 100; }

.slid-gallery {
  height: 525px; }
  .slid-gallery .slidenav {
    top: -510px;
    right: 10px; }
  .slid-gallery .panel {
    bottom: 0px;
    position: absolute; }

.content-slider-full {
  height: 525px;
  background: black; }

.panel {
  width: 58.33333%;
  padding: 20px;
  line-height: 20px;
  font-size: 14px; }
  .panel strong {
    font-size: 12px;
    line-height: 14px;
    padding-top: 10px; }
  .panel span {
    font-size: 10px;
    line-height: 14px; }

.content {
  float: none; }
  .content p {
    margin: 0 0 20px 5%;
    width: 50%;
    font-size: 12px;
    float: right; }
    .content p strong {
      font-size: 15px; }
  .content img {
    float: left;
    border: solid 10px white;
    -moz-box-shadow: 4px 4px 4px #999999;
    -o-box-shadow: 4px 4px 4px #999999;
    -webkit-box-shadow: 4px 4px 4px #999999;
    box-shadow: 4px 4px 4px #999999;
    width: 40%;
    height: auto; }

.content-slider .content {
  width: 85%; }

.firm .col6 img {
  height: 65px;
  width: auto;
  margin-right: 0px;
  margin-top: 10px; }

.mask {
  display: none; }

footer {
  border-top: solid 20px black; }

html {
  height: auto; }