/*slider*/
.slider-cover{
    color: #000;
    min-height: 450px;
    height: calc(100vh - 124px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 100vw;
}
span.br {
    display: block;
}

#index-row {
  /* margin-top: -20px; */
  padding: 0;
  overflow-x: hidden;
}

.kleding-slider-header {
  color: #000;
  font-family: 'Playfair Display', serif;
  display: inline-block;
  text-transform: none;
}

.holidaySection {
    padding: 35px 0;
}
.holidaySection,  .holidaySection p {
    color: white;
}

.holidaySection li {
    color: white;
    margin-bottom: 10px;
    font-size: 16px;
}

.holidaySection h4 > strong {
 font-family: 'Playfair Display', serif;
}

.holidaySection h4 {
    max-width: 600px;
    margin: 10px auto;
}

.grey-section {
    background: #f6f6f6;
    padding: 40px 0 20px;
    font-size: 16px;
}

.grey-section label {
    margin-top: 18px;
}
@media (max-width:1023px) {
    .has-search .form-control {
        margin-left: 0;
        min-width: auto;
        background-size: 5%;
    }
    .slider-cover {
        background-position: center;
        min-height: 420px;
        margin-top: 118px;
    }

    div.slider-content{
        margin-top: 80px;
        margin-left: 0;
        padding:10px
    }
    .slider-content h1{
        font-size:40px;
        font-family:playfair display,serif
    }
    .slider-content p{
        margin:40px 0;
        font-size:16px;
        width: 300px;
    }
    .latest-blog {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 991.01px){
    div.slider-content{
        margin-top: 20px;
        margin-left: -25px;
        padding:10px
    }
    .slider-content p{
        margin:20px 0;
        font-size:18px;
        width: 70%;
    }
}
@media (width: 768px) {
   div.slider-content.desktop{
       width: 100%;
       margin-left: 30px;
   }
   .mobile{
       display: none;
   }

}
@media (max-width:767.1px){

    .holidaySection li:before {
        left: -9px !important;
    }

    .mobile{
        display: inline;
    }
    .col-md-12{
        /* margin-top:10px; */
        /* margin-left: 20px; */
    }
    .desktop{
        display: none;
    }
    .fas.fa-plus-circle{
        display: none;
    }
    .arrow1{
        display: none;
    }
    .arrow2{
        display: none;
    }
    .slider-content.mobile{
        margin-top: 15px;
        float: right;
    }
    .slider-cover{
        min-height:350px;
        margin-top:177px;
        background-position:center
    }
    .slider-content{
        margin-top:15px;
        margin-left: 20px;
        float: right;
    }
    .slider-content.mobile h1{
        font-size: 30px;
        text-align: right;
        display: inline;
        margin-left: 0;
    }
    .slider-content.mobile p{
        margin:15px 0;
        font-size:18px;
        text-align: right;
        width: 70%;
        margin-left: 30%;
        margin-top: 3%;
    }
    span.br{
        display:inline-block
    }
    .slider-content h1{
        font-size:35px
    }
    .kleding-slider-header{
        display:none
    }
    .shop-more-btn{
        position:absolute
    }
    #fav-product-slider{
        overflow-x:scroll
    }
    #fav-product-slider .kleding-item{
        flex-basis: 25%;
    }
    #fav-product-slider>.tab-content{
        width:1000px
    }
    #fav-product-slider .shop-more-btn{
        display:none!important
    }
    .active>.kleding-slider-header{
        display: inline-block !important
    }
}

.tab-content .tab-pane {
    position: relative;
}

.slider-content-container {
    top: 50%!important;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-content-container > .row {
    width: 100%;
    text-align: center;
}

.slider-content-container .custom-btn {
    width: 250px;
    padding: 13px 20px;
}

.slider-content-container .button-row {
    margin-top: 30px;
}


.slider-content-container .extra-title {
    font-size: 38px;
    margin: 45px 10px;
    color: white;
}

.slider-content-container .shop-section {
    margin-right:12px;
    margin-left:12px;
}


@media screen and (max-width: 768px){

    .slider-content-container .extra-title {
      font-size: 29px;
      margin: 25px 10px;
    }

    .slider-content-container .shop-section {
      margin-bottom: 10px;
    }

/*    .slider-content-container .extra-title {
      text-shadow: -1px 0 #D4BEA4, 0 1px #D4BEA4, 1px 0 #D4BEA4, 0 -1px #D4BEA4;
    }*/
}

/* About Project Cece section */
#services {
    background: #f87967;
    padding: 40px 0 65px;
    color: white!important;
    margin-top: -1px;
}

