/* @build Sun Jan 10 2021 23:56:48 GMT+0300 (GMT+03:00) */
html, body, div, span, h3, h4, p, img, b, tr, section {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

 section {
  display: block;
}

body {
  line-height: 1;
}

body {
  background-color: white;
  font-size: 16px;
  color: #253342;
  font-family: 'GreycliffCF', 'Helvetica', 'Calibri', sans-serif;
  font-weight: 500;
  margin: 0;
  letter-spacing: .5px;
  overflow-x: hidden;
}

html, body {
  min-height: 100%;
}

@-webkit-keyframes trk-flip {
  0%, 25%, 50%, 75%, to {
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  0%, to {
    -webkit-transform: rotateY(0deg) rotateX(0deg);
    transform: rotateY(0deg) rotateX(0deg);
  }
  25% {
    -webkit-transform: rotateY(180deg) rotateX(0deg);
    transform: rotateY(180deg) rotateX(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg);
  }
  75% {
    -webkit-transform: rotateY(0deg) rotateX(180deg);
    transform: rotateY(0deg) rotateX(180deg);
  }
}

@keyframes trk-flip {
  0%, 25%, 50%, 75%, to {
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  0%, to {
    -webkit-transform: rotateY(0deg) rotateX(0deg);
    transform: rotateY(0deg) rotateX(0deg);
  }
  25% {
    -webkit-transform: rotateY(180deg) rotateX(0deg);
    transform: rotateY(180deg) rotateX(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg);
  }
  75% {
    -webkit-transform: rotateY(0deg) rotateX(180deg);
    transform: rotateY(0deg) rotateX(180deg);
  }
}

@font-face {
  font-family: 'IconFont';
  src: url("../fonts/IconFont.eot");
  src: url("../fonts/IconFontd41d.eot") format("embedded-opentype"), url("../fonts/IconFont.woff") format("woff"), url("../fonts/IconFont.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'GreycliffCF';
  src: url("../fonts/GreycliffCF-Bold.eot");
  src: url("../fonts/GreycliffCF-Boldd41d.eot") format("embedded-opentype"), url("../fonts/GreycliffCF-Bold.woff") format("woff2"), url("../fonts/GreycliffCF-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'GreycliffCF';
  src: url("../fonts/GreycliffCF-Medium.eot");
  src: url("../fonts/GreycliffCF-Mediumd41d.eot") format("embedded-opentype"), url("../fonts/GreycliffCF-Medium.woff") format("woff2"), url("../fonts/GreycliffCF-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'GreycliffCF';
  src: url("../fonts/GreycliffCF-Regular.eot");
  src: url("../fonts/GreycliffCF-Regulard41d.eot") format("embedded-opentype"), url("../fonts/GreycliffCF-Regular.woff") format("woff2"), url("../fonts/GreycliffCF-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'GreycliffCF';
  src: url("../fonts/GreycliffCF-Light.eot");
  src: url("../fonts/GreycliffCF-Lightd41d.eot") format("embedded-opentype"), url("../fonts/GreycliffCF-Light.woff") format("woff2"), url("../fonts/GreycliffCF-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}

.container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 16px;
  }
}

/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:

.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels

The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.

*/

/*
.scrollme
{
  padding:2em;
  border:1em solid #e8e8e8;
  perspective:600px;
}

.animateme
{
  width:80%;
  padding:10%;
  background:#e8e8e8;
  transform-origin:center center center;
}
*/

.link {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.86;
  color: #2855ac;
}

.home-slide {
  height: 655px;
  background-size: cover !important;
  background-position: center !important;
}

.home-slide:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
/*  background: -webkit-gradient(linear, left bottom, left top, from(#4614149c), to(rgba(36, 37, 47, 0.7)));
  background: -o-linear-gradient(bottom, #4614149c, rgba(36, 37, 47, 0.7));
  background: linear-gradient(to top, #4614149c, rgba(36, 37, 47, 0.7)); */
  left: 0;
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .home-slide {
    height: 455px;
  }
}

.slide-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  z-index: 3;
}

.slide-area__info {
  padding-top: 20%;
}

.slide-area__info h3 {
  font-size: 60px;
  font-weight: bold;
  line-height: 1.06;
  letter-spacing: normal;
  margin-bottom: 15px;
  color: #ffffff;
  max-width: 450px;
}

.slide-area__info p {
  font-size: 16px;
  color: #ffffff;
  max-width: 400px;
  line-height: 1.2;
}

@media screen and (max-width: 800px) {
  .slide-area__info {
    text-align: center;
  }
  .slide-area__info h3 {
    font-size: 40px;
  }
}

.slide-area__news {
  position: relative;
  border-bottom: 3px solid #bb0000;
  bottom: 25px;
}

.slide-area__news--info {
  position: relative;
  max-width: 250px;
  background: #bb0000;
  padding: 20px 30px;
}

.slide-area__news--info h4 {
  color: #ffffff;
}

.slide-area__news--info p {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.6;
}

.slide-area__news--info:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 96px 0 0px 70px;
  border-color: transparent transparent transparent #bb0000;
  bottom: 0;
  right: -70px;
}

@media screen and (max-width: 800px) {
  .slide-area__news--info {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
  }
  .slide-area__news--info:after {
    content: none;
  }
}

.carousel-sections .swiper-pagination {
  text-align: right;
  right: 0;
  bottom: 35px;
}

@media screen and (max-width: 800px) {
  .carousel-sections .swiper-pagination {
    text-align: center;
    bottom: 5px;
  }
}