/*
Thin 100
Extra-Light 200
Light 300
Regular 400
Medium 500
Semi-Bold 600
Bold 700
Extra-Bold 800
Black 900
*/
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.otf") format("opentype"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-style: normal;
  font-weight: 100; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ThinItalic.otf") format("opentype"), url("../fonts/Montserrat-ThinItalic.woff") format("woff"), url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.ttf") format("truetype"), url("../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic") format("svg");
  font-style: italic;
  font-weight: 100; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.otf") format("opentype"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
  font-style: normal;
  font-weight: 200; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLightItalic.otf") format("opentype"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic") format("svg");
  font-style: italic;
  font-weight: 200; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.otf") format("opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.otf") format("opentype"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.ttf") format("truetype"), url("../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
  font-style: italic;
  font-weight: 300; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.otf") format("opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.otf") format("opentype"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.otf") format("opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-MediumItalic.otf") format("opentype"), url("../fonts/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.ttf") format("truetype"), url("../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic") format("svg");
  font-style: italic;
  font-weight: 500; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.otf") format("opentype"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-style: normal;
  font-weight: 600; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBoldItalic.otf") format("opentype"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic") format("svg");
  font-style: italic;
  font-weight: 600; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.otf") format("opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BoldItalic.otf") format("opentype"), url("../fonts/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic") format("svg");
  font-style: italic;
  font-weight: 700; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBold.otf") format("opentype"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-style: normal;
  font-weight: 800; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBoldItalic.otf") format("opentype"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic") format("svg");
  font-style: italic;
  font-weight: 800; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.otf") format("opentype"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-style: normal;
  font-weight: 900; }
@font-face {
  font-family: "Montserrat";
  font-display: auto;
  src: local("Montserrat"), url("../fonts/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BlackItalic.otf") format("opentype"), url("../fonts/Montserrat-BlackItalic.woff") format("woff"), url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.ttf") format("truetype"), url("../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic") format("svg");
  font-style: italic;
  font-weight: 900; }
@font-face {
  font-family: "Arial Narrow";
  font-display: auto;
  src: local("Arial Narrow"), url("../fonts/ARIALN.eot?#iefix") format("embedded-opentype"), url("../fonts/ARIALN.otf") format("opentype"), url("../fonts/ARIALN.woff") format("woff"), url("../fonts/ARIALN.woff2") format("woff2"), url("../fonts/ARIALN.ttf") format("truetype"), url("../fonts/ARIALN.svg#ARIALN") format("svg");
  font-style: normal;
  font-weight: 400; }
.icon {
  display: block;
  position: relative; }
  .icon.right-arrow {
    background: transparent url("../images/right-arrow.svg") no-repeat center;
    width: 22px;
    height: 16px; }
  .icon.left-arrow {
    background: transparent url("../images/left-arrow.svg") no-repeat center;
    width: 22px;
    height: 16px; }
  .icon.close {
    background: transparent url("../images/close.svg") no-repeat center;
    width: 16px;
    height: 16px; }
  .icon.close-light {
    background: transparent url("../images/close-light.svg") no-repeat center;
    width: 16px;
    height: 16px; }
  .icon.warning {
    background: transparent url("../images/warning.svg") no-repeat center;
    width: 24px;
    height: 22px; }
  .icon.telegram {
    background: transparent url("../images/telegram.svg") no-repeat center;
    width: 20px;
    height: 20px; }
  .icon.telegram-big {
    background: transparent url("../images/telegram.svg") no-repeat center;
    width: 36px;
    height: 36px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .icon.flag-uz, .icon.flag-ru, .icon.flag-by, .icon.flag-kz, .icon.flag-ua, .icon.flag-other {
    background: transparent url("../images/flags/ru.svg") no-repeat center;
    width: 28px;
    height: 21px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 1px solid #dbdbdb; }
  .icon.flag-uz {
    background-image: url("../images/flags/uz.svg"); }
  .icon.flag-by {
    background-image: url("../images/flags/by.svg"); }
  .icon.flag-kz {
    background-image: url("../images/flags/kz.svg"); }
  .icon.flag-ua {
    background-image: url("../images/flags/ua.svg"); }
  .icon.flag-other {
    background: #dbdbdb; }

.more350 {
  display: none !important; }

.less410.more350 {
  display: none !important; }

.less480 {
  display: none !important; }

.more600 {
  display: block !important; }

.less600.more340 {
  display: none !important; }

span.more600 {
  display: inline-block !important; }

.less600 {
  display: none !important; }

.less640 {
  display: none !important; }

.more768 {
  display: block !important; }

.less768 {
  display: none !important; }

.more991 {
  display: block !important; }

.less991 {
  display: none !important; }

@media all and (max-width: 991px) {
  .less991 {
    display: inline-block !important; }

  div.less991 {
    display: block !important; }

  .more991 {
    display: none !important; } }
@media all and (max-width: 768px) {
  .more768 {
    display: none !important; }

  .less768 {
    display: inline-block !important; } }
@media all and (max-width: 640px) {
  .less640 {
    display: inline-block !important; } }
@media all and (max-width: 600px) {
  .more600,
  span.more600 {
    display: none !important; }

  .less600 {
    display: inline-block !important; } }
@media all and (max-width: 480px) {
  .less480 {
    display: inline-block !important; } }
@media all and (min-width: 350px) {
  .more350 {
    display: block !important; } }
@media all and (max-width: 410px) and (min-width: 350px) {
  .less410.more350 {
    display: inline-block !important; } }
@media all and (max-width: 600px) and (min-width: 340px) {
  .less600.more340 {
    display: block !important; } }
html, body {
  font-family: "Montserrat", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  background: #000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizeLegibility;
  position: relative; }

@media all and (max-width: 768px) {
  html, body {
    min-width: 320px;
    min-height: 100%; } }
.container {
  padding: 0;
  position: relative;
  margin: 0 auto;
  width: 1230px; }
  @media all and (max-width: 1230px) {
    .container {
      width: 100%; } }
  .container .row {
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .container .row [class*="col-md-"] {
      position: relative; }
    .container .row a[class*="col-md-"] {
      display: inline-block; }

a,
a:hover,
a:active,
a:focus,
button,
button:hover,
button:active,
button:focus {
  outline: none !important;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", Helvetica, sans-serif;
  font-weight: 500;
  color: #fff; }

h1, h3 strong {
  font-weight: 800; }

h1 {
  font-size: 50px;
  line-height: normal; }

h2 {
  font-size: 70px;
  line-height: normal; }

h3 {
  font-size: 30px;
  line-height: normal; }

h4 {
  font-size: 46px;
  line-height: normal; }

@media all and (max-width: 991px) {
  h1 {
    font-size: 42px;
    line-height: normal; }

  h3 {
    font-size: 24px;
    line-height: normal; } }
.m-t-0 {
  margin-top: 0 !important; }

@media all and (max-width: 640px) {
  h1 {
    font-size: 26px;
    line-height: normal; }

  h3 {
    font-size: 18px;
    line-height: normal; } }
p {
  font-size: 14px;
  line-height: normal; }
  @media all and (max-width: 640px) {
    p {
      font-size: 13px;
      line-height: normal; } }

strong {
  font-family: "Montserrat", Helvetica, sans-serif;
  font-weight: 500; }

.upper {
  text-transform: uppercase; }

@keyframes shine {
  100% {
    background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); }
  20% {
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); }
  0% {
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } }
@-webkit-keyframes shine {
  100% {
    background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 -webkit-calc(100% - 4px); }
  20% {
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 -webkit-calc(100% - 4px); }
  0% {
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 -webkit-calc(100% - 4px); } }
@-moz-keyframes shine {
  100% {
    background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 -moz-calc(100% - 4px); }
  20% {
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 -moz-calc(100% - 4px); }
  0% {
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 -moz-calc(100% - 4px); } }
@-ms-keyframes shine {
  100% {
    background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); }
  20% {
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); }
  0% {
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } }
@-o-keyframes shine {
  100% {
    background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); }
  20% {
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); }
  0% {
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } }
@keyframes scroll {
  0% {
    top: -80px; }
  30% {
    top: 100%; }
  100% {
    top: 100%; } }
