/* ---------------------------------------------- *  Big Mama Styles!  Here we collate all of our partials into one file ready to be processed and generate that  beautiful CSS.\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Susy ...................................... 1.0.  - Breakpoint ................................ 2.0.  - Modular Scale ............................. 3.0.  - Mixins .................................... 4.0.  - Variables ................................. 5.0.  - Reset ..................................... 6.0.  - Base ...................................... 7.0.  - Grid ...................................... 8.0.  - Typography ................................ 9.0.  - Nav ...................................... 10.0.  - Header ................................... 11.0.  - Content .................................. 12.0.  - Footer ................................... 13.0.*//* -----------------------------------------  1.0. Susy----------------------------------------- *//* -----------------------------------------  2.0. Breakpoint----------------------------------------- *//* -----------------------------------------  3.0. Modular Scale----------------------------------------- *//* -----------------------------------------  4.0. Mixins----------------------------------------- *//* -----------------------------------------  5.0. Variables----------------------------------------- */@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,300,200,500,600,700,900,800|Cinzel:400,700,900|Arimo:400,700,400italic,700italic|Droid+Serif:400,700,700italic,400italic);@font-face {  font-family: 'icomoon';  src: url("/sunhill-lodges-co-uk/_img/fonts/icomoon.eot?o570h0");  src: url("/sunhill-lodges-co-uk/_img/fonts/icomoon.eot?o570h0#iefix") format("embedded-opentype"), url("/sunhill-lodges-co-uk/_img/fonts/icomoon.ttf?o570h0") format("truetype"), url("/sunhill-lodges-co-uk/_img/fonts/icomoon.woff?o570h0") format("woff"), url("/sunhill-lodges-co-uk/_img/fonts/icomoon.svg?o570h0#icomoon") format("svg");  font-weight: normal;  font-style: normal; }[class^="icon-"], [class*=" icon-"] {  /* use !important to prevent issues with browser extensions that change fonts */  font-family: 'icomoon' !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }.icon-close:before {  content: "\e209"; }.icon-expand_more:before {  content: "\e20b"; }.icon-menu:before {  content: "\e20e"; }.icon-chevron-thin-down:before {  content: "\e900"; }.icon-twitter:before {  content: "\f099"; }.icon-facebook:before {  content: "\f09a"; }.icon-play_circle_filled:before {  content: "\e01c"; }/* -----------------------------------------  6.0. Reset----------------------------------------- *//* ---------------------------------------------- *  Partial: reset  Reset the fuck out of everything. Phwouah!\* ---------------------------------------------- */* {  box-sizing: border-box; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }html, body {  height: 100%; }a img {  border: none; }blockquote {  quotes: none; }blockquote:before, blockquote:after {  content: '';  content: none; }table {  border-collapse: collapse;  border-spacing: 0; }caption, th, td {  text-align: left;  font-weight: normal;  vertical-align: middle; }/* -----------------------------------------  7.0. Base----------------------------------------- *//* ---------------------------------------------- *  Partial: base  Here you place the base defaults to any project\* ---------------------------------------------- */*,*:before,*:after {  box-sizing: border-box; }html {  font-size: 100%;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;          text-size-adjust: 100%; }body {  color: #2f2f2f;  font-family: "Raleway", sans-serif;  font-size: 16px;  line-height: 1.6;  display: block; }body:after {  content: "";  position: fixed;  z-index: 100;  background: #FFFFFF;  left: 0;  right: 0;  height: 8px; }body:after {  bottom: 0; }site {  max-width: 2600px;  position: relative;  display: block;  margin: 0 auto; }body {  border-left: 8px solid #FFFFFF;  border-right: 8px solid #FFFFFF;  position: relative; }html,body {  height: 100%;  min-height: 100%; }small {  font-size: 0.85em; }ul li {  list-style: none; }ol li {  list-style: none; }img,object,embed {  height: auto;  max-width: 100%; }blockquote {  background: #e3e3e3;  color: #FFFFFF;  font-size: 1.1em;  font-style: italic;  margin: 0 0 1.250em 1.250em;  padding: 0.625em 1.250em 1.250em; }  blockquote p:last-child {    margin-bottom: 0; }/*********************************************  - 2.0 -  LINKS*********************************************//* - 2.1. - BASE LINK STYLES  ------------------------------------------ */a {  color: #FFFFFF;  cursor: pointer;  text-decoration: none;  /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ }  .small-container a {    color: #2f2f2f; }    .small-container a:hover {      color: #2f2f2f; }    .small-container a:focus {      color: #2f2f2f; }  a:hover {    color: #FFFFFF; }  a:focus {    color: #FFFFFF; }  a:focus, a:active {    outline: none; }/* - 2.2. - HEADER LINKS   ------------------------------------------ */h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {  color: #FFFFFF; }/*********************************************  - 3.0 -  Helpers*********************************************/.hide {  display: none; }.caps {  text-transform: uppercase; }.center-align {  text-align: center; }.right-align {  text-align: right; }.vertical-align {  position: relative; }  .vertical-align .middle {    position: absolute;    top: 50%;    left: 0;    right: 0;    padding: 0 10%;    text-align: center;    -webkit-transform: translateY(-50%);            transform: translateY(-50%); }.brown {  background: #a1855f;  color: #FFFFFF; }b,strong,.bold {  font-weight: 600; }.ratio {  background-position: 50% 50%;  background-size: contain;  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  display: block;  width: 100%;  padding-top: 67%; }.loadable {  transition: opacity 1s 0.5s;  opacity: 0; }.loadable.loaded {  opacity: 1; }.previewFrame .banner .slide {  height: 300px; }.previewFrame .half-banner .slide {  height: 300px; }.previewFrame .loadable {  opacity: 1 !important; }.previewFrame .caption {  display: block !important; }.small-container ul li {  list-style-type: disc;  list-style-position: inside; }/* -----------------------------------------  8.0. Grid----------------------------------------- *//* ---------------------------------------------- *  Partial: grid  We're using Susy. Please visit http://susy.readthedocs.org/en/latest/install/  Due to using Susy, we're going to need the Ruby gems installed. Please a see a guide here: [TBD].  Usage  =====\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Global defaults     ............................. 1.0.  - Grid makeup         ............................. 2.0.*//* ---------------------------------------------- *  1.0 Global defaults\* ---------------------------------------------- *//* ---------------------------------------------- *  1.0 Grid makeup\* ---------------------------------------------- */.contain {  max-width: 100%;  margin-left: auto;  margin-right: auto;  padding: 0 1.60181em; }  .contain:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 75em) {    .contain {      padding: 0; } }  .contain--table {    display: table;    width: 100%;    max-width: 2600px;    margin: 0 auto; }.half {  position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;  border-bottom: 8px solid #FFFFFF; }  .half:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 57.5em) {    .half {      box-sizing: border-box;      width: 50%;      float: left;      padding-left: 1.38889%;      padding-right: 1.38889%; }      .half:first-child {        border-right: 4px solid #FFFFFF;        border-bottom: none; }      .half:nth-child(2) {        border-left: 4px solid #FFFFFF;        border-bottom: none; }      .half.right {        float: right; }        .half.right:first-child {          border-left: 4px solid #FFFFFF;          border-right: none;          border-bottom: none; }        .half.right:nth-child(2) {          border-right: 4px solid #FFFFFF;          border-left: none;          border-bottom: none; } }.small-container {  max-width: 1200px;  margin-left: auto;  margin-right: auto;  padding: 50px 1.60181em; }  .small-container * {    text-align: center; }    @media (min-width: 64.0625em) {      .small-container * {        text-align: left; } }  .small-container:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 75em) {    .small-container {      padding: 100px 1.60181em; } }/* -----------------------------------------  9.0. Typography----------------------------------------- *//* ---------------------------------------------- *  Partial: typography  I set all typographic styles here. First we list our variables such as fonts (maybe we're using some @font-face) and  additionally and maps we might want to use. Then we specificy the typographic scales we want.\* ---------------------------------------------- */h1,h2,h3,h4,h5,h6 {  font-family: "Raleway", sans-serif;  text-transform: uppercase;  margin-bottom: 0.5em; }h1 {  font-weight: 300;  font-size: 1.60181em; }  @media (min-width: 40em) {    h1 {      font-size: 2.02729em; } }  @media (min-width: 57.5em) {    h1 {      font-size: 2.56578em; } }h2 {  font-size: 1.80203em; }h3 {  font-size: 1.42383em;  font-weight: 600; }h4 {  font-size: 1em; }  @media (min-width: 26.25em) {    h4 {      font-size: 1.26563em; } }  @media (min-width: 30em) {    h4 {      font-size: 1.42383em; } }  @media (min-width: 64.0625em) {    h4 {      font-size: 1.60181em; } }h5 {  font-size: 1.26563em; }h6 {  font-size: 1.125em; }/* -----------------------------------------  10.0. Nav----------------------------------------- */nav.desktop {  width: calc(99% - 400px);  text-align: right;  display: none; }  @media (min-width: 75em) {    nav.desktop {      display: inline-block; } }  nav.desktop > ul {    display: block;    padding-right: 26px; }    nav.desktop > ul > li {      position: relative;      display: inline-block;      vertical-align: middle;      padding: 2.2807em 0.25em;      font-size: 1em; }      @media (min-width: 78.125em) {        nav.desktop > ul > li {          padding: 2.02729em 0.25em; } }      @media (min-width: 84.375em) {        nav.desktop > ul > li {          padding: 2.02729em 0.7em; } }      @media (min-width: 87.5em) {        nav.desktop > ul > li {          padding: 2.02729em 0.8em; } }      .scrolled nav.desktop > ul > li {        padding-top: 0.70233em;        padding-bottom: 0.70233em; }      nav.desktop > ul > li:last-child {        padding-right: 0; }      nav.desktop > ul > li > a {        display: inline;        position: relative;        color: #a1855f;        text-transform: uppercase;        font-weight: 600;        font-size: 0.88889em; }        nav.desktop > ul > li > a:after {          content: "";          position: absolute;          display: block;          height: 1px;          background: #b29c7d;          bottom: 0;          left: 0;          right: 0;          width: 100%;          -webkit-transform: scaleX(0);          transform: scaleX(0);          transition: all 0.3s; }        nav.desktop > ul > li > a:hover:after {          -webkit-transform: scaleX(1);          transform: scaleX(1); }      nav.desktop > ul > li ul {        display: none; }      nav.desktop > ul > li:hover ul {        display: block;        position: absolute;        left: -67%;        right: -67%;        padding: 0;        top: 100%;        max-width: 250px;        margin: 0 auto;        text-align: center;        border-top: 5px solid transparent;        border-bottom: 1px solid rgba(0, 0, 0, 0.1);        border-left: 1px solid rgba(0, 0, 0, 0.1);        border-right: 1px solid rgba(0, 0, 0, 0.1); }        nav.desktop > ul > li:hover ul li {          display: block;          padding: 0;          text-align: center;          background: #FFFFFF;          border-bottom: 1px solid #b29c7d; }          nav.desktop > ul > li:hover ul li:last-child {            border-bottom: none; }          nav.desktop > ul > li:hover ul li a {            padding: 0.88889em 0;            display: block;            color: #a1855f;            text-transform: uppercase;            font-weight: 600;            font-size: 0.79012em;            transition: background-color 0.3s, color 0.6s; }            nav.desktop > ul > li:hover ul li a:hover {              color: #FFFFFF;              background: #a1855f; }nav.mobile {  display: none; }  nav.mobile ul {    text-align: center;    font-weight: 500;    font-size: 1.125em;    text-transform: uppercase; }    nav.mobile ul li {      display: block; }      nav.mobile ul li a {        color: #8c8a8a;        position: relative;        padding: 0.25em 0;        display: block; }      nav.mobile ul li ul {        display: none;        font-size: 0.79012em; }nav.mobile > ul > li:not(.nodiv) > a {  font-size: 1em; }  nav.mobile > ul > li:not(.nodiv) > a:after {    content: "\e20b";    font-family: icomoon;    color: #8c8a8a;    position: absolute;    font-size: 1.26563em;    bottom: 0.1em;    transition: -webkit-transform 0.3s linear;    transition: transform 0.3s linear;    transition: transform 0.3s linear, -webkit-transform 0.3s linear; }    nav.mobile > ul > li:not(.nodiv) > a:after:hover {      cursor: pointer; }  nav.mobile > ul > li:not(.nodiv) > a.up:after {    -webkit-transform: rotate(-180deg);            transform: rotate(-180deg); }.menuButton {  color: #a1855f;  transition: opacity 1s;  position: absolute;  right: 0;  bottom: 0;  padding: 0.275em;  font-size: 2.56578em; }  .menuButton:hover, .menuButton:active {    opacity: 0.6;    color: #a1855f; }  .menuButton:visited, .menuButton:focus {    color: #a1855f;    opacity: 1; }  @media (min-width: 26.25em) {    .menuButton {      padding: 0.35em; } }  @media (min-width: 40em) {    .menuButton {      font-size: 4.10989em; } }  @media (min-width: 75em) {    .menuButton {      display: none; } }  .menuButton.open:before {    content: "\e209"; }.newsletterForm {  max-width: 100%;  margin-left: auto;  margin-right: auto;  padding: 1.125em 0; }  .newsletterForm label {    display: none; }  .newsletterForm:after {    content: " ";    display: block;    clear: both; }  .newsletterForm .inputset,  .newsletterForm .form_submit {    width: 100%; }    @media (min-width: 40em) {      .newsletterForm .inputset,      .newsletterForm .form_submit {        display: inline-block;        width: 24.5%; vertical-align: top;        } }    .newsletterForm .inputset input,    .newsletterForm .form_submit input {      width: 100%;      padding: 1em;      outline: none;      border: none;      color: #444;      font-weight: 600;      margin-bottom: 1em; }      .newsletterForm .inputset input.fbElementButton,      .newsletterForm .form_submit input.fbElementButton {        background: #a1855f;        color: #FFFFFF; }        .newsletterForm .inputset input.fbElementButton:hover,        .newsletterForm .form_submit input.fbElementButton:hover {          cursor: pointer;          color: #a1855f; }  @media (min-width: 40em) {    .newsletterForm .inputset {      padding-right: 1em; } }.form_error,.form_error_specific {  color: #FFFFFF;  display: inline-block;  padding: 0.25em 1em;  background-color: #854b46;  margin: 0.5em 0; }/* -----------------------------------------  11.0. Header----------------------------------------- */header {  display: block;  position: fixed;  z-index: 100;  left: 0;  right: 0;  top: 0;  border-top: 8px solid #FFFFFF;  border-left: 8px solid #FFFFFF;  border-right: 8px solid #FFFFFF;  background: #FFFFFF;  max-width: 100%;  margin-left: auto;  margin-right: auto;  max-width: 2600px; }  header:after {    content: " ";    display: block;    clear: both; }  header .upper-header {    text-align: center;    padding-left: 36px;    padding-right: 36px;    padding-top: 5px;    padding-bottom: 5px;    font-family: sans-serif;    font-size: 0.79012em; }    @media (min-width: 40em) {      header .upper-header {        text-align: right; } }    @media (min-width: 40em) {      header .upper-header {        font-size: 1em; } }    header .upper-header .divider {      display: none; }      @media (min-width: 30em) {        header .upper-header .divider {          display: inline; } }    header .upper-header span {      display: block;      white-space: nowrap; }      @media (min-width: 30em) {        header .upper-header span {          display: inline; } }      @media (min-width: 30em) {        header .upper-header span.socials {          padding-left: 1em; } }      header .upper-header span.socials a {        display: inline-block;        padding: 0 0.4em;        font-size: 1.42383em;        vertical-align: bottom; }        header .upper-header span.socials a:last-child {          padding-right: 0; }  header .logo {    display: inline-block;    width: 100%;    font-size: 1.42383em;    vertical-align: middle;    padding: 0.5em 0.79012em;    overflow: visible;    white-space: nowrap;    font-family: "Cinzel", serif;    color: #666;    text-transform: uppercase; }    @media (min-width: 26.25em) {      header .logo {        font-size: 1.60181em; } }    @media (min-width: 40em) {      header .logo {        font-size: 2.56578em; } }    @media (min-width: 75em) {      header .logo {        width: 400px;        text-align: left;        font-size: 2.02729em; } }    @media (min-width: 75em) {      header .logo {        padding: 0 1em; } }    header .logo span {      color: #8c8a8a;      font-family: "Droid Serif", serif; }  header .lower-header {    position: relative; }/* -----------------------------------------  12.0. Content----------------------------------------- */.banner,.half-banner {  position: relative; }  .banner .slide,  .half-banner .slide {    background-position: 50% 50%;    background-size: cover; }.float-left {  display: block;  margin: 0 auto 1em; }  @media (min-width: 64.0625em) {    .float-left {      float: left;      margin-right: 2em;      margin-bottom: 0; } }.clear {  clear: both; }.banner {  margin-top: 130px; }  @media (min-width: 30em) {    .banner {      margin-top: 95px; } }.slideWrapper {  position: relative;  z-index: 0; }.banner .slide {  height: 800px;  height: calc(100% - 130px);  height: calc(100vh - 130px); }  .previewFrame .banner .slide.static img {    max-height: 300px;    width: 100%; }@media (orientation: portrait) {  .banner.accomBanner .slide {    height: auto;    padding-bottom: 66%; } }.half-banner .slide {  height: 400px;  height: 50%;  height: 50vh; }.third-banner .slide {  height: 400px;  height: 33%;  height: 33vh; }.caption {  position: absolute;  bottom: 60px;  left: 0;  right: 0;  max-width: 85%;  margin: 0 auto;  text-align: center;  z-index: 1;  background: rgba(133, 106, 70, 0.8);  padding: 8px; }  @media (orientation: portrait) {    .caption {      display: none; } }  .caption.top-caption {    top: 60px;    bottom: auto; }    .caption.top-caption h1 {      font-size: 2.2807em; }  .caption.middle-caption {    top: 50%;    bottom: auto;    -webkit-transform: translateY(-50%);            transform: translateY(-50%); }  @media (min-width: 57.5em) {    .caption {      left: 50px;      right: auto;      margin: 0; } }  .caption h1 {    margin: 0;    color: #FFFFFF;    position: relative;    padding: 0.25em 0.5em;    border: 3px solid #FFFFFF; }    @media (min-width: 57.5em) {      .caption h1 {        padding: 0.5em 2em; } }    .caption h1:after {      content: "";      border: 1px solid #FFFFFF;      position: absolute;      top: 5px;      right: 5px;      bottom: 5px;      left: 5px; }  .caption img {    padding: 0 1.42383em;    width: 100%;    max-width: 400px; }  @media (min-width: 57.5em) {    .caption.right {      left: auto;      right: 40px;      margin: 0; } }section {  max-width: 100%;  margin-left: auto;  margin-right: auto;  border-top: 8px solid #FFFFFF; }  section:after {    content: " ";    display: block;    clear: both; }.small-container a {  font-weight: 600;  display: inline;  position: relative; }  .small-container a:after {    content: "";    position: absolute;    display: block;    height: 1px;    background: #2f2f2f;    bottom: 0;    left: 0;    right: 0;    width: 100%;    -webkit-transform: scaleX(0);    transform: scaleX(0);    transition: all 0.3s; }  .small-container a:hover:after {    -webkit-transform: scaleX(1);    transform: scaleX(1); }a.videoLink {  display: block;  width: 100%;  max-width: 400px;  margin-bottom: 4em;  margin-top: 1em;  margin-left: auto;  margin-right: auto; }  @media (min-width: 64.0625em) {    a.videoLink {      max-width: none;      float: right;      box-sizing: border-box;      width: 41.66667%;      float: left;      padding-left: 1.38889%;      padding-right: 1.38889%; } }  a.videoLink:after {    display: none; }.clear {  clear: both; }.frameWrapper {  height: 0;  position: relative;  width: 100%;  padding-bottom: 56.25%; }  .frameWrapper iframe {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%; }@media (min-width: 64.0625em) {  .vidText {    box-sizing: border-box;    width: 58.33333%;    float: left;    padding-left: 1.38889%;    padding-right: 1.38889%;    float: right;    padding-top: 1em; } }.vidWrap {  height: 0;  padding-bottom: 56.25%;  width: 100%;  overflow: hidden;  position: relative;  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }  .vidWrap .play {    position: absolute;    background: rgba(0, 0, 0, 0.3);    text-align: center;    left: 0;    right: 0;    top: 0;    bottom: 0;    color: #FFFFFF;    font-size: 6.58325em;    transition: all 0.2s; }    .vidWrap .play:before {      -webkit-transform: translateY(-50%);              transform: translateY(-50%);      top: 50%;      position: absolute;      left: 0;      right: 0;      transition: all 0.4s; }    .vidWrap .play:hover:before {      -webkit-transform: translateY(-50%) scale(1.1);              transform: translateY(-50%) scale(1.1); }    .vidWrap .play:hover {      background: rgba(0, 0, 0, 0.2); }.mfp-content {  max-width: 572px !important; }.btn, .fbElementButton {  font-family: "Raleway", sans-serif;  font-weight: 600;  padding: 0.79012em 2.02729em;  text-align: center;  color: #FFFFFF;  border: 3px solid #FFFFFF;  display: inline-block;  transition: background-color 0.3s, color 0.6s;  text-transform: uppercase;  font-size: 0.79012em; }  @media (min-width: 26.25em) {    .btn, .fbElementButton {      font-size: 0.88889em; } }  .btn:hover, .fbElementButton:hover {    background: #FFFFFF !important;    color: #a1855f; }  .btn.form-btn, .fbElementButton.form-btn {    border: none;    background: #b29c7d; }/* -----------------------------------------  13.0. Footer----------------------------------------- */footer {  background: #856a46;  border-top: 8px solid #FFFFFF;  color: #FFFFFF;  text-transform: uppercase;  padding-left: 36px;  padding-right: 36px;  padding: 1.60181em; }  footer .logo {    display: inline-block;    vertical-align: middle;    max-width: 350px;    font-size: 1.42383em;    padding: 0;    overflow: visible;    white-space: nowrap;    font-family: "Cinzel", serif;    color: #FFFFFF;    text-transform: uppercase; }    @media (min-width: 40em) {      footer .logo {        font-size: 2.02729em; } }    footer .logo span {      color: #FFFFFF;      font-family: "Droid Serif", serif; }  footer .credits {    font-size: 0.79012em;    font-family: sans-serif;    display: inline-block;    vertical-align: middle;    padding-right: 2em; }    @media (min-width: 75em) {      footer .credits {        width: calc(99% - 350px);        position: relative;        padding-left: 10%; } }    footer .credits .socials {      position: absolute;      top: -5px;      right: 0;      bottom: 0;      font-size: 1.60181em;      display: none; }      @media (min-width: 75em) {        footer .credits .socials {          display: inline; } }/*  *  Owl Carousel - Animate Plugin */.owl-carousel .animated {  -webkit-animation-duration: 1000ms;  animation-duration: 1000ms;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }.owl-carousel .owl-animated-in {  z-index: 0; }.owl-carousel .owl-animated-out {  z-index: 1; }.owl-carousel .fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut; }@-webkit-keyframes fadeOut {  0% {    opacity: 1; }  100% {    opacity: 0; } }@keyframes fadeOut {  0% {    opacity: 1; }  100% {    opacity: 0; } }/*  *  Owl Carousel - Auto Height Plugin */.owl-height {  transition: height 500ms ease-in-out; }/*  *  Core Owl Carousel CSS File */.owl-carousel {  display: none;  width: 100%;  -webkit-tap-highlight-color: transparent;  /* position relative and z-index fix webkit rendering fonts issue */  position: relative;  z-index: 1; }.owl-carousel .owl-stage {  position: relative;  -ms-touch-action: pan-Y; }.owl-carousel .owl-stage:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0; }.owl-carousel .owl-stage-outer {  position: relative;  overflow: hidden;  /* fix for flashing background */  -webkit-transform: translate3d(0px, 0px, 0px); }.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {  cursor: pointer;  cursor: hand;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.owl-carousel.owl-loaded {  display: block; }.owl-carousel.owl-loading {  opacity: 0;  display: block; }.owl-carousel.owl-hidden {  opacity: 0; }.owl-carousel .owl-refresh .owl-item {  display: none; }.owl-carousel .owl-item {  position: relative;  min-height: 1px;  float: left;  -webkit-backface-visibility: hidden;  -webkit-tap-highlight-color: transparent;  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.owl-carousel .owl-item img {  display: block;  width: 100%;  -webkit-transform-style: preserve-3d; }.owl-carousel.owl-text-select-on .owl-item {  -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto;  user-select: auto; }.owl-carousel .owl-grab {  cursor: move;  cursor: -webkit-grab;  cursor: -o-grab;  cursor: -ms-grab;  cursor: grab; }.owl-carousel.owl-rtl {  direction: rtl; }.owl-carousel.owl-rtl .owl-item {  float: right; }/* No Js */.no-js .owl-carousel {  display: block; }/*  *  Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item .owl-lazy {  opacity: 0;  transition: opacity 400ms ease; }.owl-carousel .owl-item img {  -webkit-transform-style: preserve-3d;          transform-style: preserve-3d; }/*  *  Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper {  position: relative;  height: 100%;  background: #000; }.owl-carousel .owl-video-play-icon {  position: absolute;  height: 80px;  width: 80px;  left: 50%;  top: 50%;  margin-left: -40px;  margin-top: -40px;  background: url("owl.video.play.png") no-repeat;  cursor: pointer;  z-index: 1;  -webkit-backface-visibility: hidden;  transition: scale 100ms ease; }.owl-carousel .owl-video-play-icon:hover {  transition: scale(1.3, 1.3); }.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {  display: none; }.owl-carousel .owl-video-tn {  opacity: 0;  height: 100%;  background-position: center center;  background-repeat: no-repeat;  background-size: contain;  transition: opacity 400ms ease; }.owl-carousel .owl-video-frame {  position: relative;  z-index: 1; }/* Magnific Popup CSS */.mfp-bg {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1042;  overflow: hidden;  position: fixed;  background: #0b0b0b;  opacity: 0.8;  filter: alpha(opacity=80); }.mfp-wrap {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1043;  position: fixed;  outline: none !important;  -webkit-backface-visibility: hidden; }.mfp-container {  text-align: center;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  padding: 0 8px;  box-sizing: border-box; }.mfp-container:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle; }.mfp-align-top .mfp-container:before {  display: none; }.mfp-content {  position: relative;  display: inline-block;  vertical-align: middle;  margin: 0 auto;  text-align: left;  z-index: 1045; }.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {  width: 100%;  cursor: auto; }.mfp-ajax-cur {  cursor: progress; }.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {  cursor: -webkit-zoom-out;  cursor: zoom-out; }.mfp-zoom {  cursor: pointer;  cursor: -webkit-zoom-in;  cursor: zoom-in; }.mfp-auto-cursor .mfp-content {  cursor: auto; }.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;      user-select: none; }.mfp-loading.mfp-figure {  display: none; }.mfp-hide {  display: none !important; }.mfp-preloader {  color: #CCC;  position: absolute;  top: 50%;  width: auto;  text-align: center;  margin-top: -0.8em;  left: 8px;  right: 8px;  z-index: 1044; }.mfp-preloader a {  color: #CCC; }.mfp-preloader a:hover {  color: #FFF; }.mfp-s-ready .mfp-preloader {  display: none; }.mfp-s-error .mfp-content {  display: none; }button.mfp-close,button.mfp-arrow {  overflow: visible;  cursor: pointer;  background: transparent;  border: 0;  -webkit-appearance: none;  display: block;  outline: none;  padding: 0;  z-index: 1046;  box-shadow: none; }button::-moz-focus-inner {  padding: 0;  border: 0; }.mfp-close {  width: 44px;  height: 44px;  line-height: 44px;  position: absolute;  right: 0;  top: 0;  text-decoration: none;  text-align: center;  opacity: 0.65;  filter: alpha(opacity=65);  padding: 0 0 18px 10px;  color: #FFF;  font-style: normal;  font-size: 28px;  font-family: Arial, Baskerville, monospace; }.mfp-close:hover,.mfp-close:focus {  opacity: 1;  filter: alpha(opacity=100); }.mfp-close:active {  top: 1px; }.mfp-close-btn-in .mfp-close {  color: #333; }.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {  color: #FFF;  right: -6px;  text-align: right;  padding-right: 6px;  width: 100%; }.mfp-counter {  position: absolute;  top: 0;  right: 0;  color: #CCC;  font-size: 12px;  line-height: 18px;  white-space: nowrap; }.mfp-arrow {  position: absolute;  opacity: 0.65;  filter: alpha(opacity=65);  margin: 0;  top: 50%;  margin-top: -55px;  padding: 0;  width: 90px;  height: 110px;  -webkit-tap-highlight-color: transparent; }.mfp-arrow:active {  margin-top: -54px; }.mfp-arrow:hover,.mfp-arrow:focus {  opacity: 1;  filter: alpha(opacity=100); }.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {  content: '';  display: block;  width: 0;  height: 0;  position: absolute;  left: 0;  top: 0;  margin-top: 35px;  margin-left: 35px;  border: medium inset transparent; }.mfp-arrow:after,.mfp-arrow .mfp-a {  border-top-width: 13px;  border-bottom-width: 13px;  top: 8px; }.mfp-arrow:before,.mfp-arrow .mfp-b {  border-top-width: 21px;  border-bottom-width: 21px;  opacity: 0.7; }.mfp-arrow-left {  left: 0; }.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {  border-right: 17px solid #FFF;  margin-left: 31px; }.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {  margin-left: 25px;  border-right: 27px solid #3F3F3F; }.mfp-arrow-right {  right: 0; }.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {  border-left: 17px solid #FFF;  margin-left: 39px; }.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {  border-left: 27px solid #3F3F3F; }.mfp-iframe-holder {  padding-top: 40px;  padding-bottom: 40px; }.mfp-iframe-holder .mfp-content {  line-height: 0;  width: 100%;  max-width: 900px; }.mfp-iframe-holder .mfp-close {  top: -40px; }.mfp-iframe-scaler {  width: 100%;  height: 0;  overflow: hidden;  padding-top: 56.25%; }.mfp-iframe-scaler iframe {  position: absolute;  display: block;  top: 0;  left: 0;  width: 100%;  height: 100%;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #000; }/* Main image in popup */img.mfp-img {  width: auto;  max-width: 100%;  height: auto;  display: block;  line-height: 0;  box-sizing: border-box;  padding: 40px 0 40px;  margin: 0 auto; }/* The shadow behind the image */.mfp-figure {  line-height: 0; }.mfp-figure:after {  content: '';  position: absolute;  left: 0;  top: 40px;  bottom: 40px;  display: block;  right: 0;  width: auto;  height: auto;  z-index: -1;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #444; }.mfp-figure small {  color: #BDBDBD;  display: block;  font-size: 12px;  line-height: 14px; }.mfp-figure figure {  margin: 0; }.mfp-bottom-bar {  margin-top: -36px;  position: absolute;  top: 100%;  left: 0;  width: 100%;  cursor: auto; }.mfp-title {  text-align: left;  line-height: 18px;  color: #F3F3F3;  word-wrap: break-word;  padding-right: 36px; }.mfp-image-holder .mfp-content {  max-width: 100%; }.mfp-gallery .mfp-image-holder .mfp-figure {  cursor: pointer; }@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {  /**       * Remove all paddings around the image on small screen       */  .mfp-img-mobile .mfp-image-holder {    padding-left: 0;    padding-right: 0; }  .mfp-img-mobile img.mfp-img {    padding: 0; }  .mfp-img-mobile .mfp-figure:after {    top: 0;    bottom: 0; }  .mfp-img-mobile .mfp-figure small {    display: inline;    margin-left: 5px; }  .mfp-img-mobile .mfp-bottom-bar {    background: rgba(0, 0, 0, 0.6);    bottom: 0;    margin: 0;    top: auto;    padding: 3px 5px;    position: fixed;    box-sizing: border-box; }  .mfp-img-mobile .mfp-bottom-bar:empty {    padding: 0; }  .mfp-img-mobile .mfp-counter {    right: 5px;    top: 3px; }  .mfp-img-mobile .mfp-close {    top: 0;    right: 0;    width: 35px;    height: 35px;    line-height: 35px;    background: rgba(0, 0, 0, 0.6);    position: fixed;    text-align: center;    padding: 0; } }@media all and (max-width: 900px) {  .mfp-arrow {    -webkit-transform: scale(0.75);    transform: scale(0.75); }  .mfp-arrow-left {    -webkit-transform-origin: 0;    transform-origin: 0; }  .mfp-arrow-right {    -webkit-transform-origin: 100%;    transform-origin: 100%; }  .mfp-container {    padding-left: 6px;    padding-right: 6px; } }.mfp-ie7 .mfp-img {  padding: 0; }.mfp-ie7 .mfp-bottom-bar {  width: 600px;  left: 50%;  margin-left: -300px;  margin-top: 5px;  padding-bottom: 5px; }.mfp-ie7 .mfp-container {  padding: 0; }.mfp-ie7 .mfp-content {  padding-top: 44px; }.mfp-ie7 .mfp-close {  top: 0;  right: 0;  padding-top: 0; }.image-gallery-title,.image-gallery-item-title,.image-gallery-item-created,.image-gallery-item-updated,.image-gallery-item-description {  display: none; }.owl-dots {  width: 500px;  max-width: calc(100% - 80px);  position: absolute;  z-index: 99;  border-bottom: none;  right: 40px;  left: 40px;  bottom: 40px;  margin: 0 auto; }.thumbnails {  display: none; }  @media (min-width: 87.5em) {    .thumbnails {      display: block; } }  @media (orientation: portrait) {    .thumbnails {      display: none; } }  @media (min-height: 0em) and (max-height: 43.75em) {    .thumbnails {      display: none; } }.owl-dot.slideDot {  display: inline-block;  background-size: cover;  border: 2px solid #FFFFFF;  opacity: 0.95;  -webkit-filter: brightness(0.6);          filter: brightness(0.6);  transition: all 0.3s; }  .owl-dot.slideDot.activeDot {    opacity: 1;    -webkit-filter: brightness(1);            filter: brightness(1); }  .owl-dot.slideDot:hover {    cursor: pointer; }.slide {  background-size: cover; }.myNavigation {  display: none;  position: absolute;  left: 0;  right: 0;  bottom: 105px;  max-width: 600px;  margin: 0 auto;  z-index: 100; }  @media (min-width: 87.5em) {    .myNavigation {      display: block; } }  @media (min-height: 0em) and (max-height: 43.75em) {    .myNavigation {      display: none; } }  @media (orientation: portrait) {    .myNavigation {      display: none; } }  .myNavigation .myowl-prev,  .myNavigation .myowl-next {    display: inline-block;    position: absolute;    font-size: 35px;    color: #FFFFFF; }    .myNavigation .myowl-prev:hover,    .myNavigation .myowl-next:hover {      cursor: pointer; }    .myNavigation .myowl-prev:before,    .myNavigation .myowl-next:before {      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }  .myNavigation .myowl-prev {    left: 0;    -webkit-transform: rotate(90deg);            transform: rotate(90deg); }  .myNavigation .myowl-next {    right: 0;    -webkit-transform: rotate(-90deg);            transform: rotate(-90deg); }.owl-nav {  position: absolute;  left: 1em;  right: 1em;  top: 40%;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);  margin: 0 auto;  z-index: 100; }  @media (min-width: 87.5em) {    .owl-nav {      display: none; } }  @media (orientation: portrait) {    .owl-nav {      display: block; } }  .owl-nav .owl-prev,  .owl-nav .owl-next {    display: inline-block;    position: absolute;    font-size: 35px;    color: #FFFFFF;    font-family: 'icomoon'; }    @media (min-width: 57.5em) {      .owl-nav .owl-prev,      .owl-nav .owl-next {        font-size: 60px; } }    .owl-nav .owl-prev:hover,    .owl-nav .owl-next:hover {      cursor: pointer; }  .owl-nav .owl-prev {    left: 0;    -webkit-transform: rotate(90deg);            transform: rotate(90deg);    overflow: hidden; }  .owl-nav .owl-next {    right: 0;    -webkit-transform: rotate(-90deg);            transform: rotate(-90deg);    overflow: hidden; }nav.desktop > ul > li > a {font-size: 12px;}nav.desktop > ul > li {padding: 2.02729em 7px;} @media all and (max-width: 1300px) and (min-width: 0px) {  nav.desktop > ul > li > a {font-size: 11px;}nav.desktop > ul > li {padding: 2.02729em 4px;}}.slide {position: relative;}.video-banner {padding: 2% 0;}.float--left {float: left; margin-right: 20px; margin-bottom: 20px; }.video-banner iframe {max-width: 70%; width: 90%; }  .group:before, .group:after {content: ""; display: table;}   .group:after {clear: both;}  .group {zoom: 1;}.corona-update {width: 100%; padding: 20px; background: #a1855f; text-align: center; color: #fff; margin-bottom: 10px; }.corona-update a { color: #fff; text-decoration: underline; font-size: 18px; font-weight: bold;}/*Gallery*/.image-gallery-summary {  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;      -ms-flex-wrap: wrap;          flex-wrap: wrap; }  .image-gallery-summary > form {    width: calc(100% - 10px);    display: inline-block;    -webkit-flex-basis: calc(100% - 10px);        -ms-flex-preferred-size: calc(100% - 10px);            flex-basis: calc(100% - 10px);    margin: 5px;    background-color: #fff;    padding: 0.333rem;    position: relative;    border: 1px solid #ccc;    transition: box-shadow 300ms ease-out, background-color 300ms ease-out, -webkit-transform 300ms cubic-bezier(0.17, 0.67, 0.63, 1);    transition: box-shadow 300ms ease-out, transform 300ms cubic-bezier(0.17, 0.67, 0.63, 1), background-color 300ms ease-out;    transition: box-shadow 300ms ease-out, transform 300ms cubic-bezier(0.17, 0.67, 0.63, 1), background-color 300ms ease-out, -webkit-transform 300ms cubic-bezier(0.17, 0.67, 0.63, 1); }    @media (min-width: 37.5em) {      .image-gallery-summary > form {        width: calc(100% - 20px);        margin: 10px;        -webkit-flex-basis: calc(100% - 20px);            -ms-flex-preferred-size: calc(100% - 20px);                flex-basis: calc(100% - 20px); } }    @media (min-width: 66.25em) {      .image-gallery-summary > form{        width: calc(48% - 10px);        -webkit-flex-basis: calc(48% - 10px);            -ms-flex-preferred-size: calc(48% - 10px);                flex-basis: calc(48% - 10px); } }    .image-gallery-summary > form:hover {      transition: box-shadow 300ms ease-out, -webkit-transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out;      transition: box-shadow 300ms ease-out, transform 400ms ease-out, -webkit-transform 400ms ease-out;      color: #fff;      z-index: 2;      background-color: #282828;      -webkit-transform: scale(1.01);          -ms-transform: scale(1.01);              transform: scale(1.01);      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15), 0 12px 30px 0 rgba(0, 0, 0, 0.1); }      @media (min-width: 57.5em) {         .image-gallery-summary > form:hover{          -webkit-transform: translateY(-5px) scale(1.02);              -ms-transform: translateY(-5px) scale(1.02);                  transform: translateY(-5px) scale(1.02); } }      .image-gallery-summary > form:hover .image-gallery-summary-item-title{        color: #fff; }.image-gallery-summary-item-image-side, .image-gallery-summary-item-category, .image-gallery-summary-item-created, .image-gallery-summary-item-updated, .image-gallery-summary-item-description,  .image-gallery-item-title,  .image-gallery-item-created,  .image-gallery-item-updated,  .image-gallery-item-description {  display: none; }.image-gallery-summary-item-image-top {  padding-bottom: 60%;  background-size: cover;  background-position: 50% 50%;  background-repeat: no-repeat; } .image-gallery-title {  margin-top: 0.5em;  margin-bottom: 0.5em;  border-bottom: 1px solid #888888;  font-size: 2.33404em;  display: inline-block;  width: 97.5%;  line-height: 1.1;  font-family: "Raleway", sans-serif; }  @media (min-width: 30em) {     .image-gallery-title  {      font-size: 2.80085em; } }  @media (min-width: 57.5em) {     .image-gallery-title  {      font-size: 3.36102em; } } .image-gallery-summary-item-title {  width: 90%;  padding: 1rem 0.5rem 0.5rem;  transition: color 300ms ease-out;  font-size: 1.1256em;  font-family: "Raleway", sans-serif;  line-height: 1.1;  color: #ab8f53; }  @media (min-width: 30em) {      .image-gallery-summary-item-title{      font-size: 1.62086em;      padding: 1.5rem 1rem 1rem; } }  .image-gallery-summary-item-title a{    color: #ab8f53; } .image-gallery-summary-item-link a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 3;  font-size: 0; } .image-gallery-item-image{  line-height: 0; }.image-gallery .image-gallery-item {width: 48%; margin-right: 2%; float: left; margin-bottom: 20px;}.image-gallery .image-gallery-item .image-gallery-item-image-link {padding-top: 60%; display: block;}.image-gallery-title {display: none;}.video-gallery-title {display: none;}.video-gallery-item-title,.video-gallery-item-created,.video-gallery-item-updated,.video-gallery-item-description {display: none;}.video-gallery-item-image {width: 48%; margin-right: 2%; float: left; margin-bottom: 20px;}.video-gallery-item-image iframe {width: 100%; height: 300px;} @media all and (max-width: 730px) and (min-width: 0px) {.small-container iframe {width: 100%; height: 56.25% !important;}.small-container .frameWrapper iframe {height: 100% !important;}.ratio {background-size: cover;}} @media all and (max-width: 480px) and (min-width: 0px) {.video-banner iframe {max-width: 90%; width: 90%;}.vertical-align .middle {position: relative; transform: none; top: initial ; padding: 10%;}}.bgPat {min-height: 50px;}.previewFrame .header {position: relative;}.double-container {}.double-container {  max-width: 1200px;  margin-left: auto;  margin-right: auto;  padding: 20px 1.60181em; }  .double-container * {    text-align: center; }    @media (min-width: 64.0625em) {      .double-container * {        text-align: left; } }  .double-container:after {    content: " ";    display: block;    clear: both; }  @media (min-width: 75em) {    .double-container {      padding: 20px 1.60181em; } }      .left-container {width: 100%; float: left; padding-right: 15px; border-right: 0px solid #333;}      .right-container {width: 49%; float: left; padding-left: 15px;}      .no-padding-bottom {padding-bottom: 0px;}            .left-container a,                  .right-container a {color: #333;} @media all and (max-width: 650px) and (min-width: 0px) {      .left-container {width: 100%; float: left; margin-right: 0%; padding: 0px; border-right: 0px;}      .right-container {width: 100%; float: left; padding: 0px; }}    .group:before, .group:after {content: ""; display: table;}     .group:after {clear: both;}    .group {zoom: 1;}.random-images {background-size: cover !important; background-repeat: no-repeat !important;}   .mfp-hide {      display: none;    }    .popup-content {      max-width: 600px;      margin: 0 auto;      padding: 20px;      background: #a1855f;      border-radius: 10px;      text-align: center;    }    .popup-content h2 {color: #fff;}    .popup-content p {color: #fff;}    .popup-content button {      margin-top: 15px;      padding: 8px 12px;      background: #007BFF;      border: none;      color: #fff;      border-radius: 5px;      cursor: pointer;    }    .popup-content button:hover {      background: #0056b3;    }        .popup-content img {width: 200px;}
/* not required */