/* Finetuned Framework v.0.02 February 2020*/
/* Designed and developed by Semih ORHAN, Bursa, Turkey*/
/* "Let the beauty we love be what we do." Rumi */

/* THEME-SPECIFIC CUSTOM STYLE CLASSES */
.color--custom-001 {color: #393939; /* default font, headings, navigation-offset*/}
.color--custom-002 {color: #fffffa; /* navigation-offset:hover */}
.color--custom-003 {color: #ef4061; /* one unordinary color */}
.color--custom-004 {color: #3b3a5a; /* one unordinary color */}
.color--custom-008 {color: #5c6370; /* another another unordinary color, because why not again */}
.color--custom-009 {color: #fffffa; /* alternative background */}
.color--custom-10 {color: #ffffff; /* background, shadows, gradient, button--custom:hover background */}
.color--custom-10--rgba {color: rgba(0, 0, 0, 0);}
.bg-color--custom-01 {background-color: #393939;}
.bg-color--custom-02 {background-color: #fffffa;}
.bg-color--custom-03 {background-color: #ef4061;}
.bg-color--custom-04 {background-color: #3b3a5a;}
.bg-color--custom-08 {background-color: #5c6370;}
.bg-color--custom-09 {background-color: #fffffa;}
.bg-color--custom-10 {background-color: #ffffff;}
.bg-color--custom-10--rgba {background-color: rgba(0, 0, 0, 0);}
.bg-gradient--bg-color--80p {background-image: linear-gradient(0deg, rgba(239, 64, 97, 0.8) 0%, rgba(239, 64, 97, 0.8) 100%);}
.bg-gradient--bg-color-to-transparent--0deg {background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6842087176667542) 30%, rgba(0, 0, 0, 0) 60%, rgba(255, 255, 254, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6842087176667542) 30%, rgba(0, 0, 0, 0) 60%, rgba(255, 255, 254, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6842087176667542) 30%, rgba(0, 0, 0, 0) 60%, rgba(255, 255, 254, 0) 100%);}
.f--custom-01 {font-family: 'Roboto', sans-serif;}
.f--custom-02 {font-family: 'Roboto', sans-serif;}
.f--custom-03 {font-family: 'Lato', sans-serif;}
.bg-image--jpg--01{background-image: url(../images/background-min.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--01{background-image: url(../images/logo--background-min.png); background-position: center center; background-size:250px; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--jpg--02{background-image: url(../images/background--jpg--02-min.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--02{background-image: url(../images/background--png--02-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--jpg--03{background-image: url(../images/background--jpg--03-min.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--03{background-image: url(../images/background--png--03-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--jpg--04{background-image: url(../images/background--jpg--04-min.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--04{background-image: url(../images/background--png--04-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--jpg--05{background-image: url(../images/background--jpg--05-min.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--05{background-image: url(../images/background--png--05-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.button:hover, .button--custom:hover {box-shadow: 0.12rem 0.12rem 0.12rem #ffffff;}
.button:active, .button--custom:active {}
.button_panel {transition: all 0.3s ease-out;}
.icon {font-size: 2.5rem;}
.icon, .button, .button--custom {transition: all 0.1s ease-out;}
.icon:hover {transform: scale(1.1);}
.icon:active {transform: scale(0.95);}
body {color: #393939; text-shadow: #ffffff; background-color: #ffffff; background-image: url();}
body {font-family: 'Roboto', sans-serif; font-size: inherit; font-weight: inherit; letter-spacing: 0.01rem; line-height: normal; text-align: center; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; ;}
body, h1, h2, h3, h4, h5, h6, p, p a, .flickity-prev-next-button .arrow {text-shadow: none; /* h-shadow v-shadow blur-radius color */}
h1 {color: #fffffa; text-shadow: #ffffff;}
h1 {font-family: 'Lato', sans-serif; font-size: 4rem; font-weight:normal; letter-spacing:normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h2 {color: #fffffa; text-shadow: #ffffff;}
h2 {font-family: 'Roboto', sans-serif; font-size: 3.4rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h3 {color: #fffffa; text-shadow: #ffffff;}
h3 {font-family: 'Roboto', sans-serif; font-size: 2rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h4 {color: #fffffa; text-shadow: #ffffff;}
h4 {font-family: 'Roboto', sans-serif; font-size: 2.4rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h5 {color: #fffffa; text-shadow: #ffffff;}
h5 {font-family: 'Roboto', sans-serif; font-size: 2rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h6 {color: #fffffa; text-shadow: #ffffff;}
h6 {font-family: 'Roboto', sans-serif; font-size: 2rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
hr {border: 0; border-top: 0.1rem solid;}
hr {color: #fffffa; text-shadow: #ffffff;}
img {-webkit-filter: drop-shadow(0.1rem 0.1rem 0.1rem #ffffff); filter: drop-shadow(0.1rem 0.1rem 0.1rem #ffffff); /* h-shadow v-shadow blur-radius spread color */}
p {color: #393939; text-shadow: #ffffff;}
p {font-family: 'Roboto', sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.media-credits p {color: #9a9a9a; text-shadow: #ffffff;}
.media-credits p {font-size: 0.9rem; font-weight: 100; letter-spacing: 0.05rem;}
p a, p a:link {color: #fffffa; text-shadow: #ffffff;}
p a, p a:link, p a:visited {font-family: 'Roboto', sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
p a:hover, p a:active {color: #fffffa; text-shadow: #ffffff;}
p a:hover, p a:active {text-decoration: none;}
p a:visited {color: #fffffa; text-shadow: #ffffff;}
a, a:link, a:visited {color: #fffffa; text-shadow: #ffffff;}
a:hover, a:active {color: #fffffa; text-shadow: #ffffff;}
a, a:link, a:visited {font-family: 'Roboto', sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
a.button, a.button:link, a.button:hover, a.button:active {border: 0; border-radius: 0.20rem; color: #393939; text-shadow: 0.05rem 0.05rem 0.05rem #ffffff; /* h-shadow v-shadow blur-radius color */  box-shadow: 0.1rem 0.1rem 0.1rem #ffffff; /* h-shadow v-shadow blur-radius color */}
a.button, a.button--custom {font-family: 'Roboto', sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.01rem; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
a.button--custom {color: #ffffff; background-color: #393939; border: 0.1rem solid #393939; text-shadow: none; transition: all 0.15s ease-out;}
a.button--custom, a.button--custom:link, a.button--custom:visited, a.button--custom:active {transition: all 0.15s ease-out;}
a.button--custom:hover {color: #393939; background-color: #ffffff; border: 0.1rem solid #393939; border-radius: 0.2rem; text-shadow: none;}
address a, address a:link, address a:visited {font-family: 'Roboto', sans-serif; font-size: 1.4rem; font-weight: 300; letter-spacing: 0.05rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.site-credit {background-image: url(../images/emblem--heart-min.png);}
.site-credit a { color: #ffffff;}
.site-credit:hover, .site-credit:active {background-image: url(../images/emblem--empty-min.png);}
.site-credit a:hover {color: #ffffff;}
.progress-container {height: 0.5rem; background: #ffffff;}
.progress-bar {height: 0.5rem; background: #ef4061;}
.navigation-bar {background: #ffffff;}
.navigation-bar a, .navigation-bar a:link, .navigation-bar a:visited, .navigation-bar a:hover, .navigation-bar a:active {font-family: 'Roboto', sans-serif; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.navigation-bar a, .navigation-bar a:link, .navigation-bar a:visited {color: #393939; text-shadow: none;}
.navigation-bar a:hover, .navigation-bar a:active {background-color: #393939; color: #ffffff; text-shadow: none;}
.carousel {background-color: #ffffff;}
.carousel_cell {}
.flickity-button {color: #393939;transition: all 0.1s ease-out;}
.flickity-button:hover {opacity:0.8;}
.flickity-prev-next-button .arrow {fill: #393939;text-shadow: #ffffff;}
.flickity-prev-next-button.no-svg {color: #393939;}
.flickity-prev-next-button:hover {background: transparent;}
.modal {background: #ffffff; opacity: 0.95;}
.modal_close-button {background: none; color: #fffffa; text-shadow: #ffffff;}
.modal_close-button {font-family: 'Roboto', sans-serif; font-size: 2.8rem; font-weight: 300; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.navigation-offset:target {padding-top: 9.9vh; margin-top: -9.9vh;  display: inline-block; /* required for webkit browsers */ /* set equal to the sticky navigation height minus 0.1 to avoid overlap */}
#fp-nav ul li a span,.fp-slidesNav ul li a span {background: #393939; opacity:0.8;}
#fp-nav ul li .fp-tooltip {color: #393939;}
#fp-nav ul li a span,.fp-slidesNav ul li a span, #fp-nav ul li .fp-tooltip {box-shadow: 0.1rem 0.1rem 0.1rem #ffffff;}

/* NEGATIVE COLORS */
.negative {color: #ffffff; text-shadow: #393939; background-color: #393939; background-image: url();}
.negative, .negative h1, .negative h2, .negative h3, .negative h4, .negative h5, .negative h6, .negative p, .negative p a {text-shadow: 0.1rem 0.05rem 0.1rem #393939;}
.negative h1 {color: #ffffff; text-shadow: #393939;}
.negative h2 {color: #ffffff; text-shadow: #393939;}
.negative h3 {color: #ffffff; text-shadow: #393939;}
.negative h4 {color: #ffffff; text-shadow: #393939;}
.negative h5 {color: #ffffff; text-shadow: #393939;}
.negative h6 {color: #ffffff; text-shadow: #393939;}
.negative hr {color: #ffffff; text-shadow: #393939;}
.negative img {-webkit-filter: drop-shadow(0.1rem 0.1rem 0.1rem #393939); filter: drop-shadow(0.1rem 0.1rem 0.1rem #393939);}
.negative p {color: #ffffff; text-shadow: #393939;}
.negative .media-credits p {color: #9a9a9a; text-shadow: #393939;}
.negative p a, .negative p a:link {color: #ffffff; text-shadow: #393939;}
.negative p a:hover, .negative p a:active {color: #fffffa; text-shadow: #393939;}
.negative p a:visited {color: #ffffff; text-shadow: #393939;}
.negative a, .negative a:link, .negative a:visited {color: #ffffff; text-shadow: #393939;}
.negative a:hover, .negative a:active {color: #ffffff; text-shadow: #393939;}
.negative a.button, .negative a.button:link, .negative a.button:hover, .negative a.button:active {color: #393939; text-shadow: 0.05rem 0.05rem 0.05rem #ffffff;  box-shadow: 0.1rem 0.1rem 0.1rem #393939;}
.negative a.button--custom, .negative a.button--custom:active {color: #ffffff; background-color: none; border: 0.1rem solid #ffffff; border-radius: 0.2rem; text-shadow: none; transition: all 0.15s ease-out;}
.negative a.button--custom:hover {color: #393939; background-color: #ffffff; border: 0.1rem solid #ffffff; text-shadow: none;}
.negative .navigation-bar a, .negative .navigation-bar a:link, .negative .navigation-bar a:visited, .negative .navigation-bar a:active {color: #ffffff;}
.negative .navigation-bar a:hover {background-color: #ffffff; color: #393939;}

/* TUNED.LINK/ CUSTOM ATTRIBUTES */
.tuned {font-family: 'Roboto', sans-serif;  font-size: inherit;  font-weight: inherit;  letter-spacing: 0.01rem;  line-height: normal;  text-align: center;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;  background-position: top center;  background-repeat: no-repeat;  background-attachment: fixed;  -webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;  background-size:cover; ;}
.tuned h1 {font-family: 'Lato', sans-serif;  font-size: 5.1rem;  font-weight: 900;  letter-spacing: 0;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h2 {font-family: 'Roboto', sans-serif;  font-size: 3.2rem;  font-weight: 300;  letter-spacing: 0;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h3 {font-family: 'Roboto', sans-serif;  font-size: 2.4rem;  font-weight: 300;  letter-spacing: 0.08rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h4 {font-family: 'Roboto', sans-serif;  font-size: 2.2rem;  font-weight: 700;  letter-spacing: 0.02rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h5 {font-family: 'Roboto Condensed', sans-serif;  font-size: 1.2rem;  font-weight: 300;  letter-spacing: 0.2rem;  line-height: normal;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h6 {font-family: 'Roboto Condensed', sans-serif;  font-size: 1.2rem;  font-weight: 300;  letter-spacing: 0.4rem;  line-height: normal;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned hr {border: 0;  border-top: 0.1rem solid;}
.tuned p, .tuned li {font-family: 'Roboto', sans-serif;  font-size: 1.6rem;  font-weight: 300;  letter-spacing: 0.01rem;  line-height: 2.3rem;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned .media-credits p {font-family: 'Roboto', sans-serif; font-size: 0.9rem;  font-weight: 100;  letter-spacing: 0.05rem;}
.tuned p a, .tuned p a:link, .tuned p a:visited {font-family: 'Roboto', sans-serif;  font-size: 1.6rem;  font-weight: 400;  letter-spacing: 0.01rem;  line-height: 2.6rem;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned a, .tuned a:link, .tuned a:visited {font-family: 'Roboto', sans-serif;  font-size: 1.6rem;  font-weight: 400;  letter-spacing: 0.01rem;  line-height: 2.6rem;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned a.button, .tuned a.button--custom {font-family: 'Roboto', sans-serif;  font-size: 1.6rem;  font-weight: 400;  letter-spacing: 0.01rem;  letter-spacing: 0.01rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned address a, .tuned address a:link, .tuned address a:visited {font-family: 'Roboto', sans-serif;  font-size: 1.4rem;  font-weight: 300;  letter-spacing: 0.05rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.progress-container {height: 0.5rem; background: #ffffff;}
.progress-bar {height: 0.5rem; background: #ef4061;}

/* CUSTOM */

img {
    -webkit-filter: none;
    filter: none;
  }
  .custom-narrow-component {flex:0;}
  .custom-wide-component {flex:1; flex-grow:3;}

.animation-duration--0-4 {
  animation-duration: 0.4s;
}
.animation-duration--0-5 {
  animation-duration: 0.5s;
}
.animation-delay--0-5 {
  animation-delay: 0.5s;
}
.animation-delay--2-5 {
  animation-delay: 2.5s;
}
.call-to-action_background--01{background-image: url(../images/call-to-action_backdrop-min.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: inherit;}
.call-to-action_background--01_gradient {background-image: linear-gradient(0deg, rgba(59,58,90,0.6) 0%, rgba(59,58,90,0.6) 100%);}
.photos_background--01_gradient {background-image: linear-gradient(0deg, rgba(239,64,97,0.6) 0%, rgba(239,64,97,0.6) 100%);}
.tuned p.italic {font-family: 'Playfair Display', serif;  font-size: 1.4rem;  font-weight: 200;  letter-spacing: 0.08rem;  line-height: normal;  text-decoration: none; font-style: italic; text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
a.button--custom--2 {color: #ffffff; background-color: #ef4061; border: 0.1rem solid #ef4061; text-shadow: none; transition: all 0.15s ease-out; border-radius: 0.2rem;}
a.button--custom--2, a.button--custom--2:link, a.button--custom--2:visited, a.button--custom--2:active {transition: all 0.15s ease-out;}
a.button--custom--2:hover {color: #ef4061; background-color: #ffffff; border: 0.1rem solid #ef4061; border-radius: 0.2rem; text-shadow: none;}
a.button--instagram {border: 0.1rem solid #f09433; border-radius: 0.2rem;}
a.button--instagram:hover {
  background: #ffffff;
  background: -webkit-linear-gradient(0, #f09433);
  background: -webkit-gradient(0, #f09433);
  background: -moz-linear-gradient(0, #f09433);
  background: -o-linear-gradient(0, #f09433);
  background: linear-gradient(0, #f09433);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#f09433', GradientType=1);
}
span.bolder {font-weight: 400;}
.photos-background {
  position: relative;
}
.photos-background:after {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(239,64,97,0.6) 0%, rgba(239,64,97,0.6) 100%);
  pointer-events: none; /* so the text is still selectable */
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.tuned h1 {font-family: 'Lato', sans-serif;  font-size: 5.1rem;  font-weight: 900;  letter-spacing: 0;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h2 {font-family: 'Roboto', sans-serif;  font-size: 5.1rem;  font-weight: 300;  letter-spacing: 0;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h3 {font-family: 'Roboto', sans-serif;  font-size: 3.2rem;  font-weight: 300;  letter-spacing: 0.08rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h4 {font-family: 'Roboto', sans-serif;  font-size: 2.2rem;  font-weight: 700;  letter-spacing: 0.02rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h5 {font-family: 'Roboto Condensed', sans-serif;  font-size: 1.2rem;  font-weight: 300;  letter-spacing: 0.2rem;  line-height: normal;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h6 {font-family: 'Roboto Condensed', sans-serif;  font-size: 1.2rem;  font-weight: 300;  letter-spacing: 0.4rem;  line-height: normal;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned p, .tuned li {font-family: 'Roboto', sans-serif;  font-size: 1.6rem;  font-weight: 300;  letter-spacing: 0.01rem;  line-height: 2.6rem;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.icon {font-size: 2rem;}
}
::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  text-shadow: none;
  background: #ef4061;
}

::selection {
  color: #ffffff;
  text-shadow: none;
  background: #ef4061;
}

*{
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.allow-selection{
  -webkit-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -ms-user-select: text;
}

.p-r--40 {padding-right: 40px;}