html { position: relative; min-height: 100%; overflow: auto; font-size: 100.0%; }
body { position: relative; width: 100%; margin: 0; padding: 0; background: #fff; color: #2b2b2b; font-size: 62.5%; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 1.6875em; -webkit-font-smoothing: antialiased; box-sizing: border-box; overflow-x: hidden; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
*:focus { outline: 0; }
.clearfix { display: block; }
/* close commented backslash hack */


/*! CSS Template  -------- */
/*! links & buttons ------- */
a { color: #000; }
a.link { border-bottom: 2px solid #1a1a1a;}
a:hover { color: #ddae72; border-bottom: 2px solid #ddae72; }
a.current { position: relative; color: #ddae72; }

#reviews a,
#reviews button.wholeReview { margin: 0; padding: 0; background: transparent; border: none; text-decoration: none; font-weight: 700; }
#reviews a:hover,
#reviews button.wholeReview:hover { color: #ddae72; border-bottom: 2px solid #ddae72; }


button.link { margin: 50px 0 0;
    padding: 0;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    border: 0;
    border-bottom: 2px solid #fff; }
button.link:hover { color: #ddae72; border-bottom: 2px solid #ddae72; }


/*! headers & text ------- */
h1, h2 { display: block; margin: 0; line-height: 1em; letter-spacing: -0.4px; }
h1 { font-size: 7.5vw; color: #1a1a1a; margin: 0 0 20px 0; font-family: 'Playfair Display', serif; font-weight: 400;  }
h2.specialHeader { font-size: 1.5vw; color: #897575; margin: 0 0 0 2px; font-family: 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 20px; }
h2.sectionHeader { font-size: 4.5vw; color: #1a1a1a; margin: 0 0 50px 0; font-family: 'Playfair Display', serif; font-weight: 400; text-transform: none; letter-spacing: 0; }


/*! layout & elements  -------- */
/* header */
header { width: 100%; height: 87vh; display: block;  box-sizing: border-box; }

        /* slider */
        .headerText { position: absolute; top: 0; left: 0; z-index: 1; padding: 18% 0 0 5%; }
        .bgSlider {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
        .bgSlider .slick-arrow { position: absolute; top: 0; left: 0; }

        .slick-dots { position: absolute; top: 82vh; width: 100%; list-style: none; margin: 0; padding: 0; text-align: center; }
        .slick-dots li { display: inline-block; margin: 0 3px;  }
        .slick-dots li button { display: block; width: 11px; height: 11px; padding: 0; overflow: hidden; text-indent: 100px; border-radius: 50%; border: 2px solid #1a1a1a; background: none; }
        .slick-dots li button { outline: none; }
        .slick-dots li.slick-active button { border: 2px solid #ddae72; background: none; }

        .bgSlider-001 { display: block; width: 100%; height: 87vh; background: url(../img/bg/sliderBg/background001.jpg) no-repeat; background-size: cover; }
        .bgSlider-002 { display: block; width: 100%; height: 87vh; background: url(../img/bg/sliderBg/background002.jpg) no-repeat; background-size: cover; }
        .bgSlider-003 { display: block; width: 100%; height: 87vh; background: url(../img/bg/sliderBg/background003.jpg) no-repeat; background-size: cover; }
        .bgSlider-004 { display: block; width: 100%; height: 87vh; background: url(../img/bg/sliderBg/background004.jpg) no-repeat; background-size: cover; }
        /* end slider */


/* nav */
nav.menu { font-size: 1.4em; font-weight: 700; height: 13vh; display: table; width: 100%;}
nav.menu ul { margin: 0; padding: 0; list-style: none; text-align: center; display: table-cell; vertical-align: middle;}
nav.menu ul li { display: inline-block; margin: 0 60px 0 0;   }
nav.menu ul a { text-decoration: none; }
nav.menu ul button { padding: 0; background: transparent; border: 0; font-weight: 700; border-bottom: 2px solid #fff; }
nav.menu ul button:hover { color: #ddae72; border-bottom: 2px solid #ddae72; }

      /* Style the header */
      .header { background: #fff; 
                -webkit-transition: height 500ms cubic-bezier(.87,.69,.48,.85); 
                -moz-transition: height 500ms cubic-bezier(.87,.69,.48,.85);  
                -ms-transition: height 500ms cubic-bezier(.87,.69,.48,.85); 
                -o-transition: height 500ms cubic-bezier(.87,.69,.48,.85); 
                transition: height 500ms cubic-bezier(.87,.69,.48,.85);  
      }

      /* Page content */
      .content {
        padding: 16px;
      }

      /* The sticky class is added to the header with JS when it reaches its scroll position */
      .sticky {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 10;
      }

      /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
      .sticky + .content {
        padding-top: 102px;
      }
      nav.menu.sticky {
        height: 8vh;
      }


/* pages */
.fleft { float: left; } 
.fright { float: right; }

#home { position: relative; width: 100%; padding: 150px 10% 100px; display: block; box-sizing: border-box;}
#roles { width: 100%; padding: 100px 0 150px; display: block; box-sizing: border-box; overflow: hidden; }

.text { width: 45%; color: #777777; }
.text p { font-size: 1.7em; line-height: 1.8em; }
.text a { display: inline-block; margin: 55px 0 0; font-weight: 700; font-size: 1.4em; text-transform: uppercase; text-decoration: none; }

#roles .text { margin-left: 5%; width: 29%;  }

.bioImage { position: relative; left: 3%; float: left; width: 378px; height: 428px; display: block;  }


/* roles rotator */
.rolesRotator { width: 72%; min-width: 60%; margin-right: -10%; margin-top: -25px; float: right;  }
.rolesRotator .slick-arrow { display: inline-block; margin: 0; padding: 0; font-weight: 700;  font-family: 'Roboto', sans-serif; font-size: 1.4em; text-transform: uppercase; text-decoration: none; background: none; border: 0; border-bottom: 2px solid #fff;}
.rolesRotator .slick-arrow:hover { color: #ddae72; border-bottom: 2px solid #ddae72; cursor: pointer; }
.rolesRotator .slick-arrow { position: absolute; bottom: 45px; left: -45.9%; display: inline-block; }
.rolesRotator .slick-arrow.slick-next { left: -35%;}


.role { padding: 20px; }
.containerRoles { width: 100%; height: 440px; background: #fff; position: relative;
                  -webkit-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  -moz-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15); }
.containerRoles img { width: 100%; }
.containerRoles a { width: 100%; height: 100%; text-decoration: none; display: block; }
.containerRoles h3 { font-size: 3.3em; line-height: 1em; color: #1a1a1a; font-family: 'Playfair Display', serif; font-weight: 400; margin: 15px 25px 10px; padding: 0;}
.containerRoles h3 span { display: block; font-size: .45em; color: #a7a9af; margin: 0 0 10px 0; }
.containerRoles h4 { font-size: 1.6em; color: #a7a9af; font-weight: 300; margin: 0 25px; padding: 0; }
.containerRoles h4 span { display: block; font-size: .8em; margin: 6px 0 0; }
.containerRoles h4 span strong { color: #1a1a1a;}
.containerRoles p { position: absolute; bottom: 25px; left: 25px; font-size: 1.3em; color: #a7a9af; font-weight: 300; margin: 0; padding: 0;  display: block; }
.containerRoles h3.titleLower { margin-top: 49px; }


/* videoRotator */
.videoRotator { width: 100%; min-width: 60%; margin-right: 0; margin-top: 0; float: right;  }
.videoRotator .slick-arrow { display: inline-block; margin: 0; padding: 0; font-weight: 700;  font-family: 'Roboto', sans-serif; font-size: 1.4em; text-transform: uppercase; text-decoration: none; background: none; border: 0; border-bottom: 2px solid #fff;}
.videoRotator .slick-arrow:hover { color: #ddae72; border-bottom: 2px solid #ddae72; cursor: pointer; }
.videoRotator .slick-arrow { position: absolute; bottom: 45px; left: -45.9%; display: inline-block; }
.videoRotator .slick-arrow.slick-next { left: -38%;}
.videoRotator .slick-track { padding-bottom: 30px;}

.videoSingle { padding: 20px; background: #fff; }
.containerVideo { width: 100%; height: auto; background: #fff; position: relative;
                  -webkit-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  -moz-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15); }
.containerVideo img { width: 100%; }
.containerVideo h3 { font-size: 2.8em; color: #1a1a1a; font-family: 'Playfair Display', serif; font-weight: 400; margin: 25px 25px 10px; padding: 0; line-height: 1.1em; }
.containerVideo h4 { font-size: 1.6em; color: #a7a9af; font-weight: 300; margin: 0 25px; padding: 0; }
.containerVideo p {  font-size: 1.3em; color: #a7a9af; font-weight: 300; margin: 0 25px 0px; padding-bottom: 30px; display: block; }


/* audioRotator */
#Audio { position: relative; }
.audioRotator { width: 100%; min-width: 60%; margin-right: 0; margin-top: 0; float: right;   }
.audioRotator .slick-arrow { display: inline-block; margin: 0; padding: 0; font-weight: 700;  font-family: 'Roboto', sans-serif; font-size: 1.4em; text-transform: uppercase; text-decoration: none; background: none; border: 0; border-bottom: 2px solid #fff;}
.audioRotator .slick-arrow:hover { color: #ddae72; border-bottom: 2px solid #ddae72; cursor: pointer; }
.audioRotator .slick-arrow { position: absolute; bottom: 45px; left: -45.9%; display: inline-block; }
.audioRotator .slick-arrow.slick-next { left: -38%;}


.audioSingle { width: 70%; padding: 20px; margin: 20px 0 30px; background: #fff; 
                  -webkit-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  -moz-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
             }
.audioSingle h3 { font-size: 2.8em; color: #1a1a1a; font-family: 'Playfair Display', serif; font-weight: 400; margin: 20px 0 10px; padding: 0; line-height: 1.1em; }
.audioSingle p {  font-size: 1.3em; color: #a7a9af; font-weight: 300; margin: 0; padding: 0 0 5px; display: block; }

.containerAudio { float: right; width: 50%; }
.containerAudioIMG { float: left; width: 50%; }
.containerAudioIMG p { font-size: 40vh; line-height: 1em; font-family: 'Playfair Display', serif; font-weight: 400;
    margin: 0;
    text-align: center;
    opacity: .1;
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: -1;
    transform: translateY(-50%);
}


.sectionContainer { width: 100%; display: block; height: 13vh;}

#calendar { width: 100%; min-height: 445px; padding-top: 80px; background: url(../img/bg/bgCalendar.png) center top #fff no-repeat;}
#calendar h2 { margin: 0 0 80px 0; color: #fff; text-align: center; }

.calendarBg { position: relative; width: 80%; margin: 0 auto;  }
.calendarBg:after { display: block; content: ' '; width: 70%; height: 55px; position: absolute; top: -15px; right: -15px; z-index: 1; background: #d8aa6f;  }
.calendarBg:before { display: block; content: ' '; width: 70%; height: 55px; position: absolute; bottom: -15px; left: -15px; z-index: 1; background: #d8aa6f;  }

.calendarContainer { width: 100%; padding: 0; background: #fff; list-style: none; position: relative; z-index: 2;                  
                  -webkit-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  -moz-box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15);
                  box-shadow: 0px 8px 29px 0px rgba(0,0,0,0.15); }
.calendarContainer li { position: relative; float: left; width: 25%; height: 250px; padding: 30px; display: block; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; overflow: hidden; box-sizing: border-box; }
.calendarContainer li:nth-child(4n) { border-right: none;}
.calendarContainer li:nth-child(n+9) { border-bottom: none;}
.calendarContainer strong { font-size: 1.6em; color: #1a1a1a; font-family: 'Playfair Display', serif; font-weight: 700; }
.calendarContainer h3 { font-size: 2.5em; color: #1a1a1a; font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1em; margin: 25px 0 7px; }
.calendarContainer h4 { font-size: 1.6em; color: #9c9ea5; font-weight: 400; margin: 0; }
.calendarContainer p { position: absolute; bottom: 30px; left: 30px; font-size: 1.3em; z-index: 1; color: #a7a9af; font-weight: 300; margin: 0; padding: 0; display: block; }
.calendarContainer span { position: absolute; bottom: 40px; right: -20px; font-size: 12.5em; color: #eeeded; font-family: 'Playfair Display', serif; font-weight: 400; }

#listen { width: 100%; padding: 130px 0 90px; display: block; box-sizing: border-box; overflow: hidden; }
#listen .text { margin-left: 5%; width: 38%;  }
#listen .tab { width: 100%; display: block; padding-top: 20px; margin-bottom: 20px; }

.tablinks { position: relative; }
.tablinks:after { position: absolute; left: 0; top: 8px; content: ""; display: block; width: 33px; height: 30px; background: url(../img/playerBtn.png) no-repeat; background-size: 69px 60px; }

/* Style the tab */
.tab {
    overflow: hidden;
    text-align: center; 
}

/* Style the buttons that are used to open the tab content */
.tab button:first-child {
  margin-right: 20px;
}

.tab button {
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.4em;
    color: #c6c6c6;
    padding: 14px 16px 14px 40px;
    transition: 0.3s;
    background: transparent;
}

.tab button.video:after { background-position: 4px 0px;}
.tab button.audio:after { background-position: -38px 0px; }

.tab button.video:hover:after { background-position-y: -30px; }
.tab button.audio:hover:after { background-position-y: -31px; }

.tab button.video.active:after { background-position: 4px -30px;}
.tab button.audio.active:after { background-position: -38px -31px; }

/* Change background color of buttons on hover */
.tab button:hover {
    color: #ddae72;
}

/* Create an active/current tablink class */
.tab button.active {
    color: #ddae72;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}


/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Audio player*/
.mejs__container { background: #252525; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mejs__controls:not([style*="display: none"]) { background: transparent; }
.mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.7); }
.mejs__time-rail { width: 60%; }

.videoRotator .mejs__container { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;  }

#reviews { width: 100%; padding: 0 0 150px; display: block; box-sizing: border-box; overflow: hidden; text-align: center; }
#reviews .slick-arrow { position: absolute; top: 50%; margin-top: -50px; width: 100px; height: 100px; z-index: 10; display: block; background: #1a1a1a; border: 0; text-indent: 200px; overflow: hidden; }
#reviews .slick-arrow:after { position: absolute; top: 50%; margin-top: -31px; margin-left: 23px; content: ""; display: block; width: 33px; height: 61px; background: url(../img/arrows-html_@2x.png) no-repeat; background-size: 160px 62px;}
#reviews .slick-prev { left: 0; }
#reviews .slick-next { right: 0; }

#reviews .slick-next:after { margin-left: 28px; background-position: -41px 0; }

.reviewsRotator { position: relative; }
.reviewSingle {}
.containerReviews { width: 70%; margin: 0 auto;  }
.containerReviews img { width: 19px; height: 16px; display: block; margin: 35px auto; }
.containerReviews p { font-size: 1.7em; line-height: 1.9em; font-weight: 300; color: #777;  }
.containerReviews p.reviewAuthor { color: #1a1a1a; line-height: 1em; font-weight: 400; }
.reviewAuthor small { display: block; font-size: .77em; color: #777; margin: 5px 0 0; line-height: 1em; font-weight: 300;}


/* photos section */
#photos { position: relative; text-align: center; }
.photosBgText { position: absolute; left: 8%; top: 40px; font-size: 50vh; font-family: 'Playfair Display', serif; font-weight: 400; color: #f4f4f4; z-index: -1; }

.photosList  { width: 95%; margin: 0 auto; }
.galleryContent {}

.singleGallery { position: relative; float: left; height: 450px; margin-bottom: 30px; overflow: hidden; }
.singleGallery.width25 { width: 35%; }
.singleGallery.width75 { width: 65%; }
.singleGallery a { display: block; width: 100%; height: 450px; }
.singleGallery a:hover { border-bottom: none; }
.singleGallery img { max-width: 100%; }

a.galleryID001 { width: calc(100% - 30px); margin-right: 30px; background: url(../img/gallery/image-1.png) no-repeat; background-size: cover; }
a.galleryID002 { background: url(../img/gallery/image-2.png) no-repeat; background-size: cover; }
a.galleryID003 { width: calc(100% - 30px); margin-right: 30px; background: url(../img/gallery/image-3.png) no-repeat; background-size: cover; }
a.galleryID004 { background: url(../img/gallery/image-4.png) no-repeat; background-size: cover; }

.galleryHeader { position: relative; display: none; width: 100%; height: 100%; background: #1a1a1a; }
.galleryHeader h2 { position: absolute; bottom: 60px; left: 60px; color: #fff; font-size: 7vh; font-family: 'Playfair Display', serif; font-weight: 400; color: #fff;  }
.singleGallery:hover .galleryHeader { position: absolute; top: 0; left: 0; display: block; }

.singleGallery.width25.widthCorrect:hover { width: calc(35% - 30px); margin-right: 30px; }
.singleGallery.width75.widthCorrect:hover { width: calc(65% - 30px); margin-right: 30px; }

/* contact section */
#contact { position: relative; padding: 150px 0 0 0; text-align: center; background: url(../img/mapBg.jpg) no-repeat; background-position: center top;}
.contactCointainer { position: relative; width: 100%; display: block; margin: 80px auto 0; box-sizing: border-box; }

.contactBox { position: relative; width: 100%; margin: 0 auto; display: block; text-align: left; font-size: 1.5em; line-height: 1.5em; padding: 0 0 220px; box-sizing: border-box; text-align: center}
.contactBox h3 { font-size: 1.3em; font-family: 'Playfair Display', serif; font-weight: 700;  } 
.contactBox h4 { font-size: 1.1em; font-family: 'Playfair Display', serif; font-weight: 700; margin-top: 35px; margin-bottom: 10px;  } 
.contactBox.contactRight h3 { margin-bottom: 75px; }

.contactLeft:after { display: none; position: absolute; top: 20px; left: 0; width: 54px; height: 257px; content: " "; background: url(../img/contactUSA.png) no-repeat; background-size: 100%;  }
.contactRight:after { display: none; position: absolute; top: 20px; left: 0; width: 54px; height: 257px; content: " "; background: url(../img/contactEurope.png) no-repeat; background-size: 100%;  }

/* footer */
footer { position: relative; display: block; width: 100%; font-size: 1.1em; margin: 0; color: #777; box-sizing: border-box; padding: 0 40px; }
footer p { padding-bottom: 30px; }
footer p a { color: #777; text-decoration: none; }
footer p a:hover { border-bottom: 0; }
footer p.footerLeft { float: left; }
footer p.footerRight { float: right; text-align: right; }
footer img { position: absolute; top: 11px; left: 50%; margin-left: -23px;width: 47px; height: 29px; }

/* Modal */
.dialog__content::-webkit-scrollbar {
    width: 6px;
}
 
.dialog__content::-webkit-scrollbar-track {
  background: #f3f3f3;
}
 
.dialog__content::-webkit-scrollbar-thumb {
  background-color: #1a1a1a;
  outline: none;
}


.sally { position: relative; z-index: 10; }
.dialog__content {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.dialog__content h2 {
    font-size: 4.5vw;
    color: #1a1a1a;
    margin: 0 0 50px 0;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.close {
  display: block; 
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  background: 0;
  border: 0;
  margin: 0;
  padding: 0; 
}
.close:hover {
  opacity: 1;
  cursor: pointer; 
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
  top: 0px;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

      /* press */
      #pressDialog .dialog__content { padding: 80px; text-align: left; }
      #pressDialog .dialog__content .calendarContainer {}
      #pressDialog .dialog__content p {
          font-size: 1.6em;
          line-height: 1.4em;
          margin-bottom: 50px;
      }
      a.downloadBtn { position: relative; display: block; border: 0; text-decoration: none;
        transition: 200ms;
        transition-timing-function: ease-in-out;
        -webkit-transition: 200ms;
        -webkit-transition-timing-function: ease-in-out;
       }
      a.downloadBtn:hover { border: 0; }

      a.downloadBtn strong { 
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin: 0 0 0 15px;
            padding: 0;
            font-weight: 700;
            font-family: 'Roboto', sans-serif;
            font-size: 1.4em;
            text-transform: uppercase;
            text-decoration: none;
            background: none;
            border: 0;
            border-bottom: 2px solid #fff; 
      }
      a.downloadBtn:hover strong { 
        color: #ddae72; border-bottom: 2px solid #ddae72; 
      }

      a.downloadBtn:hover svg {
        fill: #ddae72;
      }
      a.downloadBtn svg { width: 36px; }


      /* biography */
      #biographyDialog .dialog__content {
        max-width: 85%;
        width: 100%;
        height: 90vh;
        text-align: left;
        font-size: 1.6em;
        line-height: 1.4em;
        box-sizing: border-box;
        padding: 80px 40% 80px 80px;
      }

      #biographyDialog p { margin: 25px 0;}
      #biographyDialog ul { width: 100%; margin: 0 25px; padding: 0 0 0 18px; }

      .cytat { font-size: 1.7em; line-height: 1.3em;  }
      .smallModalP { width: 70%; }
      .smallModalP small { display: block; }
      
      #biographyDialog .dialog__content { background: url(../img/bgBioModal.jpg) #fff no-repeat; background-position: center right;  }

      /* calendar */
      .calendarLinkBtnContainer { text-align: center; display: block; text-align: center; }
      button.calendarLinkBtn {}

      #calendarDialog .dialog__content { padding: 0; text-align: left; 
        max-width: 60%;
        width: 100%;
        height: 90vh;
      }

      #calendarDialog h2 { padding: 80px 80px 0 80px; color: #1a1a1a; text-align: left; margin-bottom: 0;  }
      #calendarDialog p { padding: 20px 80px 0 80px; color: #777; font-size: 1.7em; line-height: 1.4em; }

      #calendarDialog .calendarContainer.calendarModalContainer li {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        padding: 30px 80px;
        display: block;
        border-right: none;
        border-bottom: 1px solid #f4f4f4;
        overflow: hidden;
        box-sizing: border-box;
      }

      #calendarDialog .calendarContainer.calendarModalContainer {                   
                  -webkit-box-shadow: none;
                  -moz-box-shadow: none;
                  box-shadow: none; }
      }


      #calendarDialog .calendarContainer.calendarModalContainer span {
        position: absolute;
        bottom: 55px;
        right: -20px;
        font-size: 17.5em;
      }


      #calendarDialog .calendarContainer.calendarModalContainer h3 {
        margin: 15px 0 7px;
      }

      #calendarDialog .calendarContainer.calendarModalContainer p {
          position: absolute;
          bottom: 30px;
          right: 80px;
          left: auto;
          z-index: 10;
          font-size: 1.3em;
          color: #a7a9af;
          font-weight: 300;
          margin: 0;
          padding: 0;
          display: block;
          text-align: right;
      }



@media only screen and (max-width: 1170px) {
    .bioImage { left: -80px; }
}

@media only screen and (max-width: 980px) {
    .bioImage { display: none; }
}


@media only screen and (max-width: 980px) and (min-width: 901px)  {
    .bioImage { display: none; }
    .fright.text.biography{ float: left; width: 100%; }
}

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

    /* Mobile */
    /*body { background: red; }*/

    /* Headers */
    .headerText { width: 100%; padding: 0; text-align: center; margin-top: 30px; }
    .headerText h1 { font-size: 13vw; }
    .headerText h2 { font-size: 3vw; letter-spacing: 5px; margin: 0 auto; }

    .sectionHeaderContainer { overflow-x: scroll; overflow-y: hidden; }
    nav.menu { width: 670px; }
    nav.menu ul { height: 40px; text-align: left; }
    nav.menu ul li { display: inline; margin: 0 30px 0 0; }
    nav.menu ul li:first-child { margin-left: 30px; }

    nav.menu.sticky { width: 100%; display: block; overflow-x: scroll; overflow-y: hidden; }
    nav.menu.sticky ul { width: 670px; min-width: 670px; height: 51px; }
    nav.menu.sticky ul li {}

    .text, #listen .text { width: 80%; margin: 0 auto; }
    .text.fright { float: none; }

    #home { padding: 50px 0; }
    h2.sectionHeader { font-size: 12vw; margin: 0 0 30px 0;}

    #roles { padding: 50px 0 30px; }
    #roles .text { width: 80%; margin: 0 auto; }
    #roles .text.fleft { float: none; }

    .rolesRotator { width: 100%; margin: 0 auto; min-width: 100%; }
    .rolesRotator .slick-arrow { display: none ; }

    .calendarContainer li { width: 100%; height: auto; border-right: none; padding: 30px 30px 90px; }
    #listen { padding: 60px 0 0; }

    .fleft, .fright { float: none; }
    .videoRotator .mejs__container { height: 180px !important; }
    .containerVideo h3, .audioSingle h3 { font-size: 1.9em; }

    .containerAudioIMG { display: none; }
    .containerAudio { float: none; width: 100%; margin: 0 auto 80px; }
    .audioSingle { width: 80%; margin: 20px auto 20px;}

    .containerReviews { width: 85%; }
    .containerReviews p { font-size: 1.6em; line-height: 1.7em; }
    .containerReviews img { margin: 25px auto; }

    #reviews { padding: 0 0 50px; margin-bottom: 10px; } 
    .singleGallery, .singleGallery a { height: 160px; margin-bottom: 10px; }
    a.galleryID003, a.galleryID001 { width: calc(100% - 10px); margin-right: 10px; }
    .galleryHeader h2 { bottom: 30px; left: 25px; font-size: 4vh; }

    #contact { padding: 90px 0 0 0; }
    .contactCointainer {
        position: relative;
        width: 80%;
        display: block;
        margin: 40px auto 0;
        box-sizing: border-box;
        left: auto;
    }
    .contactBox.contactLeft { margin-bottom: 40px; }
    footer { margin: 70px 0 0; padding: 0 10px; }
    footer p { padding-bottom: 0px; }
    footer p.footerLeft {
        float: left;
        width: 40%;
    }


        /* modale */
        #pressDialog .dialog__content,
        #calendarDialog .dialog__content,
        #biographyDialog .dialog__content {
            padding: 30px;
            text-align: left;
            background: #fff;
        }

        .dialog__content h2, #calendarDialog h2 {
            font-size: 10vw;
            margin: 0 0 35px 0; 
        }

        #pressDialog .dialog__content p {
            font-size: 1.4em;
            line-height: 1.6em;
            margin-bottom: 30px;
        }

        .close {
            right: 38px;
            top: 38px;
        }

        #biographyDialog p, #calendarDialog p {
            margin: 25px 0; padding: 0; 
        }

        .cytat {
            font-size: 1.3em;
            line-height: 1.3em;
        }

        .smallModalP {
            width: 100%;
        }

        #biographyDialog ul {
            margin: 0;
        }       

        #calendarDialog h2 { padding: 0px; }     


    /* ograniczenie liczby dat w kalendarzu */
    .calendarContainer li:nth-child(n+6) { display: none; }


    /* Tła */
    .bgSlider-001 { background: url(../img/bg/sliderBg/background001_mobile.jpg) no-repeat; }
    .bgSlider-002 { background: url(../img/bg/sliderBg/background002_mobile.jpg) no-repeat; }
    .bgSlider-003 { background: url(../img/bg/sliderBg/background003_mobile.jpg) no-repeat; }
    .bgSlider-004 { background: url(../img/bg/sliderBg/background004_mobile.jpg) no-repeat; }

    /* Slider */
    .bgSlider-001, .bgSlider-002, .bgSlider-003, .bgSlider-004 {
      background-size: cover; 
      background-position: center;
    }


    /* endMobile */
}




.mobileImageSection { display: none;}



@media only screen and (max-width: 900px) {
.mobileImageSection { display: block; width: 100%; text-align: center }
.mobileImageSection img { width: auto; max-width: 90%; }
}



/* reviews */
#review001 .dialog__content,
        #review002 .dialog__content,
        #review003 .dialog__content,
        #review004 .dialog__content,
        #review005 .dialog__content,
        #review006 .dialog__content,
        #review007 .dialog__content,
        #review008 .dialog__content,
        #review009 .dialog__content { padding: 80px; text-align: left; max-height: 70vh; }

#review001 .dialog__content p,
        #review002 .dialog__content p,
        #review003 .dialog__content p,
        #review004 .dialog__content p,
        #review005 .dialog__content p,
        #review006 .dialog__content p,
        #review007 .dialog__content p,
        #review008 .dialog__content p,
        #review009 .dialog__content p {
          font-size: 1.6em;
          line-height: 1.4em;
          margin-bottom: 15px;
          text-align: left;
}  

.reviewMarginBottom { margin-bottom: 30px !important; }


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

        #review001 .dialog__content,
        #review002 .dialog__content,
        #review003 .dialog__content,
        #review004 .dialog__content,
        #review005 .dialog__content,
        #review006 .dialog__content,
        #review007 .dialog__content,
        #review008 .dialog__content,
        #review009 .dialog__content {
            padding: 30px;
            text-align: left;
            background: #fff;
        }


        #review001 .dialog__content p,
        #review002 .dialog__content p,
        #review003 .dialog__content p,
        #review004 .dialog__content p,
        #review005 .dialog__content p,
        #review006 .dialog__content p,
        #review007 .dialog__content p,
        #review008 .dialog__content p,
        #review009 .dialog__content p {
            font-size: 1.4em;
            line-height: 1.6em;
            margin-bottom: 15px;
        }



      #calendarDialog .dialog__content,
      #review001 .dialog__content,
      #review002 .dialog__content,
      #review003 .dialog__content,
      #review004 .dialog__content,
      #review005 .dialog__content,
      #review006 .dialog__content,
      #review007 .dialog__content,
      #review008 .dialog__content,
      #review009 .dialog__content {
        max-width: 85%;
        width: 100%;
        height: 95vh;
        box-sizing: border-box;
      }

     #calendarDialog .calendarContainer.calendarModalContainer li {
        position: relative;
        float: none;
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 30px;
        box-sizing: border-box;
        height: auto;
        display: block;
        border-right: none;
        border-bottom: 1px solid #f4f4f4;
        overflow: hidden;
        box-sizing: border-box;
      }

      #calendarDialog .calendarContainer.calendarModalContainer li:last-child { border-bottom: 0; }      

      #calendarDialog .calendarContainer.calendarModalContainer {                   
                  -webkit-box-shadow: none;
                  -moz-box-shadow: none;
                  box-shadow: none; }
      }


      #calendarDialog .calendarContainer.calendarModalContainer span {
        position: absolute;
        bottom: 55px;
        right: -20px;
        font-size: 17.5em;
      }


      #calendarDialog .calendarContainer.calendarModalContainer h3 {
        margin: 15px 0 7px;
      }

      #calendarDialog .calendarContainer.calendarModalContainer p {
          display: block;
          position: relative;
          bottom: 0;
          right: auto;
          left: 0;
          z-index: 10;
          font-size: 1.3em;
          color: #a7a9af;
          font-weight: 300;
          margin: 20px 0 0;
          padding: 0;
          display: block;
          text-align: left;
      }
}

.mejs__player { height: 100% !important;}
.mejs__container iframe { height: 100%; }