/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "PF BeauSans Pro";
  src: url("../fonts/PFBeauSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-Light.woff2") format("truetype"), url("../fonts/PFBeauSansPro-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "PF BeauSans Pro";
  src: url("../fonts/PFBeauSansPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-LightItalic.woff2") format("truetype"), url("../fonts/PFBeauSansPro-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "PF BeauSans Pro";
  src: url("../fonts/PFBeauSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-Regular.woff2") format("truetype"), url("../fonts/PFBeauSansPro-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "PF BeauSans Pro";
  src: url("../fonts/PFBeauSansPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-SemiBold.woff2") format("truetype"), url("../fonts/PFBeauSansPro-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "PF BeauSans Pro";
  src: url("../fonts/PFBeauSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-Bold.woff2") format("truetype"), url("../fonts/PFBeauSansPro-Bold.woff") format("woff");
  font-weight: 700;
}
/* line 35, ../sass/screen.scss */
* {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  outline: none;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

/* line 48, ../sass/screen.scss */
body {
  background-color: #f5f5f5;
  font-family: "PF BeauSans Pro";
  color: black;
}
/* line 52, ../sass/screen.scss */
body.top-offset {
  padding-top: 48px;
}
@media (min-width: 768px) {
  /* line 52, ../sass/screen.scss */
  body.top-offset {
    padding-top: 68px;
  }
}

/* line 60, ../sass/screen.scss */
input[type='text']::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 66, ../sass/screen.scss */
input[type='text']::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 72, ../sass/screen.scss */
input[type='text']:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 78, ../sass/screen.scss */
input[type='text']:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 84, ../sass/screen.scss */
input[type='text']:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 89, ../sass/screen.scss */
input[type='text']:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 94, ../sass/screen.scss */
input[type='text']:focus:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 99, ../sass/screen.scss */
input[type='text']:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 104, ../sass/screen.scss */
textarea::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 110, ../sass/screen.scss */
textarea::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 116, ../sass/screen.scss */
textarea:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 122, ../sass/screen.scss */
textarea:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #c5c5c5 !important;
}

/* line 128, ../sass/screen.scss */
textarea:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 133, ../sass/screen.scss */
textarea:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 138, ../sass/screen.scss */
textarea:focus:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 143, ../sass/screen.scss */
textarea:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 148, ../sass/screen.scss */
input,
textarea {
  width: 100%;
  min-width: 260px;
  max-width: 345px;
  height: 52px;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  padding: 16px 15px 15px;
  text-align: center;
  display: block;
  color: #171717;
  font-family: "PF BeauSans Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 169, ../sass/screen.scss */
input:hover,
textarea:hover {
  border-color: #999999;
}
/* line 173, ../sass/screen.scss */
input:focus,
textarea:focus {
  border-color: #999999;
}
/* line 177, ../sass/screen.scss */
input.correct,
textarea.correct {
  border-color: #a7c835;
  color: #96b52d;
}
/* line 182, ../sass/screen.scss */
input.incorrect,
textarea.incorrect {
  border-color: #faa125;
  color: #f49c21;
}

/* line 188, ../sass/screen.scss */
textarea {
  resize: none;
  height: 200px;
}

/* line 193, ../sass/screen.scss */
button {
  position: relative;
  display: block;
  z-index: 2;
  width: 234px;
  height: 64px;
  border-radius: 75px;
  background-color: #a7c835;
  box-sizing: border-box;
  border: none;
  text-align: center;
  color: #ffffff;
  font-family: "PF BeauSans Pro";
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
  padding-top: 26px;
  padding-bottom: 23px;
  text-transform: uppercase;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 217, ../sass/screen.scss */
button:hover {
  cursor: pointer;
  background-color: #b2d340;
}
/* line 222, ../sass/screen.scss */
button:active {
  background-color: #9bbb2d;
}

/* line 227, ../sass/screen.scss */
.small-btn {
  width: 200px;
  height: 50px;
  padding-top: 18px;
  padding-bottom: 17px;
  text-transform: none;
}
@media (min-width: 768px) {
  /* line 227, ../sass/screen.scss */
  .small-btn {
    width: 234px;
    height: 64px;
    padding-top: 25px;
    padding-bottom: 24px;
  }
}

/* line 241, ../sass/screen.scss */
form {
  width: 100%;
}
/* line 244, ../sass/screen.scss */
form input,
form textarea {
  margin: 14px auto 0px;
}
/* line 248, ../sass/screen.scss */
form input:first-of-type {
  margin-top: 0px;
}
/* line 252, ../sass/screen.scss */
form button {
  margin: 26px auto 0;
}

/* line 257, ../sass/screen.scss */
.but {
  width: 234px;
  height: 64px;
  position: relative;
  overflow: visible;
}
/* line 263, ../sass/screen.scss */
.but .bubbles .bubble {
  display: none;
  position: absolute;
  z-index: 1;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  background-color: #a7c835;
  border-radius: 100%;
  top: 0;
}
/* line 272, ../sass/screen.scss */
.but .bubbles .bubble:nth-child(1) {
  width: 34px;
  height: 34px;
  left: 50px;
}
/* line 278, ../sass/screen.scss */
.but .bubbles .bubble:nth-child(2) {
  width: 50px;
  height: 50px;
  left: 87px;
}
/* line 284, ../sass/screen.scss */
.but .bubbles .bubble:nth-child(3) {
  width: 40px;
  height: 40px;
  left: 131px;
}
/* line 290, ../sass/screen.scss */
.but .bubbles .bubble:nth-child(4) {
  width: 30px;
  height: 30px;
  left: 155px;
}
@media (min-width: 768px) {
  /* line 297, ../sass/screen.scss */
  .but .bubbles .bubble {
    display: block;
  }
  /* line 301, ../sass/screen.scss */
  .but:hover {
    cursor: pointer;
  }
  /* line 304, ../sass/screen.scss */
  .but:hover button {
    background-color: #a7c835;
  }
  /* line 309, ../sass/screen.scss */
  .but:hover .bubbles .bubble:nth-child(1) {
    animation: butBubble1 1000ms 300ms infinite normal ease-in-out both;
  }
  /* line 313, ../sass/screen.scss */
  .but:hover .bubbles .bubble:nth-child(2) {
    animation: butBubble2 1000ms 500ms infinite normal ease-in-out both;
  }
  /* line 317, ../sass/screen.scss */
  .but:hover .bubbles .bubble:nth-child(3) {
    animation: butBubble3 1000ms 0 infinite normal ease-in-out both;
  }
  /* line 321, ../sass/screen.scss */
  .but:hover .bubbles .bubble:nth-child(4) {
    animation: butBubble4 1000ms 800ms infinite normal ease-in-out both;
  }
  /* line 328, ../sass/screen.scss */
  .but:active .bubbles .bubble,
  .but:active button {
    background-color: #9bbb2d;
  }
}

@keyframes butBubble1 {
  0% {
    top: 0;
    width: 34px;
    height: 34px;
    left: 50px;
  }
  100% {
    top: -32px;
    width: 0;
    height: 0;
    left: 67px;
  }
}
@keyframes butBubble2 {
  0% {
    top: 0;
    width: 50px;
    height: 50px;
    left: 87px;
  }
  100% {
    top: -26px;
    width: 0;
    height: 0;
    left: 112px;
  }
}
@keyframes butBubble3 {
  0% {
    top: 0;
    width: 40px;
    height: 40px;
    left: 131px;
  }
  100% {
    top: -26px;
    width: 0;
    height: 0;
    left: 151px;
  }
}
@keyframes butBubble4 {
  0% {
    top: 0;
    width: 20px;
    height: 20px;
    left: 155px;
  }
  100% {
    top: -26px;
    width: 0;
    height: 0;
    left: 165px;
  }
}
/* line 396, ../sass/screen.scss */
a {
  text-decoration: none;
}
/* line 399, ../sass/screen.scss */
a:hover {
  cursor: pointer;
}

/* line 405, ../sass/screen.scss */
.controls {
  position: relative;
}
/* line 407, ../sass/screen.scss */
.controls .logo {
  position: fixed;
  z-index: 210;
  top: auto;
  bottom: 1px;
  left: 0;
}
/* line 414, ../sass/screen.scss */
.controls .logo #logo-bg,
.controls .logo svg {
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 421, ../sass/screen.scss */
.controls .logo svg {
  transform: scale(0.75, 0.75);
}
/* line 426, ../sass/screen.scss */
.controls .logo:hover svg {
  transform: scale(0.8, 0.8);
}
/* line 432, ../sass/screen.scss */
.controls .logo:active svg {
  transform: scale(0.65, 0.65);
}
/* line 435, ../sass/screen.scss */
.controls .logo:active svg #logo-bg {
  fill: #9bbb2d;
}
@media (min-width: 768px) {
  /* line 407, ../sass/screen.scss */
  .controls .logo {
    bottom: 30px;
    left: 30px;
  }
  /* line 444, ../sass/screen.scss */
  .controls .logo svg {
    transform: scale(1, 1);
  }
  /* line 449, ../sass/screen.scss */
  .controls .logo:hover svg {
    transform: scale(1.075, 1.075);
  }
  /* line 455, ../sass/screen.scss */
  .controls .logo:active svg {
    transform: scale(0.95, 0.95);
  }
}
/* line 462, ../sass/screen.scss */
.controls .god-like-but {
  position: fixed;
  z-index: 210;
  top: auto;
  bottom: 16px;
  left: calc(50% - 25px);
  right: auto;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 475, ../sass/screen.scss */
.controls .god-like-but div {
  width: 20px;
  height: 1px;
  background: #ffffff;
  border: 1px solid white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: calc(50% - 11px);
  border-radius: 1px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 488, ../sass/screen.scss */
.controls .god-like-but div:first-child {
  top: calc(50% - 6px);
}
/* line 492, ../sass/screen.scss */
.controls .god-like-but div:last-child {
  top: calc(50% + 4px);
}
/* line 497, ../sass/screen.scss */
.controls .god-like-but:active {
  background-color: #9bbb2d;
}
/* line 503, ../sass/screen.scss */
.controls .god-like-but.closed-menu:hover div:first-child {
  top: calc(50% - 8px);
}
/* line 507, ../sass/screen.scss */
.controls .god-like-but.closed-menu:hover div:last-child {
  top: calc(50% + 6px);
}
/* line 513, ../sass/screen.scss */
.controls .god-like-but.closed-menu:active div:first-child {
  top: calc(50% - 3px);
}
/* line 517, ../sass/screen.scss */
.controls .god-like-but.closed-menu:active div:last-child {
  top: calc(50% + 3px);
}
/* line 524, ../sass/screen.scss */
.controls .god-like-but.openned-menu div {
  top: calc(50% - 1px);
}
/* line 527, ../sass/screen.scss */
.controls .god-like-but.openned-menu div:first-child {
  transform: rotate(45deg);
}
/* line 531, ../sass/screen.scss */
.controls .god-like-but.openned-menu div:last-child {
  transform: rotate(-45deg);
}
/* line 537, ../sass/screen.scss */
.controls .god-like-but.openned-menu:hover div {
  width: 24px;
  left: calc(50% - 13px);
}
/* line 544, ../sass/screen.scss */
.controls .god-like-but.openned-menu:active div {
  width: 18px;
  left: calc(50% - 10px);
}
@media (min-width: 768px) {
  /* line 462, ../sass/screen.scss */
  .controls .god-like-but {
    width: 70px;
    height: 70px;
    bottom: 33px;
    left: calc(50% - 35px);
  }
  /* line 556, ../sass/screen.scss */
  .controls .god-like-but div {
    width: 26px;
    left: calc(50% - 14px);
  }
  /* line 563, ../sass/screen.scss */
  .controls .god-like-but.closed-menu:hover div:first-child {
    top: calc(50% - 8px);
  }
  /* line 567, ../sass/screen.scss */
  .controls .god-like-but.closed-menu:hover div:last-child {
    top: calc(50% + 8px);
  }
  /* line 573, ../sass/screen.scss */
  .controls .god-like-but.closed-menu:active div:first-child {
    top: calc(50% - 3px);
  }
  /* line 577, ../sass/screen.scss */
  .controls .god-like-but.closed-menu:active div:last-child {
    top: calc(50% + 3px);
  }
  /* line 585, ../sass/screen.scss */
  .controls .god-like-but.openned-menu:hover div {
    width: 30px;
    left: calc(50% - 16px);
  }
  /* line 592, ../sass/screen.scss */
  .controls .god-like-but.openned-menu:active div {
    width: 24px;
    left: calc(50% - 13px);
  }
}
@media (min-width: 1280px) {
  /* line 602, ../sass/screen.scss */
  .controls:not(.main-page) .god-like-but {
    display: none;
  }
}
/* line 608, ../sass/screen.scss */
.controls .to-top {
  position: fixed;
  z-index: 210;
  top: auto;
  bottom: 16px;
  left: auto;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 621, ../sass/screen.scss */
.controls .to-top div:first-child {
  width: 16px;
  height: 16px;
  background: transparent;
  border: 3px solid white;
  border-right: none;
  border-bottom: none;
  position: absolute;
  box-sizing: border-box;
  top: 18px;
  left: calc(50% - 8px);
  transform: rotate(45deg);
  border-radius: 3px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 639, ../sass/screen.scss */
.controls .to-top div:last-child {
  width: 4px;
  height: 4px;
  background: white;
  position: absolute;
  top: 30px;
  left: calc(50% - 2px);
  box-sizing: border-box;
  border-radius: 100%;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 654, ../sass/screen.scss */
.controls .to-top:hover div:first-child {
  top: 17px;
}
/* line 658, ../sass/screen.scss */
.controls .to-top:hover div:last-child {
  top: 31px;
}
/* line 663, ../sass/screen.scss */
.controls .to-top:active {
  background-color: #9bbb2d;
}
/* line 666, ../sass/screen.scss */
.controls .to-top:active div:first-child {
  top: 19px;
}
/* line 670, ../sass/screen.scss */
.controls .to-top:active div:last-child {
  top: 29px;
}
@media (min-width: 768px) {
  /* line 608, ../sass/screen.scss */
  .controls .to-top {
    width: 70px;
    height: 70px;
    bottom: 33px;
    right: 30px;
  }
  /* line 680, ../sass/screen.scss */
  .controls .to-top div:first-child {
    width: 22px;
    height: 22px;
    left: calc(50% - 11px);
    top: 25px;
  }
  /* line 687, ../sass/screen.scss */
  .controls .to-top div:last-child {
    top: 41px;
    left: calc(50% - 3px);
    width: 6px;
  }
  /* line 694, ../sass/screen.scss */
  .controls .to-top:hover div:first-child {
    top: 23px;
  }
  /* line 698, ../sass/screen.scss */
  .controls .to-top:hover div:last-child {
    top: 43px;
  }
  /* line 703, ../sass/screen.scss */
  .controls .to-top:active {
    background-color: #9bbb2d;
  }
  /* line 706, ../sass/screen.scss */
  .controls .to-top:active div:first-child {
    top: 27px;
  }
  /* line 710, ../sass/screen.scss */
  .controls .to-top:active div:last-child {
    top: 39px;
  }
}
/* line 717, ../sass/screen.scss */
.controls .search {
  position: fixed;
  z-index: 210;
  top: 40px;
  right: 10px;
  width: 50px;
  height: 50px;
}
/* line 724, ../sass/screen.scss */
.top-offset .controls .search {
  top: 140px;
}
/* line 727, ../sass/screen.scss */
.controls .search .circle {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #a7c835 url("../img/loupe-small.svg") no-repeat center;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  z-index: 212;
}
/* line 738, ../sass/screen.scss */
.controls .search input {
  position: absolute;
  z-index: 211;
  top: 0;
  right: 25px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 60px 0 0 60px;
  border: 1px solid #d6d6d6;
  background-color: #ffffff;
  width: 0;
  min-width: 0;
  max-width: 250px;
  height: 50px;
  box-sizing: border-box;
  padding: 18px 0 17px 0;
  color: #767676;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 15px;
  text-align: left;
}
/* line 760, ../sass/screen.scss */
.controls .search:hover {
  width: 275px;
}
/* line 762, ../sass/screen.scss */
.controls .search:hover input {
  width: 250px;
  padding: 18px 35px 17px 30px;
}
@media (min-width: 768px) {
  /* line 717, ../sass/screen.scss */
  .controls .search {
    width: 70px;
    height: 70px;
    right: 30px;
  }
  /* line 771, ../sass/screen.scss */
  .controls .search .circle {
    width: 70px;
    height: 70px;
    background-image: url("../img/loupe.svg");
  }
  /* line 776, ../sass/screen.scss */
  .controls .search input {
    top: 10px;
    right: 35px;
  }
  /* line 780, ../sass/screen.scss */
  .controls .search:hover {
    width: 285px;
  }
}
/* line 786, ../sass/screen.scss */
.controls .to-add-review {
  position: fixed;
  z-index: 211;
  top: auto;
  bottom: 16px;
  left: auto;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 799, ../sass/screen.scss */
.controls .to-add-review div {
  width: 20px;
  height: 1px;
  background: #ffffff;
  border: 1px solid white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: calc(50% - 11px);
  border-radius: 1px;
  top: calc(50% - 1px);
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 813, ../sass/screen.scss */
.controls .to-add-review div:first-child {
  transform: rotate(90deg);
}
/* line 819, ../sass/screen.scss */
.controls .to-add-review:hover div {
  width: 24px;
  left: calc(50% - 13px);
}
/* line 825, ../sass/screen.scss */
.controls .to-add-review:active {
  background-color: #9bbb2d;
}
/* line 827, ../sass/screen.scss */
.controls .to-add-review:active div {
  width: 18px;
  left: calc(50% - 10px);
}
@media (min-width: 768px) {
  /* line 786, ../sass/screen.scss */
  .controls .to-add-review {
    width: 70px;
    height: 70px;
    bottom: 33px;
    right: 30px;
  }
  /* line 838, ../sass/screen.scss */
  .controls .to-add-review div {
    width: 26px;
    left: calc(50% - 14px);
  }
  /* line 843, ../sass/screen.scss */
  .controls .to-add-review:hover div {
    width: 30px;
    left: calc(50% - 16px);
  }
  /* line 849, ../sass/screen.scss */
  .controls .to-add-review:active div {
    width: 24px;
    left: calc(50% - 13px);
  }
}
/* line 859, ../sass/screen.scss */
.controls.main-page .logo {
  top: 0;
  bottom: auto;
}
@media (min-width: 768px) {
  /* line 859, ../sass/screen.scss */
  .controls.main-page .logo {
    top: 30px;
  }
}
/* line 867, ../sass/screen.scss */
.controls.main-page .god-like-but {
  top: 12px;
  bottom: auto;
  left: auto;
  right: 12px;
}
@media (min-width: 768px) {
  /* line 867, ../sass/screen.scss */
  .controls.main-page .god-like-but {
    top: 30px;
    right: 30px;
  }
}
/* line 878, ../sass/screen.scss */
.controls.main-page .video-control {
  position: fixed;
  z-index: 210;
  bottom: 10px;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 889, ../sass/screen.scss */
.controls.main-page .video-control .speaker {
  width: 20px;
  height: 26px;
  background: url("../img/speaker-small.svg") no-repeat center;
  position: absolute;
  top: calc(50% - 13px);
  left: 8px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 902, ../sass/screen.scss */
.controls.main-page .video-control .lines .line {
  position: absolute;
  top: calc(50% - 2px);
  left: 27px;
  width: 10px;
  height: 1px;
  background: #ffffff;
  border: 1px solid white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  border-radius: 1px;
  transform: rotate(45deg);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 919, ../sass/screen.scss */
.controls.main-page .video-control .lines .line:last-child {
  transform: rotate(-45deg);
}
/* line 926, ../sass/screen.scss */
.controls.main-page .video-control:hover .speaker {
  left: 6px;
}
/* line 930, ../sass/screen.scss */
.controls.main-page .video-control:hover .lines .line {
  left: 29px;
}
/* line 935, ../sass/screen.scss */
.controls.main-page .video-control:active {
  background-color: #9bbb2d;
}
/* line 938, ../sass/screen.scss */
.controls.main-page .video-control:active .lines .line,
.controls.main-page .video-control:active .lines .line:last-child {
  transform: rotate(0deg);
}
/* line 947, ../sass/screen.scss */
.controls.main-page .video-control.turn-on .lines .line:first-child {
  width: 9px;
  top: calc(50% - 8px);
  transform: rotate(-20deg);
}
/* line 953, ../sass/screen.scss */
.controls.main-page .video-control.turn-on .lines .line:nth-child(2) {
  top: calc(50% - 1px);
  transform: rotate(0deg);
}
/* line 958, ../sass/screen.scss */
.controls.main-page .video-control.turn-on .lines .line:nth-child(3) {
  width: 9px;
  top: calc(50% + 6px);
  transform: rotate(20deg);
}
/* line 967, ../sass/screen.scss */
.controls.main-page .video-control.turn-on:active .lines .line:first-child,
.controls.main-page .video-control.turn-on:active .lines .line:nth-child(3) {
  transform: rotate(0deg);
  width: 10px;
  top: calc(50% - 1px);
}
@media (min-width: 768px) {
  /* line 878, ../sass/screen.scss */
  .controls.main-page .video-control {
    bottom: 30px;
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
  }
  /* line 981, ../sass/screen.scss */
  .controls.main-page .video-control .speaker {
    width: 25px;
    height: 34px;
    top: calc(50% - 17px);
    background-image: url("../img/speaker.svg");
    left: 14px;
  }
  /* line 990, ../sass/screen.scss */
  .controls.main-page .video-control .lines .line {
    left: 39px;
    width: 13px;
  }
  /* line 997, ../sass/screen.scss */
  .controls.main-page .video-control:hover .speaker {
    left: 12px;
  }
  /* line 1001, ../sass/screen.scss */
  .controls.main-page .video-control:hover .lines .line {
    left: 41px;
  }
  /* line 1009, ../sass/screen.scss */
  .controls.main-page .video-control.turn-on .lines .line:first-child {
    width: 12px;
    top: calc(50% - 8px);
    transform: rotate(-20deg);
  }
  /* line 1015, ../sass/screen.scss */
  .controls.main-page .video-control.turn-on .lines .line:nth-child(2) {
    top: calc(50% - 1px);
    transform: rotate(0deg);
  }
  /* line 1020, ../sass/screen.scss */
  .controls.main-page .video-control.turn-on .lines .line:nth-child(3) {
    width: 12px;
    top: calc(50% + 6px);
    transform: rotate(20deg);
  }
  /* line 1029, ../sass/screen.scss */
  .controls.main-page .video-control.turn-on:active .lines .line:first-child,
  .controls.main-page .video-control.turn-on:active .lines .line:nth-child(3) {
    width: 13px;
  }
}
/* line 1038, ../sass/screen.scss */
.controls.main-page .replay {
  display: none;
  position: fixed;
  z-index: 210;
  bottom: 10px;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: url("../img/replay.svg") no-repeat center;
  background-size: 24px 27px;
  background-position: 13px 14px;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  transform: rotate(-180deg);
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1057, ../sass/screen.scss */
.controls.main-page .replay:hover {
  transform: rotate(0);
}
/* line 1061, ../sass/screen.scss */
.controls.main-page .replay:active {
  transform: rotate(0);
  background-color: #9bbb2d;
  background-image: url("../img/mp_play.svg");
  background-position: 18px center;
  background-size: 18px 20px;
}
@media (min-width: 768px) {
  /* line 1038, ../sass/screen.scss */
  .controls.main-page .replay {
    bottom: 30px;
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background-size: 38px 42px;
    background-position: 16px 18px;
  }
  /* line 1076, ../sass/screen.scss */
  .controls.main-page .replay:active {
    background-position: 27px center;
    background-size: 20px 22px;
  }
}
/* line 1083, ../sass/screen.scss */
.controls.main-page .loading {
  position: absolute;
  display: inline-block;
  width: 210px;
  color: #a7c835;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  top: calc(50% - 18px);
  left: calc(50% - 105px);
  text-align: center;
  z-index: 210;
}
/* line 1095, ../sass/screen.scss */
.controls.main-page .loading span {
  opacity: 0;
}
/* line 1097, ../sass/screen.scss */
.controls.main-page .loading span:nth-child(1) {
  animation: loading1 1.8s infinite;
}
/* line 1100, ../sass/screen.scss */
.controls.main-page .loading span:nth-child(2) {
  animation: loading2 1.8s infinite;
}
/* line 1103, ../sass/screen.scss */
.controls.main-page .loading span:nth-child(3) {
  animation: loading3 1.8s infinite;
}
@media (min-width: 768px) {
  /* line 1083, ../sass/screen.scss */
  .controls.main-page .loading {
    font-size: 36px;
    line-height: 42px;
    top: calc(50% - 21px);
  }
}
/* line 1114, ../sass/screen.scss */
.controls.main-page .copyright {
  position: absolute;
  display: inline-block;
  width: auto;
  z-index: 210;
  top: auto;
  bottom: 15px;
  left: 10px;
  right: auto;
  color: #d6d6d6;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
/* line 1129, ../sass/screen.scss */
.controls.main-page .copyright .oas {
  display: none;
}
/* line 1134, ../sass/screen.scss */
.controls.main-page .copyright:hover {
  cursor: default;
}
@media (min-width: 768px) {
  /* line 1114, ../sass/screen.scss */
  .controls.main-page .copyright {
    bottom: 30px;
    left: 30px;
  }
  /* line 1141, ../sass/screen.scss */
  .controls.main-page .copyright .oas {
    display: inline-block;
  }
}
/* line 1147, ../sass/screen.scss */
.controls.main-page .share {
  position: absolute;
  overflow: visible;
  z-index: 210;
  top: auto;
  bottom: 15px;
  left: auto;
  right: 10px;
}
/* line 1156, ../sass/screen.scss */
.controls.main-page .share .social {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 18px;
  background: white;
  margin-bottom: 10px;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  transform: scale(0.001, 0.001);
}
/* line 1168, ../sass/screen.scss */
.controls.main-page .share .social img {
  position: relative;
  width: 36px;
  height: 36px;
  top: -1px;
  left: -1px;
  opacity: 1;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1180, ../sass/screen.scss */
.controls.main-page .share .social:nth-child(1) {
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1186, ../sass/screen.scss */
.controls.main-page .share .social:nth-child(2) {
  -webkit-transition: all 0.2s 0.1s ease-in-out;
  -moz-transition: all 0.2s 0.1s ease-in-out;
  transition: all 0.2s 0.1s ease-in-out;
}
/* line 1192, ../sass/screen.scss */
.controls.main-page .share .social:nth-child(3) {
  -webkit-transition: all 0.2s 0.2s ease-in-out;
  -moz-transition: all 0.2s 0.2s ease-in-out;
  transition: all 0.2s 0.2s ease-in-out;
}
/* line 1199, ../sass/screen.scss */
.controls.main-page .share .icon {
  position: relative;
  width: 36px;
  height: 16px;
}
/* line 1204, ../sass/screen.scss */
.controls.main-page .share .icon .dot {
  width: 6px;
  height: 6px;
  background-color: #d6d6d6;
  border-radius: 100%;
  position: absolute;
  left: 20px;
  -webkit-transition: all 0.15s 0s ease-in-out;
  -moz-transition: all 0.15s 0s ease-in-out;
  transition: all 0.15s 0s ease-in-out;
}
/* line 1215, ../sass/screen.scss */
.controls.main-page .share .icon .dot:first-child {
  top: -3px;
}
/* line 1219, ../sass/screen.scss */
.controls.main-page .share .icon .dot:nth-child(2) {
  top: 5px;
  left: 9px;
}
/* line 1223, ../sass/screen.scss */
.controls.main-page .share .icon .dot:nth-child(2):after {
  content: '';
  position: absolute;
  top: -6px;
  left: 8px;
  width: 0;
  height: 10px;
  border-left: 1px solid #d6d6d6;
  transform: rotate(50deg);
  -webkit-transition: all 0.15s 0s ease-in-out;
  -moz-transition: all 0.15s 0s ease-in-out;
  transition: all 0.15s 0s ease-in-out;
}
/* line 1237, ../sass/screen.scss */
.controls.main-page .share .icon .dot:nth-child(2):before {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 8px;
  width: 0;
  height: 10px;
  border-left: 1px solid #d6d6d6;
  transform: rotate(-50deg);
  -webkit-transition: all 0.15s 0s ease-in-out;
  -moz-transition: all 0.15s 0s ease-in-out;
  transition: all 0.15s 0s ease-in-out;
}
/* line 1252, ../sass/screen.scss */
.controls.main-page .share .icon .dot:last-child {
  bottom: -3px;
}
/* line 1258, ../sass/screen.scss */
.controls.main-page .share p {
  display: none;
}
/* line 1264, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social,
.controls.main-page .share .for-openning.openned .social {
  display: block;
  transform: scale(1, 1);
}
/* line 1268, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:nth-child(1),
.controls.main-page .share .for-openning.openned .social:nth-child(1) {
  -webkit-transition: all 0.2s 0.2s ease-in-out;
  -moz-transition: all 0.2s 0.2s ease-in-out;
  transition: all 0.2s 0.2s ease-in-out;
}
/* line 1274, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:nth-child(2),
.controls.main-page .share .for-openning.openned .social:nth-child(2) {
  -webkit-transition: all 0.2s 0.1s ease-in-out;
  -moz-transition: all 0.2s 0.1s ease-in-out;
  transition: all 0.2s 0.1s ease-in-out;
}
/* line 1280, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:nth-child(3),
.controls.main-page .share .for-openning.openned .social:nth-child(3) {
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1286, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:hover,
.controls.main-page .share .for-openning.openned .social:hover {
  transform: scale(1.1, 1.1);
}
/* line 1289, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:hover:nth-child(1), .controls.main-page .share .for-openning.not-touch:hover .social:hover:nth-child(2),
.controls.main-page .share .for-openning.openned .social:hover:nth-child(1),
.controls.main-page .share .for-openning.openned .social:hover:nth-child(2) {
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1296, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:hover img,
.controls.main-page .share .for-openning.openned .social:hover img {
  opacity: 0.9;
}
/* line 1301, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .social:active,
.controls.main-page .share .for-openning.openned .social:active {
  transform: scale(0.9, 0.9);
  background-color: black;
}
/* line 1307, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .icon .dot,
.controls.main-page .share .for-openning.openned .icon .dot {
  left: 15px;
}
/* line 1311, ../sass/screen.scss */
.controls.main-page .share .for-openning.not-touch:hover .icon .dot:nth-child(2):after, .controls.main-page .share .for-openning.not-touch:hover .icon .dot:nth-child(2):before,
.controls.main-page .share .for-openning.openned .icon .dot:nth-child(2):after,
.controls.main-page .share .for-openning.openned .icon .dot:nth-child(2):before {
  transform: rotate(0);
  left: 3px;
}
@media (min-width: 768px) {
  /* line 1147, ../sass/screen.scss */
  .controls.main-page .share {
    bottom: 30px;
    right: 30px;
  }
  /* line 1323, ../sass/screen.scss */
  .controls.main-page .share p {
    display: block;
    position: absolute;
    bottom: 0;
    left: -75px;
    color: #d6d6d6;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
  }
  /* line 1333, ../sass/screen.scss */
  .controls.main-page .share p:hover {
    cursor: default;
  }
}

@keyframes loading1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading3 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 1381, ../sass/screen.scss */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 300px;
  background: white;
  z-index: 107;
  display: none;
}
/* line 1392, ../sass/screen.scss */
.menu .menu-content {
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 1401, ../sass/screen.scss */
.menu .menu-content ul.main-menu {
  width: 100%;
  height: auto;
}
/* line 1404, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item {
  width: 100%;
  text-align: center;
  margin-top: 12px;
}
/* line 1408, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item:first-child {
  margin-top: 0;
}
/* line 1411, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item:nth-last-of-type(3) {
  margin-top: 24px;
}
/* line 1414, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item:last-of-type {
  margin-top: 26px;
}
/* line 1418, ../sass/screen.scss */
.menu .menu-content ul.main-menu a {
  display: inline-block;
  width: auto;
  text-align: center;
  overflow: visible;
}
/* line 1425, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles p {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  opacity: 1;
  position: relative;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
  z-index: 2;
}
/* line 1438, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles .bubbles {
  position: relative;
  z-index: 1;
}
/* line 1442, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles .bubbles .bubble {
  position: absolute;
  background-color: #a7c835;
  border-radius: 100%;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1454, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(1) .bubble:nth-child(1) {
  top: -11px;
  left: calc(50% - 41px);
  width: 0;
  height: 0;
}
/* line 1461, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(1) .bubble:nth-child(2) {
  top: -16px;
  left: calc(50% + 1px);
  width: 0;
  height: 0;
}
/* line 1468, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(1) .bubble:nth-child(3) {
  top: -12px;
  left: calc(50% + 62px);
  width: 0;
  height: 0;
}
/* line 1479, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(2) .bubble:nth-child(1) {
  top: -10px;
  left: calc(50% - 1px);
  width: 0;
  height: 0;
}
/* line 1486, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(2) .bubble:nth-child(2) {
  top: -14px;
  left: calc(50% + 40px);
  width: 0;
  height: 0;
}
/* line 1497, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(3) .bubble:nth-child(1) {
  top: -18px;
  left: calc(50% - 65px);
  width: 0;
  height: 0;
}
/* line 1504, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(3) .bubble:nth-child(2) {
  top: -10px;
  left: calc(50% - 23px);
  width: 0;
  height: 0;
}
/* line 1511, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(3) .bubble:nth-child(3) {
  top: -8px;
  left: calc(50% + 61px);
  width: 0;
  height: 0;
}
/* line 1522, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(4) .bubble:nth-child(1) {
  top: -10px;
  left: calc(50% - 18px);
  width: 0;
  height: 0;
}
/* line 1529, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(4) .bubble:nth-child(2) {
  top: -10px;
  left: calc(50% + 32px);
  width: 0;
  height: 0;
}
/* line 1540, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(5) .bubble:nth-child(1) {
  top: -12px;
  left: calc(50% - 42px);
  width: 0;
  height: 0;
}
/* line 1547, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(5) .bubble:nth-child(2) {
  top: -11px;
  left: calc(50% - 0px);
  width: 0;
  height: 0;
}
/* line 1554, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(5) .bubble:nth-child(3) {
  top: -17px;
  left: calc(50% + 44px);
  width: 0;
  height: 0;
}
/* line 1565, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(6) .bubble:nth-child(1) {
  top: -11px;
  left: calc(50% - 21px);
  width: 0;
  height: 0;
}
/* line 1572, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:nth-child(6) .bubble:nth-child(2) {
  top: -10px;
  left: calc(50% + 25px);
  width: 0;
  height: 0;
}
/* line 1584, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(1) .bubble:nth-child(1) {
  top: -28px;
  left: calc(50% - 58px);
  width: 34px;
  height: 34px;
}
/* line 1591, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(1) .bubble:nth-child(2) {
  top: -26px;
  left: calc(50% - 9px);
  width: 20px;
  height: 20px;
}
/* line 1598, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(1) .bubble:nth-child(3) {
  top: -24px;
  left: calc(50% + 50px);
  width: 24px;
  height: 24px;
}
/* line 1609, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(2) .bubble:nth-child(1) {
  top: -27px;
  left: calc(50% - 16px);
  width: 34px;
  height: 34px;
}
/* line 1616, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(2) .bubble:nth-child(2) {
  top: -24px;
  left: calc(50% + 30px);
  width: 20px;
  height: 20px;
}
/* line 1627, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(3) .bubble:nth-child(1) {
  top: -27px;
  left: calc(50% - 74px);
  width: 18px;
  height: 18px;
}
/* line 1634, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(3) .bubble:nth-child(2) {
  top: -27px;
  left: calc(50% - 40px);
  width: 34px;
  height: 34px;
}
/* line 1641, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(3) .bubble:nth-child(3) {
  top: -19px;
  left: calc(50% + 50px);
  width: 22px;
  height: 22px;
}
/* line 1652, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(4) .bubble:nth-child(1) {
  top: -20px;
  left: calc(50% - 28px);
  width: 20px;
  height: 20px;
}
/* line 1659, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(4) .bubble:nth-child(2) {
  top: -27px;
  left: calc(50% + 15px);
  width: 34px;
  height: 34px;
}
/* line 1670, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(5) .bubble:nth-child(1) {
  top: -20px;
  left: calc(50% - 50px);
  width: 16px;
  height: 16px;
}
/* line 1677, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(5) .bubble:nth-child(2) {
  top: -28px;
  left: calc(50% - 17px);
  width: 34px;
  height: 34px;
}
/* line 1684, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(5) .bubble:nth-child(3) {
  top: -26px;
  left: calc(50% + 35px);
  width: 18px;
  height: 18px;
}
/* line 1695, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(6) .bubble:nth-child(1) {
  top: -22px;
  left: calc(50% - 32px);
  width: 22px;
  height: 22px;
}
/* line 1702, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.with-bubbles:hover:nth-child(6) .bubble:nth-child(2) {
  top: -27px;
  left: calc(50% + 8px);
  width: 34px;
  height: 34px;
}
/* line 1713, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.green {
  color: #96b52d;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
/* line 1720, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.green:hover {
  color: #a7c835;
}
/* line 1724, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.green:active {
  color: #96b52d;
}
/* line 1729, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.orange {
  color: #f9a126;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
/* line 1736, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.orange:hover {
  color: #fbb655;
}
/* line 1740, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.orange:active {
  color: #faa125;
}
/* line 1746, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.disable .bubbles {
  display: none;
}
/* line 1750, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.disable p {
  opacity: 0.5 !important;
}
/* line 1754, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.disable:hover {
  cursor: default;
}
/* line 1757, ../sass/screen.scss */
.menu .menu-content ul.main-menu a.disable:hover p {
  opacity: 0.5 !important;
}
@media (min-width: 768px) {
  /* line 1763, ../sass/screen.scss */
  .menu .menu-content ul.main-menu a.with-bubbles {
    font-size: 20px;
    line-height: 24px;
  }
  /* line 1768, ../sass/screen.scss */
  .menu .menu-content ul.main-menu a.green {
    font-size: 16px;
    line-height: 16px;
  }
  /* line 1773, ../sass/screen.scss */
  .menu .menu-content ul.main-menu a.orange {
    font-size: 16px;
    line-height: 16px;
  }
}
/* line 1780, ../sass/screen.scss */
.menu .menu-content ul.main-menu ul.sub-menu {
  display: none;
  border-radius: 2px;
  background-color: #f5f5f5;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 12px 20px;
}
/* line 1788, ../sass/screen.scss */
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item {
  margin-top: 10px;
}
/* line 1790, ../sass/screen.scss */
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:first-child {
  margin-top: 0;
}
/* line 1794, ../sass/screen.scss */
.menu .menu-content ul.main-menu ul.sub-menu a {
  display: block;
  color: #9b9b9b;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1804, ../sass/screen.scss */
.menu .menu-content ul.main-menu ul.sub-menu a.active {
  color: #171717;
}
/* line 1808, ../sass/screen.scss */
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:nth-child(2) a,
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:nth-child(3) a,
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:nth-child(4) a,
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:nth-child(5) a,
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:nth-child(6) a,
.menu .menu-content ul.main-menu ul.sub-menu li.sub-menu_item:nth-child(7) a {
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1821, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item a {
  opacity: 1;
}
/* line 1824, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item:nth-child(2) a {
  -webkit-transition: all 0.2s 0.05s ease-in-out;
  -moz-transition: all 0.2s 0.05s ease-in-out;
  transition: all 0.2s 0.05s ease-in-out;
}
/* line 1829, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item:nth-child(3) a {
  -webkit-transition: all 0.2s 0.1s ease-in-out;
  -moz-transition: all 0.2s 0.1s ease-in-out;
  transition: all 0.2s 0.1s ease-in-out;
}
/* line 1834, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item:nth-child(4) a {
  -webkit-transition: all 0.2s 0.15s ease-in-out;
  -moz-transition: all 0.2s 0.15s ease-in-out;
  transition: all 0.2s 0.15s ease-in-out;
}
/* line 1839, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item:nth-child(5) a {
  -webkit-transition: all 0.2s 0.2s ease-in-out;
  -moz-transition: all 0.2s 0.2s ease-in-out;
  transition: all 0.2s 0.2s ease-in-out;
}
/* line 1844, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item:nth-child(6) a {
  -webkit-transition: all 0.2s 0.25s ease-in-out;
  -moz-transition: all 0.2s 0.25s ease-in-out;
  transition: all 0.2s 0.25s ease-in-out;
}
/* line 1849, ../sass/screen.scss */
.menu .menu-content ul.main-menu li.main-menu_item.show-children ul.sub-menu li.sub-menu_item:nth-child(7) a {
  -webkit-transition: all 0.2s 0.3s ease-in-out;
  -moz-transition: all 0.2s 0.3s ease-in-out;
  transition: all 0.2s 0.3s ease-in-out;
}
/* line 1856, ../sass/screen.scss */
.menu .menu-content ul.main-menu .social {
  display: inline-block;
  width: auto;
  min-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
/* line 1862, ../sass/screen.scss */
.menu .menu-content ul.main-menu .social a {
  position: relative;
  width: 30px;
  height: 30px;
  padding-bottom: 0;
  background: white;
  border-radius: 4px;
  margin-top: 0;
  margin-right: 20px;
  z-index: 5;
  top: 0;
}
/* line 1874, ../sass/screen.scss */
.menu .menu-content ul.main-menu .social a img {
  width: 100%;
  height: auto;
  opacity: 0.5;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 1883, ../sass/screen.scss */
.menu .menu-content ul.main-menu .social a:last-child {
  margin-right: 0;
}
/* line 1888, ../sass/screen.scss */
.menu .menu-content ul.main-menu .social a:hover img {
  opacity: 1;
}
@media (min-width: 1280px) {
  /* line 1897, ../sass/screen.scss */
  .menu:not(.main-page) {
    display: block;
    max-width: 340px;
    box-sizing: border-box;
    padding: 30px;
  }
  /* line 1905, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu li.main-menu_item {
    text-align: left;
  }
  /* line 1908, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a {
    text-align: left;
  }
  /* line 1912, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.with-bubbles .bubbles {
    display: none;
  }
  /* line 1917, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.with-bubbles:not(.active) p {
    opacity: 0.5;
  }
  /* line 1921, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.with-bubbles:not(.active):hover p {
    opacity: 1;
  }
  /* line 1927, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.green:not(.active) {
    color: #b8d35d;
  }
  /* line 1930, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.green:not(.active):hover {
    color: #a7c835;
  }
  /* line 1934, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.green:not(.active):active {
    color: #96b52d;
  }
  /* line 1939, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.orange:not(.active) {
    color: #f6b964;
  }
  /* line 1942, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.orange:not(.active):hover {
    color: #fbad3f;
  }
  /* line 1946, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu a.orange:not(.active):active {
    color: #faa125;
  }
  /* line 1952, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social {
    position: relative;
    width: 42px;
  }
  /* line 1956, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social a {
    margin-right: 0;
    -webkit-transition: all 0.3s 0s ease-in-out;
    -moz-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
  }
  /* line 1962, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social a:nth-child(2) {
    position: absolute;
    z-index: 4;
    left: 4px;
  }
  /* line 1968, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social a:nth-child(3) {
    position: absolute;
    z-index: 3;
    left: 8px;
  }
  /* line 1974, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social a:nth-child(4) {
    position: absolute;
    z-index: 2;
    left: 12px;
  }
  /* line 1980, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social a:nth-child(5) {
    position: absolute;
    z-index: 1;
    left: 16px;
  }
  /* line 1987, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social:hover {
    width: 250px;
  }
  /* line 1990, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social:hover a:nth-child(2) {
    left: 50px;
  }
  /* line 1994, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social:hover a:nth-child(3) {
    left: 100px;
  }
  /* line 1998, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social:hover a:nth-child(4) {
    left: 150px;
  }
  /* line 2002, ../sass/screen.scss */
  .menu:not(.main-page) ul.main-menu .social:hover a:nth-child(5) {
    left: 200px;
  }
}

/* line 2012, ../sass/screen.scss */
.full-screen-form {
  width: 100%;
  height: 100vh;
  min-height: 430px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  background: white;
  z-index: 7;
}
/* line 2022, ../sass/screen.scss */
.full-screen-form .form-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 430px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 2029, ../sass/screen.scss */
.full-screen-form .form-content h2 {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 26px;
  text-transform: uppercase;
  text-align: center;
}
/* line 2039, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form {
  bottom: 10px;
  left: calc(50% - 25px);
  position: absolute;
  z-index: 10;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 2050, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form div {
  width: 20px;
  height: 1px;
  background: #ffffff;
  border: 1px solid white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: calc(50% - 11px);
  top: calc(50% - 1px);
  border-radius: 1px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 2064, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form div:first-child {
  transform: rotate(45deg);
}
/* line 2068, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form div:last-child {
  transform: rotate(-45deg);
}
/* line 2074, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form:hover div {
  width: 24px;
  left: calc(50% - 13px);
}
/* line 2080, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form:active {
  background-color: #9bbb2d;
}
/* line 2083, ../sass/screen.scss */
.full-screen-form .form-content .close-full-screen-form:active div {
  width: 18px;
  left: calc(50% - 10px);
}
@media (min-width: 768px) {
  /* line 2039, ../sass/screen.scss */
  .full-screen-form .form-content .close-full-screen-form {
    width: 70px;
    height: 70px;
    bottom: 30px;
    left: calc(50% - 35px);
  }
  /* line 2094, ../sass/screen.scss */
  .full-screen-form .form-content .close-full-screen-form div {
    width: 26px;
    left: calc(50% - 14px);
  }
  /* line 2100, ../sass/screen.scss */
  .full-screen-form .form-content .close-full-screen-form:hover div {
    width: 30px;
    left: calc(50% - 16px);
  }
  /* line 2107, ../sass/screen.scss */
  .full-screen-form .form-content .close-full-screen-form:active div {
    width: 24px;
    left: calc(50% - 13px);
  }
}

/* line 2117, ../sass/screen.scss */
.thanks {
  width: 100%;
  height: 100vh;
  min-height: 430px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  background: white;
  z-index: 7;
}
/* line 2127, ../sass/screen.scss */
.thanks .thanks-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 430px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 2135, ../sass/screen.scss */
.thanks .thanks-content .close-thanks {
  bottom: 10px;
  left: calc(50% - 25px);
  position: absolute;
  z-index: 10;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 2146, ../sass/screen.scss */
.thanks .thanks-content .close-thanks div {
  width: 20px;
  height: 1px;
  background: #ffffff;
  border: 1px solid white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: calc(50% - 11px);
  top: calc(50% - 1px);
  border-radius: 1px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 2160, ../sass/screen.scss */
.thanks .thanks-content .close-thanks div:first-child {
  transform: rotate(45deg);
}
/* line 2164, ../sass/screen.scss */
.thanks .thanks-content .close-thanks div:last-child {
  transform: rotate(-45deg);
}
/* line 2170, ../sass/screen.scss */
.thanks .thanks-content .close-thanks:hover div {
  width: 24px;
  left: calc(50% - 13px);
}
/* line 2176, ../sass/screen.scss */
.thanks .thanks-content .close-thanks:active {
  background-color: #9bbb2d;
}
/* line 2179, ../sass/screen.scss */
.thanks .thanks-content .close-thanks:active div {
  width: 18px;
  left: calc(50% - 10px);
}
@media (min-width: 768px) {
  /* line 2135, ../sass/screen.scss */
  .thanks .thanks-content .close-thanks {
    width: 70px;
    height: 70px;
    bottom: 30px;
    left: calc(50% - 35px);
  }
  /* line 2190, ../sass/screen.scss */
  .thanks .thanks-content .close-thanks div {
    width: 26px;
    left: calc(50% - 14px);
  }
  /* line 2196, ../sass/screen.scss */
  .thanks .thanks-content .close-thanks:hover div {
    width: 30px;
    left: calc(50% - 16px);
  }
  /* line 2203, ../sass/screen.scss */
  .thanks .thanks-content .close-thanks:active div {
    width: 24px;
    left: calc(50% - 13px);
  }
}

/* line 2214, ../sass/screen.scss */
.video {
  position: relative;
}
/* line 2217, ../sass/screen.scss */
.video .video-container {
  position: relative;
  z-index: 0;
}
/* line 2221, ../sass/screen.scss */
.video .video-container iframe {
  width: 100%;
  height: calc(56.25vw - 34px);
}
/* line 2227, ../sass/screen.scss */
.video .play-but-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
/* line 2235, ../sass/screen.scss */
.video .play-but-container .play-but {
  width: 50px;
  height: 50px;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}
/* line 2242, ../sass/screen.scss */
.video .play-but-container .play-but .play-but-circle {
  position: relative;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #a7c835 url("../img/play-small.svg") no-repeat;
  background-position: 18px 18px;
}
/* line 2253, ../sass/screen.scss */
.video .play-but-container .bubbles .bubble {
  display: none;
  position: absolute;
  z-index: 1;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  background-color: #a7c835;
  border-radius: 100%;
}
/* line 2261, ../sass/screen.scss */
.video .play-but-container .bubbles .bubble:nth-child(1) {
  width: 20px;
  height: 20px;
  top: 25px;
  left: 0;
}
/* line 2268, ../sass/screen.scss */
.video .play-but-container .bubbles .bubble:nth-child(2) {
  width: 24px;
  height: 24px;
  left: 29px;
  top: 2px;
}
/* line 2275, ../sass/screen.scss */
.video .play-but-container .bubbles .bubble:nth-child(3) {
  width: 18px;
  height: 18px;
  left: 45px;
  top: 19px;
}
/* line 2282, ../sass/screen.scss */
.video .play-but-container .bubbles .bubble:nth-child(4) {
  width: 24px;
  height: 24px;
  left: 18px;
  top: 1px;
}
@media (min-width: 556px) {
  /* line 2292, ../sass/screen.scss */
  .video .play-but-container .play-but {
    width: 76px;
    height: 76px;
    top: calc(50% - 38px);
    left: calc(50% - 38px);
  }
  /* line 2298, ../sass/screen.scss */
  .video .play-but-container .play-but .play-but-circle {
    width: 76px;
    height: 76px;
    background-image: url("../img/play.svg");
    background-position: 29px 26px;
  }
  /* line 2306, ../sass/screen.scss */
  .video .play-but-container .bubbles .bubble {
    display: block;
  }
  /* line 2310, ../sass/screen.scss */
  .video .play-but-container .play-but:hover {
    cursor: pointer;
  }
  /* line 2313, ../sass/screen.scss */
  .video .play-but-container .play-but:hover .play-but {
    background-color: #a7c835;
  }
  /* line 2318, ../sass/screen.scss */
  .video .play-but-container .play-but:hover .bubbles .bubble:nth-child(1) {
    animation: videoButBubble1 1000ms 0 infinite normal ease-in-out both;
  }
  /* line 2322, ../sass/screen.scss */
  .video .play-but-container .play-but:hover .bubbles .bubble:nth-child(2) {
    animation: videoButBubble2 1000ms 300ms infinite normal ease-in-out both;
  }
  /* line 2326, ../sass/screen.scss */
  .video .play-but-container .play-but:hover .bubbles .bubble:nth-child(3) {
    animation: videoButBubble3 1000ms 600ms infinite normal ease-in-out both;
  }
  /* line 2330, ../sass/screen.scss */
  .video .play-but-container .play-but:hover .bubbles .bubble:nth-child(4) {
    animation: videoButBubble4 1000ms 900ms infinite normal ease-in-out both;
  }
  /* line 2337, ../sass/screen.scss */
  .video .play-but-container .play-but:active .bubbles .bubble,
  .video .play-but-container .play-but:active .play-but {
    background-color: #9bbb2d;
  }
}
@media (min-width: 768px) {
  /* line 2345, ../sass/screen.scss */
  .video .video-container iframe {
    width: 100%;
    height: calc(56.25vw - 128px);
  }
}
@media (min-width: 1280px) {
  /* line 2351, ../sass/screen.scss */
  .video .video-container iframe {
    width: 100%;
    height: calc(56.25vw - 276px);
  }
}

@keyframes videoButBubble1 {
  20% {
    width: 20px;
    height: 20px;
    top: 25px;
    left: 0;
  }
  20% {
    width: 20px;
    height: 20px;
    left: 0;
  }
  100% {
    top: -25px;
    width: 0;
    height: 0;
    left: 10px;
  }
}
@keyframes videoButBubble2 {
  20% {
    width: 24px;
    height: 24px;
    left: 29px;
    top: 2px;
  }
  55% {
    width: 24px;
    height: 24px;
    left: 29px;
  }
  100% {
    top: -26px;
    width: 0;
    height: 0;
    left: 41px;
  }
}
@keyframes videoButBubble3 {
  20% {
    width: 18px;
    height: 18px;
    top: 19px;
  }
  70% {
    width: 18px;
    height: 18px;
    left: 45px;
  }
  100% {
    top: -34px;
    width: 0;
    height: 0;
    left: 54px;
  }
}
@keyframes videoButBubble4 {
  20% {
    width: 24px;
    height: 24px;
    left: 18px;
    top: 1px;
  }
  70% {
    width: 24px;
    height: 24px;
    left: 18px;
  }
  100% {
    top: -43px;
    width: 0;
    height: 0;
    left: 30px;
  }
}
/* line 2441, ../sass/screen.scss */
.page-content {
  min-height: 100vh;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 30px;
}
/* line 2446, ../sass/screen.scss */
.page-content.outcome {
  background-color: white;
}
/* line 2450, ../sass/screen.scss */
.page-content h2 {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  padding-top: 40px;
  padding-bottom: 8px;
  text-transform: uppercase;
}
/* line 2458, ../sass/screen.scss */
.page-content h2:first-child {
  padding-top: 0;
}
/* line 2462, ../sass/screen.scss */
.page-content h2:last-child {
  padding-bottom: 0;
}
/* line 2467, ../sass/screen.scss */
.page-content h3 {
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  padding-top: 10px;
}
/* line 2475, ../sass/screen.scss */
.page-content p {
  color: #171717;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
/* line 2481, ../sass/screen.scss */
.page-content p a {
  color: #96b52d;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 2490, ../sass/screen.scss */
.page-content p a:hover {
  color: #7b9426;
}
/* line 2494, ../sass/screen.scss */
.page-content p a:active {
  color: #667922;
}
/* line 2499, ../sass/screen.scss */
.page-content p + p {
  padding-top: 12px;
}
/* line 2503, ../sass/screen.scss */
.page-content .reviews-block {
  margin-top: 12px;
}
/* line 2506, ../sass/screen.scss */
.page-content .reviews-block .empty-reviews-block p {
  font-size: 16px;
  line-height: 16px;
  color: #999999;
  font-weight: 300;
}
/* line 2513, ../sass/screen.scss */
.page-content .reviews-block .review-container {
  margin-bottom: 20px;
}
/* line 2515, ../sass/screen.scss */
.page-content .reviews-block .review-container:last-child {
  margin-bottom: 0;
}
/* line 2518, ../sass/screen.scss */
.page-content .reviews-block .review-container .quote {
  color: #171717;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 15px;
  text-align: left;
}
/* line 2526, ../sass/screen.scss */
.page-content .reviews-block .review-container .signature {
  color: #999999;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  text-align: right;
  padding-top: 20px;
}
/* line 2535, ../sass/screen.scss */
.page-content .reviews-block .review {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  background-color: #ffffff;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
/* line 2543, ../sass/screen.scss */
.page-content .reviews-block .reply {
  padding: 20px 20px 20px 60px;
  margin-top: 20px;
  position: relative;
}
/* line 2547, ../sass/screen.scss */
.page-content .reviews-block .reply::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 30px;
  height: 25px;
  background: url("../img/reply-small.svg") no-repeat center;
}
@media (min-width: 768px) {
  /* line 2543, ../sass/screen.scss */
  .page-content .reviews-block .reply {
    padding-left: 70px;
  }
  /* line 2558, ../sass/screen.scss */
  .page-content .reviews-block .reply::before {
    width: 40px;
    height: 35px;
    background-image: url("../img/reply.svg");
  }
}
@media (min-width: 1280px) {
  /* line 2543, ../sass/screen.scss */
  .page-content .reviews-block .reply {
    padding-left: 70px;
  }
}
/* line 2570, ../sass/screen.scss */
.page-content .banner {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background: no-repeat center / cover;
  display: block;
  margin-bottom: 20px;
}
/* line 2577, ../sass/screen.scss */
.page-content .banner.green {
  background-image: url("../img/banner-green.jpg");
}
/* line 2580, ../sass/screen.scss */
.page-content .banner p {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  padding: 0;
}
/* line 2585, ../sass/screen.scss */
.page-content .banner p.white {
  color: #ffffff;
}
/* line 2589, ../sass/screen.scss */
.page-content .banner h2 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  padding: 0 0 10px;
  text-transform: none;
}
/* line 2597, ../sass/screen.scss */
.page-content .banner .img {
  display: none;
}
@media (min-width: 768px) {
  /* line 2601, ../sass/screen.scss */
  .page-content .banner .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  /* line 2605, ../sass/screen.scss */
  .page-content .banner .content .text {
    width: calc(100% - 150px);
  }
  /* line 2608, ../sass/screen.scss */
  .page-content .banner .content .img {
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    overflow: hidden;
  }
  /* line 2614, ../sass/screen.scss */
  .page-content .banner .content .img img {
    width: 100%;
    height: auto;
    min-height: 130px;
  }
}
@media (min-width: 768px) {
  /* line 2441, ../sass/screen.scss */
  .page-content {
    padding: 40px 114px;
  }
}
@media (min-width: 1280px) {
  /* line 2441, ../sass/screen.scss */
  .page-content {
    padding: 40px 120px 40px 370px;
  }
}

/* line 2632, ../sass/screen.scss */
.add-review-layout {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  z-index: 301;
}
/* line 2639, ../sass/screen.scss */
.add-review-layout .add-review-container {
  min-height: 100vh;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 30px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 2649, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review {
  width: 100%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  max-width: 790px;
}
/* line 2657, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review {
  position: absolute;
  z-index: 302;
  top: -25px;
  right: -20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #a7c835;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
/* line 2668, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review div {
  width: 20px;
  height: 1px;
  background: #ffffff;
  border: 1px solid white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: calc(50% - 11px);
  border-radius: 1px;
  top: calc(50% - 1px);
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 2682, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review div:first-child {
  transform: rotate(45deg);
}
/* line 2686, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review div:last-child {
  transform: rotate(-45deg);
}
/* line 2692, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review:hover div {
  width: 24px;
  left: calc(50% - 13px);
}
/* line 2698, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review:active {
  background-color: #9bbb2d;
}
/* line 2700, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review .close-add-review:active div {
  width: 18px;
  left: calc(50% - 10px);
}
@media (min-width: 768px) {
  /* line 2657, ../sass/screen.scss */
  .add-review-layout .add-review-container .add-review .close-add-review {
    width: 70px;
    height: 70px;
    top: -35px;
    right: -84px;
  }
  /* line 2711, ../sass/screen.scss */
  .add-review-layout .add-review-container .add-review .close-add-review div {
    width: 26px;
    left: calc(50% - 14px);
  }
  /* line 2716, ../sass/screen.scss */
  .add-review-layout .add-review-container .add-review .close-add-review:hover div {
    width: 30px;
    left: calc(50% - 16px);
  }
  /* line 2722, ../sass/screen.scss */
  .add-review-layout .add-review-container .add-review .close-add-review:active div {
    width: 24px;
    left: calc(50% - 13px);
  }
}
/* line 2731, ../sass/screen.scss */
.add-review-layout .add-review-container .form {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
/* line 2736, ../sass/screen.scss */
.add-review-layout .add-review-container .form form input, .add-review-layout .add-review-container .form form textarea {
  color: #999999;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 15px;
  text-align: left;
  max-width: none;
  min-width: 0;
}
/* line 2746, ../sass/screen.scss */
.add-review-layout .add-review-container .form form textarea {
  margin-top: 0;
  height: 100px;
}
/* line 2750, ../sass/screen.scss */
.add-review-layout .add-review-container .form form button {
  margin-left: 0;
}
/* line 2753, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select {
  height: 52px;
  width: 100%;
  margin: 14px auto 0;
  overflow: visible;
  position: relative;
  z-index: 1;
  -moz-transition: z-index 0.3s 0s ease-in-out;
  -o-transition: z-index 0.3s 0s ease-in-out;
  -webkit-transition: z-index 0.3s 0s ease-in-out;
  transition: z-index 0.3s 0s ease-in-out;
}
/* line 2764, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body {
  position: relative;
  display: block;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
  -moz-transition: all 0.3s 0s ease-in-out;
  -o-transition: all 0.3s 0s ease-in-out;
  -webkit-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
}
/* line 2780, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 20px;
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  -moz-transition: all 0.3s 0s ease-in-out;
  -o-transition: all 0.3s 0s ease-in-out;
  -webkit-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
}
/* line 2795, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body .selected {
  padding: 13px 40px 13px 20px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
/* line 2801, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body .selected .text {
  width: auto;
  word-wrap: normal;
  height: 20px;
  overflow: hidden;
  display: block;
}
/* line 2809, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body .list {
  display: none;
  max-height: 160px;
  overflow: auto;
}
/* line 2813, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body .list span {
  display: block;
  padding: 13px 40px 13px 20px;
  -moz-transition: all 0.3s 0s ease-in-out;
  -o-transition: all 0.3s 0s ease-in-out;
  -webkit-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
}
/* line 2820, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body .list span:hover {
  cursor: pointer;
  background-color: #f7f7f7;
  color: black;
}
/* line 2827, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body:hover {
  border-color: #999999;
  color: #999999;
}
/* line 2830, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select .body:hover::after {
  border-color: #999999;
}
/* line 2835, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select.open {
  z-index: 3;
}
/* line 2838, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .select:hover {
  z-index: 3;
}
/* line 2842, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .captcha-container {
  margin-top: 14px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/* line 2849, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .captcha-container input {
  margin: 0;
  width: calc(100% - 122px);
}
/* line 2853, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .captcha-container .img {
  width: 108px;
  height: 52px;
}
/* line 2856, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .captcha-container .img img {
  width: 100%;
  height: auto;
}
/* line 2862, ../sass/screen.scss */
.add-review-layout .add-review-container .form form .right {
  margin-top: 14px;
}
@media (min-width: 768px) {
  /* line 2866, ../sass/screen.scss */
  .add-review-layout .add-review-container .form form textarea {
    height: 206px;
  }
}
@media (min-width: 1280px) {
  /* line 2735, ../sass/screen.scss */
  .add-review-layout .add-review-container .form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 2874, ../sass/screen.scss */
  .add-review-layout .add-review-container .form form .right {
    margin-top: 0;
  }
  /* line 2877, ../sass/screen.scss */
  .add-review-layout .add-review-container .form form .left, .add-review-layout .add-review-container .form form .right {
    width: calc(50% - 20px);
  }
  /* line 2880, ../sass/screen.scss */
  .add-review-layout .add-review-container .form form textarea {
    height: 272px;
  }
}
/* line 2886, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review-thanks-container {
  display: none;
}
/* line 2888, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review-thanks-container .add-review-thanks {
  width: 100%;
  height: 312px;
  background: url("../img/add-review-thanks.svg") no-repeat center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}
/* line 2897, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review-thanks-container .add-review-thanks h2 {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}
/* line 2904, ../sass/screen.scss */
.add-review-layout .add-review-container .add-review-thanks-container .add-review-thanks p {
  padding-top: 8px;
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
@media (min-width: 1015px) {
  /* line 2888, ../sass/screen.scss */
  .add-review-layout .add-review-container .add-review-thanks-container .add-review-thanks {
    background-position: left center;
  }
}
@media (min-width: 768px) {
  /* line 2639, ../sass/screen.scss */
  .add-review-layout .add-review-container {
    padding: 40px 114px;
  }
}
@media (min-width: 1280px) {
  /* line 2639, ../sass/screen.scss */
  .add-review-layout .add-review-container {
    padding: 40px 120px 40px 370px;
  }
}

/* line 2927, ../sass/screen.scss */
.main-page.main-block .video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
}
/* line 2938, ../sass/screen.scss */
.main-page.main-block .video #video {
  position: absolute;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 2946, ../sass/screen.scss */
.main-page.main-block .flex-container {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 300px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/* line 2960, ../sass/screen.scss */
.main-page.main-block .flex-container .content h1 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 23px;
  text-align: center;
}
/* line 2967, ../sass/screen.scss */
.main-page.main-block .flex-container .content h1 br {
  display: none;
}
/* line 2972, ../sass/screen.scss */
.main-page.main-block .flex-container .content .but {
  margin: 20px auto 0;
}
@media (min-width: 768px) {
  /* line 2976, ../sass/screen.scss */
  .main-page.main-block .flex-container .content h1 {
    font-size: 36px;
    line-height: 42px;
  }
  /* line 2980, ../sass/screen.scss */
  .main-page.main-block .flex-container .content h1 br {
    display: block;
  }
  /* line 2985, ../sass/screen.scss */
  .main-page.main-block .flex-container .content .but {
    margin-top: 40px;
  }
}

/* line 2995, ../sass/screen.scss */
.contact-page #map {
  width: 100%;
  height: 368px;
}
/* line 3000, ../sass/screen.scss */
.contact-page .contact-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
/* line 3005, ../sass/screen.scss */
.contact-page .contact-links .contact-link {
  position: relative;
  min-width: 250px;
  height: 100px;
  width: 100%;
  margin-top: 20px;
  background: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
/* line 3015, ../sass/screen.scss */
.contact-page .contact-links .contact-link .bg {
  background: no-repeat center / cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  opacity: 0.8;
  z-index: 1;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 3029, ../sass/screen.scss */
.contact-page .contact-links .contact-link.email .bg {
  background-image: url("../img/cp_email.jpg");
}
/* line 3033, ../sass/screen.scss */
.contact-page .contact-links .contact-link.skype .bg {
  background-image: url("../img/cp_skype.jpg");
}
/* line 3037, ../sass/screen.scss */
.contact-page .contact-links .contact-link.phone .bg {
  background-image: url("../img/cp_phone.jpg");
}
/* line 3041, ../sass/screen.scss */
.contact-page .contact-links .contact-link:hover .bg {
  opacity: 0.9;
  width: 110%;
  height: 110px;
  top: -5px;
  left: -5%;
}
/* line 3049, ../sass/screen.scss */
.contact-page .contact-links .contact-link:active .bg {
  opacity: 1;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
}
/* line 3057, ../sass/screen.scss */
.contact-page .contact-links .contact-link .text {
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
/* line 3064, ../sass/screen.scss */
.contact-page .contact-links .contact-link .text .title {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  line-height: 27px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
/* line 3072, ../sass/screen.scss */
.contact-page .contact-links .contact-link .text .address {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  padding-top: 18px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
@media (min-width: 600px) {
  /* line 3084, ../sass/screen.scss */
  .contact-page .contact-links .contact-link {
    width: calc(50% - 10px);
  }
}
@media (min-width: 768px) {
  /* line 3089, ../sass/screen.scss */
  .contact-page #map {
    height: 704px;
  }
}
@media (min-width: 1040px) {
  /* line 3094, ../sass/screen.scss */
  .contact-page .contact-links .contact-link {
    width: calc(33% - 13.3333px);
  }
}
@media (min-width: 1280px) {
  /* line 3099, ../sass/screen.scss */
  .contact-page #map {
    height: 520px;
  }
}

/* line 3106, ../sass/screen.scss */
.about-page .studios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px;
}
/* line 3112, ../sass/screen.scss */
.about-page .studios .studio {
  margin-top: 20px;
  min-width: 250px;
  width: 100%;
  height: 220px;
  border-radius: 2px;
  border: 1px solid #f0f0f0;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media (min-width: 600px) {
  /* line 3126, ../sass/screen.scss */
  .about-page .studios .studio {
    width: calc(50% - 10px);
  }
}
@media (min-width: 1040px) {
  /* line 3131, ../sass/screen.scss */
  .about-page .studios .studio {
    width: calc(33% - 13.3333px);
  }
}
@media (min-width: 1570px) {
  /* line 3136, ../sass/screen.scss */
  .about-page .studios .studio {
    width: calc(25% - 15px);
  }
}

/* line 3143, ../sass/screen.scss */
.students-works-page.page-content .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 3148, ../sass/screen.scss */
.students-works-page.page-content .students-work {
  margin-bottom: 40px;
  width: 100%;
}
/* line 3152, ../sass/screen.scss */
.students-works-page.page-content .students-work:last-child {
  margin-bottom: 0;
}
/* line 3156, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-video iframe {
  width: 100%;
  height: calc(56.25vw - 33.75px);
}
/* line 3161, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description {
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  background-color: #ffffff;
  width: 100%;
  padding: 13px;
  box-sizing: border-box;
  margin-top: 10px;
}
/* line 3171, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description p {
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  padding-top: 0;
  padding-bottom: 8px;
}
/* line 3179, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description p .caption {
  color: #999999;
  font-weight: 300;
}
/* line 3184, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description p:last-child {
  padding-bottom: 0;
}
/* line 3189, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 10px;
}
/* line 3195, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social a {
  display: block;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: white;
  transform: scale(1, 1);
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 3207, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social a img {
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 3216, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social a:last-child {
  margin-right: 0;
}
/* line 3220, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social a:hover {
  transform: scale(1.1, 1.1);
}
/* line 3223, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social a:hover img {
  opacity: 0.9;
}
/* line 3228, ../sass/screen.scss */
.students-works-page.page-content .students-work .students-work-description .social a:active {
  transform: scale(0.9, 0.9);
  background-color: black;
}
@media (min-width: 768px) {
  /* line 3250, ../sass/screen.scss */
  .students-works-page.page-content .students-work {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  /* line 3253, ../sass/screen.scss */
  .students-works-page.page-content .students-work:nth-child(even) {
    margin-right: 0;
  }
  /* line 3256, ../sass/screen.scss */
  .students-works-page.page-content .students-work .students-work-video iframe {
    height: calc(28.125vw - 69.75px);
  }
}
@media (min-width: 1280px) {
  /* line 3263, ../sass/screen.scss */
  .students-works-page.page-content .students-work {
    width: calc(33.3333% - 13.3333px);
  }
  /* line 3265, ../sass/screen.scss */
  .students-works-page.page-content .students-work:nth-child(even) {
    margin-right: 20px;
  }
  /* line 3268, ../sass/screen.scss */
  .students-works-page.page-content .students-work:nth-child(3n) {
    margin-right: 0;
  }
  /* line 3271, ../sass/screen.scss */
  .students-works-page.page-content .students-work .students-work-video iframe {
    height: calc(18.75vw - 99.375px);
  }
}
@media (min-width: 1600px) {
  /* line 3277, ../sass/screen.scss */
  .students-works-page.page-content .students-work {
    width: calc(25% - 15px);
  }
  /* line 3279, ../sass/screen.scss */
  .students-works-page.page-content .students-work:nth-child(3n) {
    margin-right: 20px;
  }
  /* line 3282, ../sass/screen.scss */
  .students-works-page.page-content .students-work:nth-child(4n) {
    margin-right: 0;
  }
  /* line 3285, ../sass/screen.scss */
  .students-works-page.page-content .students-work .students-work-video iframe {
    height: calc(14.0625vw - 77.3438px);
  }
}

/* line 3293, ../sass/screen.scss */
.courses-page.page-content .course {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1420px;
  height: 400px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  background: no-repeat center / cover;
}
/* line 3311, ../sass/screen.scss */
.courses-page.page-content .course.top-bg-orirntation {
  background-position: center top;
}
/* line 3314, ../sass/screen.scss */
.courses-page.page-content .course:last-child {
  margin-bottom: 0;
}
/* line 3318, ../sass/screen.scss */
.courses-page.page-content .course-inner {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/* line 3326, ../sass/screen.scss */
.courses-page.page-content .course-text {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
}
/* line 3333, ../sass/screen.scss */
.courses-page.page-content .course-text .course-text__title {
  font-size: 26px;
  font-weight: 700;
}
/* line 3337, ../sass/screen.scss */
.courses-page.page-content .course-text .course-text__subtitle {
  font-size: 16px;
  font-weight: 300;
}
/* line 3341, ../sass/screen.scss */
.courses-page.page-content .course-text .course-text__title + .course-text__subtitle {
  margin-top: 8px;
}
@media (min-width: 768px) {
  /* line 3346, ../sass/screen.scss */
  .courses-page.page-content .course-inner {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  /* line 3351, ../sass/screen.scss */
  .courses-page.page-content .course-text {
    position: relative;
    margin-bottom: 20px;
  }
  /* line 3354, ../sass/screen.scss */
  .courses-page.page-content .course-text .course-text__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  /* line 3360, ../sass/screen.scss */
  .courses-page.page-content .course {
    overflow: hidden;
  }
  /* line 3362, ../sass/screen.scss */
  .courses-page.page-content .course .course-inner {
    top: 84px;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
  }
  /* line 3368, ../sass/screen.scss */
  .courses-page.page-content .course:hover {
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
  }
  /* line 3370, ../sass/screen.scss */
  .courses-page.page-content .course:hover .course-inner {
    top: 0;
  }
}

/* line 3379, ../sass/screen.scss */
.course-page.page-content .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 3384, ../sass/screen.scss */
.course-page.page-content .course {
  width: 100%;
  margin-bottom: 20px;
  height: 400px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  background-color: black;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.4s ease-in-out;
  -moz-transition: box-shadow 0.4s ease-in-out;
  transition: box-shadow 0.4s ease-in-out;
}
/* line 3396, ../sass/screen.scss */
.course-page.page-content .course:last-child {
  margin-bottom: 0;
}
/* line 3399, ../sass/screen.scss */
.course-page.page-content .course .bg {
  position: absolute;
  background: no-repeat center / cover;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 400px;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 3412, ../sass/screen.scss */
.course-page.page-content .course .info {
  position: relative;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  padding: 20px;
}
/* line 3418, ../sass/screen.scss */
.course-page.page-content .course .info .icon {
  width: 160px;
  height: 160px;
  box-sizing: border-box;
  overflow: visible;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 3426, ../sass/screen.scss */
.course-page.page-content .course .info .icon img {
  width: 100%;
  height: auto;
  min-height: 100%;
}
/* line 3432, ../sass/screen.scss */
.course-page.page-content .course .info .text {
  position: absolute;
  width: calc(100% - 40px);
  left: 20px;
  top: 232px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 3440, ../sass/screen.scss */
.course-page.page-content .course .info .text .title {
  min-height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 20px;
}
/* line 3445, ../sass/screen.scss */
.course-page.page-content .course .info .text .title h2 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  line-height: 27px;
  text-transform: none;
}
/* line 3453, ../sass/screen.scss */
.course-page.page-content .course .info .text .class {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
/* line 3459, ../sass/screen.scss */
.course-page.page-content .course .info .text .teacher {
  color: #96b52d;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 3467, ../sass/screen.scss */
.course-page.page-content .course .info .text .teacher:hover {
  color: #7b9426;
}
/* line 3470, ../sass/screen.scss */
.course-page.page-content .course .info .text .teacher:active {
  color: #667922;
}
/* line 3474, ../sass/screen.scss */
.course-page.page-content .course .info .text .more {
  padding-top: 12px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  opacity: 0;
  -webkit-transition: all 0.4s 0.2s ease-in-out;
  -moz-transition: all 0.4s 0.2s ease-in-out;
  transition: all 0.4s 0.2s ease-in-out;
}
/* line 3484, ../sass/screen.scss */
.course-page.page-content .course .info .text .more span {
  display: block;
  font-weight: 600;
}
/* line 3488, ../sass/screen.scss */
.course-page.page-content .course .info .text .more:nth-of-type(2) {
  opacity: 1;
}
/* line 3491, ../sass/screen.scss */
.course-page.page-content .course .info .text .more:nth-of-type(3) {
  -webkit-transition: all 0.4s 0.15s ease-in-out;
  -moz-transition: all 0.4s 0.15s ease-in-out;
  transition: all 0.4s 0.15s ease-in-out;
}
/* line 3496, ../sass/screen.scss */
.course-page.page-content .course .info .text .more:nth-of-type(4) {
  -webkit-transition: all 0.4s 0.1s ease-in-out;
  -moz-transition: all 0.4s 0.1s ease-in-out;
  transition: all 0.4s 0.1s ease-in-out;
}
/* line 3501, ../sass/screen.scss */
.course-page.page-content .course .info .text .more:nth-of-type(5) {
  -webkit-transition: all 0.4s 0.05s ease-in-out;
  -moz-transition: all 0.4s 0.05s ease-in-out;
  transition: all 0.4s 0.05s ease-in-out;
}
/* line 3509, ../sass/screen.scss */
.course-page.page-content .course.open-course::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: url("../img/open-course.svg") no-repeat right top;
}
/* line 3518, ../sass/screen.scss */
.course-page.page-content .course.course_3d .bg {
  background-image: url("../img/course-3d-bg.png");
}
/* line 3521, ../sass/screen.scss */
.course-page.page-content .course.course_2d .bg {
  background-image: url("../img/course-2d-bg.png");
}
/* line 3524, ../sass/screen.scss */
.course-page.page-content .course.course_animate .bg {
  background-image: url("../img/course-animate-bg.png");
}
/* line 3527, ../sass/screen.scss */
.course-page.page-content .course.course_author .bg {
  background-image: url("../img/course-author-bg.png");
}
/* line 3530, ../sass/screen.scss */
.course-page.page-content .course.course_webinar .bg {
  background-image: url("../img/course-webinar-bg.png");
}
/* line 3533, ../sass/screen.scss */
.course-page.page-content .course.course_vfx .bg {
  background-image: url("../img/course-vfx-bg.png");
}
/* line 3536, ../sass/screen.scss */
.course-page.page-content .course.course_pre .bg {
  background-image: url("../img/course-pre-bg.png");
}
.course-page.page-content .course.course_auto .bg {
    background-image: url("../img/course-auto-bg.png");
}
.course-page.page-content .course.course_drawing .bg {
    background-image: url("../img/course-auto-bg.png");
}
/* line 3539, ../sass/screen.scss */
.course-page.page-content .course:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
/* line 3542, ../sass/screen.scss */
.course-page.page-content .course:hover .bg {
  left: -10%;
  top: -40px;
  width: 120%;
  height: 480px;
  opacity: 0.6;
}
/* line 3550, ../sass/screen.scss */
.course-page.page-content .course:hover .info .icon {
  width: 40px;
  height: 40px;
}
/* line 3554, ../sass/screen.scss */
.course-page.page-content .course:hover .info .text {
  top: 88px;
}
/* line 3556, ../sass/screen.scss */
.course-page.page-content .course:hover .info .text .more {
  opacity: 1;
}
/* line 3558, ../sass/screen.scss */
.course-page.page-content .course:hover .info .text .more:nth-of-type(3) {
  -webkit-transition: all 0.4s 0.05s ease-in-out;
  -moz-transition: all 0.4s 0.05s ease-in-out;
  transition: all 0.4s 0.05s ease-in-out;
}
/* line 3563, ../sass/screen.scss */
.course-page.page-content .course:hover .info .text .more:nth-of-type(4) {
  -webkit-transition: all 0.4s 0.1s ease-in-out;
  -moz-transition: all 0.4s 0.1s ease-in-out;
  transition: all 0.4s 0.1s ease-in-out;
}
/* line 3568, ../sass/screen.scss */
.course-page.page-content .course:hover .info .text .more:nth-of-type(5) {
  -webkit-transition: all 0.4s 0.15s ease-in-out;
  -moz-transition: all 0.4s 0.15s ease-in-out;
  transition: all 0.4s 0.15s ease-in-out;
}
/* line 3577, ../sass/screen.scss */
.course-page.page-content .course:active {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}
/* line 3579, ../sass/screen.scss */
.course-page.page-content .course:active .bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
}
@media (min-width: 768px) {
  /* line 3588, ../sass/screen.scss */
  .course-page.page-content .course {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  /* line 3591, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  /* line 3597, ../sass/screen.scss */
  .course-page.page-content .course {
    width: calc(33.3333% - 13.3333px);
  }
  /* line 3599, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(even) {
    margin-right: 20px;
  }
  /* line 3602, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1600px) {
  /* line 3608, ../sass/screen.scss */
  .course-page.page-content .course {
    width: calc(25% - 15px);
  }
  /* line 3610, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(3n) {
    margin-right: 20px;
  }
  /* line 3613, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 1870px) {
  /* line 3619, ../sass/screen.scss */
  .course-page.page-content .course {
    width: calc(20% - 16px);
  }
  /* line 3621, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(4n) {
    margin-right: 20px;
  }
  /* line 3624, ../sass/screen.scss */
  .course-page.page-content .course:nth-child(5n) {
    margin-right: 0;
  }
}

/* line 3632, ../sass/screen.scss */
.class-page.page-content nav {
  width: 100%;
  margin-bottom: 20px;
}
/* line 3635, ../sass/screen.scss */
.class-page.page-content nav a {
  color: #96b52d;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  display: inline-block;
  width: auto;
  transition: all 0.4s ease-in-out;
}
/* line 3643, ../sass/screen.scss */
.class-page.page-content nav a svg g {
  transition: all 0.4s ease-in-out;
}
/* line 3646, ../sass/screen.scss */
.class-page.page-content nav a .arrow {
  position: relative;
  top: 2px;
}
/* line 3650, ../sass/screen.scss */
.class-page.page-content nav a .description {
  display: none;
}
/* line 3653, ../sass/screen.scss */
.class-page.page-content nav a:hover {
  color: #7b9426;
}
/* line 3655, ../sass/screen.scss */
.class-page.page-content nav a:hover svg g {
  stroke: #7b9426;
}
/* line 3659, ../sass/screen.scss */
.class-page.page-content nav a:active {
  color: #667922;
}
/* line 3661, ../sass/screen.scss */
.class-page.page-content nav a:active svg g {
  stroke: #667922;
}
/* line 3665, ../sass/screen.scss */
.class-page.page-content nav a.prev {
  float: left;
}
/* line 3667, ../sass/screen.scss */
.class-page.page-content nav a.prev .arrow {
  padding-right: 4px;
}
/* line 3671, ../sass/screen.scss */
.class-page.page-content nav a.next {
  float: right;
}
/* line 3673, ../sass/screen.scss */
.class-page.page-content nav a.next .arrow {
  padding-left: 4px;
}
/* line 3678, ../sass/screen.scss */
.class-page.page-content nav .clear {
  clear: both;
}
@media (min-width: 768px) {
  /* line 3682, ../sass/screen.scss */
  .class-page.page-content nav a .description {
    display: inline-block;
  }
}
/* line 3688, ../sass/screen.scss */
.class-page.page-content .video {
  margin-bottom: 40px;
}
/* line 3690, ../sass/screen.scss */
.class-page.page-content .video p {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  padding-top: 12px;
}
/* line 3699, ../sass/screen.scss */
.class-page.page-content .info-form {
  margin-bottom: 40px;
}
/* line 3702, ../sass/screen.scss */
.class-page.page-content .info-form .info {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  background-color: #ffffff;
}
/* line 3709, ../sass/screen.scss */
.class-page.page-content .info-form .info h1 {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  padding-bottom: 20px;
}
/* line 3717, ../sass/screen.scss */
.class-page.page-content .info-form .info p {
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
/* line 3723, ../sass/screen.scss */
.class-page.page-content .info-form .info p .caption {
  color: #999999;
  font-weight: 300;
}
/* line 3728, ../sass/screen.scss */
.class-page.page-content .info-form .info p.footnote {
  padding-top: 24px;
  color: #999999;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}
/* line 3736, ../sass/screen.scss */
.class-page.page-content .info-form .info .download {
  color: #96b52d;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  display: block;
  margin-top: 12px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 3747, ../sass/screen.scss */
.class-page.page-content .info-form .info .download:hover {
  color: #7b9426;
}
/* line 3751, ../sass/screen.scss */
.class-page.page-content .info-form .info .download:active {
  color: #667922;
}
/* line 3757, ../sass/screen.scss */
.class-page.page-content .info-form .form {
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  background-color: #ffffff;
}
/* line 3766, ../sass/screen.scss */
.class-page.page-content .info-form .form .form-container input {
  max-width: 100%;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 15px;
  text-align: left;
}
/* line 3774, ../sass/screen.scss */
.class-page.page-content .info-form .form .form-container button {
  margin-left: 0;
}
/* line 3778, ../sass/screen.scss */
.class-page.page-content .info-form .form .thanks-container {
  display: none;
}
/* line 3780, ../sass/screen.scss */
.class-page.page-content .info-form .form .thanks-container .thanks-u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media (min-width: 1280px) {
  /* line 3699, ../sass/screen.scss */
  .class-page.page-content .info-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 3792, ../sass/screen.scss */
  .class-page.page-content .info-form .info, .class-page.page-content .info-form .form {
    width: calc(50% - 10px);
    margin-top: 0;
  }
}

/* line 3801, ../sass/screen.scss */
.teachers-page.page-content .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 3805, ../sass/screen.scss */
.teachers-page.page-content .content .teacher {
  position: relative;
  width: 100%;
  height: 400px;
  margin-top: 20px;
  background-color: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
/* line 3813, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .bg {
  background: no-repeat center / cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
  width: 100%;
  z-index: 1;
  opacity: 0.8;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 3826, ../sass/screen.scss */
.teachers-page.page-content .content .teacher:nth-child(1) {
  margin-top: 0;
}
/* line 3829, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .text {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
/* line 3840, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .text h2 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  line-height: 27px;
  padding-top: 0;
  padding-bottom: 10px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
/* line 3850, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .text p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
/* line 3857, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .text a {
  color: #96b52d;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 3866, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .text a:hover {
  color: #7b9426;
}
/* line 3870, ../sass/screen.scss */
.teachers-page.page-content .content .teacher .text a:active {
  color: #667922;
}
/* line 3876, ../sass/screen.scss */
.teachers-page.page-content .content .teacher:hover {
  cursor: pointer;
}
/* line 3878, ../sass/screen.scss */
.teachers-page.page-content .content .teacher:hover .bg {
  width: 110%;
  height: 440px;
  top: -20px;
  left: -5%;
  opacity: 0.9;
}
/* line 3887, ../sass/screen.scss */
.teachers-page.page-content .content .teacher:active .bg {
  width: 100%;
  height: 400px;
  top: 0;
  left: 0;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 3896, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  /* line 3899, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(2) {
    margin-top: 0;
  }
  /* line 3902, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  /* line 3908, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher {
    width: calc(33.3333% - 13.3333px);
  }
  /* line 3910, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(3) {
    margin-top: 0;
  }
  /* line 3913, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(even) {
    margin-right: 20px;
  }
  /* line 3916, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1600px) {
  /* line 3922, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher {
    width: calc(25% - 15px);
  }
  /* line 3924, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(4) {
    margin-top: 0;
  }
  /* line 3927, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(3n) {
    margin-right: 20px;
  }
  /* line 3930, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 1870px) {
  /* line 3936, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher {
    width: calc(20% - 16px);
  }
  /* line 3938, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(5) {
    margin-top: 0;
  }
  /* line 3941, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(4n) {
    margin-right: 20px;
  }
  /* line 3944, ../sass/screen.scss */
  .teachers-page.page-content .content .teacher:nth-child(5n) {
    margin-right: 0;
  }
}

/* line 3954, ../sass/screen.scss */
.teacher-page.page-content .teacher {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  background-color: #ffffff;
  width: 100%;
  padding: 13px;
  box-sizing: border-box;
}
/* line 3962, ../sass/screen.scss */
.teacher-page.page-content .teacher .photo {
  width: 234px;
  height: 360px;
  background: no-repeat center bottom / cover;
}
/* line 3967, ../sass/screen.scss */
.teacher-page.page-content .teacher .info {
  padding-top: 20px;
}
/* line 3970, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .text h1 {
  color: #171717;
  font-size: 26px;
  font-weight: 700;
  line-height: 27px;
  padding-bottom: 8px;
}
/* line 3977, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .text p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
/* line 3981, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .text p .caption {
  color: #a2a2a2;
  font-weight: 400;
}
/* line 3985, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .text p.quote {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 15px;
  margin-bottom: 20px;
}
/* line 3994, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 42px;
}
/* line 3999, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 4px;
  margin-right: 20px;
  transform: scale(1, 1);
  background-color: white;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 4012, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a img {
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 4020, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a:last-child {
  margin-right: 0;
}
/* line 4023, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a:hover {
  transform: scale(1.1, 1.1);
}
/* line 4025, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a:hover img {
  opacity: 0.8;
}
/* line 4029, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a:active {
  transform: scale(0.9, 0.9);
}
/* line 4031, ../sass/screen.scss */
.teacher-page.page-content .teacher .info .social a:active img {
  opacity: 0.9;
}
@media (min-width: 768px) {
  /* line 3954, ../sass/screen.scss */
  .teacher-page.page-content .teacher {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  /* line 4043, ../sass/screen.scss */
  .teacher-page.page-content .teacher .info {
    width: calc(100% - 234px);
    box-sizing: border-box;
    padding: 16px 0 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 4051, ../sass/screen.scss */
  .teacher-page.page-content .teacher .info .social {
    margin-top: 20px;
  }
}
/* line 4058, ../sass/screen.scss */
.teacher-page.page-content .classes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 4062, ../sass/screen.scss */
.teacher-page.page-content .classes .class {
  position: relative;
  width: 100%;
  height: 130px;
  margin-top: 20px;
  background: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
/* line 4071, ../sass/screen.scss */
.teacher-page.page-content .classes .class .bg {
  background: no-repeat center bottom / cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 130px;
  width: 100%;
  opacity: 0.8;
  z-index: 1;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 4085, ../sass/screen.scss */
.teacher-page.page-content .classes .class:nth-child(1) {
  margin-top: 0;
}
/* line 4089, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_3d .bg {
  background-image: url("../img/course-3d-bg.png");
}
/* line 4092, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_2d .bg {
  background-image: url("../img/course-2d-bg.png");
}
/* line 4095, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_animate .bg {
  background-image: url("../img/course-animate-bg.png");
}
/* line 4098, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_author .bg {
  background-image: url("../img/course-author-bg.png");
}
/* line 4101, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_webinar .bg {
  background-image: url("../img/course-webinar-bg.png");
}
/* line 4104, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_vfx .bg {
  background-image: url("../img/course-vfx-bg.png");
}
/* line 4107, ../sass/screen.scss */
.teacher-page.page-content .classes .class.course_pre .bg {
  background-image: url("../img/course-pre-bg.png");
}
.teacher-page.page-content .classes .class.course_auto .bg {
    background-image: url("../img/course-auto-bg.png");
}
.teacher-page.page-content .classes .class.course_drawing .bg {
    background-image: url("../img/course-auto-bg.png");
}
/* line 4111, ../sass/screen.scss */
.teacher-page.page-content .classes .class:hover .bg {
  opacity: 0.9;
  width: 110%;
  height: 144px;
  top: -7px;
  left: -5%;
}
/* line 4119, ../sass/screen.scss */
.teacher-page.page-content .classes .class:active .bg {
  opacity: 1;
  width: 100%;
  height: 130px;
  top: 0;
  left: 0;
}
/* line 4127, ../sass/screen.scss */
.teacher-page.page-content .classes .class .text {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
/* line 4138, ../sass/screen.scss */
.teacher-page.page-content .classes .class .text h3 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  line-height: 27px;
  padding-top: 0;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
}
/* line 4148, ../sass/screen.scss */
.teacher-page.page-content .classes .class .text p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (min-width: 768px) {
  /* line 4159, ../sass/screen.scss */
  .teacher-page.page-content .classes .class {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  /* line 4162, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(2) {
    margin-top: 0;
  }
  /* line 4165, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  /* line 4171, ../sass/screen.scss */
  .teacher-page.page-content .classes .class {
    width: calc(33.3333% - 13.3333px);
  }
  /* line 4173, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(3) {
    margin-top: 0;
  }
  /* line 4176, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(even) {
    margin-right: 20px;
  }
  /* line 4179, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1600px) {
  /* line 4185, ../sass/screen.scss */
  .teacher-page.page-content .classes .class {
    width: calc(25% - 15px);
  }
  /* line 4187, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(4) {
    margin-top: 0;
  }
  /* line 4190, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(3n) {
    margin-right: 20px;
  }
  /* line 4193, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 1870px) {
  /* line 4199, ../sass/screen.scss */
  .teacher-page.page-content .classes .class {
    width: calc(20% - 16px);
  }
  /* line 4201, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(5) {
    margin-top: 0;
  }
  /* line 4204, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(4n) {
    margin-right: 20px;
  }
  /* line 4207, ../sass/screen.scss */
  .teacher-page.page-content .classes .class:nth-child(5n) {
    margin-right: 0;
  }
}
/* line 4214, ../sass/screen.scss */
.teacher-page.page-content .subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  padding-bottom: 10px;
}

/* line 4222, ../sass/screen.scss */
.error-404-page {
  background-color: white;
}
/* line 4224, ../sass/screen.scss */
.error-404-page .error-404-page-container {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 0 30px 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
/* line 4234, ../sass/screen.scss */
.error-404-page .error-404-page-container .img {
  width: 264px;
  height: 92px;
  background: url("../img/404-m.svg") no-repeat center;
}
@media (min-width: 768px) {
  /* line 4234, ../sass/screen.scss */
  .error-404-page .error-404-page-container .img {
    background-image: url("../img/404-d-t.svg");
    width: 389px;
    height: 135px;
  }
}
/* line 4244, ../sass/screen.scss */
.error-404-page .error-404-page-container h1 {
  color: #171717;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  padding-top: 30px;
  padding-bottom: 50px;
}
/* line 4252, ../sass/screen.scss */
.error-404-page .error-404-page-container a {
  width: auto;
  color: #a7c835;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 24px;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
/* line 4262, ../sass/screen.scss */
.error-404-page .error-404-page-container a:hover {
  color: #7b9426;
}
/* line 4265, ../sass/screen.scss */
.error-404-page .error-404-page-container a:active {
  color: #667922;
}
/* line 4270, ../sass/screen.scss */
.error-404-page .bubbles {
  position: absolute;
  width: 134px;
  height: 165px;
  overflow: hidden;
  bottom: 0;
  left: calc(50% - 67px);
}
/* line 4277, ../sass/screen.scss */
.error-404-page .bubbles .bubble {
  position: absolute;
  z-index: 1;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  background-color: #a7c835;
  border-radius: 100%;
}
/* line 4284, ../sass/screen.scss */
.error-404-page .bubbles .bubble:nth-child(1) {
  width: 70px;
  height: 70px;
  bottom: -70px;
  left: 30px;
  animation: err404Bubble1 900ms 0ms infinite normal linear both;
}
/* line 4291, ../sass/screen.scss */
.error-404-page .bubbles .bubble:nth-child(2) {
  width: 50px;
  height: 50px;
  bottom: -50px;
  left: 70px;
  animation: err404Bubble2 900ms 500ms infinite normal linear both;
}
/* line 4298, ../sass/screen.scss */
.error-404-page .bubbles .bubble:nth-child(3) {
  width: 36px;
  height: 36px;
  bottom: -36px;
  left: 0px;
  animation: err404Bubble3 900ms 600ms infinite normal linear both;
}
/* line 4305, ../sass/screen.scss */
.error-404-page .bubbles .bubble:nth-child(4) {
  width: 24px;
  height: 24px;
  bottom: -24px;
  left: 110px;
  animation: err404Bubble4 900ms 800ms infinite normal linear both;
}
/* line 4312, ../sass/screen.scss */
.error-404-page .bubbles .bubble:nth-child(5) {
  width: 24px;
  height: 24px;
  bottom: -24px;
  left: 15px;
  animation: err404Bubble5 900ms 1300ms infinite normal linear both;
}

@keyframes err404Bubble1 {
  0% {
    width: 70px;
    height: 70px;
    bottom: -70px;
    left: 30px;
  }
  50% {
    width: 70px;
    height: 70px;
    bottom: -1px;
    left: 30px;
  }
  100% {
    width: 0;
    height: 0;
    bottom: 68px;
    left: 65px;
  }
}
@keyframes err404Bubble2 {
  0% {
    width: 50px;
    height: 50px;
    bottom: -50px;
    left: 70px;
  }
  50% {
    width: 50px;
    height: 50px;
    bottom: 40px;
    left: 70px;
  }
  100% {
    width: 0;
    height: 0;
    bottom: 129px;
    left: 95px;
  }
}
@keyframes err404Bubble3 {
  0% {
    width: 36px;
    height: 36px;
    bottom: -36px;
    left: 0px;
  }
  50% {
    width: 36px;
    height: 36px;
    bottom: 25px;
    left: 0px;
  }
  100% {
    width: 0;
    height: 0;
    bottom: 86px;
    left: 18px;
  }
}
@keyframes err404Bubble4 {
  0% {
    width: 24px;
    height: 24px;
    bottom: -24px;
    left: 110px;
  }
  50% {
    width: 24px;
    height: 24px;
    bottom: 34px;
    left: 110px;
  }
  100% {
    width: 0px;
    height: 0px;
    bottom: 92px;
    left: 122px;
  }
}
@keyframes err404Bubble5 {
  0% {
    width: 24px;
    height: 24px;
    bottom: -24px;
    left: 15px;
  }
  50% {
    width: 24px;
    height: 24px;
    bottom: 64px;
    left: 15px;
  }
  100% {
    width: 0px;
    height: 0px;
    bottom: 152px;
    left: 27px;
  }
}
/* line 4436, ../sass/screen.scss */
.line-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background-color: #a7c835;
  z-index: 200;
}
/* line 4444, ../sass/screen.scss */
.line-banner .askew-cnt {
  position: relative;
}
/* line 4446, ../sass/screen.scss */
.line-banner .askew-cnt .askew-bg {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 0;
  width: calc(100% - 10px);
  height: 100%;
  background-color: #f5f5f5;
  -webkit-transform: skew(-10deg);
  -moz-transform: skew(-10deg);
  -o-transform: skew(-10deg);
}
/* line 4458, ../sass/screen.scss */
.line-banner .askew-cnt .askew-inner {
  position: relative;
  z-index: 2;
  height: 100%;
}
/* line 4464, ../sass/screen.scss */
.line-banner .line-banner__wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 4471, ../sass/screen.scss */
.line-banner .line-banner__subtitle,
.line-banner .line-banner__description {
  display: none;
}
/* line 4475, ../sass/screen.scss */
.line-banner .line-banner__logo {
  height: 100%;
  width: 70px;
  margin-left: 20px;
}
/* line 4480, ../sass/screen.scss */
.line-banner .line-banner__logo-img {
  width: 56px;
  height: 52px;
  position: absolute;
  left: 7px;
  top: -2px;
}
/* line 4487, ../sass/screen.scss */
.line-banner .line-banner__logo-img,
.line-banner .line-banner__arrow-inner {
  transform: scale(0.7, 0.7);
}
/* line 4491, ../sass/screen.scss */
.line-banner .line-banner__main {
  width: calc(100% - 160px);
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 4501, ../sass/screen.scss */
.line-banner .line-banner__title {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
/* line 4506, ../sass/screen.scss */
.line-banner .line-banner__arrow {
  background-color: #f5f5f5;
  width: 60px;
  position: relative;
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
/* line 4514, ../sass/screen.scss */
.line-banner .line-banner__arrow .is-colored {
  stroke: #a7c835;
}
/* line 4517, ../sass/screen.scss */
.line-banner .line-banner__arrow::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: -10px;
  border-bottom: 48px solid #f5f5f5;
  border-left: 10px solid transparent;
}
@media (min-width: 768px) {
  /* line 4436, ../sass/screen.scss */
  .line-banner {
    height: 68px;
  }
  /* line 4531, ../sass/screen.scss */
  .line-banner .line-banner__logo {
    margin-left: 30px;
    width: 90px;
  }
  /* line 4535, ../sass/screen.scss */
  .line-banner .line-banner__logo-img {
    top: 8px;
    left: 17px;
  }
  /* line 4539, ../sass/screen.scss */
  .line-banner .line-banner__logo-img,
  .line-banner .line-banner__arrow-inner {
    transform: scale(1, 1);
  }
  /* line 4543, ../sass/screen.scss */
  .line-banner .line-banner__main {
    width: calc(100% - 260px);
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  /* line 4548, ../sass/screen.scss */
  .line-banner .line-banner__title {
    font-size: 24px;
  }
  /* line 4551, ../sass/screen.scss */
  .line-banner .line-banner__subtitle {
    display: block;
    margin-top: 3px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
  }
  /* line 4558, ../sass/screen.scss */
  .line-banner .line-banner__arrow {
    width: 130px;
  }
  /* line 4560, ../sass/screen.scss */
  .line-banner .line-banner__arrow::before {
    border-bottom: 68px solid #f5f5f5;
  }
}
@media (min-width: 1280px) {
  /* line 4567, ../sass/screen.scss */
  .line-banner .line-banner__logo {
    margin-left: 0;
  }
  /* line 4570, ../sass/screen.scss */
  .line-banner .line-banner__main {
    width: 504px;
  }
  /* line 4573, ../sass/screen.scss */
  .line-banner .line-banner__description {
    display: block;
  }
  /* line 4575, ../sass/screen.scss */
  .line-banner .line-banner__description .askew-inner {
    height: 100%;
  }
  /* line 4579, ../sass/screen.scss */
  .line-banner .line-banner__description-inner {
    text-align: left;
    color: #171717;
    font-size: 18px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 540px;
    height: 100%;
    padding: 14px 18px 13px;
  }
  /* line 4591, ../sass/screen.scss */
  .line-banner .line-banner__arrow {
    background-color: transparent;
    width: 90px;
    margin-left: 0;
  }
  /* line 4595, ../sass/screen.scss */
  .line-banner .line-banner__arrow .is-colored {
    stroke: #fff;
  }
  /* line 4598, ../sass/screen.scss */
  .line-banner .line-banner__arrow::before {
    display: none;
  }
  /* line 4602, ../sass/screen.scss */
  .line-banner .line-banner__arrow-inner {
    position: relative;
    left: 0;
    transition: 0.2s ease-in-out;
  }
  /* line 4607, ../sass/screen.scss */
  .line-banner:hover .line-banner__arrow-inner {
    left: 6px;
  }
}