.front-page  .section--3 {   position: relative;  }
.front-page  .director { min-height: 860px; position: relative; transition: opacity 0.3s; padding: 160px 75px; margin: 0; }
.front-page  .director__left { width: calc(100% - 495px); float: left; padding: 65px 65px 125px 0; color: #313131;  color: #fff; }
.front-page  .director__img { transition: transform 1s ease 0.75s,  opacity 1s ease 0.75s; transform: translate(25px, 0); opacity: 0; width: 535px; height: 100%; position: absolute; right: -45px; top: 0; }
.front-page  .director__img img { position: absolute; right: 0; bottom: 0; max-width: 100%; }
.front-page  .director__name {  color: #fff; font-size: 50px; margin-bottom: 30px; line-height: 1.2; text-transform: uppercase; font-weight: 700; text-align: right; }
.front-page  .director__job { font-size: 50px; line-height: 1.2; text-transform: uppercase; font-weight: 700; color: rgba(0,0,0,0);  -webkit-text-stroke: 1px #fff; opacity: 0.38; text-align: right; }
.front-page  .director__text { color: #fff; position: relative; margin-top: 137px; width: calc(100% + 60px); margin-left: -60px; padding: 0 65px; font-family: Merriweather; font-style: italic; font-size: 22px; line-height: 1.91; }
.front-page  .director__text:before { 
    transition: 0.5s; opacity: 0; 
    content: "«"; font-family: GothamPro; font-weight: 700; font-style: normal; line-height: 26px; color: #CB2626;
    position: absolute; top: 0; left: 0; font-size: 60px;
    height: auto; background: none; width: auto; bottom: auto;
}
.front-page  .director__text:after { display: none; }
.front-page  .front--dark .director__left { color: #fff }
.front-page  .front--dark .director__job { -webkit-text-stroke: 1px #fff;  }
.front-page  .director__imgSmall { display: none;transition: transform 1s ease 0.75s,  opacity 1s ease 0.75s; opacity: 1; }
.front-page  .director__name, .front-page  .director__job {
    transition: 0.75s 0.5s;
    transform: translateX(-50px);
    opacity: 0;
}
.front-page  .section--active .director__name { opacity: 1; transform: translateX(0); }
.front-page  .section--active .director__job { opacity: 0.38;  transform: translateX(0); }
.IE.front-page .director__job { color: #fff }

.front-page  .section--3.section--active { /*background: #272B38;*/ }
.front-page  .section--3.section--active .director__text:before { opacity: 1; }
.front-page  .section--3.section--active .director__img, .section--3.section--active .director__imgSmall { transform: translate(0,0); opacity: 1; }
.front-page  .front--adap .section--3 .director__text:before { opacity: 1; }
.front-page  .front--adap .section--3 .director__img { transform: translate(0,0); opacity: 1; }

/*
.front--white .director { transform: translateY(-20px); opacity: 0; }
.front--dark .director { transform: translateY(0); opacity: 1; }
*/
.front-page  .front--white .director { opacity: 0; }
.front-page  .front--dark .director { opacity: 1; }


@media ( min-width: 1600px) {
	/*.director { padding-top: 350px; }*/
    .front-page  .section--3 .container { width: 1450px; }
    .front-page  .director__name, .front-page  .director__job { font-size: 60px; padding-left: 150px; }
    .front-page  .director__text { font-size: 25px; }
    .front-page  .director__left { padding-right: 150px; }
    .front-page  .director__img { /*width: 570px;*/ width: 550px; }
}

@media ( min-width: 2000px) {
    .front-page  .section--3 .container { width: 1650px; } 
    .front-page  .director__name, .front-page  .director__job { font-size: 70px;}   
    .front-page  .director__text { font-size: 30px; }
    .front-page  .director__left { padding-right: 200px; }
    .front-page  .director__img { /*width: 600px;*/ width: 600px; }
}
@media ( min-width: 1600px) and (max-height: 850px) {
    .section--3 .container { width: 1250px; }
    .front-page  .director__name, .front-page  .director__job { font-size: 50px; padding-left: 100px; }   
    .front-page  .director__text { font-size: 22px; }
    .front-page  .director__left { padding-right: 125px; }
    .front-page  .director__img { width: 535px; }
    /*.front-page  .director { padding-top: 300px; }*/
}

@media (max-height: 800px) and (min-width: 1250px ) {
    /*.front-page  .director { padding: 50px 0 }*/
}
@media (max-width: 1400px) {
    .front-page .director__img { width: 500px; }
    .front-page .director__left { padding-right: 30px; padding-bottom: 0; width: calc(100% - 415px) }
    .front-page .director__text { padding-right: 0; }
}
@media (max-width: 1250px) {
    .front-page  .director__name, .front-page  .director__job { font-size: 40px; padding-left: 50px;}
    .front-page  .director__left { width: calc(100% - 400px); padding: 40px 40px 100px 0; }
    .front-page  .director__img { width: 400px; right: -15px; }
    .front-page  .director__text { margin-left: 0; width: 100%; padding-right: 0; }
    .front-page  .director { padding: 75px 0 75px }
}
@media (max-width: 991px) {
    .front-page  .director { min-height: 600px; padding: 100px 0;  }
    .front-page  .director__left { width: calc(100% - 240px); padding: 40px 25px 80px 0;  }
    .front-page  .director__img { width: 250px; }
    .front-page  .director__text { font-size: 18px; margin-top: 90px; padding-left: 50px; width: 100%; margin-left: 0; }
    .front-page  .director__name, .front-page  .director__job { padding-left: calc(100% - 450px); }
    .front-page  .director__text:before { font-size: 50px; }
    .front-page  .section--3 { background: #272B38; opacity: 0; transition: 0.3s; }
    .front-page  .section--3.section--active { opacity: 1; }

    .front-page  .front--white .director { opacity: 1; }
    .front-page  .front--dark .director { opacity: 1; }
    .front-page  .director__img img { bottom: 100px; }
}
@media (max-width: 767px) {
    .front-page  .director__text { font-size: 16px; padding-right: 0; }
    .front-page .director__name, .front-page .director__job {
	    transition: 0.75s;
    }
}
@media (max-width: 700px) {
    .front-page  .director__left { width: 100%; padding-right: 0; padding-bottom: 60px; }
    .front-page  .director__img { position: static; margin: auto; display: none; }
    .front-page  .director__img img { position: static; }
    .front-page  .director__text { margin-top: 70px; }
    .front-page  .director__imgSmall { display: block; width: 250px; margin: 70px auto; }
    .front-page  .director__imgSmall img { max-width: 100%; }
}
@media (max-width: 650px) {
    .front-page  .director__name, .front-page  .director__job { padding-left: 100px; }
}
@media (max-width: 550px) {
    .front-page  .director__left { padding: 0; }
}
@media (max-width: 500px) {
    .front-page  .director__name, .front-page  .director__job { font-size: 30px; }
    .front-page  .director__text { line-height: 1.5; }
    .front-page  .director { padding: 50px 0; }
}
@media (max-width: 450px) {
    .front-page  .director__name, .front-page  .director__job { padding-left: 75px; }
}
@media (max-width: 400px) {
    .front-page  .director__name, .front-page  .director__job { padding-left: 50px; }
    /*.front-page  .director { padding: 30px 0; }*/
}
@media (max-width: 350px) {
    .front-page  .director__name, .front-page  .director__job { padding-left: 25px; }
}