/* line 5, ../../../../../../../../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;
}

html {
  scroll-behavior: smooth;
}

/* line 22, ../../../../../../../../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, ../../../../../../../../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, ../../../../../../../../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, ../../../../../../../../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, ../../../../../../../../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, ../../../../../../../../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, ../../../../../../../../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, ../../../../../../../../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: "top-menu-font";
  src: url("../fonts/GothamRounded-Bold.eot");
  src: url("../fonts/GothamRounded-Bold.woff") format("woff"),
    url("../fonts/GothamRounded-Bold.ttf") format("truetype"),
    url("../fonts/GothamRounded-Bold.svg") format("svg");
}
@font-face {
  font-family: "title-font";
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.woff") format("woff"),
    url("../fonts/Montserrat-Regular.ttf") format("truetype"),
    url("../fonts/Montserrat-Regular.svg") format("svg");
  font-weight: 400;
}
@font-face {
  font-family: "title-font";
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.woff") format("woff"),
    url("../fonts/Montserrat-Bold.ttf") format("truetype"),
    url("../fonts/Montserrat-Bold.svg") format("svg");
  font-weight: 700;
}
@font-face {
  font-family: "description-font";
  src: url("../fonts/BoxedRegular.eot");
  src: url("../fonts/BoxedRegular.woff") format("woff"),
    url("../fonts/BoxedRegular.ttf") format("truetype"),
    url("../fonts/BoxedRegular.svg") format("svg");
  font-weight: 400;
}
@font-face {
  font-family: "description-font";
  src: url("../fonts/BoxedRegular-Italic.eot");
  src: url("../fonts/BoxedRegular-Italic.woff") format("woff"),
    url("../fonts/BoxedRegular-Italic.ttf") format("truetype"),
    url("../fonts/BoxedRegular-Italic.svg") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "description-font";
  src: url("../fonts/BoxedMedium.eot");
  src: url("../fonts/BoxedMedium.woff") format("woff"),
    url("../fonts/BoxedMedium.ttf") format("truetype"),
    url("../fonts/BoxedMedium.svg") format("svg");
  font-weight: 500;
}
@font-face {
  font-family: "description-font";
  src: url("../fonts/BoxedMedium-Italic.eot");
  src: url("../fonts/BoxedMedium-Italic.woff") format("woff"),
    url("../fonts/BoxedMedium-Italic.ttf") format("truetype"),
    url("../fonts/BoxedMedium-Italic.svg") format("svg");
  font-weight: 500;
  font-style: italic;
}
/* line 4, ../sass/mobile.scss */
.mobile-deco-right-container {
  position: absolute;
  top: 240px;
  right: 0;
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 4, ../sass/mobile.scss */
  .mobile-deco-right-container {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 4, ../sass/mobile.scss */
  .mobile-deco-right-container {
    display: none;
  }
}
/* line 19, ../sass/mobile.scss */
.mobile-deco-right-container image {
  z-index: 1;
}

/* line 24, ../sass/mobile.scss */
.mobile-deco-left-container {
  position: absolute;
  display: none;
  bottom: 14%;
  left: 0;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 24, ../sass/mobile.scss */
  .mobile-deco-left-container {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 24, ../sass/mobile.scss */
  .mobile-deco-left-container {
    bottom: 20%;
  }
}
@media screen and (max-width: 500px) {
  /* line 24, ../sass/mobile.scss */
  .mobile-deco-left-container {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  /* line 24, ../sass/mobile.scss */
  .mobile-deco-left-container {
    display: none;
  }
}
/* line 44, ../sass/mobile.scss */
.mobile-deco-left-container image {
  z-index: 1;
}

/* line 49, ../sass/mobile.scss */
.mobile-deco-right-middle-container {
  position: absolute;
  top: -110px;
  right: 0;
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 49, ../sass/mobile.scss */
  .mobile-deco-right-middle-container {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  /* line 49, ../sass/mobile.scss */
  .mobile-deco-right-middle-container {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  /* line 49, ../sass/mobile.scss */
  .mobile-deco-right-middle-container {
    display: none;
  }
}
/* line 67, ../sass/mobile.scss */
.mobile-deco-right-middle-container image {
  z-index: 1;
}

/* line 72, ../sass/mobile.scss */
.mobile-deco-left-bottom-container {
  position: absolute;
  top: -190px;
  left: 0;
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 72, ../sass/mobile.scss */
  .mobile-deco-left-bottom-container {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  /* line 72, ../sass/mobile.scss */
  .mobile-deco-left-bottom-container {
    display: none;
  }
}
/* line 86, ../sass/mobile.scss */
.mobile-deco-left-bottom-container image {
  z-index: 1;
}

/* line 91, ../sass/mobile.scss */
.mobile-deco-right-bottom-container {
  position: absolute;
  bottom: 40%;
  right: 0;
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 91, ../sass/mobile.scss */
  .mobile-deco-right-bottom-container {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 91, ../sass/mobile.scss */
  .mobile-deco-right-bottom-container {
    display: block;
    bottom: 42%;
  }
}
/* line 106, ../sass/mobile.scss */
.mobile-deco-right-bottom-container image {
  z-index: 1;
}

/* line 111, ../sass/mobile.scss */
.mobile-menu-hidden-container {
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 111, ../sass/mobile.scss */
  .mobile-menu-hidden-container {
    display: block;
  }
}

/* line 119, ../sass/mobile.scss */
.mobile-menu {
  height: 100%;
  width: 100%;
  display: none;
  margin: 0 auto;
  background-color: white;
}
/* line 126, ../sass/mobile.scss */
.mobile-menu .mobile-menu-right-container {
  padding: 5% 5% 0 0;
  float: right;
  display: inline-block;
}
/* line 130, ../sass/mobile.scss */
.mobile-menu .mobile-menu-right-container img {
  cursor: pointer;
}
/* line 133, ../sass/mobile.scss */
.mobile-menu .mobile-menu-right-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 141, ../sass/mobile.scss */
.mobile-menu .mobile-menu-buttons-container {
  cursor: pointer;
  margin: 0 auto;
  padding-top: 75px;
  text-align: center;
  font-family: "title-font", Arial;
  font-size: 80px;
  color: #1c92e0;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  /* line 141, ../sass/mobile.scss */
  .mobile-menu .mobile-menu-buttons-container {
    font-size: 60px;
  }
}
@media screen and (max-width: 500px) {
  /* line 141, ../sass/mobile.scss */
  .mobile-menu .mobile-menu-buttons-container {
    font-size: 50px;
  }
}
@media screen and (max-width: 400px) {
  /* line 141, ../sass/mobile.scss */
  .mobile-menu .mobile-menu-buttons-container {
    font-size: 40px;
  }
}
/* line 162, ../sass/mobile.scss */
.mobile-menu .mobile-menu-buttons-container ul {
  list-style-type: none;
}
/* line 165, ../sass/mobile.scss */
.mobile-menu .mobile-menu-buttons-container ul li {
  margin: 3% 0;
  display: block;
}
/* line 169, ../sass/mobile.scss */
.mobile-menu .mobile-menu-buttons-container ul li a {
  color: #1c92e0;
  text-decoration: none;
}
/* line 175, ../sass/mobile.scss */
.mobile-menu
  .mobile-menu-buttons-container
  .mobile-menu-vertical-drawn-line-container {
  background-color: #50afeb;
  width: 100%;
  height: 1px;
  margin: 3% auto;
  display: block;
}
/* line 183, ../sass/mobile.scss */
.mobile-menu .mobile-menu-buttons-container .mobile-menu-language-container {
  margin: 6% auto;
}
@media screen and (max-width: 600px) {
  /* line 183, ../sass/mobile.scss */
  .mobile-menu .mobile-menu-buttons-container .mobile-menu-language-container {
    margin: 12% auto;
  }
}
/* line 189, ../sass/mobile.scss */
.mobile-menu
  .mobile-menu-buttons-container
  .mobile-menu-language-container
  .mobile-menu-flag-container {
  display: inline-block;
}
/* line 194, ../sass/mobile.scss */
.mobile-menu
  .mobile-menu-buttons-container
  .mobile-menu-language-container
  .mobile-menu-flag-container
  img:active {
  border: #50afeb solid 1px;
}

/* line 203, ../sass/mobile.scss */
.mobile-top-menu-container {
  width: 100%;
  margin: auto;
  height: 520px;
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 203, ../sass/mobile.scss */
  .mobile-top-menu-container {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 203, ../sass/mobile.scss */
  .mobile-top-menu-container {
    height: 400px;
  }
}
/* line 217, ../sass/mobile.scss */
.mobile-top-menu-container .mobile-base-logo {
  float: left;
  margin-top: 40px;
  cursor: pointer;
  padding-left: 5%;
}
@media screen and (max-width: 600px) {
  /* line 217, ../sass/mobile.scss */
  .mobile-top-menu-container .mobile-base-logo {
    width: 65%;
    height: auto;
  }
}
/* line 228, ../sass/mobile.scss */
.mobile-top-menu-container .mobile-base-logo:after {
  content: "";
  display: block;
  clear: both;
}
/* line 235, ../sass/mobile.scss */
.mobile-top-menu-container .mobile-top-menu {
  float: right;
  margin-top: 40px;
  cursor: pointer;
  padding-right: 4%;
}
@media screen and (max-width: 600px) {
  /* line 235, ../sass/mobile.scss */
  .mobile-top-menu-container .mobile-top-menu {
    width: 15%;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  /* line 235, ../sass/mobile.scss */
  .mobile-top-menu-container .mobile-top-menu {
    width: 18%;
    height: auto;
  }
}
/* line 250, ../sass/mobile.scss */
.mobile-top-menu-container .mobile-top-menu:after {
  content: "";
  display: block;
  clear: both;
}

/* line 258, ../sass/mobile.scss */
.what-mobile-icon-container {
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 258, ../sass/mobile.scss */
  .what-mobile-icon-container {
    display: block;
  }
}
@media screen and (max-width: 970px) {
  /* line 266, ../sass/mobile.scss */
  .what-mobile-icon-container img {
    width: 45%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  /* line 266, ../sass/mobile.scss */
  .what-mobile-icon-container img {
    width: 60%;
    height: auto;
  }
}

/* line 279, ../sass/mobile.scss */
.who-mobile-social-menu-container {
  display: none;
  margin: 100px 0 0 0;
}
@media screen and (max-width: 970px) {
  /* line 279, ../sass/mobile.scss */
  .who-mobile-social-menu-container {
    display: block;
  }
}

/* line 288, ../sass/mobile.scss */
.element-mobile-more {
  float: left;
  cursor: pointer;
  margin: 12% 0 0 10%;
  font-family: "title-font", Arial;
  font-size: 19px;
  line-height: 28px;
  color: #a6a3a3;
  font-weight: 500;
  text-transform: uppercase;
  display: none;
}
/* line 289, ../sass/mobile.scss */
.element-mobile-more img {
  padding-right: 15px;
  float: left;
  margin: 0;
}
@media screen and (max-width: 500px) {
  /* line 289, ../sass/mobile.scss */
  .element-mobile-more img {
    padding-right: 10px;
  }
}
@media screen and (max-width: 400px) {
  /* line 289, ../sass/mobile.scss */
  .element-mobile-more img {
    padding-right: 5px;
  }
}
@media screen and (max-width: 970px) {
  /* line 288, ../sass/mobile.scss */
  .element-mobile-more {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 288, ../sass/mobile.scss */
  .element-mobile-more {
    margin: 12% 0 10% 10%;
    font-size: 17px;
  }
}
@media screen and (max-width: 500px) {
  /* line 288, ../sass/mobile.scss */
  .element-mobile-more {
    margin: 12% 0 10% 10%;
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  /* line 288, ../sass/mobile.scss */
  .element-mobile-more {
    margin: 12% 0 10% 10%;
    font-size: 13px;
  }
}
/* line 328, ../sass/mobile.scss */
.element-mobile-more:after {
  content: "";
  display: block;
  clear: both;
}

/* line 336, ../sass/mobile.scss */
.join-mobile-top-icon {
  margin: 10% 0 0 10%;
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 336, ../sass/mobile.scss */
  .join-mobile-top-icon {
    margin: 10% 0 0 5%;
    display: block;
  }
}
/* line 345, ../sass/mobile.scss */
.join-mobile-top-icon img {
  display: inline-block;
}

/* line 351, ../sass/mobile.scss */
.contact-mobile-container {
  display: none;
  width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 970px) {
  /* line 351, ../sass/mobile.scss */
  .contact-mobile-container {
    display: block;
  }
}
/* line 360, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-drawn-line-container {
  background-color: #015b95;
  width: 2px;
  height: 90px;
  margin: 0 auto;
}
/* line 367, ../sass/mobile.scss */
.contact-mobile-container h1 {
  padding: 37px 0;
  font-family: "title-font", Arial;
  font-size: 58px;
  color: #ffb004;
  text-align: center;
  font-weight: 700;
}
/* line 376, ../sass/mobile.scss */
.contact-mobile-container p {
  font-family: "description-font", Arial;
  font-size: 21px;
  font-style: italic;
  line-height: 28px;
  color: #015b95;
  text-align: center;
  font-weight: 400;
}
/* line 387, ../sass/mobile.scss */
.contact-mobile-container ul {
  list-style-type: none;
  padding: 0;
  margin: 135px 0 0 3%;
}
/* line 393, ../sass/mobile.scss */
.contact-mobile-container li {
  padding: 20px 0 0 0;
  font-family: "top-menu-font", Arial;
  font-size: 25px;
  color: #f3f3f3;
  display: block;
}
@media screen and (max-width: 500px) {
  /* line 393, ../sass/mobile.scss */
  .contact-mobile-container li {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  /* line 393, ../sass/mobile.scss */
  .contact-mobile-container li {
    font-size: 18px;
  }
}
/* line 407, ../sass/mobile.scss */
.contact-mobile-container li a {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: #f3f3f3;
  font-size: 33px;
}
@media screen and (max-width: 500px) {
  /* line 407, ../sass/mobile.scss */
  .contact-mobile-container li a {
    font-size: 25px;
  }
}
@media screen and (max-width: 400px) {
  /* line 407, ../sass/mobile.scss */
  .contact-mobile-container li a {
    font-size: 20px;
  }
}
/* line 421, ../sass/mobile.scss */
.contact-mobile-container li img {
  vertical-align: middle;
  padding-right: 20px;
}
/* line 425, ../sass/mobile.scss */
.contact-mobile-container li p {
  margin: 0 0 0 57px;
  font-family: "top-menu-font", Arial;
  font-style: normal;
  font-size: 25px;
  color: #f3f3f3;
  display: block;
  text-align: left;
}
@media screen and (max-width: 500px) {
  /* line 425, ../sass/mobile.scss */
  .contact-mobile-container li p {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  /* line 425, ../sass/mobile.scss */
  .contact-mobile-container li p {
    font-size: 18px;
  }
}
/* line 445, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-social-container .text-container {
  margin-left: 57px;
  padding-top: 5px;
  float: left;
}
/* line 451, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-social-container ul {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 500px) {
  /* line 451, ../sass/mobile.scss */
  .contact-mobile-container .contact-mobile-social-container ul {
    padding: 10% 0 0 0;
  }
}
/* line 462, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-social-container li {
  float: left;
  margin: 0 -5px;
  padding: 0;
}
/* line 468, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-social-container img {
  display: block;
  cursor: pointer;
}
/* line 473, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-social-container a {
  text-decoration: none;
}
/* line 477, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-social-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 485, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-form-container {
  margin: 120px auto;
}
/* line 488, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-form-container .mobile-input-top {
  width: 100%;
  height: 85px;
  border: none;
  background-color: #02253c;
  font-family: "description-font", Arial;
  font-weight: 500;
  font-size: 24px;
  color: #175e8b;
  margin: 5px 2px;
  box-sizing: border-box;
  padding: 0 53px;
}
/* line 501, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-top::-webkit-input-placeholder {
  color: #175e8b;
}
/* line 504, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-top::-moz-placeholder {
  color: #175e8b;
}
/* line 508, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-top:-ms-input-placeholder {
  color: #175e8b;
}
/* line 511, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-top:-moz-placeholder {
  color: #175e8b;
}
/* line 516, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-form-container .mobile-input-bottom {
  width: 100%;
  height: 280px;
  border: none;
  background-color: #02253c;
  font-family: "description-font", Arial;
  font-weight: 500;
  font-size: 24px;
  color: #175e8b;
  margin: 5px 2px;
  box-sizing: border-box;
  resize: none;
  padding: 25px 53px;
}
/* line 530, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-bottom::-webkit-input-placeholder {
  color: #175e8b;
}
/* line 533, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-bottom::-moz-placeholder {
  color: #175e8b;
}
/* line 537, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-bottom:-ms-input-placeholder {
  color: #175e8b;
}
/* line 540, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .mobile-input-bottom:-moz-placeholder {
  color: #175e8b;
}
/* line 544, ../sass/mobile.scss */
.contact-mobile-container
  .contact-mobile-form-container
  .contact-mobile-send-button {
  font-family: "title-font", Arial;
  font-size: 30px;
  color: #0d2230;
  background-color: #ffb004;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 10px;
  margin: 10px auto;
  width: 100%;
  height: 75px;
  font-weight: 700;
  cursor: pointer;
}
/* line 558, ../sass/mobile.scss */
.contact-mobile-container .contact-mobile-form-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 564, ../sass/mobile.scss */
.contact-mobile-container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 571, ../sass/mobile.scss */
.mobile-footer-container {
  width: 100%;
  margin: 150px auto 0 auto;
  padding-bottom: 5%;
  background-color: #042941;
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 571, ../sass/mobile.scss */
  .mobile-footer-container {
    display: block;
  }
}
/* line 582, ../sass/mobile.scss */
.mobile-footer-container .mobile-footer-logo {
  cursor: pointer;
  padding-left: 5%;
}
@media screen and (max-width: 600px) {
  /* line 582, ../sass/mobile.scss */
  .mobile-footer-container .mobile-footer-logo {
    width: 65%;
    height: auto;
  }
}
/* line 593, ../sass/mobile.scss */
.mobile-footer-container .mobile-footer-menu {
  float: right;
  cursor: pointer;
  padding-right: 4%;
}
@media screen and (max-width: 600px) {
  /* line 593, ../sass/mobile.scss */
  .mobile-footer-container .mobile-footer-menu {
    width: 15%;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  /* line 593, ../sass/mobile.scss */
  .mobile-footer-container .mobile-footer-menu {
    width: 18%;
    height: auto;
  }
}

/* line 3, ../sass/top.scss */
.deco-right-container {
  position: absolute;
  top: 700px;
  right: 0;
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 3, ../sass/top.scss */
  .deco-right-container {
    display: none;
  }
}
/* line 13, ../sass/top.scss */
.deco-right-container image {
  z-index: 1;
}

/* line 18, ../sass/top.scss */
.deco-left-container {
  position: absolute;
  display: block;
  bottom: 15%;
  left: 0;
}
@media screen and (max-width: 970px) {
  /* line 18, ../sass/top.scss */
  .deco-left-container {
    display: none;
  }
}
/* line 28, ../sass/top.scss */
.deco-left-container image {
  z-index: 1;
}

/* line 33, ../sass/top.scss */
.top-header-bg-container {
  background-image: url(../images/main_header_bg.png);
  background-repeat: repeat;
  height: 663px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

/* line 45, ../sass/top.scss */
.bottom-header-bg-container {
  background-color: #0088ff;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -2;
}

/* line 57, ../sass/top.scss */
.top-container {
  background-image: url("../images/bg_ma.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  position: relative;
}


/* line 78, ../sass/top.scss */
.projects-container {
  width: 87%;
  max-width: 1305px;
  background-color: white;
  margin: auto;
}
@media screen and (max-width: 970px) {
  /* line 78, ../sass/top.scss */
  .projects-container {
    width: 100%;
  }
}
/* line 89, ../sass/top.scss */
.projects-container h1 {
  padding-top: 80px;
  font-family: "title-font", Arial;
  font-size: 35px;
  color: #1c92e0;
  text-align: center;
  font-weight: 700;
  margin: 0 20px;
}
@media screen and (max-width: 970px) {
  /* line 89, ../sass/top.scss */
  .projects-container h1 {
    font-size: 58px;
  }
}
/* line 104, ../sass/top.scss */
.projects-container p {
  padding-top: 18px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #959595;
  text-align: center;
  font-weight: 400;
  margin: 0 auto;
  width: 80%;
}
@media screen and (max-width: 970px) {
  /* line 104, ../sass/top.scss */
  .projects-container p {
    font-size: 21px;
    line-height: 30px;
  }
}
/* line 122, ../sass/top.scss */
.projects-container .projects-line-container {
  padding-top: 36px;
}
/* line 125, ../sass/top.scss */
.projects-container .projects-line-container img {
  display: block;
  margin: auto;
}
/* line 131, ../sass/top.scss */
.projects-container .projects-drawn-line-container {
  background-color: #dfdbb6;
  width: 2px;
  height: 42px;
  margin: 0 auto;
}
/* line 138, ../sass/top.scss */
.projects-container #project-list-top-container {
  overflow: hidden;
  width: 75%;
  margin: 45px auto;
}
@media screen and (max-width: 970px) {
  /* line 138, ../sass/top.scss */
  .projects-container #project-list-top-container {
    width: 95%;
  }
}
/* line 150, ../sass/top.scss */
.projects-container .project-list-arrow-left-container {
  margin-left: -35px;
  margin-top: 380px;
  display: inline-block;
  position: absolute;
}
@media screen and (max-width: 970px) {
  /* line 150, ../sass/top.scss */
  .projects-container .project-list-arrow-left-container {
    display: none;
  }
}
/* line 160, ../sass/top.scss */
.projects-container .project-list-arrow-left-container img {
  cursor: pointer;
}
/* line 165, ../sass/top.scss */
.projects-container .project-list-arrow-right-container {
  width: 77%;
  margin: auto;
}
@media screen and (max-width: 970px) {
  /* line 165, ../sass/top.scss */
  .projects-container .project-list-arrow-right-container {
    display: none;
  }
}
/* line 173, ../sass/top.scss */
.projects-container .project-list-arrow-right-container .fake-container {
  display: inline-block;
  width: 99%;
}
/* line 178, ../sass/top.scss */
.projects-container .project-list-arrow-right-container img {
  margin: 440px auto;
  position: absolute;
  cursor: pointer;
}
/* line 185, ../sass/top.scss */
.projects-container .project-list-scroll-container {
  width: 100%;
  white-space: nowrap;
  margin: 0 auto;
  display: inline-block;
  transition: -webkit-transform 0.5s ease-in-out;
  -webkit-transform: translate(0, 0);
}
/* line 195, ../sass/top.scss */
.projects-container .scroll-anim-left {
  -webkit-transform: translate(-100%, 0);
}
/* line 199, ../sass/top.scss */
.projects-container .scroll-anim-right {
  -webkit-transform: translate(0, 0);
}
/* line 203, ../sass/top.scss */
.projects-container .project-list-column {
  vertical-align: top;
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
/* line 213, ../sass/top.scss */
.projects-container .project-list-row {
  width: 100%;
  white-space: nowrap;
  margin: 0 auto;
  text-align: center;
}
/* line 221, ../sass/top.scss */
.projects-container .project-list-item {
  display: inline-block;
  margin: 0;
  padding: 0 1px 10% 1px;
  width: 32%;
  height: auto;
  vertical-align: top;
}
@media screen and (max-width: 1100px) {
  /* line 221, ../sass/top.scss */
  .projects-container .project-list-item {
    width: 48%;
  }
}
/* line 233, ../sass/top.scss */
.projects-container .project-list-item .projects-list-item-header {
  width: 100%;
}
/* line 235, ../sass/top.scss */
.projects-container .project-list-item .projects-list-item-header img {
  padding: 0 2px 0 2px;
  display: block;
  float: left;
}
/* line 240, ../sass/top.scss */
.projects-container
  .project-list-item
  .projects-list-item-header
  .header-arrow {
  float: left;
  display: block;
  padding: 5px 3% 0 3%;
}
@media screen and (max-width: 600px) {
  /* line 240, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-arrow {
    display: none;
  }
}
/* line 250, ../sass/top.scss */
.projects-container
  .project-list-item
  .projects-list-item-header
  .header-icons {
  padding-right: 2%;
  float: right;
  display: block;
  cursor: default;
}
@media screen and (max-width: 600px) {
  /* line 250, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-icons {
    padding-top: 3%;
    float: none;
    margin: 0 auto;
    display: inline-block;
  }
}
@media screen and (max-width: 1500px) {
  /* line 263, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-icons
    img {
    width: 20px;
    height: auto;
  }
}
@media screen and (max-width: 1100px) {
  /* line 263, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-icons
    img {
    width: 25px;
  }
}
/* line 273, ../sass/top.scss */
.projects-container .project-list-item .projects-list-item-header .header-text {
  padding-left: 3%;
  font-family: "title-font", Arial;
  font-size: 19px;
  color: #247fba;
  font-weight: 400;
  float: left;
  display: block;
}
@media screen and (max-width: 600px) {
  /* line 273, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-text {
    padding-left: 0;
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 1350px) {
  /* line 273, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  /* line 273, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) {
  /* line 273, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  /* line 273, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-text {
    font-size: 17px;
  }
}
@media screen and (max-width: 400px) {
  /* line 273, ../sass/top.scss */
  .projects-container
    .project-list-item
    .projects-list-item-header
    .header-text {
    font-size: 16px;
  }
}
/* line 309, ../sass/top.scss */
.projects-container
  .project-list-item
  .projects-list-item-header
  .header-text
  a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
/* line 317, ../sass/top.scss */
.projects-container .project-list-item .projects-list-item-header:after {
  content: "";
  display: block;
  clear: both;
}
/* line 326, ../sass/top.scss */
.projects-container .project-list-item .projects-list-item-img img {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}
/* line 332, ../sass/top.scss */
.projects-container .project-list-item .projects-list-item-img img:hover {
  -moz-box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.3) inset;
}
/* line 340, ../sass/top.scss */
.projects-container .project-list-item .project-list-item-info-container {
  padding-top: 30px;
}
/* line 343, ../sass/top.scss */
.projects-container
  .project-list-item
  .project-list-item-info-container
  .labels-container {
  display: inline-block;
  float: left;
  padding: 0 0 0 3%;
}
/* line 348, ../sass/top.scss */
.projects-container
  .project-list-item
  .project-list-item-info-container
  .labels-container
  .labels-line-container {
  text-transform: uppercase;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 11px;
  line-height: 28px;
  color: #bcbcbc;
  text-align: right;
  font-weight: 400;
  display: block;
  width: 100%;
}
@media screen and (max-width: 970px) {
  /* line 348, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .labels-container
    .labels-line-container {
    font-size: 13px;
    line-height: 28px;
  }
}
@media screen and (max-width: 600px) {
  /* line 348, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .labels-container
    .labels-line-container {
    font-size: 9px;
  }
}
@media screen and (max-width: 500px) {
  /* line 348, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .labels-container
    .labels-line-container {
    font-size: 8px;
    line-height: 20px;
  }
}
@media screen and (max-width: 400px) {
  /* line 348, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .labels-container
    .labels-line-container {
    font-size: 7px;
    line-height: 20px;
  }
}
/* line 382, ../sass/top.scss */
.projects-container
  .project-list-item
  .project-list-item-info-container
  .info-container {
  padding: 0 0 0 5%;
  display: inline-block;
  float: left;
}
/* line 387, ../sass/top.scss */
.projects-container
  .project-list-item
  .project-list-item-info-container
  .info-container
  .line-container {
  display: block;
  font-family: "title-font", Arial;
  font-size: 12px;
  line-height: 28px;
  width: 100%;
  color: #737373;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  /* line 387, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .info-container
    .line-container {
    font-size: 11px;
  }
}
@media screen and (max-width: 970px) {
  /* line 387, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .info-container
    .line-container {
    font-size: 14px;
    line-height: 28px;
  }
}
@media screen and (max-width: 640px) {
  /* line 387, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .info-container
    .line-container {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  /* line 387, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .info-container
    .line-container {
    font-size: 10px;
  }
}
@media screen and (max-width: 500px) {
  /* line 387, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .info-container
    .line-container {
    font-size: 9px;
    line-height: 20px;
  }
}
@media screen and (max-width: 400px) {
  /* line 387, ../sass/top.scss */
  .projects-container
    .project-list-item
    .project-list-item-info-container
    .info-container
    .line-container {
    font-size: 7px;
    line-height: 20px;
  }
}
/* line 426, ../sass/top.scss */
.projects-container .project-list-item .project-list-item-info-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 434, ../sass/top.scss */
.projects-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 440, ../sass/top.scss */
.projects-container .pagination-list-container {
  padding: 0 0 50px 0;
  text-align: center;
}
/* line 444, ../sass/top.scss */
.projects-container .pagination-list-container .pagination-item {
  padding: 1px 1px;
  width: 13px;
  height: 13px;
  display: inline-block;
  cursor: pointer;
}
/* line 456, ../sass/top.scss */
.projects-container .pagination-list-container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 464, ../sass/top.scss */
.who-we-are-container {
  width: 50%;
  margin: auto;
  max-width: 970px;
  padding-bottom: 60px;
}
@media screen and (max-width: 970px) {
  /* line 464, ../sass/top.scss */
  .who-we-are-container {
    width: 75%;
  }
}
@media screen and (max-width: 500px) {
  /* line 464, ../sass/top.scss */
  .who-we-are-container {
    width: 85%;
  }
}
/* line 478, ../sass/top.scss */
.who-we-are-container .who-line-container {
  padding-top: 85px;
}
/* line 481, ../sass/top.scss */
.who-we-are-container .who-line-container img {
  display: block;
  margin: auto;
}
/* line 487, ../sass/top.scss */
.who-we-are-container .who-drawn-line-container {
  background-color: #ffbc07;
  width: 2px;
  height: 52px;
  margin: 0 auto;
}
/* line 494, ../sass/top.scss */
.who-we-are-container h1 {
  padding-top: 45px;
  font-family: "title-font", Arial;
  font-size: 30px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 970px) {
  /* line 494, ../sass/top.scss */
  .who-we-are-container h1 {
    font-size: 58px;
  }
}
/* line 508, ../sass/top.scss */
.who-we-are-container p {
  padding-top: 60px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #b8e9fb;
  text-align: center;
  font-weight: 400;
}
@media screen and (max-width: 970px) {
  /* line 508, ../sass/top.scss */
  .who-we-are-container p {
    font-size: 19px;
    line-height: 28px;
  }
}
/* line 524, ../sass/top.scss */
.who-we-are-container h2 {
  padding-top: 30px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #b8e9fb;
  text-align: center;
  font-weight: 400;
}
@media screen and (max-width: 970px) {
  /* line 524, ../sass/top.scss */
  .who-we-are-container h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
/* line 540, ../sass/top.scss */
.who-we-are-container .who-social-menu-container {
  display: block;
  margin: 60px 0 0 0;
}
@media screen and (max-width: 970px) {
  /* line 540, ../sass/top.scss */
  .who-we-are-container .who-social-menu-container {
    display: none;
  }
}
/* line 549, ../sass/top.scss */
.who-we-are-container ul {
  text-align: center;
  list-style: none;
  margin: auto;
  padding: 0;
}
/* line 556, ../sass/top.scss */
.who-we-are-container li {
  display: inline-block;
  cursor: pointer;
  margin: 0;
}
/* line 570, ../sass/top.scss */
.who-we-are-container a {
  text-decoration: none;
}
/* line 574, ../sass/top.scss */
.who-we-are-container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 583, ../sass/top.scss */
.top-menu-container {
  width: 74%;
  margin: auto;
  max-width: 970px;
  height: 525px;
}
@media screen and (max-width: 970px) {
  /* line 583, ../sass/top.scss */
  .top-menu-container {
    display: none;
  }
}
/* line 593, ../sass/top.scss */
.top-menu-container .base-logo {
  float: left;
  margin-top: 40px;
  cursor: pointer;
}
/* line 598, ../sass/top.scss */
.top-menu-container .base-logo:after {
  content: "";
  display: block;
  clear: both;
}
/* line 608, ../sass/top.scss */
.top-menu-container .top-menu ul {
  width: 72%;
  float: right;
  list-style-type: none;
  margin-top: 60px;
  padding: 0;
}
/* line 616, ../sass/top.scss */
.top-menu-container .top-menu li {
  float: right;
  font-size: 14px;
  font-family: "top-menu-font", Arial;
  text-transform: uppercase;
  margin: 0 2% 0 2%;
  display: inline-block;
}
/* line 625, ../sass/top.scss */
.top-menu-container .top-menu a {
  color: white;
  text-align: right;
  text-decoration: none;
}
/* line 632, ../sass/top.scss */
.top-menu-container .top-menu a:hover {
  color: #94defa;
}
/* line 637, ../sass/top.scss */
.top-menu-container .top-menu:after {
  content: "";
  display: block;
  clear: both;
}

/* line 646, ../sass/top.scss */
.language-menu-container {
  margin-top: -5px;
  padding: 6px 7px 5px 9px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  cursor: pointer;
}
/* line 654, ../sass/top.scss */
.language-menu-container .visible-language-container {
  text-align: center;
  margin: 0 auto;
}
/* line 657, ../sass/top.scss */
.language-menu-container .visible-language-container .flag-container {
  padding-right: 5px;
  display: inline-block;
}
/* line 661, ../sass/top.scss */
.language-menu-container .visible-language-container .button-container {
  display: inline-block;
}
/* line 666, ../sass/top.scss */
.language-menu-container .dropdown-list-container {
  display: none;
  padding-top: 4px;
}
/* line 672, ../sass/top.scss */
.language-menu-container:hover .dropdown-list-container {
  display: block;
}

/* line 3, ../sass/middle.scss */
.deco-right-middle-container {
  position: absolute;
  top: -80px;
  right: 0;
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 3, ../sass/middle.scss */
  .deco-right-middle-container {
    display: none;
  }
}
/* line 13, ../sass/middle.scss */
.deco-right-middle-container image {
  z-index: 1;
}

/* line 19, ../sass/middle.scss */
.middle-container {
  background-image: url("../images/main_bg_web_1.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 970px) {
  /* line 19, ../sass/middle.scss */
  .middle-container {
    background-image: url("../images/main_bg_mobile_1.png");
  }
}
/* line 31, ../sass/middle.scss */
.middle-container .what-we-are-container {
  width: 65%;
  max-width: 1305px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  /* line 31, ../sass/middle.scss */
  .middle-container .what-we-are-container {
    width: 75%;
  }
}
@media screen and (max-width: 400px) {
  /* line 31, ../sass/middle.scss */
  .middle-container .what-we-are-container {
    width: 95%;
  }
}
/* line 43, ../sass/middle.scss */
.middle-container .what-we-are-container .what-icon-container {
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 43, ../sass/middle.scss */
  .middle-container .what-we-are-container .what-icon-container {
    display: none;
  }
}
/* line 50, ../sass/middle.scss */
.middle-container .what-we-are-container .what-line-container {
  padding-top: 60px;
}
/* line 53, ../sass/middle.scss */
.middle-container .what-we-are-container .what-line-container img {
  display: block;
  margin: auto;
}
/* line 59, ../sass/middle.scss */
.middle-container .what-we-are-container .what-drawn-line-container {
  background-color: #fc9c04;
  width: 2px;
  height: 97px;
  margin: 0 auto;
}
/* line 66, ../sass/middle.scss */
.middle-container .what-we-are-container h1 {
  padding-top: 45px;
  font-family: "title-font", Arial;
  font-size: 30px;
  color: #fc9c04;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 970px) {
  /* line 66, ../sass/middle.scss */
  .middle-container .what-we-are-container h1 {
    font-size: 58px;
  }
}
/* line 79, ../sass/middle.scss */
.middle-container .what-we-are-container p {
  padding-top: 22px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #959595;
  text-align: center;
  font-weight: 400;
  width: 80%;
  margin: auto;
}
@media screen and (max-width: 970px) {
  /* line 79, ../sass/middle.scss */
  .middle-container .what-we-are-container p {
    width: 100%;
    font-size: 21px;
    line-height: 30px;
  }
}
/* line 98, ../sass/middle.scss */
.middle-container .what-we-are-container h2 {
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: "title-font", Arial;
  font-size: 17px;
  color: #015b95;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}
/* line 109, ../sass/middle.scss */
.middle-container .what-we-are-container ul {
  text-align: center;
  list-style: none;
  margin: 110px auto 0 auto;
  padding: 0;
}
/* line 116, ../sass/middle.scss */
.middle-container .what-we-are-container li {
  display: inline-block;
  margin: 0;
  width: 21%;
  height: auto;
  padding: 2% 2% 10% 2%;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 13px;
  line-height: 19px;
  color: #828282;
  text-align: center;
  font-weight: 400;
  vertical-align: top;
}
@media screen and (max-width: 970px) {
  /* line 116, ../sass/middle.scss */
  .middle-container .what-we-are-container li {
    width: 40%;
    padding: 2% 4% 16% 4%;
  }
}

/* line 2, ../sass/bottom.scss */
.deco-left-bottom-container {
  position: absolute;
  top: -290px;
  left: 0;
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 2, ../sass/bottom.scss */
  .deco-left-bottom-container {
    display: none;
  }
}
/* line 13, ../sass/bottom.scss */
.deco-left-bottom-container image {
  z-index: 1;
}

/* line 18, ../sass/bottom.scss */
.deco-right-bottom-container {
  position: absolute;
  bottom: 38%;
  right: 0;
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 970px) {
  /* line 18, ../sass/bottom.scss */
  .deco-right-bottom-container {
    display: none;
  }
}
/* line 29, ../sass/bottom.scss */
.deco-right-bottom-container image {
  z-index: 1;
}

/* line 34, ../sass/bottom.scss */
.join-bg-top-container {
  background-color: #ffb806;
  height: 742px;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -1;
}

/* line 44, ../sass/bottom.scss */
.join-bg-bottom-container {
  background-color: #042941;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -2;
}

/* line 54, ../sass/bottom.scss */
.bottom-container {
  background-image: url("../images/main_bg_web_2.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  position: relative;
}
/* line 70, ../sass/bottom.scss */
.bottom-container .join-container {
  width: 65%;
  max-width: 1305px;
  margin: 0 auto 175px auto;
}
@media screen and (max-width: 970px) {
  /* line 70, ../sass/bottom.scss */
  .bottom-container .join-container {
    width: 85%;
  }
}
@media screen and (max-width: 600px) {
  /* line 70, ../sass/bottom.scss */
  .bottom-container .join-container {
    width: 95%;
  }
}
/* line 82, ../sass/bottom.scss */
.bottom-container .join-container .join-line-container {
  padding-top: 70px;
}
/* line 85, ../sass/bottom.scss */
.bottom-container .join-container .join-line-container img {
  display: block;
  margin: auto;
}
/* line 91, ../sass/bottom.scss */
.bottom-container .join-container .join-drawn-line-container {
  background-color: #015b95;
  width: 2px;
  height: 67px;
  margin: 0 auto;
}
/* line 98, ../sass/bottom.scss */
.bottom-container .join-container h1 {
  padding-top: 30px;
  font-family: "title-font", Arial;
  font-size: 30px;
  color: #015b95;
  text-align: center;
  font-weight: 700;
  margin: 0 auto;
}
@media screen and (max-width: 970px) {
  /* line 98, ../sass/bottom.scss */
  .bottom-container .join-container h1 {
    font-size: 58px;
  }
}
@media screen and (max-width: 600px) {
  /* line 98, ../sass/bottom.scss */
  .bottom-container .join-container h1 {
    width: 85%;
  }
}
/* line 115, ../sass/bottom.scss */
.bottom-container .join-container p {
  padding-top: 20px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #015b95;
  text-align: center;
  font-weight: 400;
  margin: 0 auto;
}
@media screen and (max-width: 970px) {
  /* line 115, ../sass/bottom.scss */
  .bottom-container .join-container p {
    font-size: 21px;
    line-height: 30px;
  }
}
@media screen and (max-width: 600px) {
  /* line 115, ../sass/bottom.scss */
  .bottom-container .join-container p {
    width: 85%;
  }
}
/* line 135, ../sass/bottom.scss */
.bottom-container .join-container h2 {
  padding-top: 10px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #015b95;
  text-align: center;
  font-weight: 400;
  margin: 0 auto;
}
@media screen and (max-width: 970px) {
  /* line 135, ../sass/bottom.scss */
  .bottom-container .join-container h2 {
    font-size: 21px;
    line-height: 30px;
  }
}
@media screen and (max-width: 600px) {
  /* line 135, ../sass/bottom.scss */
  .bottom-container .join-container h2 {
    width: 85%;
  }
}

.bottom-container .join-container h3 {
  padding-top: 10px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 17px;
  line-height: 21px;
  color: #015b95;
  text-align: center;
  font-weight: 800;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (max-width: 970px) {
  .bottom-container .join-container h3 {
    font-size: 21px;
    line-height: 30px;
  }
}
@media screen and (max-width: 600px) {
  .bottom-container .join-container h3 {
    width: 85%;
  }
}

.bottom-container .join-container h3 a {
  cursor: pointer;
  text-decoration: none;
  color: #015b95;
}

/* line 155, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container {
  width: 100%;
  background-color: white;
  margin: 130px auto;
}
/* line 160, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container .join-top-icon {
  margin: 10% 0 0 10%;
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 160, ../sass/bottom.scss */
  .bottom-container .join-container .join-jobs-container .join-top-icon {
    display: none;
  }
}
/* line 168, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container .join-top-icon img {
  display: inline-block;
}
/* line 173, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container ul {
  list-style-type: none;
  width: 100%;
  margin: 110px auto;
  padding: 0;
}
/* line 180, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li {
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0 0 2% 0;
  width: 24.5%;
  float: left;
  background-color: white;
  border-bottom: 1px solid #e7dbdb;
  border-right: 1px solid #e7dbdb;
}
@media screen and (max-width: 970px) {
  /* line 180, ../sass/bottom.scss */
  .bottom-container .join-container .join-jobs-container li {
    width: 49.5%;
    padding: 0 0 5% 0;
  }
}
/* line 196, ../sass/bottom.scss */
.bottom-container
  .join-container
  .join-jobs-container
  li
  .first-element-header {
  margin: 26% 0 0 15%;
  width: 70%;
  font-family: "title-font", Arial;
  font-size: 28px;
  color: white;
  text-align: left;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  /* line 196, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .first-element-header {
    font-size: 24px;
  }
}
@media screen and (max-width: 970px) {
  /* line 196, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .first-element-header {
    font-size: 40px;
  }
}
@media screen and (max-width: 600px) {
  /* line 196, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .first-element-header {
    font-size: 30px;
  }
}
@media screen and (max-width: 400px) {
  /* line 196, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .first-element-header {
    font-size: 20px;
  }
}
/* line 219, ../sass/bottom.scss */
.bottom-container
  .join-container
  .join-jobs-container
  li
  .first-element-description {
  margin: 15% 0 0 15%;
  width: 80%;
  min-height: 45px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  color: white;
  font-weight: 500;
}
@media screen and (max-width: 970px) {
  /* line 219, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .first-element-description {
    font-size: 20px;
    line-height: 23px;
    margin: 15% 0 0 15%;
  }
}
@media screen and (max-width: 600px) {
  /* line 219, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .first-element-description {
    font-size: 15px;
    line-height: 17px;
    margin: 15% 0 10% 15%;
  }
}
/* line 242, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li .element-header {
  margin: 10% 0 0 10%;
  width: 80%;
  min-height: 50px;
  font-family: "title-font", Arial;
  font-size: 16px;
  color: #015b95;
  text-align: left;
  font-weight: 700;
}
@media screen and (max-width: 970px) {
  /* line 242, ../sass/bottom.scss */
  .bottom-container .join-container .join-jobs-container li .element-header {
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  /* line 242, ../sass/bottom.scss */
  .bottom-container .join-container .join-jobs-container li .element-header {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  /* line 242, ../sass/bottom.scss */
  .bottom-container .join-container .join-jobs-container li .element-header {
    font-size: 18px;
  }
}
/* line 263, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li .element-description {
  margin: 15% 0 0 10%;
  width: 80%;
  min-height: 95px;
  font-family: "description-font", Arial;
  font-style: italic;
  font-size: 13px;
  line-height: 15px;
  color: #a6a3a3;
  font-weight: 500;
}
@media screen and (max-width: 970px) {
  /* line 263, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .element-description {
    font-size: 20px;
    line-height: 23px;
    margin: 15% 0 0 10%;
  }
}
@media screen and (max-width: 600px) {
  /* line 263, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .element-description {
    font-size: 15px;
    line-height: 17px;
    margin: 15% 0 10% 10%;
  }
}
@media screen and (max-width: 400px) {
  /* line 263, ../sass/bottom.scss */
  .bottom-container
    .join-container
    .join-jobs-container
    li
    .element-description {
    min-height: 100px;
    font-size: 14px;
    line-height: 16px;
  }
}
/* line 292, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li .element-more {
  float: left;
  cursor: pointer;
  margin: 20% 0 0 10%;
  font-family: "title-font", Arial;
  font-size: 13px;
  line-height: 20px;
  color: #a6a3a3;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
/* line 293, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li .element-more img {
  padding-right: 8px;
  float: left;
  margin: 0;
}
@media screen and (max-width: 970px) {
  /* line 292, ../sass/bottom.scss */
  .bottom-container .join-container .join-jobs-container li .element-more {
    display: none;
  }
}
/* line 314, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li .element-more:after {
  content: "";
  display: block;
  clear: both;
}
/* line 322, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li:hover {
  background-color: #015b95;
}
/* line 324, ../sass/bottom.scss */
.bottom-container
  .join-container
  .join-jobs-container
  li:hover
  .element-description,
.bottom-container .join-container .join-jobs-container li:hover .element-header,
.bottom-container .join-container .join-jobs-container li:hover .element-more {
  color: white;
}
/* line 328, ../sass/bottom.scss */
.bottom-container .join-container .join-jobs-container li:first-child {
  background-color: #015b95;
  cursor: default;
}
/* line 334, ../sass/bottom.scss */
.bottom-container .join-container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 3, ../sass/contact.scss */
.contact-overlay-dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.8;
  z-index: 100;
  display: none;
}

/* line 16, ../sass/contact.scss */
.contact-popup-container {
  position: relative;
  display: none;
  z-index: 101;
}
/* line 21, ../sass/contact.scss */
.contact-popup-container .contact-popup-waiting {
  width: 40%;
  background-color: white;
  display: none;
  margin: auto;
}
@media screen and (max-width: 970px) {
  /* line 21, ../sass/contact.scss */
  .contact-popup-container .contact-popup-waiting {
    width: 90%;
  }
}
/* line 33, ../sass/contact.scss */
.contact-popup-container .contact-popup-result {
  width: 40%;
  background-color: white;
  display: none;
  margin: auto;
}
@media screen and (max-width: 970px) {
  /* line 33, ../sass/contact.scss */
  .contact-popup-container .contact-popup-result {
    width: 90%;
  }
}
/* line 44, ../sass/contact.scss */
.contact-popup-container .contact-popup-inner-container {
  text-align: center;
}
/* line 47, ../sass/contact.scss */
.contact-popup-container
  .contact-popup-inner-container
  .contact-popup-right-container {
  padding: 12px 12px 0 0;
  float: right;
  display: inline-block;
}
/* line 51, ../sass/contact.scss */
.contact-popup-container
  .contact-popup-inner-container
  .contact-popup-right-container
  img {
  cursor: pointer;
}
/* line 54, ../sass/contact.scss */
.contact-popup-container
  .contact-popup-inner-container
  .contact-popup-right-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 63, ../sass/contact.scss */
.contact-popup-container .popup-success {
  display: none;
}
/* line 67, ../sass/contact.scss */
.contact-popup-container .poup-fail {
  display: none;
}
/* line 71, ../sass/contact.scss */
.contact-popup-container p {
  font-family: "description-font", Arial;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  padding: 55px 18% 35px 18%;
  color: #959595;
}

/* line 82, ../sass/contact.scss */
.contact-container {
  display: block;
  width: 65%;
  max-width: 970px;
  margin: 0 auto 175px auto;
}
@media screen and (max-width: 970px) {
  /* line 82, ../sass/contact.scss */
  .contact-container {
    display: none;
  }
}
/* line 92, ../sass/contact.scss */
.contact-container .left-inner-container {
  width: 38%;
  float: left;
}
/* line 96, ../sass/contact.scss */
.contact-container .left-inner-container h1 {
  font-family: "title-font", Arial;
  font-size: 30px;
  color: #ffb004;
  font-weight: 700;
  margin-bottom: 35px;
}
/* line 104, ../sass/contact.scss */
.contact-container .left-inner-container p {
  marign-left: 0;
  font-family: "description-font", Arial;
  font-size: 16px;
  font-style: italic;
  line-height: 21px;
  color: #2482be;
  font-weight: 400;
}
/* line 114, ../sass/contact.scss */
.contact-container .left-inner-container ul {
  list-style-type: none;
  padding: 0;
  margin-top: 70px;
}
/* line 120, ../sass/contact.scss */
.contact-container .left-inner-container li {
  padding: 7px 0;
  font-family: "top-menu-font", Arial;
  font-style: normal;
  font-size: 14px;
  color: #f3f3f3;
  display: block;
}
/* line 127, ../sass/contact.scss */
.contact-container .left-inner-container li a {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: #f3f3f3;
}
/* line 133, ../sass/contact.scss */
.contact-container .left-inner-container li img {
  vertical-align: middle;
  padding-right: 10px;
}
/* line 137, ../sass/contact.scss */
.contact-container .left-inner-container li p {
  margin: 0 0 0 36px;
  font-family: "top-menu-font", Arial;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: #f3f3f3;
  display: block;
}
/* line 150, ../sass/contact.scss */
.contact-container .right-inner-container {
  width: 62%;
  float: right;
  margin-top: 65px;
}
/* line 154, ../sass/contact.scss */
.contact-container .right-inner-container .input-top {
  float: right;
  width: 49.5%;
  height: 50px;
  border: none;
  background-color: #02253c;
  font-family: "description-font", Arial;
  font-weight: 500;
  font-size: 14px;
  color: #175e8b;
  margin: 0 0 0 0.5%;
  box-sizing: border-box;
  padding-left: 10px;
}
/* line 168, ../sass/contact.scss */
.contact-container
  .right-inner-container
  .input-top::-webkit-input-placeholder {
  color: #175e8b;
}
/* line 171, ../sass/contact.scss */
.contact-container .right-inner-container .input-top::-moz-placeholder {
  color: #175e8b;
}
/* line 175, ../sass/contact.scss */
.contact-container .right-inner-container .input-top:-ms-input-placeholder {
  color: #175e8b;
}
/* line 178, ../sass/contact.scss */
.contact-container .right-inner-container .input-top:-moz-placeholder {
  color: #175e8b;
}
/* line 182, ../sass/contact.scss */
.contact-container .right-inner-container .input-bottom {
  float: right;
  width: 99.5%;
  height: 220px;
  border: none;
  background-color: #02253c;
  font-family: "description-font", Arial;
  font-weight: 500;
  font-size: 14px;
  color: #175e8b;
  margin: 0.5% 0 0 0;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
}
/* line 197, ../sass/contact.scss */
.contact-container
  .right-inner-container
  .input-bottom::-webkit-input-placeholder {
  color: #175e8b;
}
/* line 200, ../sass/contact.scss */
.contact-container .right-inner-container .input-bottom::-moz-placeholder {
  color: #175e8b;
}
/* line 204, ../sass/contact.scss */
.contact-container .right-inner-container .input-bottom:-ms-input-placeholder {
  color: #175e8b;
}
/* line 207, ../sass/contact.scss */
.contact-container .right-inner-container .input-bottom:-moz-placeholder {
  color: #175e8b;
}
/* line 211, ../sass/contact.scss */
.contact-container .right-inner-container .contact-send-button {
  float: right;
  font-family: "title-font", Arial;
  font-size: 12px;
  color: #0d2230;
  background-color: #ffb004;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 6px;
  margin: 10px 2px 2px 2px;
  width: 190px;
  height: 32px;
  font-weight: 700;
  cursor: pointer;
}
/* line 226, ../sass/contact.scss */
.contact-container .right-inner-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 233, ../sass/contact.scss */
.contact-container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 2, ../sass/singleProject.scss */
.deco-projects-header {
  position: absolute;
  display: block;
  top: 0;
  text-align: center;
}
/* line 8, ../sass/singleProject.scss */
.deco-projects-header image {
  z-index: -1;
}

/* line 13, ../sass/singleProject.scss */
.single-project-separate-container {
  background-color: #ffb806;
  background-image: url("../images/single_project_separate_bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: 59px;
}
@media screen and (max-width: 970px) {
  /* line 13, ../sass/singleProject.scss */
  .single-project-separate-container {
    height: 50px;
  }
}

/* line 26, ../sass/singleProject.scss */
.single-project-bottom-container {
  background-color: #042941;
  background-image: url("../images/single_project_bg_web_2.png");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 220px;
}
@media screen and (max-width: 970px) {
  /* line 26, ../sass/singleProject.scss */
  .single-project-bottom-container {
    padding-top: 105px;
    background-image: url("../images/single_project_bg_mobile_2.png");
  }
}

/* line 39, ../sass/singleProject.scss */
.gallery-img-container {
  display: none;
}
/* line 43, ../sass/singleProject.scss */
.gallery-img-container img {
  position: absolute;
  width: auto;
  max-height: 90%;
  cursor: pointer;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 101;
}




/* line 4, ../sass/projectTop.scss */
.single-project-top-container {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  position: relative;
}
/* line 13, ../sass/projectTop.scss */
.single-project-top-container .single-project-top-base-container {
  background-image: url("../images/projects_bg_web_whoweare.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}

/* line 21, ../sass/projectTop.scss */
.single-project-top-header-bg-container {
  background-repeat: repeat;
  height: 662px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

/* line 33, ../sass/projectTop.scss */
.single-project-middle-header-bg-container {
  background-color: #dbb18f;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -2;
}
@media screen and (max-width: 970px) {
  /* line 33, ../sass/projectTop.scss */
  .single-project-middle-header-bg-container {
    background-color: #0088ff;
  }
}

/* line 49, ../sass/projectTop.scss */
.single-project-bottom-header-bg-container {
  background-color: #0088ff;
  height: 30%;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/* line 60, ../sass/projectTop.scss */
.single-project-content-container {
  width: 87%;
  max-width: 1305px;
  background-color: white;
  margin: auto;
  padding: 0 0 5% 0;
}
@media screen and (max-width: 970px) {
  /* line 60, ../sass/projectTop.scss */
  .single-project-content-container {
    width: 100%;
  }
}
/* line 71, ../sass/projectTop.scss */
.single-project-content-container .single-project-navigation-container {
  text-transform: uppercase;
  font-family: "title-font", Arial;
  font-size: 11px;
  line-height: 20px;
  color: #b4b4b4;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
}
/* line 81, ../sass/projectTop.scss */
.single-project-content-container .single-project-navigation-container a {
  cursor: pointer;
}
/* line 84, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-navigation-container
  .left-img {
  float: left;
  padding: 0 5px 0 5px;
}
/* line 88, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-navigation-container
  .right-img {
  float: right;
  padding: 0 5px 0 5px;
}
/* line 93, ../sass/projectTop.scss */
.single-project-content-container .single-project-navigation-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 100, ../sass/projectTop.scss */
.single-project-content-container .single-project-header-container {
  text-align: center;
  padding: 60px 12% 0 12%;
}
@media screen and (max-width: 970px) {
  /* line 100, ../sass/projectTop.scss */
  .single-project-content-container .single-project-header-container {
    padding: 60px 2% 0 2%;
  }
}
/* line 108, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-header-container
  .left-container {
  float: left;
  display: inline-block;
}
/* line 114, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-header-container
  .center-container {
  width: 40%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  pointer-events: none;
  text-transform: uppercase;
  font-family: "top-menu-font", Arial;
  font-size: 14px;
  color: #41abec;
}
@media screen and (max-width: 970px) {
  /* line 114, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-header-container
    .center-container {
    font-size: 24px;
  }
}
/* line 132, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-header-container
  .right-container {
  float: right;
  display: inline-block;
}
/* line 138, ../sass/projectTop.scss */
.single-project-content-container .single-project-header-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 145, ../sass/projectTop.scss */
.single-project-content-container .single-project-navigation-top-container {
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 145, ../sass/projectTop.scss */
  .single-project-content-container .single-project-navigation-top-container {
    display: none;
  }
}
/* line 152, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-mobile-navigation-top-container {
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 152, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-mobile-navigation-top-container {
    display: block;
  }
}
/* line 160, ../sass/projectTop.scss */
.single-project-content-container .single-project-navigation-bottom-container {
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 160, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-navigation-bottom-container {
    display: none;
  }
}
/* line 167, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-mobile-navigation-bottom-container {
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 167, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-mobile-navigation-bottom-container {
    display: block;
  }
}
/* line 175, ../sass/projectTop.scss */
.single-project-content-container .single-project-drawn-line-container {
  background-color: #fc9c04;
  width: 2px;
  height: 44px;
  margin: 28px auto 0 auto;
}
@media screen and (max-width: 970px) {
  /* line 175, ../sass/projectTop.scss */
  .single-project-content-container .single-project-drawn-line-container {
    height: 64px;
  }
}
/* line 186, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-vertical-drawn-line-container {
  background-color: #e3e3e3;
  width: 76%;
  height: 1px;
  margin: 30px auto 30px auto;
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 186, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-vertical-drawn-line-container {
    display: none;
  }
}
/* line 198, ../sass/projectTop.scss */
.single-project-content-container .single-project-icons-list {
  width: 80%;
  margin: 20px auto;
  text-align: center;
}
/* line 203, ../sass/projectTop.scss */
.single-project-content-container .single-project-icons-list img {
  padding: 0 3px;
}
/* line 207, ../sass/projectTop.scss */
.single-project-content-container .single-project-icons-list:after {
  content: "";
  display: block;
  clear: both;
}
/* line 214, ../sass/projectTop.scss */
.single-project-content-container h1 {

  font-family: 'title-font', Arial;
  font-size: 35px;
  color: #1c92e0;
  text-align: center;
  font-weight: 700;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 90px;
  

}



@media screen and (max-width: 970px) {
  /* line 214, ../sass/projectTop.scss */
  .single-project-content-container h1 {
    font-size: 58px;
  }
}
/* line 229, ../sass/projectTop.scss */
.single-project-content-container p {
  padding-top: 18px;
  font-family: "description-font", Arial;
  font-size: 15px;
  font-style: italic;
  line-height: 25px;
  color: #959595;
  text-align: center;
  font-weight: 400;
  margin: 0 25%;
}
@media screen and (max-width: 970px) {
  /* line 229, ../sass/projectTop.scss */
  .single-project-content-container p {
    font-size: 21px;
    line-height: 35px;
  }
}
/* line 246, ../sass/projectTop.scss */
.single-project-content-container .single-project-item-info-container {
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 970px) {
  /* line 246, ../sass/projectTop.scss */
  .single-project-content-container .single-project-item-info-container {
    padding: 75px 0 135px 0;
  }
}
/* line 254, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-item-info-container
  .labels-container {
  display: inline-block;
}
/* line 256, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-item-info-container
  .labels-container
  .labels-line-container {
  text-transform: uppercase;
  font-family: "description-font", Arial;
  font-size: 11px;
  line-height: 28px;
  color: #bcbcbc;
  text-align: right;
  font-weight: 400;
  display: block;
  width: 100%;
}
@media screen and (max-width: 970px) {
  /* line 256, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-item-info-container
    .labels-container
    .labels-line-container {
    font-size: 17px;
    line-height: 32px;
  }
}
@media screen and (max-width: 400px) {
  /* line 256, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-item-info-container
    .labels-container
    .labels-line-container {
    font-size: 13px;
    line-height: 30px;
  }
}
/* line 278, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-item-info-container
  .info-container {
  padding: 0 25px 0 25px;
  display: inline-block;
}
/* line 282, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-item-info-container
  .info-container
  .line-container {
  display: block;
  font-family: "title-font", Arial;
  font-size: 12px;
  line-height: 28px;
  width: 100%;
  color: #737373;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 970px) {
  /* line 282, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-item-info-container
    .info-container
    .line-container {
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 400px) {
  /* line 282, ../sass/projectTop.scss */
  .single-project-content-container
    .single-project-item-info-container
    .info-container
    .line-container {
    font-size: 13px;
    line-height: 31px;
  }
}
/* line 303, ../sass/projectTop.scss */
.single-project-content-container .single-project-item-info-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 311, ../sass/projectTop.scss */
.single-project-content-container .single-project-gallery-container ul {
  width: 76%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 970px) {
  /* line 311, ../sass/projectTop.scss */
  .single-project-content-container .single-project-gallery-container ul {
    width: 96%;
  }
}
/* line 320, ../sass/projectTop.scss */
.single-project-content-container .single-project-gallery-container ul li {
  width: 23%;
  display: inline-block;
  padding: 0 0.5% 1.5% 0.5%;
}
@media screen and (max-width: 1100px) {
  /* line 320, ../sass/projectTop.scss */
  .single-project-content-container .single-project-gallery-container ul li {
    width: 48%;
  }
}
/* line 329, ../sass/projectTop.scss */
.single-project-content-container .single-project-gallery-container ul li img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
/* line 339, ../sass/projectTop.scss */
.single-project-content-container .single-project-markets-links-list {
  width: 100%;
  margin: 70px auto;
  text-align: center;
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 339, ../sass/projectTop.scss */
  .single-project-content-container .single-project-markets-links-list {
    display: none;
  }
}
/* line 349, ../sass/projectTop.scss */
.single-project-content-container .single-project-markets-links-list a {
  text-decoration: none;
}
/* line 353, ../sass/projectTop.scss */
.single-project-content-container .single-project-markets-links-list img {
  padding: 0 3px;
  cursor: pointer;
}
/* line 358, ../sass/projectTop.scss */
.single-project-content-container .single-project-markets-links-list:after {
  content: "";
  display: block;
  clear: both;
}
/* line 365, ../sass/projectTop.scss */
.single-project-content-container .single-project-mobile-markets-links-list {
  width: 100%;
  margin: 70px auto;
  text-align: center;
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 365, ../sass/projectTop.scss */
  .single-project-content-container .single-project-mobile-markets-links-list {
    display: block;
  }
}
/* line 375, ../sass/projectTop.scss */
.single-project-content-container .single-project-mobile-markets-links-list a {
  text-decoration: none;
}
/* line 378, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-mobile-markets-links-list
  img {
  padding: 0 10px;
  cursor: pointer;
}
/* line 383, ../sass/projectTop.scss */
.single-project-content-container
  .single-project-mobile-markets-links-list:after {
  content: "";
  display: block;
  clear: both;
}

/* line 392, ../sass/projectTop.scss */
.single-project-full-list-container {
  width: 40%;
  max-width: 300px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-family: "title-font", Arial;
  font-size: 11px;
  line-height: 20px;
  color: #b4b4b4;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
}
/* line 409, ../sass/projectTop.scss */
.single-project-full-list-container img {
  margin: 0 5px -4px 5px;
}
/* line 412, ../sass/projectTop.scss */
.single-project-full-list-container a {
  color: #b4b4b4;
  text-decoration: none;
}
/* line 416, ../sass/projectTop.scss */
.single-project-full-list-container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 3, ../sass/jobOfferPopup.scss */
.job-offer-popup-1-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 3, ../sass/jobOfferPopup.scss */
  .job-offer-popup-1-container {
    width: 90%;
  }
}

/* line 18, ../sass/jobOfferPopup.scss */
.job-offer-popup-2-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 18, ../sass/jobOfferPopup.scss */
  .job-offer-popup-2-container {
    width: 90%;
  }
}

/* line 33, ../sass/jobOfferPopup.scss */
.job-offer-popup-3-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 33, ../sass/jobOfferPopup.scss */
  .job-offer-popup-3-container {
    width: 90%;
  }
}

/* line 48, ../sass/jobOfferPopup.scss */
.job-offer-popup-4-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 48, ../sass/jobOfferPopup.scss */
  .job-offer-popup-4-container {
    width: 90%;
  }
}

/* line 63, ../sass/jobOfferPopup.scss */
.job-offer-popup-5-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 63, ../sass/jobOfferPopup.scss */
  .job-offer-popup-5-container {
    width: 90%;
  }
}

/* line 78, ../sass/jobOfferPopup.scss */
.job-offer-popup-6-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 78, ../sass/jobOfferPopup.scss */
  .job-offer-popup-6-container {
    width: 90%;
  }
}

/* line 93, ../sass/jobOfferPopup.scss */
.job-offer-popup-7-container {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
  position: absolute;
  z-index: 101;
  display: none;
  left: 0;
  right: 0;
}
@media screen and (max-width: 970px) {
  /* line 93, ../sass/jobOfferPopup.scss */
  .job-offer-popup-7-container {
    width: 90%;
  }
}

/* line 108, ../sass/jobOfferPopup.scss */
.popup-inner-container {
  text-align: center;
}
/* line 111, ../sass/jobOfferPopup.scss */
.popup-inner-container .left-container {
  padding: 36px 0 0 30px;
  float: left;
  display: inline-block;
}
/* line 118, ../sass/jobOfferPopup.scss */
.popup-inner-container .right-container {
  padding: 36px 30px 0 0;
  float: right;
  display: inline-block;
}
/* line 122, ../sass/jobOfferPopup.scss */
.popup-inner-container .right-container img {
  cursor: pointer;
}
/* line 125, ../sass/jobOfferPopup.scss */
.popup-inner-container .right-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 133, ../sass/jobOfferPopup.scss */
.popup-inner-container .center-container {
  padding-top: 120px;
  text-transform: uppercase;
  text-align: center;
  font-family: "top-menu-font", Arial;
  font-style: italic;
  font-size: 14px;
  color: #41abec;
}
@media screen and (max-width: 970px) {
  /* line 133, ../sass/jobOfferPopup.scss */
  .popup-inner-container .center-container {
    font-size: 24px;
  }
}
/* line 146, ../sass/jobOfferPopup.scss */
.popup-inner-container .center-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 153, ../sass/jobOfferPopup.scss */
.popup-inner-container .title-container {
  text-align: center;
  margin: 0 auto;
  padding-top: 28px;
}
@media screen and (max-width: 970px) {
  /* line 153, ../sass/jobOfferPopup.scss */
  .popup-inner-container .title-container {
    font-size: 24px;
  }
}
/* line 162, ../sass/jobOfferPopup.scss */
.popup-inner-container .title-container .title-icon {
  display: inline-block;
}
@media screen and (max-width: 970px) {
  /* line 162, ../sass/jobOfferPopup.scss */
  .popup-inner-container .title-container .title-icon {
    display: none;
  }
}
/* line 169, ../sass/jobOfferPopup.scss */
.popup-inner-container .title-container .mobile-title-icon {
  display: none;
}
@media screen and (max-width: 970px) {
  /* line 169, ../sass/jobOfferPopup.scss */
  .popup-inner-container .title-container .mobile-title-icon {
    display: inline-block;
  }
}
/* line 175, ../sass/jobOfferPopup.scss */
.popup-inner-container .title-container .title-text-container {
  font-family: "title-font", Arial;
  font-weight: 700;
  display: inline-block;
  font-size: 35px;
  padding: 0 10px;
  color: #41abec;
}
@media screen and (max-width: 970px) {
  /* line 175, ../sass/jobOfferPopup.scss */
  .popup-inner-container .title-container .title-text-container {
    font-size: 56px;
  }
}
@media screen and (max-width: 400px) {
  /* line 175, ../sass/jobOfferPopup.scss */
  .popup-inner-container .title-container .title-text-container {
    font-size: 44px;
  }
}
/* line 194, ../sass/jobOfferPopup.scss */
.popup-inner-container h1 {
  font-family: "description-font", Arial;
  font-style: italic;
  font-weight: 500;
  display: inline-block;
  font-size: 19px;
  line-height: 22px;
  padding: 40px 25% 40px 25%;
  color: #41abec;
}
/* line 205, ../sass/jobOfferPopup.scss */
.popup-inner-container p {
  font-family: "description-font", Arial;
  font-style: italic;
  font-weight: 400;
  display: inline-block;
  font-size: 15px;
  line-height: 25px;
  padding: 15px 18% 15px 18%;
  color: #959595;
}
/* line 215, ../sass/jobOfferPopup.scss */
.popup-inner-container p a {
  cursor: pointer;
  text-decoration: none;
  color: #41abec;
}
/* line 223, ../sass/jobOfferPopup.scss */
.popup-inner-container .bottom-text-container {
  padding: 100px 20% 80px 20%;
}
/* line 226, ../sass/jobOfferPopup.scss */
.popup-inner-container .bottom-text-container h2 {
  font-family: "description-font", Arial;
  font-style: italic;
  font-weight: 500;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  padding: 15px 5% 15px 5%;
  color: #959595;
}
/* line 240, ../sass/jobOfferPopup.scss */
.popup-inner-container .bottom-internship-text-container {
  padding: 30px 20% 80px 20%;
}
/* line 243, ../sass/jobOfferPopup.scss */
.popup-inner-container .bottom-internship-text-container h2 {
  font-family: "description-font", Arial;
  font-style: italic;
  font-weight: 500;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  padding: 15px 5% 15px 5%;
  color: #959595;
}
/* line 256, ../sass/jobOfferPopup.scss */
.popup-inner-container h3 {
  font-family: "description-font", Arial;
  font-style: italic;
  font-weight: 400;
  display: inline-block;
  font-size: 15px;
  line-height: 25px;
  padding: 0 18% 85px 18%;
  color: #959595;
}
/* line 266, ../sass/jobOfferPopup.scss */
.popup-inner-container h3 a {
  cursor: pointer;
  text-decoration: none;
  color: #41abec;
}
/* line 275, ../sass/jobOfferPopup.scss */
.popup-inner-container .job-offer-apply-button {
  cursor: pointer;
  width: 280px;
  height: 65px;
  display: block;
  border: 2px solid #ffbc07;
  border-radius: 5px;
  background-color: #ffbc07;
  margin: 0 auto 40px auto;
}
/* line 285, ../sass/jobOfferPopup.scss */
.popup-inner-container .job-offer-apply-button .button-label {
  font-family: "title-font", Arial;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  line-height: 70px;
  float: left;
  color: white;
}
/* line 294, ../sass/jobOfferPopup.scss */
.popup-inner-container .job-offer-apply-button img {
  padding: 20px 5% 0 20%;
  float: left;
}

/* line 302, ../sass/jobOfferPopup.scss */
.job-offer-popup-drawn-line-container {
  background-color: #fc9c04;
  width: 2px;
  height: 75px;
  margin: 0 auto 50px auto;
}

/* line 12, ../sass/base.scss */
.overlay-dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.8;
  z-index: 100;
  display: none;
}

/* line 25, ../sass/base.scss */
.footer-container {
  width: 67%;
  max-width: 970px;
  margin: auto;
  padding-bottom: 30px;
  display: block;
}
@media screen and (max-width: 970px) {
  /* line 25, ../sass/base.scss */
  .footer-container {
    display: none;
  }
}
/* line 36, ../sass/base.scss */
.footer-container .footer-logo {
  float: left;
  cursor: pointer;
}
/* line 41, ../sass/base.scss */
.footer-container .footer-line {
  float: left;
  margin: 0 1%;
}
/* line 47, ../sass/base.scss */
.footer-container .footer-drawn-line-container {
  background-color: #163d55;
  width: 1px;
  height: 38px;
  margin: 0 auto;
}
/* line 55, ../sass/base.scss */
.footer-container .footer-menu ul {
  width: 50%;
  float: left;
  list-style-type: none;
  padding: 15px 0;
}
/* line 62, ../sass/base.scss */
.footer-container .footer-menu li {
  margin: 0 1%;
  float: left;
  font-size: 12px;
  font-family: "top-menu-font", Arial;
  text-transform: uppercase;
}
/* line 70, ../sass/base.scss */
.footer-container .footer-menu a {
  display: block;
  color: #175e8b;
  text-align: center;
  padding: 0;
  text-decoration: none;
}
/* line 78, ../sass/base.scss */
.footer-container .footer-menu a:hover {
  color: #fff;
}
/* line 85, ../sass/base.scss */
.footer-container .footer-social-menu ul {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 2px 0;
}
/* line 92, ../sass/base.scss */
.footer-container .footer-social-menu li {
  float: left;
  margin: 2px 2px;
}
/* line 97, ../sass/base.scss */
.footer-container .footer-social-menu img {
  display: block;
  cursor: pointer;
}
/* line 102, ../sass/base.scss */
.footer-container .footer-social-menu a {
  text-decoration: none;
}
/* line 106, ../sass/base.scss */
.footer-container .footer-social-menu:after {
  content: "";
  display: block;
  clear: both;
}