@font-face {
  font-family: "PTSansPro-Regular";
  src: url("../fonts/PTSansPro-Regular.eot");
  src: url("../fonts/PTSansPro-Regular.eot?#iefix")format("embedded-opentype"), url("../fonts/PTSansPro-Regular.woff")format("woff"), url("../fonts/PTSansPro-Regular.ttf")format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "PTSansPro-Bold";
  src: url("../fonts/PTSansPro-Bold.eot");
  src: url("../fonts/PTSansPro-Bold.eot?#iefix")format("embedded-opentype"), url("../fonts/PTSansPro-Bold.woff")format("woff"), url("../fonts/PTSansPro-Bold.ttf")format("truetype");
  font-style: bold;
  font-weight: bold;
}

@font-face {
  font-family: "PTSansPro-CaptionBold";
  src: url("../fonts/PTSansPro-CaptionBold.eot");
  src: url("../fonts/PTSansPro-CaptionBold.eot?#iefix")format("embedded-opentype"), url("../fonts/PTSansPro-CaptionBold.woff")format("woff"), url("../fonts/PTSansPro-Bold.ttf")format("truetype");
  font-style: bold;
  font-weight: bold;
}

@font-face {
  font-family: "PTSansPro-Caption";
  src: url("../fonts/PTSansPro-Caption.eot");
  src: url("../fonts/PTSansPro-Caption.eot?#iefix")format("embedded-opentype"), url("../fonts/PTSansPro-Caption.woff")format("woff"), url("../fonts/PTSansPro-Bold.ttf")format("truetype");
  font-style: normal;
  font-weight: normal;
}