@-webkit-keyframes scroll {
  0% {
    top: -80px; }
  30% {
    top: 100%; }
  100% {
    top: 100%; } }
@-moz-keyframes scroll {
  0% {
    top: -80px; }
  30% {
    top: 100%; }
  100% {
    top: 100%; } }
@-ms-keyframes scroll {
  0% {
    top: -80px; }
  30% {
    top: 100%; }
  100% {
    top: 100%; } }
@-o-keyframes scroll {
  0% {
    top: -80px; }
  30% {
    top: 100%; }
  100% {
    top: 100%; } }
@keyframes pulse {
  0% {
    transform: scale(0.3);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.3);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-moz-keyframes pulse {
  0% {
    transform: scale(0.3);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-ms-keyframes pulse {
  0% {
    transform: scale(0.3);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-o-keyframes pulse {
  0% {
    transform: scale(0.3);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
.btn {
  height: 64px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 20px;
  line-height: 64px;
  font-weight: 600;
  padding: 0 36px;
  position: relative;
  border: 0;
  color: #000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media all and (max-width: 640px) {
    .btn {
      font-size: 18px;
      line-height: 54px;
      height: 54px;
      padding: 0 16px; } }
  .btn.disabled, .btn[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn.disabled.prev, .btn[disabled].prev {
      -moz-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0); }
  .btn.btn-primary {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0b543), color-stop(100%, #ffd868));
    background: -webkit-linear-gradient(90deg, #f0b543 0%, #ffd868 100%);
    background: -moz-linear-gradient(90deg, #f0b543 0%, #ffd868 100%);
    background: -ms-linear-gradient(90deg, #f0b543 0%, #ffd868 100%);
    background: -o-linear-gradient(90deg, #f0b543 0%, #ffd868 100%);
    background: linear-gradient(0deg, #f0b543 0%, #ffd868 100%);
    color: #000;
    font-family: "Montserrat", Helvetica, sans-serif;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .btn.btn-primary.shadow {
      -webkit-box-shadow: 0 3px 14px 0 rgba(255, 199, 84, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
      -moz-box-shadow: 0 3px 14px 0 rgba(255, 199, 84, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
      box-shadow: 0 3px 14px 0 rgba(255, 199, 84, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.5); }
    .btn.btn-primary:active, .btn.btn-primary:hover {
      background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c98b13), color-stop(100%, #fad054));
      background: -webkit-linear-gradient(90deg, #c98b13 0%, #fad054 100%);
      background: -moz-linear-gradient(90deg, #c98b13 0%, #fad054 100%);
      background: -ms-linear-gradient(90deg, #c98b13 0%, #fad054 100%);
      background: -o-linear-gradient(90deg, #c98b13 0%, #fad054 100%);
      background: linear-gradient(0deg, #c98b13 0%, #fad054 100%); }
    .btn.btn-primary.disabled, .btn.btn-primary[disabled] {
      background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f2f2f2), color-stop(100%, #f2f2f2));
      background: -webkit-linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 100%);
      background: -moz-linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 100%);
      background: -ms-linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 100%);
      background: -o-linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 100%);
      background: linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%); }
  .btn.btn-default {
    background: #f2f2f2; }
    .btn.btn-default:active, .btn.btn-default:hover {
      background: #d6d6d6; }
  .btn.btn-success {
    background: #e7e9ed;
    color: #141414; }
    .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success.active {
      background: #e63037;
      color: #fff; }
    .btn.btn-success.active {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .btn.shine:before {
    background-size: 200% 100%,auto,100% 2px,100% 2px,100% 1px,100% 1px;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 70%);
    background-repeat: no-repeat;
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    -webkit-animation: shine 5s ease reverse infinite;
    -moz-animation: shine 5s ease reverse infinite;
    -o-animation: shine 5s ease reverse infinite;
    animation: shine 5s ease reverse infinite;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    display: block;
    content: '';
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit; }

label {
  font-family: "Montserrat", Helvetica, sans-serif;
  font-size: 21px;
  line-height: 70px;
  font-weight: 400;
  color: #999;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media all and (max-width: 780px) {
    label {
      font-size: 19px;
      line-height: 60px; } }
  @media all and (max-width: 540px) {
    label {
      font-size: 17px;
      line-height: 50px; } }
  label.active {
    font-size: 11px;
    top: -24px !important; }
    @media all and (max-width: 540px) {
      label.active {
        font-size: 10px;
        top: -20px !important; } }

.form-control {
  position: relative;
  height: 70px;
  padding: 0 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #dbdbdb !important;
  font-family: "Montserrat", Helvetica, sans-serif;
  font-size: 21px;
  line-height: 70px;
  font-weight: 400;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
  color: #000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media all and (max-width: 780px) {
    .form-control {
      height: 60px;
      font-size: 19px;
      line-height: 60px; } }
  @media all and (max-width: 540px) {
    .form-control {
      height: 50px;
      font-size: 17px;
      line-height: 50px;
      border-width: 1px !important; } }
  @media all and (max-width: 420px) {
    .form-control {
      padding: 0 7px; } }
  .form-control::-moz-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-ms-input-placeholder {
    color: #999; }
  .form-control::placeholder {
    color: #999; }
  .form-control:active, .form-control:focus {
    border-color: #000 !important;
    background: transparent;
    outline: none; }
  .form-control.error {
    color: #e63037 !important;
    border-color: #e63037 !important; }

input.error {
  color: #e63037 !important;
  border-color: #e63037 !important; }

.form-block {
  position: relative; }
  .form-block label {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 15px; }
    @media all and (max-width: 420px) {
      .form-block label {
        left: 7px; } }
  .form-block .form-control {
    position: relative;
    z-index: 2; }

.p-l-0 {
  padding-left: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.modal-dialog {
  background: #fff;
  padding: 60px;
  -webkit-box-shadow: 0 0 50px rgba(98, 98, 98, 0.2);
  -moz-box-shadow: 0 0 50px rgba(98, 98, 98, 0.2);
  box-shadow: 0 0 50px rgba(98, 98, 98, 0.2);
  width: 860px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 100px auto; }
  @media all and (max-width: 880px) {
    .modal-dialog {
      width: -webkit-calc(100% - 20px) ;
      width: -moz-calc(100% - 20px) ;
      width: calc(100% - 20px) ; } }
  @media all and (max-height: 780px) {
    .modal-dialog {
      margin: 20px auto; } }
  @media all and (max-width: 991px) {
    .modal-dialog {
      margin: 10px auto; } }
  .modal-dialog .modal-content {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .modal-dialog .modal-content .modal-header {
      min-height: 0;
      padding: 0;
      border-bottom: 0; }
      .modal-dialog .modal-content .modal-header .close, .modal-dialog .modal-content .modal-header .close-light {
        position: relative;
        top: -35px;
        right: -35px;
        border: none;
        z-index: 2;
        -moz-opacity: 0.2;
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
        .modal-dialog .modal-content .modal-header .close:hover, .modal-dialog .modal-content .modal-header .close:active, .modal-dialog .modal-content .modal-header .close:focus, .modal-dialog .modal-content .modal-header .close-light:hover, .modal-dialog .modal-content .modal-header .close-light:active, .modal-dialog .modal-content .modal-header .close-light:focus {
          -moz-opacity: 1;
          opacity: 1;
          filter: alpha(opacity=100); }
        @media all and (max-width: 768px) {
          .modal-dialog .modal-content .modal-header .close, .modal-dialog .modal-content .modal-header .close-light {
            top: 0;
            right: 0; } }
    .modal-dialog .modal-content .modal-body {
      padding: 0;
      position: relative; }
      @media all and (max-width: 420px) {
        .modal-dialog .modal-content .modal-body form.row {
          margin-left: -7px;
          margin-right: -7px; } }
      .modal-dialog .modal-content .modal-body h4 {
        font-family: "Montserrat", Helvetica, sans-serif;
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
        margin: 0 0 20px;
        color: #000;
        text-transform: uppercase; }
        @media all and (max-width: 780px) {
          .modal-dialog .modal-content .modal-body h4 {
            font-size: 21px;
            line-height: 26px; } }
        @media all and (max-width: 670px) {
          .modal-dialog .modal-content .modal-body h4 {
            margin: 0 0 10px; } }
        @media all and (max-width: 480px) {
          .modal-dialog .modal-content .modal-body h4 {
            font-size: 18px;
            line-height: 22px; } }
        @media all and (max-width: 400px) {
          .modal-dialog .modal-content .modal-body h4 {
            font-size: 17px; } }
      .modal-dialog .modal-content .modal-body .subtitle {
        font-family: "Montserrat", Helvetica, sans-serif;
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        margin: 0 0 20px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.8); }
        @media all and (max-width: 780px) {
          .modal-dialog .modal-content .modal-body .subtitle {
            margin-bottom: 15px; } }
        @media all and (max-width: 670px) {
          .modal-dialog .modal-content .modal-body .subtitle {
            margin: 10px 0; } }
        .modal-dialog .modal-content .modal-body .subtitle br {
          display: none; }
          @media all and (max-width: 780px) {
            .modal-dialog .modal-content .modal-body .subtitle br {
              display: block; } }
          @media all and (max-width: 670px) {
            .modal-dialog .modal-content .modal-body .subtitle br {
              display: none; } }
      .modal-dialog .modal-content .modal-body .form-control {
        margin: 0 auto 15px; }
      .modal-dialog .modal-content .modal-body .btn {
        width: 100%;
        margin: 0; }
        .modal-dialog .modal-content .modal-body .btn img {
          height: 28px;
          margin-left: 30px;
          top: -2px;
          position: relative; }
          @media all and (max-width: 600px) {
            .modal-dialog .modal-content .modal-body .btn img {
              margin-left: 20px; } }
          @media all and (max-width: 480px) {
            .modal-dialog .modal-content .modal-body .btn img {
              height: 24px; } }

#quiz .modal-dialog {
  width: 860px;
  color: #000; }
  @media all and (max-width: 1024px) {
    #quiz .modal-dialog {
      width: 688px;
      margin: 10px auto; } }
  @media all and (max-width: 800px) {
    #quiz .modal-dialog {
      width: 688px;
      margin: 10px auto; } }
  @media all and (max-width: 768px) {
    #quiz .modal-dialog {
      width: -webkit-calc(100% - 20px) ;
      width: -moz-calc(100% - 20px) ;
      width: calc(100% - 20px) ;
      padding: 20px; } }
  #quiz .modal-dialog .modal-content .modal-header h4 {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    color: #000; }
    @media all and (max-width: 480px) {
      #quiz .modal-dialog .modal-content .modal-header h4 {
        font-size: 18px; } }
    #quiz .modal-dialog .modal-content .modal-header h4 span {
      display: block;
      font-weight: 400;
      font-size: 16px; }
      @media all and (max-width: 768px) {
        #quiz .modal-dialog .modal-content .modal-header h4 span {
          font-size: 13px; } }
  #quiz .modal-dialog .modal-content .modal-header .end {
    display: none; }
    #quiz .modal-dialog .modal-content .modal-header .end h4 {
      font-size: 24px;
      line-height: 800;
      text-align: center;
      margin: 0 auto 15px; }
      @media all and (max-width: 1830px) {
        #quiz .modal-dialog .modal-content .modal-header .end h4 {
          font-size: 24px;
          margin-bottom: 13px; } }
    #quiz .modal-dialog .modal-content .modal-header .end .icon {
      float: none;
      margin: 0 auto 15px; }
      @media all and (max-width: 1830px) {
        #quiz .modal-dialog .modal-content .modal-header .end .icon {
          margin-bottom: 13px; } }
      @media all and (max-width: 570px) {
        #quiz .modal-dialog .modal-content .modal-header .end .icon {
          display: block; } }
  #quiz .modal-dialog .modal-content .modal-body {
    padding: 0; }
    @media all and (max-width: 768px) {
      #quiz .modal-dialog .modal-content .modal-body .col-sm-6 {
        padding: 0; } }
    #quiz .modal-dialog .modal-content .modal-body [type="number"]::-webkit-outer-spin-button,
    #quiz .modal-dialog .modal-content .modal-body [type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #quiz .modal-dialog .modal-content .modal-body [type="number"] {
      -moz-appearance: textfield; }
    #quiz .modal-dialog .modal-content .modal-body input.form-control {
      width: 100px;
      height: 25px;
      padding: 0 10px;
      border-bottom: 1px solid #dbdbdb !important;
      font-family: "Montserrat", Helvetica, sans-serif;
      font-size: 16px;
      line-height: 25px;
      font-weight: 400;
      display: inline-block;
      margin-bottom: 0 !important; }
      #quiz .modal-dialog .modal-content .modal-body input.form-control[type="number"] {
        width: 60px; }
      #quiz .modal-dialog .modal-content .modal-body input.form-control[class*="datepicker"] {
        background: #fff url("../images/calendar.svg") no-repeat 10px center;
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        -o-background-size: 16px 16px;
        background-size: 16px 16px;
        padding: 0 10px 0 36px;
        width: 126px; }
      #quiz .modal-dialog .modal-content .modal-body input.form-control[type="text"]:not(.datepicker-autoclose) {
        width: 114px; }
      @media all and (max-width: 480px) {
        #quiz .modal-dialog .modal-content .modal-body input.form-control {
          font-size: 14px; }
          #quiz .modal-dialog .modal-content .modal-body input.form-control[type="number"] {
            width: 50px; }
          #quiz .modal-dialog .modal-content .modal-body input.form-control[type="text"]:not(.datepicker-autoclose) {
            width: 96px; } }
      #quiz .modal-dialog .modal-content .modal-body input.form-control[type="text"].datepicker-range {
        width: 206px; }
    #quiz .modal-dialog .modal-content .modal-body h5 {
      display: none; }
    #quiz .modal-dialog .modal-content .modal-body p {
      font-size: 15px;
      margin: 0 0 10px; }
      @media all and (max-width: 1830px) {
        #quiz .modal-dialog .modal-content .modal-body p {
          font-size: 13px;
          margin: 0 0 8px; } }
    #quiz .modal-dialog .modal-content .modal-body .btn {
      width: auto;
      margin: 0 -15px; }
      @media all and (max-width: 768px) {
        #quiz .modal-dialog .modal-content .modal-body .btn {
          width: 100%;
          margin: 14px auto 0; }
          #quiz .modal-dialog .modal-content .modal-body .btn.prev {
            width: -webkit-calc(100% - 15px) ;
            width: -moz-calc(100% - 15px) ;
            width: calc(100% - 15px) ; } }
      #quiz .modal-dialog .modal-content .modal-body .btn .icon {
        display: inline-block;
        top: 2px; }
        #quiz .modal-dialog .modal-content .modal-body .btn .icon.right-arrow {
          margin-left: 15px; }
    #quiz .modal-dialog .modal-content .modal-body .steps {
      margin: 20px 0 15px; }
      @media all and (max-width: 1830px) {
        #quiz .modal-dialog .modal-content .modal-body .steps {
          margin: 17px 0 13px; } }
      #quiz .modal-dialog .modal-content .modal-body .steps .num {
        margin-bottom: 5px;
        font-size: 14px; }
        @media all and (max-width: 1830px) {
          #quiz .modal-dialog .modal-content .modal-body .steps .num {
            margin-bottom: 4px;
            font-size: 13px; } }
        #quiz .modal-dialog .modal-content .modal-body .steps .num span {
          font-weight: 400; }
      #quiz .modal-dialog .modal-content .modal-body .steps .items {
        position: relative;
        margin-bottom: 45px; }
        #quiz .modal-dialog .modal-content .modal-body .steps .items .item {
          width: 12.5%;
          height: 4px;
          background: #f3f3f3;
          position: relative;
          float: left;
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out; }
          @media all and (max-width: 1830px) {
            #quiz .modal-dialog .modal-content .modal-body .steps .items .item {
              height: 5px; } }
          #quiz .modal-dialog .modal-content .modal-body .steps .items .item:before {
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out; }
          #quiz .modal-dialog .modal-content .modal-body .steps .items .item:not(:last-child):before {
            content: '';
            position: absolute;
            height: 14px;
            width: 4px;
            right: -3px;
            top: -5px;
            z-index: 1;
            background: #f3f3f3;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
          #quiz .modal-dialog .modal-content .modal-body .steps .items .item.f {
            background: #f0b543;
            /*@include linearGradient(90, $colorRedLight, $colorRedLight2);*/ }
            #quiz .modal-dialog .modal-content .modal-body .steps .items .item.f:before {
              background: #f0b543;
              /*@include linearGradient(90, $colorRedLight, $colorRedLight2);*/ }
          #quiz .modal-dialog .modal-content .modal-body .steps .items .item:first-child {
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px; }
          #quiz .modal-dialog .modal-content .modal-body .steps .items .item:last-child {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
            border: 0; }
    #quiz .modal-dialog .modal-content .modal-body .step {
      display: none;
      position: relative; }
      #quiz .modal-dialog .modal-content .modal-body .step.active {
        display: block; }
      #quiz .modal-dialog .modal-content .modal-body .step .icheck-list {
        padding: 0;
        margin: 0 0 20px;
        list-style: none;
        text-align: left !important;
        width: 100%;
        min-height: 100px;
        position: relative; }
        @media all and (max-width: 1830px) {
          #quiz .modal-dialog .modal-content .modal-body .step .icheck-list {
            margin: 0 0 17px; } }
        #quiz .modal-dialog .modal-content .modal-body .step .icheck-list.half2 {
          width: 50%;
          float: left; }
          @media all and (max-width: 768px) {
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list.half2 {
              width: 100%;
              float: none;
              margin: 0; } }
        #quiz .modal-dialog .modal-content .modal-body .step .icheck-list.half3 {
          -webkit-column-count: 3;
          -moz-column-count: 3;
          column-count: 3;
          -webkit-column-gap: 0;
          -moz-column-gap: 0;
          column-gap: 0; }
          @media all and (max-width: 768px) {
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list.half3 {
              -webkit-column-count: 2;
              -moz-column-count: 2;
              column-count: 2; } }
        #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li {
          width: 100%;
          margin-bottom: 5px;
          top: 2px;
          position: relative; }
          #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .iradio_minimal-red {
            position: relative;
            top: -2px;
            vertical-align: top;
            border: 1px solid #cdcdcd;
            background: none;
            width: 24px;
            height: 24px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out; }
            @media all and (max-width: 768px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .iradio_minimal-red {
                top: 0;
                height: 20px;
                width: 20px; } }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .iradio_minimal-red:hover {
              border-color: #f0b543; }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .iradio_minimal-red.checked:before {
              content: '';
              position: absolute;
              height: 10px;
              width: 10px;
              left: 50%;
              top: 50%;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              border-radius: 100%;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0b543), color-stop(100%, #f0b543));
              background: -webkit-linear-gradient(90deg, #f0b543 0%, #f0b543 100%);
              background: -moz-linear-gradient(90deg, #f0b543 0%, #f0b543 100%);
              background: -ms-linear-gradient(90deg, #f0b543 0%, #f0b543 100%);
              background: -o-linear-gradient(90deg, #f0b543 0%, #f0b543 100%);
              background: linear-gradient(0deg, #f0b543 0%, #f0b543 100%); }
          #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .icheckbox_minimal-red {
            position: relative;
            top: -2px;
            vertical-align: top;
            border: 1px solid #cdcdcd;
            background: none;
            width: 24px;
            height: 24px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0; }
            @media all and (max-width: 480px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .icheckbox_minimal-red {
                top: 0; } }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .icheckbox_minimal-red:hover {
              border-color: #f93c3c; }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .icheckbox_minimal-red.checked:before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              background: transparent url("../images/check-mark.svg") no-repeat center;
              -webkit-background-size: 12px 10px;
              -moz-background-size: 12px 10px;
              -o-background-size: 12px 10px;
              background-size: 12px 10px; }
              @media all and (max-width: 768px) {
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .icheckbox_minimal-red.checked:before {
                  -webkit-background-size: 10px 9px;
                  -moz-background-size: 10px 9px;
                  -o-background-size: 10px 9px;
                  background-size: 10px 9px; } }
            @media all and (max-width: 768px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li .icheckbox_minimal-red {
                width: 20px;
                height: 20px; } }
          #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li :not(:last-child) {
            margin-bottom: 15px; }
            @media all and (max-width: 768px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li :not(:last-child) {
                margin-bottom: 10px; } }
          #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label {
            color: #000;
            padding-left: 12px;
            display: inline-block;
            font-size: 16px;
            line-height: 19px;
            text-transform: none;
            width: -webkit-calc(100% - 35px) ;
            width: -moz-calc(100% - 35px) ;
            width: calc(100% - 35px) ;
            cursor: pointer;
            font-weight: 600; }
            @media all and (max-width: 1830px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label {
                width: -webkit-calc(100% - 29px) ;
                width: -moz-calc(100% - 29px) ;
                width: calc(100% - 29px) ; } }
            @media all and (max-width: 768px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label {
                padding-left: 6px; } }
            @media all and (max-width: 480px) {
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label {
                font-size: 14px;
                line-height: 19px; } }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label span {
              font-size: 86%;
              line-height: 21px;
              font-weight: 400;
              display: block; }
              @media all and (max-width: 1830px) {
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label span {
                  line-height: 17px; } }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label[data-other] {
              padding-left: 6px; }
              @media all and (max-width: 768px) {
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label[data-other] {
                  padding-left: 3px; } }
            #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control {
              margin-bottom: 0 !important;
              text-align: left;
              height: 24px;
              padding: 0 6px;
              font-size: 16px;
              line-height: 24px;
              font-weight: 600;
              border: 0 !important;
              border-bottom: 1px solid transparent !important; }
              @media all and (max-width: 768px) {
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control {
                  padding: 0 3px; } }
              @media all and (max-width: 480px) {
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control {
                  font-size: 14px;
                  line-height: 19px;
                  height: 19px; } }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:hover {
                border-color: rgba(0, 0, 0, 0.07) !important; }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control::-moz-placeholder {
                color: #000; }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control::-webkit-input-placeholder {
                color: #000; }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:-ms-input-placeholder {
                color: #000; }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control::-ms-input-placeholder {
                color: #000; }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control::placeholder {
                color: #000; }
              #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:focus, #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:active {
                border-color: rgba(0, 0, 0, 0.25) !important; }
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:focus::-moz-placeholder, #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:active::-moz-placeholder {
                  color: #999; }
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:focus::-webkit-input-placeholder, #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:active::-webkit-input-placeholder {
                  color: #999; }
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:focus:-ms-input-placeholder, #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:active:-ms-input-placeholder {
                  color: #999; }
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:focus::-ms-input-placeholder, #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:active::-ms-input-placeholder {
                  color: #999; }
                #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:focus::placeholder, #quiz .modal-dialog .modal-content .modal-body .step .icheck-list li label input.form-control:active::placeholder {
                  color: #999; }
      #quiz .modal-dialog .modal-content .modal-body .step .form-control {
        margin: 0 0 25px;
        text-align: left; }
        @media all and (max-width: 1830px) {
          #quiz .modal-dialog .modal-content .modal-body .step .form-control {
            margin: 0 0 21px; } }
    #quiz .modal-dialog .modal-content .modal-body .end {
      display: none; }
      #quiz .modal-dialog .modal-content .modal-body .end p.min {
        font-size: 13px; }
      #quiz .modal-dialog .modal-content .modal-body .end p a {
        font-size: 22px;
        font-weight: 500;
        color: #000; }
        @media all and (max-width: 1830px) {
          #quiz .modal-dialog .modal-content .modal-body .end p a {
            font-size: 18px; } }
      #quiz .modal-dialog .modal-content .modal-body .end .message {
        margin-bottom: 30px; }
        @media all and (max-width: 1830px) {
          #quiz .modal-dialog .modal-content .modal-body .end .message {
            margin-bottom: 25px; } }
        #quiz .modal-dialog .modal-content .modal-body .end .message p {
          font-size: 16px; }
          @media all and (max-width: 1830px) {
            #quiz .modal-dialog .modal-content .modal-body .end .message p {
              font-size: 14px; } }
          #quiz .modal-dialog .modal-content .modal-body .end .message p.big {
            margin-top: 15px;
            font-size: 20px; }
            @media all and (max-width: 1830px) {
              #quiz .modal-dialog .modal-content .modal-body .end .message p.big {
                margin-top: 13px;
                font-size: 17px; } }