#services h2 h3 h4 p {
    color: white!important;
}

#services p {
    font-size: 18px;
}

.service-heading {
    font-weight: bold;
    color: #ffe9b6!important;
}

.section-subheading {
    color: #ffe9b6!important;
}

.service-icon {
    width: 100px;
}

.ffg-icon {
    width: 80px;
}

.white {
    color: white;
}


.bannerSection {
    position: relative;
    z-index: 10;
    background: url(../../img/photo.jpg) 50% no-repeat;
    background-size: cover;
}

.bannerSection:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(13, 31, 31, .1);
    position: absolute;
    left: 0;
    top: 0
}

.bannerSection .container {
    max-width: 1170px;
    width: 90%;
    margin: auto;
    z-index: 20;
    text-align: center;
}

.bannerSection .container .textBlock {
    width: 100%;
    /*max-width: 500px;*/
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    /*align-items: flex-start*/
    margin: auto;
    padding: 50px 0px;
}

.bannerSection .container .textBlock p {
    color: black;
    z-index: 30
}

.bannerSection .container .textBlock .heading {
    font-family: Playfair Display, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.7em;
    line-height: normal;
    color: black;
    margin-bottom: 0px;
}

.bannerSection .container .textBlock .about {
    font-family: Playfair Display, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.625em;
    line-height: normal
}

.bannerSection img  {
    width: 100%;
    max-width: 450px;
    margin: 0px auto;
}


.bannerSection .container .textBlock .text {
    font-family: Karla, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.688;
    position: relative;
    margin-top: 30px;
}

.bannerSection .container .textBlock .text:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #1abc9c;
    position: absolute;
    top: -12px;
    left: 0
}

.bannerSection .container .textBlock .btnNear {
    background-color: #1abc9c;
    font-family: Karla, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125em;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    width: 214px;
    height: 53px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    z-index: 30;
    transition: all .4s ease;
    color: #fff;
    text-decoration: none;
}

.bannerSection .container .textBlock .btnNear:hover {
    background-color: #48cab0
}

/*# sourceMappingURL=style.bundle.css.map*/

/* Testimonials */
figure.media-statement {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  color: #333;
  text-align: left;
  border-radius: 8px;
  min-height: 378px;
}
figure.media-statement * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
figure.media-statement a {
    display: inline-block;
    min-height: 100px;
}
figure.media-statement img {
    position: absolute;
    max-width: 100%;
    vertical-align: middle;
    width: 96%;
    bottom: 0;
    top: 0;
    padding: 0px 15px;
    margin: auto auto;
}
figure.media-statement blockquote {
  position: relative;
  background-color: #ffffff;
  padding: 25px 50px 25px 50px;
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
  font-style: italic;
  border: none !important;
  min-height: 250px;
  font-size: 1.15rem;
}
figure.media-statement blockquote:before,
figure.media-statement blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.media-statement blockquote:before {
  top: 25px;
  left: 20px;
}
figure.media-statement blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0;
}
figure.media-statement .arrow {
  top: 100%;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
  margin: 0;
  position: absolute;
}
figure.media-statement .author {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 25px;
  color: #000000;
  background-color: #ffffff;
  margin: 0;
  text-transform: uppercase;
}
figure.media-statement .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 800;
}
figure.media-statement .author h5 span {
  font-weight: 400;
  text-transform: none;
  padding-left: 5px;
}

figure .paper-logo {
    height: 50px;
}

figure.partner-statement {
    min-height: 10px!important;
}

.partner-statement blockquote {
    min-height: 10px!important;
}
.partner-statement p {
    margin-top: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
/*giftcard specific styling*/
.gc-logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 200px;
    width: 100%;
    max-width: 480px;
    margin: 140px auto 0 auto;
}

.gc-slider-content-container h1.extra-title {
    color: #000000;
}

