@font-face {
  font-family: 'Gotham Book';
  src: url('fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Book.woff') format('woff'), /* Modern Browsers */
       url('fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Book.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Gotham Medium';
  src: url('fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
       url('fonts/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Medium.svg#0fbe3a09622d8fb1f474f00917396ba1') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}
.subscribeWrap h2{
font-size: 15px;
    line-height: 20px;
}

html ,
html a {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

  -webkit-font-smoothing: antialiased;
}


.socialWrap.text-center {
    z-index: 999;
}


body {
  font-family: 'Gotham Book', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: #1f3246;
  background: #f7f6f0;
}

.container {
  padding: 20px 20px 50px 20px;
}



/* TYPE */

h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
  font-family: 'Gotham Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;

  letter-spacing: 1px;
  text-transform: uppercase;
}

h2 {
  font-size: 15px;
}

h3 {
  font-size: 11px;
}

p ,
a {
  font-size: 11px;

  letter-spacing: 1px;
  text-transform: uppercase;
}


a ,
a:visited {
  line-height: 14px;

  text-decoration: none;

  color: #1f3246;
}

a:hover ,
a:focus {
  color: #79c4b8;
}

.text-center {
  text-align: center;
}




/* TRANSITIONS */
a ,
a:visited ,
a:hover ,
a:focus ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
.balloon ,
a:hover svg.balloon path ,
a svg.balloon path ,
a:hover h3 ,
input[type=submit] ,
input[type=submit]:hover ,
a.social:hover svg path ,
a.social svg path {
  transition: all 250ms ease-out;
}


/* FORMS */
input ,
input[type=text] ,
input[type=email] ,
select ,
textarea {
  font-size: 10px;
  line-height: 25px;

  height: 25px;
  margin: 0 0 5px 0;

  border: none;
  background: white;
  box-shadow: none;
}

select {
  padding: 0 0.5rem;

  background: #fff url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'11.513\' height=\'5.759\' ><polyline fill=\'#dbdad5\' points=\'11.513,0 5.758,5.759 0,0.003\'/></svg>') no-repeat;
  background-position: 98%;
}


textarea {
  height: 100px;
}

input[type=submit], .content a {
  padding: 0 0.5rem;

  color: #fff;
  background: #abaaa6;
}

input[type=submit]:hover, .content a:hover {
  background: #1f3246;
}
.content a {
    padding-top: 5px;
    padding-bottom: 5px;
}

input[type=submit].success {
  background: #79c4b8;
}

input[type=submit].error {
  background: #c17878;
}




/* ADDRESS */
.address {
  line-height: 18px;

  padding-top: 30px;
}

.address a {
  font-size: 10px;
}



/* APPOINTMENT BUBBLE */
.illustrationsAppointment {
  position: relative;

  padding: 20px 0 0 0;
}

.illustrationsAppointment h3 {
  position: absolute;
  z-index: 2;
  top: 40px;
  left: 160px;
}

.illustrationsAppointment .balloon {
  position: absolute;
  top: 10px;
  left: 130px;

  width: 136px;
}

.illustrationsAppointment a:hover svg.balloon path,.subscribeWrap a:hover svg.balloon path {
  fill: #1f3246;
}

.illustrationsAppointment a:hover h3,.subscribeWrap a:hover h2 {
  color: #f7f6f0;
}


/* BOOK BUBBLE */
.bookclass {
  position: relative;

  padding: 20px 0 0 0;
}

.bookclass h3 {
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 160px;
}

.bookclass .balloon {
  position: absolute;
  top: 10px;
  left: 130px;

  width: 136px;
}

.bookclass a:hover svg.balloon path {
  fill: #1f3246;
}

.bookclass a:hover h3 {
  color: #f7f6f0;
}

/* CONTENT */

.content {
  padding: 20px 0 0 0;
}



/* SOCIAL */

.socialWrap {
  padding: 20px 0 0 0;
}
a.social {
  padding: 20px 5px;
}

a.social:hover svg path {
  fill: #1f3246;
}



/*********************
MEDIA QUERIES
*********************/

@media only screen and (min-width: 64.063em) and (min-height: 800px) {


.container {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }


}

    




/******************************************************************
Stylesheet: Medium Stylesheet
******************************************************************/
@media only screen and (min-width: 40.063em) {
  .text-center-medium {
    text-align: center;
  }

  .address a {
    font-size: 16px;
    line-height: 24px;
  }

  .logo img {
    margin: 0 auto;
  }

  .row.forms {
    padding: 20px 0 0 0;
  }
}

@media only screen and (max-width:1260px) {
.illustrationsAppointment2 {
    background: #1f3246;
    padding: 10px;
    margin-top: -5px;
}
  .illustrationsAppointment2 h3, .illustrationsAppointment2 p {
    color: #fff;
}
}

/******************************************************************
Stylesheet: Large Stylesheet
******************************************************************/
@media only screen and (min-width: 64.063em) {
  /* BREAK THE GRID */
  .columns {
    position: static !important;
  }

  .row {
    max-width: none;
    margin: 0;
  }

  body {
    padding: 20px;
  }

  .container {
    position: relative;

    width: 1200px;
    height: 765px;
    margin: 0 auto;
    padding: 0;
  }


  /* HERO */
  .hero {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;

    width: 665px;
    height: 662px;
    margin: 0 auto;
  }

  /* APPOINTMENT */
  .illustrationsAppointment {
    position: absolute;
    top: 19px;
    left: 734px;
  }

  .illustrationsAppointment h3 {
    font-size: 15px;
    line-height: 20px;

    top: 25px;
    left: 170px;
  }
  .illustrationsAppointment2 h3 {
    font-size: 15px;
    line-height: 20px;

    top: 25px;
    left: 170px;
  }

  .illustrationsAppointment svg.balloon {
    width: 185px;
    height: 120px;
  }



   /* CLASS */
  .bookclass {
    position: absolute;
      top: 150px;
  left: 801px;
  }

  .bookclass h3 {
    font-size: 15px;
    line-height: 20px;

      top: 28px;
  left: 178px;
  width: 122px;
  }

  .bookclass svg.balloon {
    width: 185px;
    height: 120px;
  }


  /* ADDRESS */
  .address {
    position: absolute;
    bottom: 0;

    margin: 0px auto;

    line-height: 24px;
  }


  /* SOCIAL */
  .socialWrap {
    position: absolute;
    bottom: 65px;
    left: 230px;

    width: 141px;
    height: 104px;
  }

  .socialWrap a.social {
    display: inline-block;

    padding: 0 5px;
  }

  .socialWrap .balloon {
    position: absolute;
    z-index: -1;
    top: -18px;
    left: 12px;

    width: 136px;
  }



  /* CONTENT */
  .contentWrap {
    position: absolute;
    top: 0;
    left: 0;

    width: 290px;
    height: 261px;
  }

  .content {
    position: absolute;
      top: 7px;
  left: 42px;

    width: 190px;
  }

  .contentWrap .balloon {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
  }


  /* ENQ FORM */
  .enquiryWrap {
    position: absolute;
    top: 300px;
    right: 0;

    width: 305px;
    height: 306px;
  }

  .enquiryWrap h2 {
    position: absolute;
    top: 25px;
    left: 80px;

    width: 175px;
  }

  .enquiryWrap form {
    position: absolute;
    top: 65px;
    left: 80px;

    width: 175px;
  }

  textarea {
    height: 70px;
  }

  .enquiryWrap .balloon {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
  }



  /* SUB FORM */
  .subscribeWrap {
    position: absolute;
    top: 400px;
    left: 0;

    width: 244px;
    height: 160px;
  }

  .subscribeWrap h2 {
    position: absolute;
    top: 15px;
    left: 20px;

    width: 175px;
  }

  .subscribeWrap form {
    position: absolute;
    top: 55px;
    left: 20px;

    width: 175px;
  }

  .subscribeWrap form input[type='submit'] {
    float: right;
  }

  .subscribeWrap .balloon {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
  }
}


@media print {
  /******************************************************************
Stylesheet: Print Stylesheet
******************************************************************/
  * {
    color: black !important;
    background: transparent !important;
    text-shadow: none !important;

    -webkit-filter: none !important;
        -ms-filter: none !important; 
            filter: none !important;
  } a ,
  a:visited {
    text-decoration: underline; 

    color: #444 !important;
  } a:after ,
  a:visited:after {
    content: ' (' attr(href) ')';
  } a abbr[title]:after ,
  a:visited abbr[title]:after {
    content: ' (' attr(title) ')';
  } .ir a:after ,
  a[href^='javascript:']:after ,
  a[href^='#']:after {
    content: '';
  } pre ,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  } thead {
    display: table-header-group;
  } tr ,
  img {
    page-break-inside: avoid;
  } img {
    max-width: 100% !important;
  } @page {
    margin: 0.5cm;
  } p ,
  h2 ,
  h3 {
    orphans: 3;
    widows: 3;
  } h2 ,
  h3 {
    page-break-after: avoid;
  } .sidebar ,
  .page-navigation ,
  .wp-prev-next ,
  .respond-form ,
  nav {
    display: none;
  }
}