#pdf-modal .modal-dialog {
  padding: 0;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  @media all and (max-width: 1024px) {
    #pdf-modal .modal-dialog {
      width: 688px;
      margin: 10px auto; } }
  @media all and (max-width: 800px) {
    #pdf-modal .modal-dialog {
      width: 688px;
      margin: 10px auto; } }
  @media all and (max-width: 768px) {
    #pdf-modal .modal-dialog {
      width: -webkit-calc(100% - 20px) ;
      width: -moz-calc(100% - 20px) ;
      width: calc(100% - 20px) ; } }
  #pdf-modal .modal-dialog .modal-header .close, #pdf-modal .modal-dialog .modal-header .close-light {
    position: absolute;
    top: 30px;
    right: 30px;
    border: none;
    z-index: 2; }
  #pdf-modal .modal-dialog .modal-body .modal-left {
    background-color: #fff;
    padding: 48px 470px 60px 60px; }
    @media all and (max-width: 1024px) {
      #pdf-modal .modal-dialog .modal-body .modal-left {
        padding: 48px 302px 60px 60px; } }
    @media all and (max-width: 768px) {
      #pdf-modal .modal-dialog .modal-body .modal-left {
        padding: 24px 20px 20px; } }
    #pdf-modal .modal-dialog .modal-body .modal-left .dropdown {
      position: absolute;
      top: 0;
      height: 64px; }
      #pdf-modal .modal-dialog .modal-body .modal-left .dropdown button {
        border: 0;
        background: transparent;
        height: 100%;
        padding-left: 15px;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
        #pdf-modal .modal-dialog .modal-body .modal-left .dropdown button:hover, #pdf-modal .modal-dialog .modal-body .modal-left .dropdown button:active {
          background: #eee; }
        #pdf-modal .modal-dialog .modal-body .modal-left .dropdown button .icon {
          float: left;
          margin-right: 5px; }
        #pdf-modal .modal-dialog .modal-body .modal-left .dropdown button .caret {
          top: -1px;
          position: relative; }
    #pdf-modal .modal-dialog .modal-body .modal-left .dropdown-menu {
      padding: 0;
      border-radius: 0;
      margin: -1px 0 0;
      width: 330px; }
      #pdf-modal .modal-dialog .modal-body .modal-left .dropdown-menu a {
        padding: 5px 14px; }
        #pdf-modal .modal-dialog .modal-body .modal-left .dropdown-menu a span.icon {
          float: left;
          margin-right: 15px;
          border: 0;
          width: 24px;
          height: 18px;
          top: 1px; }
        #pdf-modal .modal-dialog .modal-body .modal-left .dropdown-menu a span:not(.icon) {
          margin-left: 15px;
          color: #9b9b9b; }
      #pdf-modal .modal-dialog .modal-body .modal-left .dropdown-menu .active {
        cursor: default; }
        #pdf-modal .modal-dialog .modal-body .modal-left .dropdown-menu .active span:not(.icon) {
          margin-left: 15px;
          color: #eee; }
    #pdf-modal .modal-dialog .modal-body .modal-left h4 {
      text-transform: none;
      margin-bottom: 10px; }
      #pdf-modal .modal-dialog .modal-body .modal-left h4 strong {
        font-weight: 800;
        color: #26b651; }
      @media all and (max-width: 768px) {
        #pdf-modal .modal-dialog .modal-body .modal-left h4 {
          font-size: 20px; } }
    #pdf-modal .modal-dialog .modal-body .modal-left p {
      font-size: 16px;
      margin-bottom: 40px; }
      @media all and (max-width: 768px) {
        #pdf-modal .modal-dialog .modal-body .modal-left p {
          font-size: 14px; } }
      #pdf-modal .modal-dialog .modal-body .modal-left p i {
        position: relative;
        display: inline-block;
        top: 5px;
        margin-top: -5px; }
      #pdf-modal .modal-dialog .modal-body .modal-left p strong {
        font-weight: 800; }
      #pdf-modal .modal-dialog .modal-body .modal-left p.first {
        font-size: 18px;
        margin-bottom: 0; }
        #pdf-modal .modal-dialog .modal-body .modal-left p.first span {
          font-weight: 700; }
        @media all and (max-width: 768px) {
          #pdf-modal .modal-dialog .modal-body .modal-left p.first {
            font-size: 16px; } }
    #pdf-modal .modal-dialog .modal-body .modal-left hr {
      width: 100%;
      left: -60px;
      position: relative;
      border-top-color: #e1e1e1;
      margin-top: 32px;
      margin-bottom: 32px;
      -moz-opacity: 0.3;
      opacity: 0.3;
      filter: alpha(opacity=30);
      width: -webkit-calc(100% + 180px) ;
      width: -moz-calc(100% + 180px) ;
      width: calc(100% + 180px) ; }
      @media all and (max-width: 768px) {
        #pdf-modal .modal-dialog .modal-body .modal-left hr {
          width: -webkit-calc(100% + 20px) ;
          width: -moz-calc(100% + 20px) ;
          width: calc(100% + 20px) ;
          left: -20px; } }
    #pdf-modal .modal-dialog .modal-body .modal-left form input[type=text] {
      border: solid 1px #d0d0d0;
      border-radius: 4px;
      padding: 0 36px;
      margin-bottom: 20px;
      height: 64px;
      font-size: 20px;
      line-height: 64px;
      outline: none;
      width: 100%;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      text-align: center; }
      @media all and (max-width: 768px) {
        #pdf-modal .modal-dialog .modal-body .modal-left form input[type=text] {
          width: 100%; } }
      @media all and (max-width: 360px) {
        #pdf-modal .modal-dialog .modal-body .modal-left form input[type=text] {
          padding: 0 26px; } }
      #pdf-modal .modal-dialog .modal-body .modal-left form input[type=text]:hover, #pdf-modal .modal-dialog .modal-body .modal-left form input[type=text]:focus, #pdf-modal .modal-dialog .modal-body .modal-left form input[type=text]:active {
        border-color: #f93c3c; }
    #pdf-modal .modal-dialog .modal-body .modal-left form button {
      font-weight: 700; }
    @media all and (max-width: 640px) {
      #pdf-modal .modal-dialog .modal-body .modal-left .btn {
        padding: 0;
        text-align: center; } }
  #pdf-modal .modal-dialog .modal-body .modal-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
    height: 100%;
    background: #343339 url("../images/popup-bg-480.jpg") no-repeat top right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    @media all and (max-width: 1024px) {
      #pdf-modal .modal-dialog .modal-body .modal-right {
        width: 242px; } }
    @media all and (max-width: 768px) {
      #pdf-modal .modal-dialog .modal-body .modal-right {
        position: relative;
        width: 100%;
        height: auto; } }
    #pdf-modal .modal-dialog .modal-body .modal-right div {
      color: #fff;
      position: absolute;
      text-align: center;
      left: 50%;
      top: 50%;
      width: 220px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media all and (max-width: 768px) {
        #pdf-modal .modal-dialog .modal-body .modal-right div {
          width: 240px;
          position: relative;
          left: auto;
          top: auto;
          margin: auto;
          padding: 30px 0;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none; } }
      #pdf-modal .modal-dialog .modal-body .modal-right div i {
        margin: auto; }
      #pdf-modal .modal-dialog .modal-body .modal-right div p {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 16px; }
        #pdf-modal .modal-dialog .modal-body .modal-right div p:first-child {
          margin-top: 0; }
        @media all and (max-width: 768px) {
          #pdf-modal .modal-dialog .modal-body .modal-right div p {
            font-size: 14px;
            font-weight: 500; } }

