@import url(../js/bootstrap/css/bootstrap-theme.min.css);
@import url(../js/bootstrap/css/bootstrap.min.css);
@import url(../fonts/font-awesome/pro/css/all.min.css);
@import url(../fonts/poppins/stylesheet.css);
@import url(../fonts/space-grotesk/stylesheet.css);
.c {
  *zoom: 1;
}
.c:before,
.c:after {
  content: "";
  display: table;
}
.c:after {
  clear: both;
}
.grayscale {
  -webkit-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}
.grayscale-none {
  -webkit-filter: none !important;
  -o-filter: none !important;
  filter: none !important;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cover {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
html {
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
}
@media all and (max-width: 767px) {
  html {
    overflow-x: hidden;
  }
}
img,
.svg {
  border: 0 none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
input,
select,
textarea {
  outline: none;
}
input[type=submit],
button {
  cursor: pointer;
}
body,
ul,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
form {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
ul {
  list-style-type: none;
}
a,
a:visited,
a:link,
a:focus {
  outline: none;
  color: #0091ff;
  text-decoration: underline;
}
a:hover,
a:visited:hover,
a:link:hover,
a:focus:hover {
  text-decoration: underline;
  color: #33a7ff;
}
p {
  padding: 0;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0;
}
body {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #112e4d;
  min-height: 100%;
  overflow-x: hidden;
  background-color: #eaeeff;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  body {
    padding-top: 60px;
  }
}
.wrap {
  margin: 0 auto;
  max-width: 1050px;
  *zoom: 1;
  position: relative;
}
.wrap:before,
.wrap:after {
  content: "";
  display: table;
}
.wrap:after {
  clear: both;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .wrap {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
}
.button {
  text-decoration: none !important;
  padding: 13px 60px 13px 20px;
  display: inline-block;
  color: #ffffff !important;
  background: #0091ff !important;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  height: auto !important;
  line-height: 18px !important;
  position: relative;
  font-weight: 400;
  margin-top: 20px;
  border: thin solid transparent;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
  border-radius: 9999px;
}
.button .button__icon {
  position: absolute;
  background-color: #33a7ff;
  color: #ffffff;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
.button .button__icon .far {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.button span {
  display: inline-block;
  vertical-align: middle;
}
.button .fa,
.button .fas,
.button .fal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  font-size: 26px;
  color: #0091ff;
}
.button:hover {
  color: #0091ff !important;
  text-decoration: none !important;
  background-color: #33a7ff !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
  -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
  -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
}
.button:hover .button__icon {
  background-color: #33a7ff;
}
.button:hover .button__icon .far {
  color: #0091ff !important;
}
.button:hover .fa,
.button:hover .fas,
.button:hover .far,
.button:hover .fab {
  color: #ffffff;
}
.button:hover span span {
  color: #ffffff;
}
.button--reverse {
  background-color: #0091ff !important;
  border-color: #0091ff;
  color: #ffffff !important;
}
.button--reverse:hover {
  background-color: #33a7ff !important;
  border-color: #33a7ff;
  color: #ffffff !important;
}
.button--reverse .fal,
.button--reverse .fas,
.button--reverse .far {
  color: #ffffff;
}
.button--inverse {
  background: none !important;
  color: #0091ff !important;
  border-color: #0091ff;
}
.button--inverse:hover {
  background: #0091ff !important;
  color: #ffffff !important;
  border-color: #0091ff;
}
.button--inverse:hover .far,
.button--inverse:hover .fas,
.button--inverse:hover .fal {
  color: #ffffff;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.colored {
  color: #0091ff;
}
@media all and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}
.mobile-show {
  display: none;
}
@media all and (max-width: 767px) {
  .mobile-show {
    display: block;
  }
}
.pt0 {
  padding-top: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.uptitle {
  color: #0091ff;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  display: block;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.block {
  position: relative;
  *zoom: 1;
}
.block:before,
.block:after {
  content: "";
  display: table;
}
.block:after {
  clear: both;
}
.block > .wrap {
  padding: 70px 0;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .block > .wrap {
    padding: 30px 0;
  }
}
.block__title {
  font-size: 40px;
  line-height: 46px;
  color: #0091ff;
  font-weight: 600;
  position: relative;
}
@media all and (max-width: 767px) {
  .block__title {
    font-size: 32px;
    line-height: 38px;
  }
}
a.block__more {
  float: right;
  color: #112e4d;
  font-weight: 400;
  margin-top: 5px;
}
a.block__more:hover {
  color: #0091ff;
}
.block__top {
  *zoom: 1;
  margin-bottom: 50px;
}
.block__top:before,
.block__top:after {
  content: "";
  display: table;
}
.block__top:after {
  clear: both;
}
.main {
  /*iframe {
    display: block !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 40px auto;
    height: 300px !important;
  }*/
}
.main > .wrap {
  padding: 50px 0;
}
.main blockquote {
  background-color: #f5f5f5;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 24px;
  border: none;
  margin-top: 40px;
}
.main blockquote h1,
.main blockquote h2,
.main blockquote h3,
.main blockquote h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
.main blockquote p {
  margin: 20px 0;
  font-size: 18px;
  line-height: 24px;
}
.main .rll-youtube-player {
  width: 100% !important;
  max-width: 900px;
  margin: 40px auto;
}
.main p.wp-caption-text {
  background-color: #eef5f3;
  margin: 0;
  padding: 10px;
}
.main p p:first-of-type {
  margin-top: 0;
}
.main h1 {
  font-size: 44px;
  line-height: 50px;
  position: relative;
  margin-bottom: 40px;
  font-weight: 500;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px) {
  .main h1 {
    font-size: 25px;
    line-height: 32px;
  }
}
.main h2 {
  font-size: 30px;
  line-height: 36px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  clear: both;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.main h3 {
  font-size: 23px;
  line-height: 30px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-weight: bold;
  clear: both;
}
@media all and (max-width: 767px) {
  .main h3 br {
    display: none;
  }
}
.main h4,
.main h5,
.main h6 {
  font-size: 18px;
  line-height: 28px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: 600;
  clear: both;
}
.main ul {
  margin: 20px 0;
  list-style-type: none !important;
}
.main ul > li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.main ul > li:before {
  content: "";
  background-color: #0091ff;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
}
.main ol {
  margin: 20px 0;
  list-style-type: none;
}
.main ol > li {
  counter-increment: item;
  position: relative;
  padding-left: 16px;
  margin: 10px 0;
  line-height: 30px;
}
.main ol > li:before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #0091ff;
}
.main table {
  margin: 20px 0;
  width: 100% !important;
  border-collapse: collapse;
  border: none;
}
@media all and (max-width: 500px) {
  .main table {
    font-size: 13px;
    line-height: 18px;
  }
}
.main table.vertical td {
  border: none !important;
}
@media all and (max-width: 500px) {
  .main table.vertical td {
    width: 100% !important;
    display: block;
    text-align: center;
  }
}
.main table tr:last-child td {
  border-bottom: none;
}
.main table tr th {
  text-align: left;
  color: #ffffff;
  padding: 16px 14px;
  background-color: #0091ff;
  font-size: 20px;
  text-transform: uppercase;
}
@media all and (max-width: 500px) {
  .main table tr th {
    font-size: 16px;
    line-height: 24px;
  }
}
.main table tr td {
  padding: 16px 14px;
  color: #112e4d;
  border-bottom: 1px solid #d6d5d4;
  font-weight: 400;
}
@media all and (max-width: 500px) {
  .main table tr td {
    padding: 3px 5px;
  }
}
.main img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main img.alignleft {
    float: none;
    display: block;
    margin: 20px auto;
  }
}
.main img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main img.alignright {
    float: none;
    display: block;
    margin: 20px auto;
  }
}
.main img.aligncenter {
  display: block;
  margin: 20px auto;
}
.main img.alignnone {
  float: none;
}
.main .gallery-columns-2 .gallery-item {
  width: 48.85% !important;
  margin-right: 2.30%;
  margin-bottom: 27px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main .gallery-columns-2 .gallery-item {
    margin-bottom: 19px;
  }
}
@media all and (max-width: 600px) {
  .main .gallery-columns-2 .gallery-item {
    margin-bottom: 13px;
  }
}
@media all and (max-width: 500px) {
  .main .gallery-columns-2 .gallery-item {
    margin-bottom: 6px;
  }
}
@media all and (max-width: 400px) {
  .main .gallery-columns-2 .gallery-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.main .gallery-columns-2 .gallery-item:nth-of-type(even) {
  margin-right: 0;
}
.main .gallery-columns-3 .gallery-item {
  width: 31.80% !important;
  margin-right: 2.30%;
  margin-bottom: 27px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main .gallery-columns-3 .gallery-item {
    margin-bottom: 19px;
  }
}
@media all and (max-width: 600px) {
  .main .gallery-columns-3 .gallery-item {
    margin-bottom: 13px;
  }
}
@media all and (max-width: 500px) {
  .main .gallery-columns-3 .gallery-item {
    width: 49.5% !important;
    margin-bottom: 6px;
  }
}
@media all and (max-width: 400px) {
  .main .gallery-columns-3 .gallery-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.main .gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}
.main .gallery-columns-4 .gallery-item {
  width: 23.27% !important;
  margin-right: 2.30%;
  margin-bottom: 27px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main .gallery-columns-4 .gallery-item {
    margin-bottom: 19px;
  }
}
@media all and (max-width: 600px) {
  .main .gallery-columns-4 .gallery-item {
    margin-bottom: 13px;
  }
}
@media all and (max-width: 500px) {
  .main .gallery-columns-4 .gallery-item {
    width: 49.5% !important;
    margin-bottom: 6px;
  }
}
@media all and (max-width: 400px) {
  .main .gallery-columns-4 .gallery-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.main .gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}
.main .gallery-columns-5 .gallery-item {
  width: 18.16% !important;
  margin-right: 2.30%;
  margin-bottom: 27px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main .gallery-columns-5 .gallery-item {
    margin-bottom: 19px;
  }
}
@media all and (max-width: 600px) {
  .main .gallery-columns-5 .gallery-item {
    margin-bottom: 13px;
  }
}
@media all and (max-width: 500px) {
  .main .gallery-columns-5 .gallery-item {
    width: 49.5% !important;
    margin-bottom: 6px;
  }
}
@media all and (max-width: 400px) {
  .main .gallery-columns-5 .gallery-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.main .gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}
.main .gallery {
  *zoom: 1;
  font-size: 0;
  margin-top: 40px !important;
}
.main .gallery:before,
.main .gallery:after {
  content: "";
  display: table;
}
.main .gallery:after {
  clear: both;
}
.main .gallery-item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 19.80% !important;
  margin-right: 0.25%;
  margin-bottom: 2px;
  margin-top: 0 !important;
}
@media all and (max-width: 500px) {
  .main .gallery-item {
    width: 49.5% !important;
    margin-bottom: 3px;
  }
}
@media all and (max-width: 500px) {
  .main .gallery-item:nth-of-type(even) {
    margin-right: 0 !important;
  }
}
@media all and (max-width: 500px) {
  .main .gallery-item:nth-of-type(odd) {
    margin-right: 1% !important;
  }
}
.main .gallery-item a {
  display: block;
  position: relative;
  overflow: hidden;
}
.main .gallery-item a:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 21, 21, 0.7);
  content: "";
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
@media all and (max-width: 767px) {
  .main .gallery-item a:after {
    display: none !important;
  }
}
.main .gallery-item a:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  z-index: 2;
  font-weight: bold;
}
@media all and (max-width: 767px) {
  .main .gallery-item a:before {
    display: none !important;
  }
}
.main .gallery-item a:hover:after,
.main .gallery-item a:hover:before {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.main .gallery-item img {
  border: none !important;
  width: 100%;
}
.main .gallery-item .gallery-caption {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  padding: 20px 10px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.main .wp-caption.alignnone {
  margin-top: 40px;
}
.main .wp-caption.aligncenter {
  margin: 40px auto 0 auto;
}
.main .wp-caption img {
  width: 100%;
}
.main ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666666;
}
.main :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666666;
  opacity: 1;
}
.main ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666666;
  opacity: 1;
}
.main :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666666;
}
.main input[type=text],
.main input[type=email],
.main input[type=tel],
.main input[type=date],
.main select,
.main textarea {
  display: block;
  width: 100%;
  height: 36px;
  background-color: #112e4d;
  font-family: 'Poppins';
  padding: 0 20px;
  color: #ffffff;
  border: thin solid #0091ff;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.main select,
.main option {
  color: #112e4d;
  height: 40px;
}
.main select {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.main input[type=file] {
  font-size: 13px;
}
.main .labelex {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 12px;
}
.main textarea {
  padding: 20px;
  height: 100px;
  max-width: 100%;
  min-width: 100%;
}
.main input[type=submit] {
  text-decoration: none !important;
  padding: 13px 60px 13px 20px;
  display: inline-block;
  color: #ffffff !important;
  background: #0091ff !important;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  height: auto !important;
  line-height: 18px !important;
  position: relative;
  font-weight: 400;
  margin-top: 20px;
  border: thin solid transparent;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
  border-radius: 9999px;
  border: none;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
.main input[type=submit] .button__icon {
  position: absolute;
  background-color: #33a7ff;
  color: #ffffff;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
.main input[type=submit] .button__icon .far {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.main input[type=submit] span {
  display: inline-block;
  vertical-align: middle;
}
.main input[type=submit] .fa,
.main input[type=submit] .fas,
.main input[type=submit] .fal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  font-size: 26px;
  color: #0091ff;
}
.main input[type=submit]:hover {
  color: #0091ff !important;
  text-decoration: none !important;
  background-color: #33a7ff !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
  -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
  -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
}
.main input[type=submit]:hover .button__icon {
  background-color: #33a7ff;
}
.main input[type=submit]:hover .button__icon .far {
  color: #0091ff !important;
}
.main input[type=submit]:hover .fa,
.main input[type=submit]:hover .fas,
.main input[type=submit]:hover .far,
.main input[type=submit]:hover .fab {
  color: #ffffff;
}
.main input[type=submit]:hover span span {
  color: #ffffff;
}
.main input[type=submit]--reverse {
  background-color: #0091ff !important;
  border-color: #0091ff;
  color: #ffffff !important;
}
.main input[type=submit]--reverse:hover {
  background-color: #33a7ff !important;
  border-color: #33a7ff;
  color: #ffffff !important;
}
.main input[type=submit]--reverse .fal,
.main input[type=submit]--reverse .fas,
.main input[type=submit]--reverse .far {
  color: #ffffff;
}
.main input[type=submit]--inverse {
  background: none !important;
  color: #0091ff !important;
  border-color: #0091ff;
}
.main input[type=submit]--inverse:hover {
  background: #0091ff !important;
  color: #ffffff !important;
  border-color: #0091ff;
}
.main input[type=submit]--inverse:hover .far,
.main input[type=submit]--inverse:hover .fas,
.main input[type=submit]--inverse:hover .fal {
  color: #ffffff;
}
.main input[type=submit] .button__icon {
  position: absolute;
  background-color: #33a7ff;
  color: #ffffff;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
.main input[type=submit] .button__icon .far {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.main input[type=submit] span {
  display: inline-block;
  vertical-align: middle;
}
.main input[type=submit] .fa,
.main input[type=submit] .fas,
.main input[type=submit] .fal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  font-size: 26px;
  color: #0091ff;
}
.main input[type=submit]:hover {
  color: #0091ff !important;
  text-decoration: none !important;
  background-color: #33a7ff !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
  -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
  -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.147891);
}
.main input[type=submit]:hover .button__icon {
  background-color: #33a7ff;
}
.main input[type=submit]:hover .button__icon .far {
  color: #0091ff !important;
}
.main input[type=submit]:hover .fa,
.main input[type=submit]:hover .fas,
.main input[type=submit]:hover .far,
.main input[type=submit]:hover .fab {
  color: #ffffff;
}
.main input[type=submit]:hover span span {
  color: #ffffff;
}
.main input[type=submit]--reverse {
  background-color: #0091ff !important;
  border-color: #0091ff;
  color: #ffffff !important;
}
.main input[type=submit]--reverse:hover {
  background-color: #33a7ff !important;
  border-color: #33a7ff;
  color: #ffffff !important;
}
.main input[type=submit]--reverse .fal,
.main input[type=submit]--reverse .fas,
.main input[type=submit]--reverse .far {
  color: #ffffff;
}
.main input[type=submit]--inverse {
  background: none !important;
  color: #0091ff !important;
  border-color: #0091ff;
}
.main input[type=submit]--inverse:hover {
  background: #0091ff !important;
  color: #ffffff !important;
  border-color: #0091ff;
}
.main input[type=submit]--inverse:hover .far,
.main input[type=submit]--inverse:hover .fas,
.main input[type=submit]--inverse:hover .fal {
  color: #ffffff;
}
@media all and (max-width: 500px) {
  .main input[type=submit] {
    width: 100% !important;
    display: block !important;
  }
}
.main input[type=submit]:hover {
  background: #33a7ff !important;
  color: #ffffff !important;
}
.main .rowex {
  *zoom: 1;
  padding: 10px 0;
}
.main .rowex:before,
.main .rowex:after {
  content: "";
  display: table;
}
.main .rowex:after {
  clear: both;
}
.main .twice .item {
  float: left;
  width: 49%;
  margin-right: 2%;
}
@media all and (max-width: 650px) {
  .main .twice .item {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.main .twice .item:nth-child(2) {
  margin-right: 0;
}
@media all and (max-width: 650px) {
  .main .twice .item:nth-child(2) {
    margin-top: 20px;
  }
}
.main .third .item {
  float: left;
  width: 32%;
  margin-right: 2%;
}
@media all and (max-width: 650px) {
  .main .third .item {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
@media all and (max-width: 650px) {
  .main .third .item:nth-child(2) {
    margin-top: 20px;
  }
}
.main .third .item:nth-child(3) {
  margin-right: 0;
}
@media all and (max-width: 650px) {
  .main .third .item:nth-child(3) {
    margin-top: 20px;
  }
}
.main select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.main .noul {
  margin: 0;
}
.main .noul > li {
  padding-left: 0;
}
.main .noul > li:before {
  display: none;
}
.wpcf7 p {
  margin: 0;
}
.wpcf7 br {
  display: none;
}
.wpcf7 .ajax-loader {
  display: none !important;
}
.wpcf7-acceptance .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item {
  margin-left: 0;
}
.wpcf7-acceptance input[type=radio],
.wpcf7-radio input[type=radio],
.wpcf7-acceptance input[type=checkbox],
.wpcf7-radio input[type=checkbox] {
  display: none;
}
.wpcf7-acceptance label,
.wpcf7-radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  height: 20px;
  margin-right: 15px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
}
.wpcf7-acceptance .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label {
  position: relative;
  padding-left: 33px;
  display: block;
}
.wpcf7-acceptance .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item-label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  left: 0;
  position: absolute;
  top: -1px;
  background-color: #ffffff;
  border: 1px solid #a6a8a7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label:before,
.wpcf7-radio input[type=checkbox]:checked + .wpcf7-list-item-label:before,
.wpcf7-acceptance input[type=radio]:checked + .wpcf7-list-item-label:before,
.wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label:before {
  content: "\2713";
  font-size: 15px;
  color: #ffffff;
  background-color: #0091ff;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  border: 1px solid #0091ff;
}
.paginator {
  text-align: center;
  margin-top: 40px;
  font-weight: 400;
}
.paginator a {
  padding: 10px;
  text-transform: uppercase;
  color: #0091ff;
  font-size: 16px;
  text-decoration: none;
}
.paginator a:hover {
  color: #33a7ff;
  text-decoration: none;
}
.paginator .current {
  color: #ffffff;
  padding: 10px;
  font-weight: bold;
  background-color: #0091ff;
}
#ui-datepicker-div {
  width: 100%;
  max-width: 300px;
  background-color: #33a7ff;
  text-align: center;
}
.ui-datepicker-header {
  background-color: #0091ff;
  position: relative;
  padding: 20px;
}
.ui-datepicker-header a {
  color: #ffffff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
}
.ui-datepicker-header a span:before {
  font-size: 24px !important;
  font-weight: bold;
  top: 0 !important;
}
.ui-datepicker-title {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.ui-datepicker-prev {
  left: 20px;
}
.ui-datepicker-next {
  right: 20px;
}
.ui-datepicker-calendar {
  width: 100%;
  color: #ffffff;
  border-collapse: collapse;
}
.ui-datepicker-calendar th {
  text-align: center;
  background-color: #199cff;
  padding: 3px;
}
.ui-datepicker-calendar td {
  border: 1px solid #4db2ff;
  position: relative;
}
.ui-datepicker-calendar td span.ui-state-default {
  color: #80c8ff;
}
.ui-datepicker-calendar td a {
  color: #ffffff;
  background-color: #199cff;
  text-decoration: none !important;
  display: block;
}
.ui-datepicker-calendar td a:hover {
  background-color: #0091ff;
  color: #ffffff;
}
.grecaptcha-badge {
  display: none;
}
.tos-caption {
  display: none !important;
}
.single-reference .tos-caption {
  display: block !important;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
  }
}
.showcase {
  position: relative;
  z-index: 1;
}
#slider {
  background-color: #ffffff;
}
#slider .item {
  overflow: hidden;
  /*.blended {
			max-width: 1180px;
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			position: absolute;
			bottom: 0;
			z-index: 2;
			mix-blend-mode: multiply;

			&:after {
				content: "";
				width: 900px;
				height: 900px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background-color: @links-hover;
				opacity: 0.79;
				position: absolute;
				left: -242px;
				bottom: -240px;
			}

		}*/
}
#slider .item:after {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: none;
}
@media all and (max-width: 767px) {
  #slider .item:after {
    display: block;
  }
}
#slider .item:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 550px;
  width: 100%;
  background: url(../images/line.png) center bottom repeat-y;
}
@media all and (max-width: 767px) {
  #slider .item:before {
    display: none;
  }
}
#slider .item .wrap {
  z-index: 3;
  height: 100vh;
}
@media all and (max-width: 767px) {
  #slider .item .wrap {
    height: auto;
    padding: 40px 0 200px 0;
  }
}
#slider .carousel-control {
  display: none;
}
#slider .carousel-inner {
  overflow: visible;
}
#slider .button {
  position: absolute;
  bottom: 300px;
  right: 15%;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px) {
  #slider .button {
    right: 3%;
  }
}
@media all and (max-width: 767px) {
  #slider .button {
    display: none;
  }
}
#slider .item__text {
  max-width: 400px;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  opacity: 1;
  z-index: 2;
  color: #112e4d;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  #slider .item__text {
    left: 3%;
  }
}
@media all and (max-width: 767px) {
  #slider .item__text {
    max-width: 94%;
    position: relative;
    top: 0;
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}
#slider .item__text h1 {
  font-size: 58px;
  line-height: 69px;
  position: relative;
  margin-bottom: 80px;
  font-weight: 600;
  color: #0091ff;
}
@media all and (max-width: 767px) {
  #slider .item__text h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
#slider .item__text h1 strong {
  text-transform: uppercase;
  display: block;
}
#slider .item__text p {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  color: #C4E0FF;
  width: 100%;
  max-width: 260px;
}
@media all and (max-width: 767px) {
  #slider .item__text p {
    max-width: 100%;
  }
}
.carousel-indicators {
  margin-left: 0;
  left: 0;
  right: 0;
  bottom: -90px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 1200px;
  width: 100%;
  display: block;
  z-index: 2;
}
.carousel-indicators li {
  width: 12px;
  height: 12px;
  background-color: #e9e8e8;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0 4px !important;
}
.carousel-indicators li.active {
  background-color: #0091ff;
}
.showcase__page {
  position: relative;
  background: #eaeeff;
  color: #ffffff;
  overflow: hidden;
}
.showcase__page:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: none;
  background: rgba(0, 0, 0, 0.4);
}
@media all and (max-width: 767px) {
  .showcase__page:before {
    display: block;
  }
}
.showcase__page > .wrap {
  padding: 170px 0 40px 0;
  z-index: 2;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .showcase__page > .wrap {
    padding: 50px 0 20px 0;
  }
}
.showcase__page h1 {
  font-size: 58px;
  line-height: 69px;
  position: relative;
  font-weight: 600;
  color: #0091ff;
}
@media all and (max-width: 767px) {
  .showcase__page h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
.showcase__page p {
  font-size: 32px;
  line-height: 38px;
  margin: 2px 0 0 0;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .showcase__page p {
    font-size: 17px;
    line-height: 24px;
  }
}
@keyframes move {
  0% {
    opacity: 0;
    bottom: -1200px;
  }
  100% {
    opacity: 1;
    bottom: -700px;
  }
}
.showcase__page .blended {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  z-index: 1;
  mix-blend-mode: multiply;
  width: 900px;
  height: 900px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #33a7ff;
  opacity: 1;
  bottom: -700px;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  animation: move .8s;
  -moz-animation: move .8s;
  /* Firefox */
  -webkit-animation: move .8s;
  /* Safari and Chrome */
  -o-animation: move .8s;
  /* Opera */
}
.showcase__page.bigger:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(left, #0b1825 0%, rgba(11, 24, 37, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0b1825 0%, rgba(11, 24, 37, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0b1825 0%, rgba(11, 24, 37, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
  /* IE6-9 */
  display: none;
}
.showcase__page.bigger > .wrap {
  height: 740px;
}
.showcase__page.showcase__about > .wrap {
  height: 960px;
}
@media all and (max-width: 767px) {
  .showcase__page.showcase__about > .wrap {
    height: 300px;
  }
}
#counter {
  display: block;
  color: #0091ff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: 40px;
  text-align: left;
  position: fixed;
  left: 0;
  right: 0;
  top: 191px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
}
@media all and (min-width: 768px) and (max-width: 989px) {
  #counter {
    top: 251px;
  }
}
@media all and (max-width: 767px) {
  #counter {
    display: none !important;
  }
}
#counter:before {
  content: "";
  border-bottom: thin solid #0091ff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 17px;
  height: 1px;
  width: 16px;
}
#boxes {
  position: relative;
  z-index: 1;
  background: #eaeeff url(../images/line.png) center -700px repeat-y;
}
@media all and (max-width: 767px) {
  #boxes {
    background: none;
  }
}
#boxes > .wrap {
  padding-bottom: 0;
}
.boxeslist .item {
  *zoom: 1;
  margin-bottom: 40px;
}
.boxeslist .item:before,
.boxeslist .item:after {
  content: "";
  display: table;
}
.boxeslist .item:after {
  clear: both;
}
.boxeslist .item:last-child {
  margin-bottom: 0;
}
.boxeslist .item__text {
  float: left;
  width: 45%;
}
@media all and (max-width: 767px) {
  .boxeslist .item__text {
    float: none;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.boxeslist .item__text h2,
.boxeslist .item__text h3,
.boxeslist .item__text h4 {
  color: #0091ff;
  font-weight: 600;
  font-size: 40px;
  line-height: 46px;
}
.boxeslist .item__text p {
  width: 100%;
  max-width: 290px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__text p {
    max-width: 100%;
  }
}
.boxeslist .item__img {
  float: left;
  width: 55%;
  text-align: center;
}
@media all and (max-width: 767px) {
  .boxeslist .item__img {
    float: none;
    width: 100% !important;
    margin-bottom: 30px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .boxeslist .item__img img {
    max-width: 240px;
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}
@media all and (max-width: 500px) {
  .boxeslist .item__img img {
    max-width: 100%;
  }
}
.boxeslist .item__cite p {
  font-size: 18px;
  color: #0091ff;
  margin: 0;
}
.boxeslist .item__cite span {
  display: block;
  font-size: 10px;
  line-height: 16px;
}
.boxeslist .item.odd .item__text {
  padding-right: 50px;
}
.boxeslist .item.odd .item__img {
  padding-right: 0;
  padding-left: 50px;
}
.boxeslist .item.even .item__text {
  padding-left: 50px;
  position: relative;
  right: -50px;
}
@media all and (max-width: 1200px) {
  .boxeslist .item.even .item__text {
    right: 0;
  }
}
.boxeslist .item__1 .item__img {
  margin-top: -190px;
}
@media all and (max-width: 500px) {
  .boxeslist .item__1 .item__img img {
    max-width: 300px;
  }
}
.boxeslist .item__1 .item__img .i1 {
  position: relative;
  z-index: 2;
}
.boxeslist .item__1 .item__img .i2 {
  position: relative;
  z-index: 1;
  margin-top: -140px;
}
.boxeslist .item__2 .item__img {
  margin-top: 40px;
  padding-right: 80px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__2 .item__img {
    margin-top: 0;
    padding-right: 0;
  }
}
.boxeslist .item__3 {
  margin-top: 80px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__3 {
    margin-top: 0;
  }
}
.boxeslist .item__3 img {
  max-height: 400px;
}
.boxeslist .item__4 {
  margin-top: 80px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__4 {
    margin-top: 0;
  }
}
.boxeslist .item__4 .item__img {
  margin-top: 80px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__4 .item__img {
    margin-top: 0;
  }
}
.boxeslist .item__4 .item__img img {
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
}
.boxeslist .item__5 .item__img {
  width: 65%;
  margin-top: 80px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__5 .item__img {
    margin-top: 0;
  }
}
.boxeslist .item__5 .item__text {
  width: 35%;
  margin-top: 100px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__5 .item__text {
    margin-top: 0;
  }
}
.boxeslist .item__6 .item__text {
  margin-top: 60px;
}
@media all and (max-width: 767px) {
  .boxeslist .item__6 .item__text {
    margin-top: 0;
  }
}
.boxeslist .item__6 .item__img img {
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  position: relative;
  right: -40px;
  max-height: 587px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .boxeslist .item__6 .item__img img {
    right: 0;
  }
}
.partners {
  text-align: center;
}
.partners img {
  width: 80%;
}
.partners__more {
  margin-top: 40px;
}
.bgc {
  background-color: #eaeeff;
}
#machines {
  position: relative;
  z-index: 1;
}
.machinelist .item {
  *zoom: 1;
  background-color: #EFF3FF;
  margin-bottom: 30px;
}
.machinelist .item:before,
.machinelist .item:after {
  content: "";
  display: table;
}
.machinelist .item:after {
  clear: both;
}
.machinelist .item__text {
  width: 45%;
  float: left;
  padding: 50px;
}
@media all and (max-width: 767px) {
  .machinelist .item__text {
    padding: 30px;
    width: 100% !important;
    float: none;
  }
}
.machinelist .item__text h2,
.machinelist .item__text h3,
.machinelist .item__text h4 {
  color: #0091ff;
  font-weight: 600;
  font-size: 40px;
  line-height: 46px;
}
.machinelist .item__text ul {
  margin-top: 40px;
}
.machinelist .item__text ul li {
  position: relative;
  padding-left: 30px;
}
.machinelist .item__text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 16px;
  height: 1px;
  border-bottom: thin solid #112e4d;
}
.machinelist .item__img {
  width: 55%;
  float: left;
  text-align: center;
  padding: 14px 0;
}
@media all and (max-width: 767px) {
  .machinelist .item__img {
    width: 100% !important;
    float: none;
    margin-bottom: 10px;
  }
}
.machinelist .item__img img {
  mix-blend-mode: multiply;
  max-height: 400px;
}
.machinelist .item__1 {
  position: relative;
  margin-top: -260px;
}
.machinelist .item__1 .item__img {
  position: absolute;
  right: 0;
  bottom: 14px;
  float: none;
}
@media all and (max-width: 767px) {
  .machinelist .item__1 .item__img {
    position: relative;
    bottom: 0;
    margin-top: -200px;
  }
}
.machinelist .item__1 .item__img img {
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  max-width: 390px;
}
.machinelist .last {
  text-align: center;
  margin-bottom: 0;
  padding: 36px;
}
.machinelist .last p {
  color: #0091ff;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}
@media all and (max-width: 767px) {
  .machinelist .last p br {
    display: none;
  }
}
.servicelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media all and (max-width: 500px) {
  .servicelist {
    display: block;
  }
}
.servicelist .item {
  margin-right: 3%;
  width: 22.75%;
  position: relative;
}
@media all and (max-width: 767px) {
  .servicelist .item {
    width: 48.50%;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 500px) {
  .servicelist .item {
    width: 100%;
    margin-right: 0 !important;
  }
}
.servicelist .item:nth-child(4n+4) {
  margin-right: 0;
}
@media all and (max-width: 767px) {
  .servicelist .item:nth-child(odd) {
    margin-right: 3%;
  }
}
@media all and (max-width: 767px) {
  .servicelist .item:nth-child(even) {
    margin-right: 0;
  }
}
.servicelist .item:hover {
  color: #0091ff;
}
.servicelist .item__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 0 14px;
}
.servicelist .item__img {
  margin-bottom: 20px;
}
.servicelist .item__link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.amoto {
  color: #E5F0FF;
  text-align: center;
  position: absolute;
  bottom: 140px;
  left: 0;
  width: 100%;
}
@media all and (max-width: 767px) {
  .amoto {
    background-color: #112e4d;
    bottom: 0;
    padding: 30px 3%;
    position: relative;
  }
}
.amoto p {
  font-size: 21px;
  line-height: 31px;
  margin: 46px 0;
}
@media all and (max-width: 767px) {
  .amoto p {
    font-size: 18px;
    line-height: 27px;
    margin: 30px 0;
  }
}
.amoto__title {
  display: block;
  color: #0091ff;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
#about {
  position: relative;
  z-index: 1;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px) {
  #about .boxeslist .item__img {
    width: 50%;
  }
}
#about .boxeslist .item__img img {
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  max-width: 437px;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px) {
  #about .boxeslist .item__img img {
    max-width: 100%;
  }
}
@media all and (max-width: 500px) {
  #about .boxeslist .item__img img {
    max-width: 100%;
  }
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px) {
  #about .boxeslist .item__text {
    width: 50%;
    margin-left: 0 !important;
  }
}
#about .boxeslist .item__1 .item__img {
  margin-top: -130px;
}
@media all and (max-width: 767px) {
  #about .boxeslist .item__1 .item__img {
    margin-top: 0;
  }
}
#about .boxeslist .item__2 .item__img {
  margin-top: -150px;
  text-align: left;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  #about .boxeslist .item__2 .item__img {
    margin-top: 0;
    text-align: center;
  }
}
#about .boxeslist .item__2 .item__text {
  margin-left: -40px;
}
@media all and (max-width: 767px) {
  #about .boxeslist .item__2 .item__text {
    margin-left: 0;
  }
}
.reffilter {
  font-size: 0;
  text-align: left;
  margin-bottom: 50px;
}
.reffilter li {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
  padding-right: 10px;
  width: 25%;
  font-size: 16px;
  color: #9FB1CC;
}
@media all and (max-width: 767px) {
  .reffilter li {
    width: 50%;
    padding-left: 10px;
  }
}
.reffilter li:hover,
.reffilter li.active {
  color: #0091ff;
}
.reffilter li:first-child {
  margin-left: 0;
}
.reffilter li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.reffilter span {
  cursor: pointer;
  display: block;
}
.refcontent {
  display: none;
  padding: 30px;
  background-color: #eff3ff;
}
.refcontent.active {
  display: block;
}
ul.gal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
ul.gal li {
  width: 19.20%;
  margin-right: 1%;
  margin-bottom: 13px;
  display: none;
}
@media all and (max-width: 600px) {
  ul.gal li {
    width: 49.50%;
  }
}
ul.gal li:nth-child(5n+5) {
  margin-right: 0;
}
@media all and (max-width: 600px) {
  ul.gal li:nth-child(odd) {
    margin-right: 1%;
  }
}
@media all and (max-width: 600px) {
  ul.gal li:nth-child(even) {
    margin-right: 0;
  }
}
ul.gal a {
  display: block;
  position: relative;
  overflow: hidden;
}
ul.gal a:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(37, 55, 79, 0.8);
  content: "";
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
@media all and (max-width: 767px) {
  ul.gal a:after {
    display: none !important;
  }
}
ul.gal a:hover:after,
ul.gal a:hover:before {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media all and (max-width: 767px) {
  .cols {
    display: block;
  }
}
.cols .col {
  width: 33.33%;
  padding-right: 30px;
}
@media all and (max-width: 767px) {
  .cols .col {
    width: 100%;
    padding-right: 0;
    margin: 30px 0;
  }
}
.cols .col:nth-child(3n+3) {
  padding-right: 0;
}
.cols .col__label {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 30px;
  color: #0091ff;
  margin-bottom: 20px;
}
@media all and (min-width: 768px) and (max-width: 989px) {
  .cols .footer__contact p {
    font-size: 18px;
    line-height: 24px;
  }
}
.job {
  background-color: #0091ff;
  color: #ffffff;
  padding: 20px 30px;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
}
.job h2,
.job h3,
.job h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.job ul {
  margin-top: 20px;
}
.job ul li {
  position: relative;
  padding-left: 30px;
}
.job ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 16px;
  height: 1px;
  border-bottom: thin solid #ffffff;
}
#map {
  height: 700px;
  position: relative;
  overflow: hidden;
  /*iframe {
		.cover;
		display: block;
		overflow: hidden !important;
	}*/
}
@media all and (max-width: 767px) {
  #map {
    height: 400px;
  }
}
#cfrm {
  position: relative;
  z-index: 998;
}
.cfrm {
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -200px;
}
@media all and (max-width: 767px) {
  .cfrm {
    margin-bottom: 0;
    max-width: 100%;
  }
}
.cfrm__title {
  color: #0091ff;
  font-size: 34px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.cfrm__body {
  background-color: #112e4d;
  color: #ffffff;
  padding: 30px;
}
#servistop {
  position: relative;
  z-index: 1;
  margin-top: -400px;
}
#servistop > .wrap {
  padding-bottom: 10px;
}
.servistoplist .item {
  *zoom: 1;
  position: relative;
}
.servistoplist .item:before,
.servistoplist .item:after {
  content: "";
  display: table;
}
.servistoplist .item:after {
  clear: both;
}
.servistoplist .item__text {
  width: 55%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
@media all and (max-width: 767px) {
  .servistoplist .item__text {
    width: 100%;
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    top: 0;
    position: relative;
  }
}
.servistoplist .item__text h2,
.servistoplist .item__text h3,
.servistoplist .item__text h4 {
  color: #0091ff;
  font-weight: 600;
  font-size: 40px;
  line-height: 46px;
}
.servistoplist .item__text ul {
  margin-top: 40px;
}
.servistoplist .item__text ul li {
  position: relative;
  padding-left: 30px;
}
.servistoplist .item__text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 16px;
  height: 1px;
  border-bottom: thin solid #112e4d;
}
.servistoplist .item__text .inner {
  background-color: #112e4d;
  color: #ffffff;
  padding: 50px 140px 50px 50px;
  font-size: 16px;
  line-height: 26px;
}
@media all and (max-width: 767px) {
  .servistoplist .item__text .inner {
    padding: 100px 30px 50px 30px;
    margin-top: -100px;
  }
}
.servistoplist .item__text .inner p {
  font-size: 16px;
  line-height: 26px;
}
.servistoplist .item__text .inner p:first-of-type {
  margin-top: 0;
}
.servistoplist .item__text .inner p:last-of-type {
  margin-bottom: 0;
}
.servistoplist .item__img {
  width: 55%;
  float: right;
  text-align: center;
  padding: 14px 0;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 767px) {
  .servistoplist .item__img {
    float: none;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .servistoplist .item__img img {
    max-width: 340px;
  }
}
@media all and (max-width: 500px) {
  .servistoplist .item__img img {
    max-width: 100%;
  }
}
#process > .wrap {
  padding-top: 0;
}
.process__top {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 20px;
}
@media all and (max-width: 767px) {
  .process__top {
    display: none;
  }
}
.process__top__label {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}
.processsteps {
  font-size: 0;
  margin-top: 20px;
}
.processsteps .item {
  margin: 10px 4px;
  display: inline-block;
  vertical-align: top;
}
.processsteps .item__step {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 14px;
}
.processsteps .item__label {
  font-weight: 400;
  display: block;
}
.processsteps .item:last-child a:after {
  display: none;
}
.processsteps a {
  text-decoration: none;
  color: #8DA7C6;
  display: block;
  font-size: 32px;
  line-height: 48px;
  position: relative;
  padding: 0 14px;
}
.processsteps a:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -14px;
  width: 20px;
  height: 1px;
  border-bottom: thin solid #8DA7C6;
}
.processsteps a:hover {
  text-decoration: none;
  color: #0091ff;
}
.processlist {
  margin-top: 60px;
}
.processlist .item {
  *zoom: 1;
  margin-bottom: 50px;
}
.processlist .item:before,
.processlist .item:after {
  content: "";
  display: table;
}
.processlist .item:after {
  clear: both;
}
.processlist .item:last-child {
  margin-bottom: 0;
}
.processlist .item__text {
  width: 48%;
  float: left;
  padding: 50px 50px 0 50px;
  font-size: 16px;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .processlist .item__text {
    width: 100%;
    float: none;
    padding: 30px 0;
  }
}
.processlist .item__text h2,
.processlist .item__text h3,
.processlist .item__text h4 {
  color: #0091ff;
  font-weight: 600;
  font-size: 40px;
  line-height: 46px;
}
.processlist .item__text ul {
  margin-top: 40px;
}
.processlist .item__text ul li {
  position: relative;
  padding-left: 30px;
}
.processlist .item__text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 16px;
  height: 1px;
  border-bottom: thin solid #112e4d;
}
.processlist .item__text p {
  font-size: 16px;
  line-height: 24px;
}
.processlist .item__img {
  width: 52%;
  float: left;
  text-align: center;
  padding: 14px 0;
}
@media all and (max-width: 767px) {
  .processlist .item__img {
    width: 100%;
    float: none;
  }
}
.processlist .item__img img {
  width: 100%;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
}
#processcontent {
  background-color: #EFF3FF;
}
body:before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  z-index: 98;
}
body.header-hover:before {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.page-id-21 .item__4 .item__text {
  padding-top: 190px;
}
@media all and (max-width: 767px) {
  .page-id-21 .item__4 .item__text {
    padding-top: 0;
  }
}
.cpb0 .block > .wrap {
  padding-top: 0;
}
#producement ul.gal {
  padding-left: 30px;
  padding-right: 30px;
}
#producement ul.gal > li {
  display: block;
}
.button__wrap {
  margin-bottom: 70px;
}
.page-template-template-vyrobky .showcase__page:before,
.page-template-template-onas .showcase__page:before,
.page-template-template-kontakt .showcase__page:before {
  display: none;
}
.page-template-template-sluzba .showcase__page.bigger .wrap {
  height: 600px;
}
/* ------------------ HEADER ----------------*/
.header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: absolute;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  text-align: center;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .header {
    position: fixed;
    background-color: #112e4d;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #ffffff;
  }
}
.header .wrap {
  padding: 0 30px;
  max-width: 100%;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .header .wrap {
    height: 60px;
  }
}
.nav-up .header {
  position: fixed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #112e4d;
}
a.logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  background: url(../images/logo.svg) 0 0 no-repeat;
  width: 161px;
  display: block;
  height: 31px;
  -webkit-background-size: 161px 31px;
  background-size: 161px 31px;
}
@media all and (min-width: 990px) and (max-width: 1070px), all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  a.logo {
    left: 3%;
  }
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  a.logo {
    width: 150px;
    height: 28px;
    -webkit-background-size: 150px 28px;
    background-size: 150px 28px;
  }
}
.header.hover {
  background-color: #eaeeff;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .header.hover {
    background-color: #112e4d;
  }
}
/* -------------------- vyrobky hlavicka -------------------- */
.page-template-template-vyrobky:not(.nav-up) .logo,
.page-template-template-kontakt:not(.nav-up) .logo,
.header.hover .logo {
  background: url(../images/logo_origo.svg) 0 0 no-repeat;
  -webkit-background-size: 161px 31px;
  background-size: 161px 31px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .page-template-template-vyrobky:not(.nav-up) .logo,
  .page-template-template-kontakt:not(.nav-up) .logo,
  .header.hover .logo {
    background: url(../images/logo.svg) 0 0 no-repeat;
    -webkit-background-size: 150px 28px;
    background-size: 150px 28px;
  }
}
.page-template-template-vyrobky:not(.nav-up) .main-menu > li.current-menu-item > a,
.page-template-template-kontakt:not(.nav-up) .main-menu > li.current-menu-item > a,
.header.hover .main-menu > li.current-menu-item > a,
.page-template-template-vyrobky:not(.nav-up) .main-menu > li.current-category-ancestor > a,
.page-template-template-kontakt:not(.nav-up) .main-menu > li.current-category-ancestor > a,
.header.hover .main-menu > li.current-category-ancestor > a,
.page-template-template-vyrobky:not(.nav-up) .main-menu > li.current-post-ancestor > a,
.page-template-template-kontakt:not(.nav-up) .main-menu > li.current-post-ancestor > a,
.header.hover .main-menu > li.current-post-ancestor > a,
.page-template-template-vyrobky:not(.nav-up) .main-menu > li.current-page-ancestor > a,
.page-template-template-kontakt:not(.nav-up) .main-menu > li.current-page-ancestor > a,
.header.hover .main-menu > li.current-page-ancestor > a,
.page-template-template-vyrobky:not(.nav-up) .main-menu > li.current-menu-parent > a,
.page-template-template-kontakt:not(.nav-up) .main-menu > li.current-menu-parent > a,
.header.hover .main-menu > li.current-menu-parent > a {
  color: #0091ff;
}
.page-template-template-vyrobky:not(.nav-up) .main-menu > li > a,
.page-template-template-kontakt:not(.nav-up) .main-menu > li > a,
.header.hover .main-menu > li > a {
  color: #112e4d;
}
.page-template-template-vyrobky:not(.nav-up) .main-menu > li > a:hover,
.page-template-template-kontakt:not(.nav-up) .main-menu > li > a:hover,
.header.hover .main-menu > li > a:hover {
  color: #0091ff;
}
.page-template-template-vyrobky:not(.nav-up) .main-menu > li.menu-item-has-children > a:before,
.page-template-template-kontakt:not(.nav-up) .main-menu > li.menu-item-has-children > a:before,
.header.hover .main-menu > li.menu-item-has-children > a:before {
  color: #112e4d;
}
/********************* Footer ******************/
.footer {
  background-color: #112E4D;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  font-family: 'Space Grotesk';
  font-weight: 300;
}
.footer .wrap {
  padding: 40px 0;
}
.footer p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
.footer__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media all and (max-width: 767px) {
  .footer__top {
    display: block;
  }
}
.footer__top .col {
  padding-right: 30px;
}
@media all and (max-width: 767px) {
  .footer__top .col {
    padding-right: 0;
    width: 100% !important;
    margin: 30px 0;
  }
}
.footer__top .col p {
  margin-bottom: 30px;
}
.footer__top .col__1 {
  width: 42%;
}
.footer__top .col__1 p {
  margin-top: 0;
}
.footer__top .col__2 {
  width: 43%;
}
.footer__top .col__3 {
  width: 15%;
  padding-right: 0;
  *zoom: 1;
}
.footer__top .col__3:before,
.footer__top .col__3:after {
  content: "";
  display: table;
}
.footer__top .col__3:after {
  clear: both;
}
.footer__top .col__3 .inner {
  float: right;
}
@media all and (max-width: 767px) {
  .footer__top .col__3 .inner {
    float: none;
  }
}
.footer__top .button {
  margin-top: 0;
}
.footer__top .button .fal {
  font-size: 15px;
}
.social {
  *zoom: 1;
}
.social:before,
.social:after {
  content: "";
  display: table;
}
.social:after {
  clear: both;
}
.social li {
  float: left;
}
.social a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: thin solid #0091ff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: 23px;
}
.social a:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.footer__contact {
  position: relative;
  padding-left: 40px;
}
.footer__contact .fal {
  position: absolute;
  left: 0;
  color: #0091ff;
  font-size: 24px;
}
.footer__contact .fa-phone {
  top: 7px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.footer__contact .fa-envelope {
  top: 53px;
}
.footer__contact p {
  margin: 0;
  font-size: 24px;
  line-height: 42px;
  font-family: 'Space Grotesk';
  font-weight: 400;
}
.footer__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 80px;
  color: #0091ff;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .footer__bottom {
    display: block;
    margin-top: 30px;
  }
}
.footer__bottom p {
  font-size: 14px;
}
.footer__bottom .col {
  padding-right: 30px;
}
@media all and (max-width: 767px) {
  .footer__bottom .col {
    width: 100% !important;
    padding-right: 0;
    text-align: left !important;
    margin: 20px 0 0 0;
  }
}
.footer__bottom .col__1 {
  width: 79%;
}
.footer__bottom .col__3 {
  width: 21%;
  text-align: right;
  padding-right: 0;
}
.footer__bottom a {
  text-decoration: none;
}
.footer__bottom a:hover {
  text-decoration: none;
  color: #ffffff;
}
/* ------------------ MENU --------------------*/
#toogle-menu {
  display: none;
  width: 60px;
  height: 60px;
  z-index: 1000;
  float: right;
  background-color: #0091ff;
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  #toogle-menu {
    display: block;
  }
}
#toogle-menu span {
  width: 20px;
  background: url(../images/menu.png) 0 0 no-repeat;
  height: 16px;
  -webkit-background-size: 20px 16px;
  background-size: 20px 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.header.active #toogle-menu span {
  background: url(../images/close.png) 0 0 no-repeat;
  -webkit-background-size: 20px 20px;
  height: 20px;
  background-size: 20px 20px;
}
.main-menu {
  *zoom: 1;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.main-menu:before,
.main-menu:after {
  content: "";
  display: table;
}
.main-menu:after {
  clear: both;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main-menu {
    position: absolute;
    left: -9999px;
  }
}
.main-menu > li {
  float: left;
  margin-left: 30px;
}
@media all and (min-width: 990px) and (max-width: 1070px) {
  .main-menu > li {
    margin-left: 0;
  }
}
.main-menu > li:first-child {
  margin-left: 0;
}
.main-menu > li:last-child:after {
  display: none;
}
.main-menu > li:hover > a {
  text-decoration: none;
  color: #0091ff;
}
.main-menu > li:hover > a:after {
  width: 100%;
}
.main-menu > li:hover > .sub-menu-wrap {
  max-height: 1000px;
  opacity: 1;
  padding: 40px;
}
.main-menu > li.menu-item-has-children:hover > a {
  color: #0091ff;
}
.main-menu > li.menu-item-has-children:hover > a:before {
  color: #0091ff !important;
}
.main-menu > li.menu-item-has-children > a {
  padding-right: 14px;
  margin-right: 8px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main-menu > li.menu-item-has-children > a {
    padding-right: 10px;
  }
}
.main-menu > li.menu-item-has-children > a:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f107";
  color: #ffffff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -3px;
  font-weight: 300;
  font-size: 20px;
}
@media all and (min-width: 768px) and (max-width: 989px), all and (max-width: 767px) {
  .main-menu > li.menu-item-has-children > a:before {
    display: none;
  }
}
.main-menu > li.menu-item-has-children:hover > a:before,
.main-menu > li.menu-item-has-children.current-menu-item > a:before,
.main-menu > li.menu-item-has-children.current-category-ancestor > a:before,
.main-menu > li.menu-item-has-children.current-post-ancestor > a:before,
.main-menu > li.menu-item-has-children.current-page-ancestor > a:before,
.main-menu > li.menu-item-has-children.current-menu-parent > a:before {
  color: #0091ff;
}
.main-menu > li.current-menu-item > a,
.main-menu > li.current-category-ancestor > a,
.main-menu > li.current-post-ancestor > a,
.main-menu > li.current-page-ancestor > a,
.main-menu > li.current-menu-parent > a {
  text-decoration: none;
  color: #0091ff;
}
.main-menu > li.current-menu-item > a:after,
.main-menu > li.current-category-ancestor > a:after,
.main-menu > li.current-post-ancestor > a:after,
.main-menu > li.current-page-ancestor > a:after,
.main-menu > li.current-menu-parent > a:after {
  width: 100%;
}
.main-menu > li > a {
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 30px 16px;
  position: relative;
  font-weight: 400;
}
.main-menu > li > a:hover {
  text-decoration: none;
  color: #0091ff;
}
.main-menu > li > a:hover:after {
  width: 100%;
}
.main-menu > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
  height: 1px;
  border-bottom: thick solid #0091ff;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.main-menu .sub-menu-wrap {
  background-color: #eaeeff;
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  opacity: 0;
  z-index: 99;
  max-height: 0;
  overflow: hidden;
}
.main-menu .sub-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1050px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.main-menu .sub-menu > li {
  margin-right: 3%;
  width: 22.75%;
  position: relative;
}
.main-menu .sub-menu > li:nth-child(4n+4) {
  margin-right: 0;
}
.main-menu .sub-menu > li:hover {
  color: #0091ff;
}
.main-menu .sub-menu > li.current-menu-item,
.main-menu .sub-menu > li .current-menu-item {
  color: #0091ff;
  text-decoration: none;
}
.main-menu .sub-menu > li > a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  color: #112e4d;
  display: block;
}
.main-menu .sub-menu > li > a:hover {
  color: #0091ff;
  text-decoration: none;
}
.main-menu .sub-menu > li > a:before {
  content: "";
  display: block;
  height: 180px;
  margin-bottom: 20px;
}
.main-menu .sub-menu > li:nth-child(1) > a:before {
  background: #ffffff url(../images/cinnosti/01.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.main-menu .sub-menu > li:nth-child(2) > a:before {
  background: #ffffff url(../images/cinnosti/02.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.main-menu .sub-menu > li:nth-child(3) > a:before {
  background: #ffffff url(../images/cinnosti/03.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.main-menu .sub-menu > li:nth-child(4) > a:before {
  background: #ffffff url(../images/cinnosti/04.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.header.active .main-menu,
.menu.active .main-menu {
  margin-top: 0;
  left: 0;
  right: 0;
  background-color: #112e4d;
  z-index: 9999;
  top: 100%;
  width: 100%;
  height: calc(100vh - 105px);
  line-height: 24px;
  text-align: center;
  margin-left: 0;
  padding-left: 0;
  border-left: none;
  /*CSS transitions*/
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  /*CSS transforms*/
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  /*CSS animations*/
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
  overflow: auto;
  padding-top: 20px;
}
.header.active .main-menu > li,
.menu.active .main-menu > li {
  float: none;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
  background: none;
  position: relative;
}
.header.active .main-menu > li:hover .sub-menu,
.menu.active .main-menu > li:hover .sub-menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.header.active .main-menu > li .sub-menu,
.menu.active .main-menu > li .sub-menu {
  display: none;
  width: 100%;
  /*CSS transitions*/
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  /*CSS transforms*/
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  /*CSS animations*/
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
.header.active .main-menu > li .sub-menu-wrap,
.menu.active .main-menu > li .sub-menu-wrap {
  max-height: 10000px !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 0 !important;
  background-color: #112e4d;
}
.header.active .main-menu > li .sub-menu.show,
.menu.active .main-menu > li .sub-menu.show {
  background-color: #112e4d;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
  opacity: 1;
  visibility: visible;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.header.active .main-menu > li .sub-menu.show > li,
.menu.active .main-menu > li .sub-menu.show > li {
  width: 48.50%;
  margin-bottom: 20px;
}
.header.active .main-menu > li .sub-menu.show > li:nth-child(odd),
.menu.active .main-menu > li .sub-menu.show > li:nth-child(odd) {
  margin-right: 3%;
}
.header.active .main-menu > li .sub-menu.show > li:nth-child(even),
.menu.active .main-menu > li .sub-menu.show > li:nth-child(even) {
  margin-right: 0;
}
.header.active .main-menu > li .sub-menu.show > li > a,
.menu.active .main-menu > li .sub-menu.show > li > a {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  font-weight: 400;
  color: #ffffff;
}
.header.active .main-menu > li .sub-menu.show > li > a:before,
.menu.active .main-menu > li .sub-menu.show > li > a:before {
  height: 70px;
}
.header.active .main-menu > li .sub-menu.show > li > a:hover,
.menu.active .main-menu > li .sub-menu.show > li > a:hover {
  color: #0091ff;
}
.header.active .main-menu > li > .nav-click,
.menu.active .main-menu > li > .nav-click {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  padding: 6px 20px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 3;
  display: block;
  cursor: pointer;
}
.header.active .main-menu > li > .nav-click:before,
.menu.active .main-menu > li > .nav-click:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f107";
  color: #ffffff;
  font-weight: 300;
  font-size: 20px;
  display: block;
  margin-top: 19px;
}
.header.active .main-menu > li.current-menu-item > a,
.menu.active .main-menu > li.current-menu-item > a {
  color: #0091ff;
}
.header.active .main-menu > li.current-menu-item > a:hover,
.menu.active .main-menu > li.current-menu-item > a:hover {
  color: #33a7ff;
}
.header.active .main-menu > li a:after,
.menu.active .main-menu > li a:after {
  display: none;
}
.header.active .main-menu > li > a,
.menu.active .main-menu > li > a {
  padding: 20px 10px;
  color: #ffffff;
  line-height: 34px;
  font-size: 28px;
  display: block;
  /*CSS transitions*/
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  /*CSS transforms*/
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  /*CSS animations*/
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
  font-family: 'Poppins';
  border-top: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-weight: 600;
  letter-spacing: normal;
  background: none !important;
}
.header.active .main-menu > li > a:hover,
.menu.active .main-menu > li > a:hover {
  background: none !important;
}
#menu-item-43:hover:before {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
#menu-item-43:before {
  content: "Často kladené otázky";
  position: absolute;
  text-align: center;
  left: 50%;
  top: -9px;
  margin-left: -65px;
  background-color: #0091ff;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  padding: 1px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
  border-radius: 9999px;
  width: 130px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}