.back-main{
  background-image: url(../img/back-main-test.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 718px;
  position: relative;
  z-index: 10;
  background-position: center bottom;
  background-color: #fff;
  background-size: 1100px;
}

.h1-main{
  font-family: "PTSansPro-CaptionBold";
  color: #624e33;
  font-size: 48px;
  text-align: center;
  padding-top: 7%;
  text-transform: uppercase;
}

.h2-main{
  font-family: "PTSansPro-Caption";
  color: #624e33;
  font-size: 26px;
  text-align: center;
  padding-top: 35px;
  padding-top: 3%;
}

.img-logo{
  padding-top: 35px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-arrow{
  margin-top: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.h3-marker{
  font-size: 29px;
  font-family: 'PTSansPro-CaptionBold';
  text-align: center;
  padding-bottom: 50px;
  padding-top: 70px;
}

.ul-marker{
  list-style-image: url(../img/point.svg);
  font-size: 30px;
  line-height: 33px;
  padding-left: 24px;
}

.span-li-marker{
  font-size: 20px;
  font-family: 'PTSansPro-Regular';
}

.ul-marker li{
  padding-left: 15px;
  margin-bottom: 12px;
}

.p-default{
  font-size: 20px;
  font-family: 'PTSansPro-Regular';
  padding-top: 35px;
  text-align: center;
}

.h3-default{
  font-family: "PTSansPro-CaptionBold";
  color: #624e33;
  font-size: 39px;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 45px;
}

.p-any{
  font-size: 20px;
  font-family: 'PTSansPro-Regular';
}

.bold{
  font-family: "PTSansPro-CaptionBold";
}
.bold-pt{
  font-family: "PTSansPro-Bold";
}

.span-var{
  line-height: 50px;
}

.img-hr{
  width: 90%;
  margin-top: 20px;
  margin-bottom: 10px;
}

.img-var{
  margin-top: 18px;
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.img-var-2{
  margin-top: 18px;
  max-width: 95px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.p-with-checks{
  margin-left: 3px;
}

.h3-figures{
  font-family: "PTSansPro-CaptionBold";
  color: #000;
  font-size: 29px;
  margin-top: 0;
  margin-bottom: 27px;
}

.img-graphic-1{
  max-height: 445px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-tab-bold{
  font-family: 'PTSansPro-Bold';
  font-size: 20px;
}

.row-border-yellow{
  border-bottom: 1px solid #ffc20f;
}

.p-tab-any{
  margin-top: 10px;
}

.img-check{
  width: 41px;
}

.logo-footer{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #ffc20f;
  padding-top: 30px;
  padding-bottom: 80px;
}

.p-underframe{
  padding-top: 45px;
}

.h3-bold-1{
  padding-top: 50px;
  padding-bottom: 30px;
}

.h3-bold-2{
  padding-top: 40px;
  margin-bottom: 0px;
}

.h3-bold-3{
  padding-bottom: 35px;
}

.h3-bold-4{
  padding-top: 45px;
  padding-bottom: 40px;
}


.ul-1{
  padding-top: 15px;
  padding-bottom: 15px;
}

.ul-2{
  padding-top: 40px;
  margin-bottom: 0px;
}

.ul-3{
  margin-bottom: 43px;
}

.ul-4{
  padding-top: 20px;
  margin-bottom: 38px;
}

.ul-5 {
    margin-bottom: 15px;
}

.row-hr{
  padding-bottom: 40px;
}

.p-among-frame-ul{
  margin-bottom: 40px;
}

.img-figures{
  max-width: 60px;
  display: block;
  margin-left: auto;
}

.col-figures{
  padding-bottom: 40px;
}

.row-figures{
  padding-top: 43px;
}

.p-up-check{
  padding-bottom: 20px;
}

.col-check{
  padding-bottom: 20px;
}

.row-check{
  padding-bottom: 25px;
}

.col-sm-check{
  padding-bottom: 10px;
}

.p-footer{
  padding-top: 120px;
  padding-bottom: 60px;
}

.div-par{
  position: relative;
  height: 15%;
}

.div-par-2{
  position: relative;
  height: 10%;
}

.div-par-3{
  position: relative;
  height: 46%;
}

.div-par-4{
  position: relative;
  height: 10%;
}

.main{
  background: url("../img/parallax-main-1.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.par-1{
  background: url("../img/par-1.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.par-2{
  background: url("../img/par-2.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.par-3{
  background: url("../img/par-3.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-2{
  background: url("../img/par-main-2.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-31{
  background: url("../img/par-main-3.1.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-32{
  background: url("../img/par-main-3.2.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-33{
  background: url("../img/par-main-3.3.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-4{
  background: url("../img/par-main-4.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 576px) {
  .col-pr0{
    padding-right: 0;
  }
  .h3-figures{
    font-size: 22px;
  }
  .p-tab-mob{
    font-size: 13px;
  }
  .h1-main {
    font-size: 29px;
    padding-top: 55px;
    padding-bottom: 20px;
  }
  .h2-main {
    font-size: 20px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }
}

@media (max-width: 430px) {
  .h3-default{
    font-size: 29px;
  }
}


@media (min-width: 1760px) {
  .parallax1280 {
    display: block;
  }
  .parallax-1280 {
    display: none;
  }
  .parallax2200 {
    display: none;
  }
}
@media (max-width: 1760px) {
  .parallax1280 {
    display: none;
  }
  .parallax-1280 {
    display: block;
  }
  .parallax2200 {
    display: none;
  }
}
@media (min-width: 1282px) and (max-width: 1580px) {
  .parallax1280 {
    display: none;
  }
  .parallax-1280 {
    display: none;
  }
  .parallax1300 {
    display: block;
  }
  .parallax1600 {
    display: none;
  }
  .parallax2200 {
    display: none;
  }
}

@media (min-width: 1580px) and (max-width: 1760px) {
  .parallax1280 {
    display: none;
  }
  .parallax-1280 {
    display: none;
  }
  .parallax1300 {
    display: none;
  }
  .parallax1600 {
    display: block;
  }
  .parallax2200 {
    display: none;
  }
}

@media (max-width: 993px) {
  .parallax1280 {
    display: none;
  }
  .parallax-1280 {
    display: none;
  }
  .parallax1300 {
    display: none;
  }
  .parallax1600 {
    display: none;
  }
  .sticky-header {
    display: none;
  }
  .parallax2200 {
    display: none;
  }
}

@media (min-width: 1921px) and (max-width: 2192px) {
  .parallax2200 {
    display: none;
  }
  .parallax1280 {
    display: block;
  }
  .parallax-1280 {
    display: none;
  }
  .parallax1300 {
    display: none;
  }
  .parallax1600 {
    display: none;
  }
}

@media (min-width: 2193px) {
  .parallax2200 {
    display: block;
  }
  .parallax1280 {
    display: none;
  }
  .parallax-1280 {
    display: none;
  }
  .parallax1300 {
    display: none;
  }
  .parallax1600 {
    display: none;
  }
}

@media (min-width: 1100px) and (max-width: 1400px) {
  .back-main {
      background-position: center 114px;
      height: 700px;
      background-size: 100%;
  }
}

@media (min-width: 1100px) and (max-width: 1400px) {
  .back-main {
      background-position: center 77px;
      height: 700px;
      background-size: 100%;
  }
  .h1-main {
    font-size: 40px;
  }
  .h2-main {
    font-size: 22px;
    padding-top: 14px;
  }
}

@media (min-width: 1401px) and (max-width: 1600px) {
  .back-main {
      background-position: center 76px;
      height: 900px;
      background-size: 100%;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .back-main {
      background-position: center 31px;
      height: 950px;
      background-size: 100%;
  }
}

@media (min-width: 1801px) {
  .back-main {
      background-position: center -8px;
      height: 1080px;
      background-size: 100%;
  }
}

.col-pos{
  position: relative;
}

.sticky-header {
	position: fixed;
  top: 20%;
  left: 34px;
  width: 22%;
  z-index: 0;
}
.top-menu ul {
	margin: 0px 0 0px;
	text-align: left;
  padding-left: 0;
}
.li-last{
  margin-bottom: 0;
}
.top-menu ul li {
	list-style: none;
	display: inline-block;
	margin: 0 15px 20px;
  font-family: "PTSansPro-Caption";
  padding-left: 23px;
}
.top-menu a {
	color: #000;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.top-menu a:hover,
.top-menu a.active {
  font-family: "PTSansPro-CaptionBold";
  text-decoration: none;
  color: #1f1f1f;
}

.top-menu ul:before  {
    content: '';
    width: 14px;
    height: 100%;
    border-radius: 19px;
    position: absolute;
    background-size: cover;
    left: 15px;
    background-image: url(../img/square-big.svg);
	}

.top-menu a:before  {
    content: url(../img/square.svg);
    position: absolute;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    left: 15px;
	}

.top-menu ul li a.active:before  {
    content: url(../img/square.svg);
    position: absolute;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
    left: 15px;
	}


@media (min-width: 993px) and (max-width: 1300px) {
    .sticky-header {
      top: 5%;
    }
}

@media (max-width: 486px) {
  .ul-in-col {
    padding-left: 74px;
  }
}
@media (min-width: 486px) and (max-width: 768px) {
  .ul-in-col {
    padding-left: 95px;
  }
}


@media (min-width: 1570px) and (max-width: 1700px) {
  .sticky-header {
    left: 140px;
  }
}
@media (min-width: 1281px) and (max-width: 1460px) {
  .sticky-header {
    left: 56px;
  }
}

@media (min-width: 1600px) {
  .sticky-header {
    left: 160px;
  }
}

@media (min-width: 1700px) {
  .top-menu {
  	max-width: 305px;
  }
}

@media (min-width: 1200px) and (max-width: 1721px) {
  .top-menu {
  	max-width: 236px;
  }
}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.col-lg-6-s {
padding-left: 15px;
padding-right: 15px;
}

@media (max-width: 768px) {
  .img-var{
    margin-bottom: 20px;
  }
  .img-var-2{
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .col-md-3-s {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-10-s {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  }
}

@media (min-width: 992px) {
  .col-lg-6-s {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-3-s {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }
}
@media (min-width: 2193px) {
  .col-lg-6-s {
    max-width: 46%;
  }
}

@media (min-width: 1300px) and (max-width: 1760px) {
  .container-content {
      max-width: 1300px;
  }
  .video-size{
    width: 620px;
    height: 349px;
  }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .video-size{
    width: 540px;
    height: 302px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .video-size{
    width: 450px;
    height: 253px;
  }
}
@media (min-width: 400px) and (max-width: 500px) {
  .video-size{
    height: 217px;
  }
}
@media (min-width: 350px) and (max-width: 400px) {
  .video-size{
    height: 194px;
  }
}
@media (max-width: 350px){
  .video-size{
    height: 163px;
  }
}

@media (min-width: 1760px){
  .container-content {
      max-width: 1600px;
  }
  .p-any {
    font-size: 25px;
  }
  .span-li-marker{
    font-size: 25px;
  }
  .h3-marker {
    font-size: 32px;
  }
  .p-default {
    font-size: 25px;
  }
  .ul-marker li {
    font-size: 33px;
  }
  .top-menu {
    font-size: 22px;
  }
}

@media (min-width: 1460px){
  .p-any {
    font-size: 25px;
  }
  .span-li-marker{
    font-size: 25px;
  }
  .h3-marker {
    font-size: 32px;
  }
  .p-default {
    font-size: 25px;
  }
  .ul-marker li {
    font-size: 33px;
  }
  .top-menu {
    font-size: 22px;
  }
}
@media (max-width: 1300px){
  .img-arrow {
      margin-top: 20px;
  }
}