#success .modal-dialog .modal-content .modal-body p, #success2 .modal-dialog .modal-content .modal-body p {
  font-size: 15px;
  margin: 0 0 10px;
  color: #000;
  text-transform: none; }
  #success .modal-dialog .modal-content .modal-body p.title, #success2 .modal-dialog .modal-content .modal-body p.title {
    font-size: 29px;
    font-weight: 500;
    margin: 0 auto 15px; }
  #success .modal-dialog .modal-content .modal-body p.subtitle, #success2 .modal-dialog .modal-content .modal-body p.subtitle {
    font-size: 20px;
    line-height: 26px;
    width: 100%;
    margin: 0 auto 15px; }
    #success .modal-dialog .modal-content .modal-body p.subtitle.a, #success2 .modal-dialog .modal-content .modal-body p.subtitle.a {
      margin-bottom: 0; }
    #success .modal-dialog .modal-content .modal-body p.subtitle a, #success2 .modal-dialog .modal-content .modal-body p.subtitle a {
      color: #e63037;
      font-family: "Montserrat", Helvetica, sans-serif;
      font-weight: 500;
      border-bottom: 1px solid #e63037;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      #success .modal-dialog .modal-content .modal-body p.subtitle a:hover, #success .modal-dialog .modal-content .modal-body p.subtitle a:active, #success .modal-dialog .modal-content .modal-body p.subtitle a:focus, #success2 .modal-dialog .modal-content .modal-body p.subtitle a:hover, #success2 .modal-dialog .modal-content .modal-body p.subtitle a:active, #success2 .modal-dialog .modal-content .modal-body p.subtitle a:focus {
        border-color: transparent; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 50;
  cursor: pointer; }
  .modal-backdrop.in {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80); }

