/* #Mixins, custom shortcurts and functions */
/* #Normalise */
* { padding: 0; margin: 0; box-sizing: border-box; }

html { background-color: white; font-size: 14px; font-family: 'Arial', sans-serif; }

#wrapper { overflow: hidden; position: relative; background-color: white; }

#page { width: 100%; overflow: hidden; }

.row { width: calc(100% - 60px); max-width: 1200px; margin: auto; }

.row .row { width: 100%; }

.display-none { display: block; height: 0; width: 0; overflow: hidden; margin: 0; border: 0; }

.display-mob, .mobile-only { display: none; }

.row_nw { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; }

.row_w { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex_c { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

@media screen and (max-width: 767px) { .display-mob, .mobile-only { display: block; }
  .desktop-only { display: none; } }

@font-face { font-family: 'Surveyor Fine'; src: url("../fonts/SurveyorFine-Book.eot"); src: url("../fonts/SurveyorFine-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/SurveyorFine-Book.woff2") format("woff2"), url("../fonts/SurveyorFine-Book.woff") format("woff"), url("../fonts/SurveyorFine-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; }

body { font-family: "europa",sans-serif; }

h2 { font-size: 2.71429em; color: #06aca1; margin: 0.5em 0; font-weight: 700; }

h3 { font-family: 'Surveyor Fine', serif; display: block; width: 100%; text-align: center; color: #c49a70; margin-top: 30px; font-size: 2.2em; }

p { margin-bottom: 1em; font-weight: 400; }

#header { background-color: #06aca1; text-align: center; padding: 20px 0; }

#header #logo { display: block; padding: 20px; }

#header #logo svg { max-width: 300px; height: auto; }

#header .links { display: inline-block; }

#header .links p { display: block; padding: 0 10px; color: white; text-decoration: none; text-transform: uppercase; }

#header .links p.big { font-size: 1.4em; margin-bottom: 0.2em; }

#contact { background-color: #e6e6e6; padding-bottom: 50px; margin-top: -30px; }

#footer { background-color: #06aca1; color: white; text-transform: uppercase; text-align: center; font-size: 1.57143em; }

.rich_text_full .content { padding: 40px 0; }

.rich_text_full .content a { color: inherit; }

.singleimage img { display: block; }

.singleimage .row { position: relative; }

.singleimage .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 100%; text-align: center; }

.singleimage .box .content { margin: 70px auto; max-width: 100%; }

.singleimage .box .content h3 { color: white; font-size: 40px; margin: 0; }

.imageslider img { display: block; }

.imageslider .row { position: relative; overflow: hidden; }

.imageslider .swiper-slide { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; position: relative; }

.imageslider .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 100%; text-align: center; }

.imageslider .box .content { margin: 0px auto; max-width: 100%; height: 90%; }

.imageslider .box .content h3 { color: white; font-size: 40px; margin: 0; font-family: "europa",sans-serif; }

.imageslider .box .content h3 a { color: inherit; text-decoration: none; }

.imageslider .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: absolute; bottom: 0; left: 0; width: 100%; }

.imageslider .swiper-pagination span { display: block; width: 15px; height: 15px; border-radius: 50%; margin: 20px 5px; background-color: white; position: relative; }

.imageslider .swiper-pagination span.swiper-pagination-bullet-active { background-color: #c49a70; }

img { max-width: 100%; height: auto; }

#map { height: 60vw; }

.stores .row, .stores .UIBlockContainer { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }

.stores .row .store-filter, .stores .UIBlockContainer .store-filter { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.stores .row .store-filter .filters, .stores .UIBlockContainer .store-filter .filters { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.stores .row .store-filter .filters a, .stores .UIBlockContainer .store-filter .filters a { display: block; padding: 10px; border: 1px solid #06aca1; color: #06aca1; border-radius: 10px; text-decoration: none; margin-right: 20px; margin-top: 8px; }

.stores .row .store-filter .filters a[data-id="clear"], .stores .UIBlockContainer .store-filter .filters a[data-id="clear"] { display: none; background-color: #06aca1; color: white; }

.stores .row .store-filter .filters a[data-id="clear"]:after, .stores .UIBlockContainer .store-filter .filters a[data-id="clear"]:after { display: inline-block; content: 'x'; margin-left: 14px; transform: scale(1.7, 1.4); position: relative; top: -2px; }

.stores .row .store-filter .filters a.active, .stores .UIBlockContainer .store-filter .filters a.active { background-color: #06aca1; color: white; }

.stores .row .store-filter .filters a.active:after, .stores .UIBlockContainer .store-filter .filters a.active:after { display: inline-block; content: 'x'; margin-left: 14px; transform: scale(1.7, 1.4); position: relative; top: -2px; }

.stores .row .store-filter .filters a.active ~ a[data-id="clear"], .stores .UIBlockContainer .store-filter .filters a.active ~ a[data-id="clear"] { display: block; }

.stores .row .single-store, .stores .UIBlockContainer .single-store { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -moz-box-flex: 0; -moz-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin: 20px 0.66%; /*&:first-child{ margin-left: 0%; }*/ }

.stores .row .single-store.hidden, .stores .UIBlockContainer .single-store.hidden { display: none !important; }

.stores .row .single-store .col, .stores .UIBlockContainer .single-store .col { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.stores .row .single-store .col .image, .stores .UIBlockContainer .single-store .col .image { /*background-color: $grey; padding-top: 67%; height: 0; position: relative; margin-bottom: 0.5em; img,p{ display: block; max-width: 385px; position: absolute; top: 0; left: 0; margin: 0; width: 100%; }*/ background-color: #e6e6e6; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 67%; height: 0; position: relative; margin-bottom: 0.5em; }

.stores .row .single-store .col .image img, .stores .row .single-store .col .image p, .stores .row .single-store .col .image .logo, .stores .UIBlockContainer .single-store .col .image img, .stores .UIBlockContainer .single-store .col .image p, .stores .UIBlockContainer .single-store .col .image .logo { display: block; max-width: 385px; position: absolute; top: 20%; left: 10%; margin: 0; width: 80%; height: 60%; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.stores .row .single-store .col .title, .stores .UIBlockContainer .single-store .col .title { text-transform: uppercase; font-weight: 600; font-size: 1.2em; margin-bottom: 0.5em; }

.stores .row .single-store .col .summary, .stores .UIBlockContainer .single-store .col .summary { margin-bottom: 0.5em; }

.stores .row .single-store .col .links .exp, .stores .UIBlockContainer .single-store .col .links .exp { color: #c49a70; margin-bottom: 0.5em; }

.stores .row .single-store .col .links .exp .see, .stores .UIBlockContainer .single-store .col .links .exp .see { display: none; }

.stores .row .single-store .col .links .exp .hide, .stores .UIBlockContainer .single-store .col .links .exp .hide { display: inline; }

.stores .row .single-store .col .links .mapper, .stores .UIBlockContainer .single-store .col .links .mapper { color: #c49a70; margin-bottom: 0.5em; display: inline-block; margin-left: auto; }

.stores .row .single-store .col .full-text, .stores .UIBlockContainer .single-store .col .full-text { width: 100%; border: 1px solid transparent; height: 0; overflow: hidden; transition: height 0.4s; }

.stores .row .single-store .col .details, .stores .UIBlockContainer .single-store .col .details { color: #c49a70; border: 1px solid transparent; height: 0; overflow: hidden; transition: height 0.4s; }

.stores .row .single-store .col .details p, .stores .UIBlockContainer .single-store .col .details p { margin-bottom: 0; }

.stores .row .single-store .col .location, .stores .UIBlockContainer .single-store .col .location { color: red; display: none; }

.stores .row .single-store:not(.exp) .col .exp .see, .stores .UIBlockContainer .single-store:not(.exp) .col .exp .see { display: inline; }

.stores .row .single-store:not(.exp) .col .exp .hide, .stores .UIBlockContainer .single-store:not(.exp) .col .exp .hide { display: none; }

.stores.admin .row .single-store, .stores.admin .row .UIBlock { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 20px 0; }

.stores.admin .row .single-store .col:first-child, .stores.admin .row .UIBlock .col:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; margin-right: 2%; }

.stores.admin .row .single-store .col:first-child img, .stores.admin .row .UIBlock .col:first-child img { max-width: 100% !important; }

.stores.admin .row .single-store .col:last-child, .stores.admin .row .UIBlock .col:last-child { -webkit-box-flex: 0; -webkit-flex: 0 0 68%; -moz-box-flex: 0; -moz-flex: 0 0 68%; -ms-flex: 0 0 68%; flex: 0 0 68%; }

.stores.admin .row .single-store .col:last-child div, .stores.admin .row .single-store .col:last-child span, .stores.admin .row .UIBlock .col:last-child div, .stores.admin .row .UIBlock .col:last-child span { width: 100%; height: auto !important; }

.stores.admin .row .single-store .col:last-child .exp, .stores.admin .row .single-store .col:last-child .mapper, .stores.admin .row .UIBlock .col:last-child .exp, .stores.admin .row .UIBlock .col:last-child .mapper { display: none; }

.stores.admin .row .single-store .col:last-child .location, .stores.admin .row .UIBlock .col:last-child .location { cursor: pointer; }

.CMSForm { max-width: 250px; margin: auto; }

.CMSForm .form { width: 100%; }

.CMSForm div.formFields { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.CMSForm div.formFields .fieldItem { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: 0; margin-bottom: 0; }

.CMSForm div.formFields .fieldItem:nth-child(2), .CMSForm div.formFields .fieldItem:nth-child(3) { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -moz-box-flex: 0; -moz-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; }

.CMSForm div.formFields .fieldItem h6 { font-size: 1.14rem; text-align: center; margin: 0 -100px 1rem; }

.CMSForm div.formFields .fieldItem input, .CMSForm div.formFields .fieldItem textarea { width: 100%; font-size: 1rem; padding: 8px; border: 0px; border-radius: 0px; font-family: "europa",sans-serif; }

.CMSForm div.formFields .fieldItem textarea { height: 120px; }

.CMSForm div.formFields .fieldItem .fieldItemLabel { display: none; }

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

.CMSForm .formButtons input { -webkit-appearance: none; margin: auto; background-color: #06aca1; color: white; border: 0; border-radius: 0; padding: 8px; }

.CMSFormFinished { text-align: center; }

.fb_feed { overflow: hidden; width: auto; }

.fb_feed .head { background-color: #06aca1; color: white; padding: 3px 10px; font-size: 40px; margin: 40px 0 0; }

.fb_feed .head span { display: inline-block; width: 50px; text-align: center; }

.fb_feed .social-feed-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; height: auto; overflow: hidden; margin: 10px 0 40px; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; /*.social-feed-element{ @include flex(1 0 auto); width: 49%; margin: 0 0.7% 25px 5px; @include row_nw(); @include align-items(center); max-height: 200px; box-shadow: 0 0 10px 0 rgba($olive, 0.2); position: relative; .content{ @include flex(1 1 calc(100% - 180px)); order: 2; .fa{ display: none; } .author-title{ color: $orange; } a.read-button{ color: $orange; } } .attachment{ width: 0px; height: auto; @include flex(1 0 180px); order: 1; } .fb-like{ //position: absolute; //right: 0; //bottom: 0; } }*/ }

.fb_feed .social-feed-container .fb-post { width: 32%; margin: 0 2% 1% 0; -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -moz-box-flex: 0; -moz-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; }

.fb_feed { margin-bottom: 30px; }

.fb_feed .cff-posts-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; padding-top: 30px; }

.fb_feed .cff-posts-wrap .cff-item { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -moz-box-flex: 0; -moz-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-bottom: 20px !important; padding-top: 0 !important; }

.fb_feed .cff-posts-wrap .cff-item a { color: #c49a70; }

.fb_feed .cff-load-more { color: #c49a70; }

.fb_feed .cff-bottom { display: none; }

@media screen and (max-width: 1220px) { .imageslider .row, .singleimage .row, #map .row { width: 100%; } }

@media screen and (max-width: 850px) { .stores .row .single-store, .stores .row .UIBlock { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -moz-box-flex: 0; -moz-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin: 20px 1%; }
  .CMSForm div.formFields .fieldItem h6 { margin: 0 0 1rem; } }

@media screen and (max-width: 767px) { #banner.load { background-color: rgba(30, 57, 76, 0.4); }
  #banner .row { height: 350px; padding-bottom: 0; padding-top: 50px; }
  #banner .graphics { font-size: 10vw; }
  .imageslider .box .content, .singleimage .box .content { margin: 20px auto; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .imageslider .box .content h3, .singleimage .box .content h3 { font-size: 28px; }
  .imageslider .swiper-pagination span, .singleimage .swiper-pagination span { margin: 10px 5px; }
  #map .row:after { display: block; content: ''; background-color: rgba(0, 0, 0, 0.3); background-image: url(../images/pinch_zoom.png); background-size: 91px auto; background-position: 95% 85%; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all 0.3s; }
  #map.hover .row:after { opacity: 1; visibility: visible; }
  .fb_feed .cff-posts-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .fb_feed .cff-posts-wrap .cff-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-right: 0 auto 1%; } }

.UIPageEditTab { left: 0px !important; }

.mceEditor { margin: auto; }

@media screen and (max-width: 600px) { .stores .row .single-store, .stores .row .UIBlock { -webkit-box-flex: 0; -webkit-flex: 0 0 98%; -moz-box-flex: 0; -moz-flex: 0 0 98%; -ms-flex: 0 0 98%; flex: 0 0 98%; }
  .stores .row .single-store .col .image p, .stores .row .single-store .col .image img, .stores .row .UIBlock .col .image p, .stores .row .UIBlock .col .image img { width: 100%; max-width: 100%; }
  #map { height: 80vh; } }