/* BASIC STYLES */
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.deadline {
  color: #FF276D !important;
}

html, body {
  background: #fff;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  height: auto;
  padding: 0;
}

table td {
  font-family: 'Helvetica Neue', serif;
  font-weight: 300 !important;
  border: 1px #4d4d4d solid;
  padding: 8px 10px;
  color: #4d4d4d;
  font-size: .8rem;
}

table {
  width: 800px;
  margin: 0 auto 50px;
}

li {
  list-style-type: none;
}

a {
  display: block;
  text-decoration: none;
}

@font-face {
  font-family: 'Bebas';
  src: url("../../media/fonts/bebas/OTF/BebasNeue Book.otf"), url("../../media/fonts/bebas/TTF/BebasNeue Book.ttf");
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url("../../media/fonts/Helvetica Neue/HelveticaNeueCyr-Medium.otf");
}

.clearfix:after {
  display: block;
  height: 0;
  content: '';
  clear: left;
}

.main-wrapper {
  width: 100%;
  height: auto;
}


/* LAYOUT RULES */

header {
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 100;
  font-family: 'Helvetica Neue';
}

main {
  width: 100%;
  height: auto;
}

footer {
  width: 100%;
  height: 100px;
  background: #FFF;
}

.image-wrap {
  position: absolute;
  width: 100%;
  height: 70%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.image-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.header-main-block {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: rgba(12, 82, 91, .1);*/
  z-index: 100;
}

.top-block {
  width: 100%;
  height: 10vh;
  background: #fff;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Helvetica Neue';
  padding: 5px;
}
  
  .top-block > div {
    width: 55%;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 0 3%;
  }

  .logo-letters {
    width: 4.2rem;
    height: 4.2rem;
 }

  .site-name {
    width: -webkit-calc(100%-3%-4rem);
    width: calc(100%-3%-4rem);
    padding: 0 0 0 5px;
    font-size: 1.5rem;
    font-weight: 300;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 0 2%;
    -webkit-transition: background 2s linear;
    transition: background 2s linear;
    background: #fff;
    position: relative;
  }

  .top-block nav {
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 40%;
    height: 100%;
    font-weight: 300;
    text-transform: uppercase;
  }

  .top-block li {
    width: 25%;
    height: inherit;
    font-size: 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .top-block a {
    display: block;
    color: #000;
    margin: auto;
    text-align: center;
  }


.middle-blocks-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70vh;
}

.left-block {
  position: relative;
  width: 50%;
  height: 100%; 
  background: rgba(255, 255, 255, .9);
  font-family: 'Open Sans', sans-serif;
}

.hgroup {
  width: 80%;
  height: auto;
  margin: 10% auto 1rem;
  color: #000;
  text-align: center;
}

.hgroup h2 {
  font-size: 2.6rem;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

.hgroup p {
  font-size: 1.4rem;
  font-weight: 200;
}

header form {
  width: 90%;
  height: auto;
  margin: 10% auto 0 auto;
}

header form p {
  text-align: center;
  font-weight: 300;
  margin: 1rem 0;
  display: block;
  width: 100%;
}

header form input {
  display: block;
  -webkit-border-radius: .5rem;
          border-radius: .5rem;
  outline: none;
  height: 2.5rem;
  padding: 0;
  border: 1px #fff solid;
}

header form div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: .55rem auto;
  width: 90%;
}

form input[type="text"] {
  width: 33%;
  text-align: center;
  font-size: .8rem;
}

form input[type="email"] {
  width: 33%;
  text-align: center;
  margin-left: 2%;
  font-size: .8rem;
}

form input[type="submit"] {
  width: 20%;
  color: #fff;
  background: #FF4384;
  margin-left: 2%;
  font-size: 1rem;
  border: 1px transparent solid;
  cursor: pointer;
  -webkit-transition: .2s background ease-in-out;
  transition: .2s background ease-in-out;
}

form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder {
  text-align: center;
  font-size: .8rem;
  font-weight: 200;
  color: #000;
  text-overflow: ellipsis;
}
form input[type="text"]::-moz-input-placeholder {
  text-align: center;
  font-size: .8rem;
  color: #000;
  text-overflow: ellipsis;
}
form input[type="text"]::-ms-input-placeholder {
  text-align: center;
  font-size: .8rem;
  color: #000;
  text-overflow: ellipsis;
}
form input[type="text"]:focus, form input[type="email"]:focus {
  border: 1px #FF4384 solid;
}

form input[type="text"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder {
  color: transparent;
  font-size: 1rem;
}

header form input[type="submit"]:hover {
  background: #FF347A;
}

.right-block {
  position: relative;
  width: 50%;
  height: 100%;
/*  background: rgba(0, 0, 0, .2);
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%);
*/}


.bottom-block {
  width: 100%;
  height: 20vh;
  padding: 2rem 0;
  background: #F9F9FA;
  font-family: 'Bebas', sans-serif;
  /*border: 1px black solid;*/
}

.bottom-block ul {
  width: 95%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /*border: 1px black solid;*/
}

.bottom-block ul li {
  width: -webkit-calc(100%/5);
  width: calc(100%/5); /*9*/
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /*border: 1px black solid;*/
}


.bottom-block ul li p {
  display: block;
  color: #000;
  text-align: center;
  word-wrap: wrap;
}

.bottom-block ul li p:nth-of-type(1) {
  margin: 0 0 1rem 0;
  text-transform: lowercase;
  /*border: 1px black solid;*/
}

.bottom-block ul li p:nth-of-type(1) span {
  color: #777;
  font-size: 20px;
}

.bottom-block ul li p:nth-of-type(2) {
  color: #000;
  font-size: 27px;
  font-weight: 500;
  /*border: 1px black solid;*/
}

section header {
  width: 100%;
  height: auto;
  padding: 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-family: 'Open Sans', sans-serif !important;
}

section header h3 {
  display: block;
  width: 20%;
  height: 2rem;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  line-height: 2rem;
  text-transform: uppercase;
  color: #999;
}

section header p:nth-of-type(1) {
  font-size: 2.2rem;
  display: block;
  margin: 1.5rem auto;
}

section header p:nth-of-type(2) {
  display: block;
  color: #666;
  font-size: 1.1rem;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  line-height: 1.5rem;
}

.areas-of-expertise {
  width: 100%;
  height: auto;
  font-family: 'Open Sans', sans-serif;
  padding: 1rem 0;
}

.areas-of-expertise main {
  width: 100%;
  height: auto;
  padding: 0 0 3rem 0;
}

.icons {
  width: 60%;
  height: auto;
  margin: 2rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.areas-icons {
  width: 18%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

.areas-icons:hover img:nth-of-type(1) {
  display: none;
}
.areas-icons:hover img:nth-of-type(2) {
  display: block;
}

.areas-icons img:nth-of-type(1) {
  display: block;
  width: 50%;
  height: auto;
  margin: 1.4rem auto;
}
.areas-icons img:nth-of-type(2) {
  display: none;
  width: 50%;
  height: auto;
  margin: 1.4rem auto;
}

.areas-icons p {
  width: 100%;
  height: 30%;
  text-align: center;
  font-weight: 200;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
}

.employmentopp {
  width: 100%;
  height: auto;
  padding: 3rem 0;
  font-family: 'Open Sans', sans-serif;
}

.emp-icons {
  width: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.emp-icons img {
  display: block;
  width: 30%;
  height: auto;
  margin: 0 auto;
}
.emp-icons:nth-child(odd) img {
  width: 37%;
}
.emp-icons:nth-child(2) img {
  margin: .1rem auto;
}

.emp-icons p {
  width: 100%;
  height: 30%;
  text-align: center;
  font-weight: 200;
  font-size: 1.2rem;
  display: block;
  margin: 0 auto 4rem auto;
}

.program {
  width: 100%;
  height: auto;
  background: #F9F9FA;
  padding: 1rem;
}

.schedule {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}

#Page-1 rect:hover {
  opacity: 1;
  cursor: pointer;
}
#Page-1 text:hover {
  opacity: 1;
  cursor: pointer;
}

.program-slider-wrap {
  width: 100%; /*858px*/
  height: auto;
  margin: 1rem auto;
}

.program-slider {
  width: inherit;
  height: 616px;
  margin: 1rem auto;
  position: relative;
}

.program-slide:before {
  display: block;
  width: auto;
  height: auto;
  content: url('../../media/image/program/left.svg');
  position: absolute;
  border: 1px black solid;
  top: -50%;
  left: 0;
}

.program-slide {
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.controls {
  width: 50%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.controls div {
  width: auto;
  height: auto;
  border: 2px transparent solid;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.controls div:nth-of-type(1):hover {
  border-bottom: 2px #FF276D solid;
}
.controls div:nth-of-type(2):hover {
  border-bottom: 2px #4CBEFF solid;
}
.controls div:nth-of-type(3):hover {
  border-bottom: 2px #6F2878 solid;
}
.controls div:nth-of-type(4):hover {
  border-bottom: 2px #D73BCD solid;
}


.control-item p {
  font-family: Helvetica;
  display: block;
  text-align: center;
  font-size: 1.3rem;
}

.country-block {
  width: 100%;
  height: auto;
}

.parallax-1, .parallax-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.awesome-text-parallax {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  width: 80%;
  height: 80%;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
}

.parallax-1 {
  width: 100%;
  height: 600px;
  background-image: url('../../media/image/parallax/2-min.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.parallax-2 {
  width: 100%;
  height: 600px;
  background-image: url('../../media/image/parallax/1-min.jpg');
  background-size: cover;
  /*background-position: -100px -100px;*/
  background-repeat: no-repeat;
}

.parallax-description {
  width: 100%;
  height: 450px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.parallax-overlay {
  width: 25%;
  /*height: 30%;*/
  height: auto;
  padding: 1rem;
  margin: -340px 0 0 0;
}

.lecturers-block {
  width: 100%;
  height: auto;
  background: #F9F9FA;
  padding: 3rem;
}

.lecturers-wrap {
  width: 100%;
  height: auto;
}

.lecturers-wrap ul {
  width: 60%;
  height: auto;
  margin: 1rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.lecturer {
  width: 20%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
 font-family: 'Open Sans', sans-serif;
}

.lecturer img {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}

.lecturer p:nth-of-type(1) {
 display: block;
 text-align: center;  
 font-weight: 600;
 margin: 1rem;
}

.lecturer p:nth-of-type(2) {
  display: block;
  text-align: center;

}

.partners-block {
  width: 100%;
  height: auto;
  padding: 5rem;
}

.partners-wrap header h3 {
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  amrgin: 1rem 0 0 0;
}

.partners-wrap {
  width: inherit;
  height: inherit;
}

.partners {
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: distribute;
          -webkit-box-pack: justify;
          justify-content: space-between;
}

.partners img:nth-of-type(-n+3) {
  display: block;
  width: 90%;
  height: 100px;
  cursor: pointer;
  margin: 0 auto;
  line-height: 400px;
}

.partners img:nth-of-type(4) {
  display: block;
  width: auto;
  height: auto;
}

.partners a {
  display: block;
  width: 24%;
}

main .call-to-action {
  width: 100%;
  height: 600px;
  background: url('../../media/image/callform/IMG_00087.jpg') no-repeat;
  background-size: cover;
  background-position: 0 -350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Open Sans', sans-serif;
  -webkit-filter: grayscale(20%);
  filter: grayscale(20%);
}

.call-to-wrap {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, .5);
}

.call-to-wrap p {
  display: block;
  width: auto;
  color: #fff;
  margin: 0 0 1rem 0;
  text-align: center;
}

.call-to-wrap form {
  width: 95%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*border: 1px white solid;*/
}

.call-to-wrap form input {
  width: 36%;
  outline: none;
  display: block;
  height: 2rem;
  border: 1px #FFF solid;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  text-align: center;
}

.call-to-wrap form input[type="submit"] {
  color: #fff;
  width: 20%;
  outline: none;
  border: none;
  background: #FF347A;
  font-size: .8rem;
  text-align: center;
  cursor: pointer;
}

.footer-wrap {
  width: 100%;
  height: 300px;
  font-family: 'Open Sans', sans-serif;
}

.footer-top-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.links, .contact, .htm {
  width: auto;
  height: auto;
  margin: 1rem 5rem;
}

.footer-wrap h5 {
  display: block;
  width: 100%;
  text-transform: uppercase;
  color: #999;
  margin: 0 0 1rem 0;
}

.footer-wrap:not(:nth-child(2)) h5 {
  text-align: center;
}

.links a {
  line-height: 1.2rem;
  font-size: .9rem;
  color: #000;
  margin: .3rem 0 0 0;
}
.links a:hover {
  color: #FF267D;
}

/*.htm a {
  display: block;
  width: 100%;
}
*/
.htm img {
  display: block;
  width: 65%;
  height: auto;
  margin: 1rem auto;
  border: 1px transparent solid;
  padding: 5px;
}
.htm img:hover {
  border: 1px #FF267D dashed;
}

.htm a:nth-of-type(2), .htm a:nth-of-type(3) {
  display: block;
  width: auto;
  text-align: center !important;
  color: #000;
  margin: 0 auto;
  font-size: .8rem;
  line-height: 1rem;
}

.htm a:nth-of-type(2):hover, .htm a:nth-of-type(3):hover {
  color: #FF267D;
}

.contact p {
  font-size: .9rem;
  line-height: 1.2rem;
}

.developers {
  width: 90%;
  height: auto;
  text-align: center;
  font-size: .9rem;
  line-height: 1rem;
}

.developers p {
  text-align: right;
  height: auto;
  font-size: 0.6rem;
}

.developers p a {
  display: inline-block;
}

@media only screen and (min-width: 860px) and (max-width: 1180px) {

  .site-name {
    font-size: 1.5rem;
  }

  .top-block nav {
    width: 60%;
  }

  .middle-blocks-wrap {
    width: 100%;
    height: 70% !important;
  }

  .bottom-block {
    height: 20% !important;
  }

  .left-block {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .right-block {
    width: 0;
  }

  .logo-letters {
    width: 4rem;
    height: 100%;
  }
  .logo-letters span {
    height: 49%;
  }

  .image-wrap {
    width: 100%;
    height: 100%;
  }

  .image-wrap img {
    display: block;
    width: auto;
    height: auto;
  }

  .hgroup {
    width: 85%;
    height: auto;
    margin: 5% auto 0;
    color: #000;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .hgroup h2 {
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 1rem 0;
    line-height: 1.3;
  }

  .hgroup > p {
    font-size: 1.4rem;
    font-weight: 200;
  }

  header form {
    width: 85%;
    height: auto;
    margin: 2% auto 0;
    /*border: 1px black solid;*/
  }

  header form p {
    text-align: center;
    font-weight: 300;
    margin: 1rem 0;
  }

  header form input {
    display: block;
    border: 1px #eee solid;
    -webkit-border-radius: .5rem;
            border-radius: .5rem;
    outline: none;
    height: 2.5rem;
    padding: 0;
  }

  header form div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: .55rem auto;
    width: 60%;
  }

  header form input[type="text"] {
    width: 43%;
    text-align: center;
    font-size: .8rem;
  }

  header form input[type="email"] {
    width: 33%;
    text-align: center;
    margin-left: 2%;
    font-size: .8rem;
  }

  header form input[type="submit"] {
    width: 20%;
    color: #fff;
    background: #FF4384;
    margin-left: 2%;
    font-size: 1rem;
    border: 1px transparent solid;
    cursor: pointer;
    -webkit-transition: .2s background ease-in-out;
    transition: .2s background ease-in-out;
  }

  .bottom-block ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }

  .bottom-block ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .icons {
    width: 90%;
  }

  .lecturers-wrap ul {
    width: 95%;
  }

  .lecturer {
    width: 23%;
  }

  .call-to-wrap {
    width: 80%;
  }

  .call-to-wrap form {
    width: 70%;
  }

  .partners {
    width: 100%;
  }

  .partners a {
    display: block;
    width: 100%;
    /*border: 1px black solid;*/
  }

  .partners img {
    width: 100%;
    /*border: 1px black solid;*/
  }

.footer-top-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.links, .contact, .htm {
  width: 25%;
  height: auto;
  margin: 3rem 0;
}

.htm img {
  display: block;
  width: 80%;
  height: auto;
}

.developers {
  margin: 2rem;
}

  } /* закрытие медиа-запроса!!!! */ 


  @media only screen and (max-width: 859px) and (min-width: 560px) { /* a long-long line*/ 

  section header h3 {
    width: 100%;
  }

  section header p:nth-of-type(1) {
    width: 90%;
    margin: 1rem auto;
    text-align: center;
  }

  .site-name {
    display: none;
  }

  .top-block > div {
    width: auto;
  }

  .top-block nav {
    width: 60%;
  }

  nav li a {
    font-size: .8rem;
  }

  .image-wrap img, .video-wrap video {
    display: none;
  }

  .left-block {
    width: 100%;
    background: rgba(76, 190, 255, 1);
    color: #fff;
    padding: 5px;
  }

  .hgroup {
    width: 100%;
  }

  .left-block h2, .left-block p {
    color: #fff !important;
  }

  .right-block {
    width: 0;
  }

  .bottom-block li p:nth-of-type(1) {
    font-size: 1rem !important;
  }

  .bottom-block li p:nth-of-type(2) {
    font-size: 1.2rem !important;
  }

  .icons {
    width: 95%;
  }

  .areas-of-expertise .icons {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .areas-icons:nth-child(-n+3) {
    width: 30%;
  }

  .areas-icons:nth-child(n+4) {
    width: 30%;
  }

  .controls {
    width: 80%;
    margin: -20px auto 0;
  }

  .parallax-overlay {
    width: 30%;
    height: auto;
    font-size: 1.3rem;
  }

  .lecturers-wrap ul {
    width: 95%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .lecturer {
    width: 45%;
    margin: 0 0 1rem 0;
  }

  .partners-block {
    width: 100%;
    height: auto;
    padding: 3rem;
  }

  .partners-wrap {
    width: 100%;
  }

  .partners {
    width: 95%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;

  }

  .partners a {
    display: block;
    width: 45%;
    margin: .5rem;
  }

  .partners img {
    width: 100%;
  }

  .call-to-wrap form {
    width: 90%;
  }

.footer-top-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.links, .contact, .htm {
  width: 30%;
  height: auto;
  margin: 3rem 0;
}

.htm img {
  width: 90%;
}

.developers {
  margin: 2rem;
}

}

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

  .top-block > div {
    width: 20%;
  }

  .top-block nav {
    width: 80%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .top-block li {
    width: 49%;
    height: auto;
  }

  .site-name {
    display: none;
  }

  .image-wrap img {
    display: none;
  }

  .left-block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    /*background: rgba(76, 190, 255, 1);*/
    background: rgba(38, 19, 192, .6);
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .hgroup {
    width: 95%;
    margin: 1rem auto;
  }

  .hgroup h2 {
    font-size: 1.7rem;
  }

  .left-block form {
    width: 95%;
    margin: 0 auto;
  }

  .left-block h2, .left-block p {
    color: #fff !important;
  }

  .right-block {
    width: 0;
  }

  .bottom-block {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .bottom-block li {
    width: auto;
  }

  .bottom-block p {
    font-size: .8rem !important;
  }

  section header {
  width: 100%;
  height: auto;
  padding: 1rem 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-family: 'Open Sans', sans-serif !important;
  }

  section header h3 {
    display: block;
    width: 100%;
    height: 1rem;
    margin: 0 auto;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    line-height: 1rem;
    text-transform: uppercase;
    color: #999;
  }

  section header p:nth-of-type(1) {
    width: 100%;
    font-size: 2rem;
    display: block;
    text-align: center;
    margin: 1rem auto;
  }

  section header p:nth-of-type(2) {
    display: block;
    color: #666;
    font-size: 1.1rem;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    line-height: 1.5rem;
  }

  .icons {
    width: 95%;
  }

  .areas-of-expertise .icons {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .areas-icons {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .areas-icons:nth-child(-n+2) {
    width: 40%;
  }
  .areas-icons:nth-child(-n+4):nth-child(n+2) {
    width: 40%;
  }
  .areas-icons:last-child {
    width: 40%;
    margin: 0 auto;
  }

  .employmentopp .icons {
    display: block;
  }

  .emp-icons {
    width: 80%;
    margin: 0 auto;
  }

  .emp-icons p {
    width: 80%;
  }

  .program-slider {
    height: 300px;
    margin: 0 auto;
  }

  .controls {
    width: 80%;
    margin: 0 auto;
  }

  .control-item {
    width: 1rem;
    height: 1rem;
  }

  .control-item p {
    font-size: .8rem;
  }

  .parallax-overlay {
    width: 80%;
    font-size: 1.2rem;
  }

  .lecturers-wrap ul {
    width: 95%;
    display: block;
  }

  .lecturer {
    width: 100%;
    margin: 0 0 2rem 0;
  }

  .lecturer img {
    width: 60%;
  }

  .partners-wrap {
    width: 100%;
  }

  .partners {
    width: 100%;
    display: block;
  }

  .partners a {
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
  }

  .call-to-wrap {
    width: 100%;
  }

  .call-to-wrap p {
    width: 90%;
  }

  .call-to-wrap form {
    width: 80%;
  }

  .call-to-wrap form input:not([type="submit"]) {
    width: 35%;
  }

  .call-to-wrap form input[type="submit"] {
    width: 25%;
  }

   .footer-top-block {
    display: block;
  }

  .footer-top-block a, .footer-top-block p {
    text-align: center;
  }

  .links, .contact, .htm {
    width: 100%;
    height: auto;
    margin: 1rem 0;
  }

  .developers p {
    display: block;
    width: 90%;
    margin: 2rem;
  }

}
/*
медиа запросы. диапазоны

0-479рх
479-859рх
860-1180рх

*/