.gc-slider-content-container .btnNear,
.buynow-container .btnNear,
.participants-container .btnNear {
    background-color: #1abc9c;
    font-family: Karla, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125em;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    min-width: 214px;
    height: 53px;
    padding: 0 24px;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 20px 24px;
    z-index: 30;
    transition: all .4s ease;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.buynow-container .btnNear,
.participants-container .btnNear {
    margin-top: 40px;
}

.gc-slider-content-container {
    background: rgba(204, 204, 204, 0.60);
    width: 100%;
    height: 100%;
}

.gc-slider-content-container .btnNear:hover,
.buynow-container .btnNear:hover,
.participants-container .btnNear:hover {
    background-color: #48cab0
}

.gc-slider-content-container .btnNear.outline {
    background-color: #ffffff;
    border: solid 3px #1abc9c;
    color: #1abc9c;
    font-weight: 600;
}

.gc-slider-content-container .btnNear.outline:hover {
    background-color: #1abc9c;
    border: solid 3px #1abc9c;
    color: #ffffff;
}

.gc-slider-content-container .button-row {
    margin-bottom: 100px;
}

.fade-carousel .carousel-inner .item.gc-slides,
.fade-carousel .slides .slide-1.gc-slide-1 {
    min-height: 664px;
}

.centered-row {
    display: flex;
    justify-content: center;
}

.gc-slider-content {
    position: absolute;
    top: 50%!important;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width : 992px) {

    .centered-row-md {
        display: flex;
        justify-content: center;
    }

}

/*typography (for giftcard page)*/
h2.section-heading.yellow-section-heading {
    text-align: center;
    margin: 0 auto 32px auto;
    padding-bottom: 8px;
    border-bottom: solid 2px #EBA25B;
}

h2.section-heading.yellow-section-heading.underline {
    border-bottom: none;
    text-decoration: underline #EBA25B;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    h2.section-heading.yellow-section-heading {
        width: max-content;
    }
}

h2.section-heading.yellow-section-heading.yellow-section-heading-left {
    text-align: left;
    width: fit-content;
    margin: 0 auto 32px 0;
    text-transform: initial;
}

.buynow-container,
.participants-container {
    margin-top: 48px;
    margin-bottom: 48px;
}

.sash-wrapper {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

.sash-wrapper .popular-sash {
    background-color: #F87967;
    z-index: 100;
    position: absolute;

    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
    transform: rotate(45deg); /* Standard syntax */

    top: 45px;
    right: -70px;
    width: 90%;

}

.sash-wrapper .popular-sash h4 {
    text-align: center;
    line-height: 24px;
    color: #ffffff;
    width: inherit;
}

#services p {
    margin-top: 24px;
}

#services p a {
    color: #ffffff;
    text-decoration: underline;
}

#services p a:hover {
    color: #1abc9c;
}

/*FAQ*/
#faq {
    background-color: #f6f6f6;
    padding-top: 48px;
    padding-bottom: 48px;
}

.faq-accordion-wrapper {

}

.faq-accordion-row {
    border-bottom: solid 2px #C4C4C4;
    padding-top: 12px;
}

.faq-question {

}

.faq-question-arrow {
    display: inline-block;
    cursor: pointer;
}

.faq-question p {
    display: inline-block;
    color: #000;
    font-size: 18px;
    padding-left: 16px;
    max-width: 95%;
}

.faq-question:hover {
    cursor: pointer;
}

.faq-answer {
    overflow: hidden;
    display: block;
    height: auto;
    margin-top: 16px;
    margin-bottom: 16px;
    opacity: 1;
    transition: all 300ms;
}

.faq-answer.faq-answer-closed {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0;
}

.faq-answer p {
    margin-left: 44px;
}

.faq-footer-row {
    margin-top: 80px;
    margin-bottom: 48px;
}

.participants-container .brands-row {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.participants-container .brand-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 56px;
}

.participants-container .brand-wrapper.brand-hidden {
    display: none;
}

.participants-container .brand-wrapper .stores-item {
    max-width: 18rem;
    margin: 0 auto;
    width: 100%;
}

.participants-container .brand-wrapper .stores-item a {
    width: 100%;
    display: block;
}

.participants-container .brand-wrapper .stores-item a img {
    width: 100%;
}