form {
  position: relative; }
  form .preload {
    background: transparent url("../images/preloader.svg") no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 88;
    left: 0;
    top: 0;
    display: none; }
  form .form {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    form .form.passive {
      -moz-opacity: 0.1;
      opacity: 0.1;
      filter: alpha(opacity=10); }

.red {
  color: #e63037 !important; }

.fixed-block {
  width: 438px;
  height: 88px;
  background: #e31e25;
  font-size: 19px;
  line-height: 88px;
  font-weight: 500;
  color: #fff;
  -webkit-border-radius: 25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  border-radius: 25px 25px 0 0;
  position: fixed;
  bottom: -88px;
  left: -webkit-calc(50% - 219px) ;
  left: -moz-calc(50% - 219px) ;
  left: calc(50% - 219px) ;
  z-index: 40;
  line-height: 88px !important;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  @media all and (max-width: 1366px) {
    .fixed-block {
      height: 78px;
      line-height: 78px !important; } }
  .fixed-block.active {
    bottom: 0; }
  .fixed-block img {
    margin-left: 30px; }

.langs {
  float: right;
  line-height: 36px; }
  @media all and (max-width: 570px) {
    .langs {
      float: unset;
      line-height: 28px;
      width: 100%;
      text-align: center;
      margin-bottom: 30px; } }
  .langs a {
    position: relative;
    display: inline-block;
    padding: 1px 10px;
    margin: 0 7px;
    font-weight: 600;
    text-decoration: underline;
    color: #fdd564; }
    @media all and (max-width: 700px) {
      .langs a {
        padding: 7px;
        font-size: 14px; } }
    .langs a:hover {
      text-decoration: underline; }
    .langs a:before {
      content: '';
      display: block;
      height: 16px;
      width: 1px;
      background-color: #fff;
      position: absolute;
      left: -8px;
      top: 11px; }
      @media all and (max-width: 700px) {
        .langs a:before {
          top: 18px;
          height: 14px; } }
      @media all and (max-width: 570px) {
        .langs a:before {
          top: 14px; } }
    .langs a.active {
      text-decoration: none;
      cursor: default;
      color: #fff; }
    .langs a:first-child:before {
      display: none; }

@media all and (max-width: 768px) {
  .hide-on-mobile {
    display: none; } }

.show-on-mobile {
  display: none; }
  @media all and (max-width: 768px) {
    .show-on-mobile {
      display: block; } }

section {
  overflow: hidden;
  position: relative; }
  section.screen1 {
    background: #343339 url("../images/screen1-bg2-1920-g.jpg") repeat-y -800px -620px;
    min-height: 900px;
    height: 100%;
    padding: 100px; }
    @media all and (max-width: 1920px) {
      section.screen1 {
        background-image: url("../images/screen1-bg2-1920.jpg");
        background-position-y: -80px;
        background-position-x: center;
        min-height: 780px; } }
    @media all and (max-width: 1600px) {
      section.screen1 {
        background-image: url("../images/screen1-bg2-1600.jpg");
        min-height: 740px;
        background-position-x: right; } }
    @media all and (max-height: 800px) {
      section.screen1 {
        min-height: 740px;
        padding: 40px; } }
    @media all and (max-width: 1500px) {
      section.screen1 {
        min-height: 664px;
        background-position-y: -75px; } }
  @media all and (max-width: 1500px) and (max-height: 800px) {
    section.screen1 {
      background-position-y: -160px; } }

    @media all and (max-width: 1366px) {
      section.screen1 {
        background-image: url("../images/screen1-bg2-1366.jpg");
        background-position-y: -105px;
        padding: 20px;
        min-height: 600px; } }
    @media all and (max-width: 1024px) {
      section.screen1 {
        min-height: 768px;
        background-position-x: -150px;
        background-position-y: -65px; } }
    @media all and (max-width: 992px) {
      section.screen1 {
        background-image: url("../images/screen1-bg2-992.jpg");
        background-position-x: 0;
        background-position-y: -145px; } }
    @media all and (max-width: 768px) {
      section.screen1 {
        height: auto;
        min-height: 100%; } }
    @media all and (max-width: 640px) {
      section.screen1 {
        background-image: url("../images/screen1-bg2-768.jpg");
        background-position-y: -73px;
        background-position-x: center;
        background-repeat: repeat-y; } }
    @media all and (max-width: 640px) {
      section.screen1.alt_mob {
        background-image: url("../images/screen1-bg-768.jpg"); } }
    @media all and (max-width: 480px) {
      section.screen1 {
        background-image: url("../images/screen1-bg2-480.jpg");
        background-position-y: 24px; } }
  @media all and (max-width: 480px) and (-o-min-device-pixel-ratio: 5 / 4), all and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.1), all and (max-width: 480px) and (min-resolution: 120dpi), all and (max-width: 480px) and (min-resolution: 1.1dppx) {
    section.screen1 {
      background-image: url("../images/screen1-bg2-480x2.jpg");
      -webkit-background-size: 480px auto;
      -moz-background-size: 480px auto;
      -o-background-size: 480px auto;
      background-size: 480px auto; } }

    @media all and (max-width: 480px) {
      section.screen1.alt_mob {
        background-image: url("../images/screen1-bg-480.jpg"); } }
    @media all and (max-width: 400px) {
      section.screen1 {
        background-position-y: 30px; } }
    @media all and (max-width: 375px) {
      section.screen1 {
        background-position-y: 45px; } }
    @media all and (max-width: 360px) {
      section.screen1 {
        background-position-y: 65px; } }
    section.screen1 .container {
      position: relative;
      width: 100%;
      height: 100%; }
      @media all and (max-width: 640px) {
        section.screen1 .container {
          height: auto; } }
      section.screen1 .container .row {
        position: relative;
        height: 100%; }
        @media all and (max-width: 640px) {
          section.screen1 .container .row {
            height: auto; } }
        section.screen1 .container .row .col-md-12 {
          position: relative;
          height: 100%; }
          @media all and (max-width: 640px) {
            section.screen1 .container .row .col-md-12 {
              height: auto; } }
      @media all and (max-width: 570px) {
        section.screen1 .container .logo-wrapper {
          text-align: center; }
          section.screen1 .container .logo-wrapper .langs {
            display: none; } }
      section.screen1 .container .logo-wrapper .logo {
        font-family: "Montserrat", Helvetica, sans-serif;
        font-size: 32px;
        line-height: 32px;
        font-weight: 700;
        color: #fdd564;
        text-transform: uppercase;
        letter-spacing: -.25px; }
        @media all and (max-width: 570px) {
          section.screen1 .container .logo-wrapper .logo {
            font-size: 28px;
            line-height: 28px; } }
        @media all and (max-width: 480px) {
          section.screen1 .container .logo-wrapper .logo {
            font-size: 26px;
            line-height: 26px; } }
        section.screen1 .container .logo-wrapper .logo span {
          font-size: 22px;
          color: #fff; }
          @media all and (max-width: 570px) {
            section.screen1 .container .logo-wrapper .logo span {
              font-size: 19px; } }
          @media all and (max-width: 480px) {
            section.screen1 .container .logo-wrapper .logo span {
              font-size: 17px; } }
      section.screen1 .container .logo-wrapper .tg-icon {
        position: absolute;
        right: 15px;
        top: 3px; }
      section.screen1 .container .logo-wrapper .subtitle {
        font-family: "Arial Narrow", Helvetica, sans-serif;
        font-size: 16px;
        line-height: 17px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 70px;
        padding-left: 3px; }
        @media all and (max-width: 1024px) {
          section.screen1 .container .logo-wrapper .subtitle {
            margin-bottom: 100px; } }
        @media all and (max-width: 640px) {
          section.screen1 .container .logo-wrapper .subtitle {
            margin-bottom: 80px; } }
  @media all and (max-width: 640px) and (max-height: 700px) {
    section.screen1 .container .logo-wrapper .subtitle {
      margin-bottom: 30px; } }

        @media all and (max-width: 480px) {
          section.screen1 .container .logo-wrapper .subtitle {
            margin-bottom: 50px; } }
      section.screen1 .container .content {
        padding-left: 210px; }
        @media all and (max-width: 1700px) {
          section.screen1 .container .content {
            padding-left: 170px; } }
        @media all and (max-width: 1500px) {
          section.screen1 .container .content {
            padding-left: 150px; } }
        @media all and (max-width: 1024px) {
          section.screen1 .container .content {
            padding-left: 0; } }
        @media all and (max-width: 640px) {
          section.screen1 .container .content {
            text-align: center; } }
        section.screen1 .container .content > .bg {
          display: none; }
        section.screen1 .container .content h1 {
          margin: 0 0 30px;
          position: relative;
          z-index: 3;
          display: inline-block; }
          @media all and (max-width: 1366px) {
            section.screen1 .container .content h1 {
              margin-bottom: 12px; } }
          @media all and (max-width: 1024px) {
            section.screen1 .container .content h1 {
              margin-bottom: 24px; } }
          @media all and (max-width: 640px) {
            section.screen1 .container .content h1 {
              margin-bottom: 20px; } }
        section.screen1 .container .content h3 {
          margin-top: 0;
          margin-bottom: 60px; }
          @media all and (max-width: 1366px) {
            section.screen1 .container .content h3 {
              margin-bottom: 24px; } }
          @media all and (max-width: 1024px) {
            section.screen1 .container .content h3 {
              margin-bottom: 48px; } }
          @media all and (max-width: 640px) {
            section.screen1 .container .content h3 {
              margin: 0 -15px 40px; } }
          section.screen1 .container .content h3 strong {
            color: #fdd564; }
            @media all and (max-width: 400px) {
              section.screen1 .container .content h3 strong {
                display: block; } }
        @media all and (max-width: 640px) {
          section.screen1 .container .content .btn {
            font-size: 16px;
            line-height: 56px;
            height: 56px;
            width: 308px; } }
        @media all and (max-width: 480px) {
          section.screen1 .container .content .btn {
            font-size: 16px;
            line-height: 56px;
            height: 56px;
            width: 100%; } }
        @media all and (max-width: 360px) {
          section.screen1 .container .content .btn {
            padding: 0 10px; } }
        section.screen1 .container .content .btn i {
          display: inline-block;
          margin-left: 15px;
          top: 2px; }
          @media all and (max-width: 360px) {
            section.screen1 .container .content .btn i {
              margin-left: 8px; } }
        section.screen1 .container .content h4 {
          font-size: 20px;
          line-height: 28px;
          margin-top: 26px; }
          section.screen1 .container .content h4 span {
            color: #fdd564; }
          @media all and (max-width: 640px) {
            section.screen1 .container .content h4 {
              font-size: 16px;
              line-height: 22px;
              margin: 20px -15px 225px; } }
          @media all and (max-width: 480px) {
            section.screen1 .container .content h4 {
              margin-bottom: 237px; } }
      section.screen1 .container .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-left: 210px; }
        @media all and (max-width: 1700px) {
          section.screen1 .container .footer {
            padding-left: 170px; } }
        @media all and (max-width: 1500px) {
          section.screen1 .container .footer {
            padding-left: 150px; } }
        @media all and (max-width: 1024px) {
          section.screen1 .container .footer {
            padding-left: 0;
            margin-top: 50px;
            position: relative; } }
        @media all and (max-width: 640px) {
          section.screen1 .container .footer {
            text-align: center;
            font-size: 13px; } }
        section.screen1 .container .footer .langs {
          display: none; }
          @media all and (max-width: 570px) {
            section.screen1 .container .footer .langs {
              display: block; } }
        section.screen1 .container .footer .advantages {
          width: 100%;
          max-width: 960px; }
          @media all and (max-width: 1100px) {
            section.screen1 .container .footer .advantages {
              max-width: 870px; } }
          @media all and (max-width: 1024px) {
            section.screen1 .container .footer .advantages {
              width: 100%;
              margin-bottom: 45px; } }
          @media all and (max-width: 640px) {
            section.screen1 .container .footer .advantages {
              margin-bottom: 0; } }
          section.screen1 .container .footer .advantages .col-md-6 {
            padding: 0 20px 0 0; }
            @media all and (max-width: 1024px) {
              section.screen1 .container .footer .advantages .col-md-6 {
                width: 50%;
                display: inline-block;
                float: left; } }
            @media all and (max-width: 768px) {
              section.screen1 .container .footer .advantages .col-md-6 {
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 22px;
                padding: 0; } }
            section.screen1 .container .footer .advantages .col-md-6 p {
              font-weight: 200;
              margin-bottom: 0; }
        section.screen1 .container .footer .copyright {
          position: absolute;
          bottom: 0;
          right: 0;
          font-weight: 200;
          -moz-opacity: 0.6;
          opacity: 0.6;
          filter: alpha(opacity=60);
          font-size: 13px; }
          @media all and (max-width: 1366px) {
            section.screen1 .container .footer .copyright {
              right: 50px; } }
          @media all and (max-width: 1100px) {
            section.screen1 .container .footer .copyright {
              right: 20px; } }
          @media all and (max-width: 1024px) {
            section.screen1 .container .footer .copyright {
              right: auto;
              position: relative;
              width: 100%; } }
    section.screen1.alt_mob .container .content > .bg {
      display: none;
      background-image: url("../images/mob_v1.jpg");
      -webkit-background-size: auto 140%;
      -moz-background-size: auto 140%;
      -o-background-size: auto 140%;
      background-size: auto 140%;
      background-repeat: no-repeat;
      background-position: center; }
      section.screen1.alt_mob .container .content > .bg.v2 {
        background-image: url("../images/mob_v2.jpg"); }
      section.screen1.alt_mob .container .content > .bg.v3 {
        background-image: url("../images/mob_v3.jpg"); }
      section.screen1.alt_mob .container .content > .bg.v4 {
        background-image: url("../images/mob_v4.jpg"); }
    @media all and (max-width: 640px) {
      section.screen1.alt_mob .container .content > .bg {
        display: block;
        width: -webkit-calc(100% + 70px) ;
        width: -moz-calc(100% + 70px) ;
        width: calc(100% + 70px) ;
        margin-left: -35px;
        height: 400px; } }
    @media all and (max-width: 560px) {
      section.screen1.alt_mob .container .content > .bg {
        height: 350px;
        background-image: url("../images/mob_v1_2.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v2 {
          background-image: url("../images/mob_v2_2.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v3 {
          background-image: url("../images/mob_v3_2.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v4 {
          background-image: url("../images/mob_v4_2.jpg"); } }
    @media all and (max-width: 480px) {
      section.screen1.alt_mob .container .content > .bg {
        height: 300px;
        background-image: url("../images/mob_v1_3.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v2 {
          background-image: url("../images/mob_v2_3.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v3 {
          background-image: url("../images/mob_v3_3.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v4 {
          background-image: url("../images/mob_v4_3.jpg"); } }
    @media all and (max-width: 420px) {
      section.screen1.alt_mob .container .content > .bg {
        height: 262px;
        background-image: url("../images/mob_v1_4.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v2 {
          background-image: url("../images/mob_v2_4.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v3 {
          background-image: url("../images/mob_v3_4.jpg"); }
        section.screen1.alt_mob .container .content > .bg.v4 {
          background-image: url("../images/mob_v4_4.jpg"); } }
    @media all and (max-width: 640px) {
      section.screen1.alt_mob .container .content .btn {
        margin-top: -28px; } }
    @media all and (max-width: 640px) {
      section.screen1.alt_mob .container .content h4 {
        margin-bottom: 20px; } }
    section.screen1.alternate {
      background: #343339 url("../images/screen1-bg-1920-g-2.jpg") no-repeat center; }
      @media all and (max-width: 1920px) {
        section.screen1.alternate {
          background-image: url("../images/screen1-bg-1920-2.jpg"); } }
      @media all and (max-width: 1700px) {
        section.screen1.alternate {
          padding: 60px; } }
      @media all and (max-width: 1600px) {
        section.screen1.alternate {
          background-image: url("../images/screen1-bg-1600-2.jpg"); } }
      @media all and (max-width: 1366px) {
        section.screen1.alternate {
          background-image: url("../images/screen1-bg-1366-2.jpg");
          background-position-x: center;
          padding: 20px; } }
      @media all and (max-width: 992px) {
        section.screen1.alternate {
          background-image: url("../images/screen1-bg-992-2.jpg"); } }
      @media all and (max-width: 1024px) {
        section.screen1.alternate .logo-wrapper {
          text-align: center; } }
      section.screen1.alternate .content {
        width: 100%;
        text-align: center;
        padding-left: 0; }
        @media all and (max-width: 1700px) {
          section.screen1.alternate .content {
            padding-left: 0; } }
        @media all and (max-width: 1500px) {
          section.screen1.alternate .content {
            padding-left: 0; } }
      section.screen1.alternate .footer {
        padding-left: 0; }
        @media all and (max-width: 1700px) {
          section.screen1.alternate .footer {
            padding-left: 0; } }
        @media all and (max-width: 1500px) {
          section.screen1.alternate .footer {
            padding-left: 0; } }
        @media all and (max-width: 1024px) {
          section.screen1.alternate .footer {
            width: -webkit-calc(100% - 30px) ;
            width: -moz-calc(100% - 30px) ;
            width: calc(100% - 30px) ;
            text-align: center; } }
        @media all and (max-width: 1024px) {
          section.screen1.alternate .footer .advantages {
            text-align: center; } }
        @media all and (max-width: 1024px) {
          section.screen1.alternate .footer .copyright {
            text-align: center; } }

@media all and (max-width: 496px) {
  .ru section.screen1 {
    background-position: center -5px; } }
@media all and (max-width: 480px) {
  .ru section.screen1 {
    background-position: center 23px; } }
@media all and (max-width: 420px) {
  .ru section.screen1 {
    background-position: center 57px; } }

/*# sourceMappingURL=custom.css.map */