/* * * General + Mobile * * */
*{
  /* Бедные люди, которые табом на клавиаутре переключают навигацию :'( F */
  outline: none !important;
}
html{
  font-size: 16px;
}
body{
  font-family: 'Roboto', sans-serif;
  background-color: #fff;
  color: #000;
  line-height: 1.4;
}
.color-green{ color: #6AB019; }
.color-orange{ color: #EA7C2D; }
#total-wrap{
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
.img-responsive{
  max-width: 100%;
}
button{
  cursor: pointer;
  transition: all .3s;
}
a{
  color: #0884c7;
  text-decoration: underline;
  transition: all .3s;
}
a:hover{
  color: #EA7C2D;
  text-decoration: none;
}
.img-fullwidth{
  width: 100%;
  display: block;
}
.bgr-stretch{
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.bx-wrapper{
  position: relative;
}

#toTop, #toTop a{
  display: block;
  z-index: 900;
}
#toTop {
  text-align: center;
  position: fixed;
  right: 15px;
  bottom: 15px;
  cursor: pointer;
}
#toTop a{
  background-image: url(../images/icons/arrow-top.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 60px;
  height: 60px;
  display: block;
  font-size: 0;
  border-radius: 50%;
  background-color: #6AB019;
}
#toTop a:hover{
  background-color: #EA7C2D;
}

.ripple-effect{
  display:inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height:0;
  width:0;
  border:2px solid rgba(255,255,255,0.3);
  border-radius:5000px;
  animation:ripple 1s ease forwards;
  z-index:1;
}
@keyframes ripple{
  0%{
    transform:scale(0);
  }
  100%{
    transform:scale(100);
  }
}

/* * Footer * */
#site-footer{
  margin-top: auto;
  background-image: url(../images/clipart/bgr-footer.png);
  position: relative;
  padding: 45px 0 49px;
  color: #fff;
}
#site-footer::before{
  content: '';
  background-color: #0884C7;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#site-footer .container{
  position: relative;
}
.footer-content{
  margin-bottom: 0;
}
.footer-content nav{
  margin: 0 -15px 0;
}
.footer-content nav li{
  margin: 0 15px 15px;
}
.footer-content nav a{
  color: #fff;
}
.footer-content nav a:hover, .footer-content nav a:active, .footer-content nav a:focus{
  color: #EA7C2D;
  text-decoration: none;
}
.footer-content nav .active a{
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.footer-phone{
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-family: 'Philosopher', sans-serif;
  line-height: 1.1;
  display: block;
}
.footer-phone:hover, .footer-phone:active, .footer-phone:focus{
  color: #EA7C2D;
  text-decoration: none;
}
.copyright{
  font-size: .75rem;
  color: #000;
  line-height: 1.2;
}
.footer-button{
  display: block;
  font-size: 1.125rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 220px;
  height: 40px;
}
.footer-button:hover, .footer-button:active, .footer-button:focus{
  color: #fff;
  background-color: #EA7C2D;
  text-decoration: none;
  border-color: #EA7C2D;
}
.footer-2{
  margin: 0 -22px;
}
.footer-2 > *{
  margin: 7px 22px;
}
.link-artalt{
  display: block;
  position: relative;
  font-size: 9px;
  color: #fff;
  text-decoration: none;
  width: 115px;
  height: 72px;
  font-weight: 300;
  margin-top: 7px;
}
.link-artalt > span{
  position: absolute;
  left: 38px;
  top: 40px;
  white-space: nowrap;
}
.link-artalt circle{
  transition: all .3s;
  fill: #6AB019;
}
.link-artalt:hover, .link-artalt:active, .link-artalt:focus{
  color: #fff;
  text-decoration: none;
}
.link-artalt:hover circle, .link-artalt:active circle, .link-artalt:focus circle{
  fill: #EA7C2D;
}

/* * Form * */
#block-contact{
  padding: 80px 0 6px;
}
h2{
  font-family: Philosopher, sans-serif;
  font-size: 2.3125rem;
  line-height: 1.108;
  margin: 0 0 2.5rem;
  font-weight: bold;
}
.block-form-wrap{
  max-width: 420px;
}
.form-row{
  margin: 0 0 20px;
}
.text-input{
  width: 100%;
  display: block;
  background: #F8FAFE;
  border: 1px solid #CCD7ED;
  border-radius: 6px;
  font-size: 0.9375rem;
  color: #000;
  line-height: 1.4;
  letter-spacing: 0.06em;
  padding: 9px 20px;
  display: block;
}
.text-input::-webkit-input-placeholder{
  color: #000;
  opacity: .2;
  text-transform: uppercase;
}
.text-input::-moz-placeholder{
  color: #000;
  opacity: .2;
  text-transform: uppercase;
}
.text-input:-ms-input-placeholder{
  color: #000;
  opacity: .2;
  text-transform: uppercase;
}
.text-input:-moz-placeholder{
  color: #000;
  opacity: .2;
  text-transform: uppercase;
}
.btn-submit{
  font-size: 1.375rem;
  color: #fff;
  background-color: #0884C7;
  border-radius: 4px;
  width: 100%;
  text-decoration: none;
  border: none;
  padding: 8px 20px;
  display: block;
  margin-bottom: 16px;
}
.btn-submit:hover, .btn-submit:active, .btn-submit:focus{
  color: #fff;
  background-color: #EA7C2D;
  text-decoration: none;
}
.form-footnote{
  font-size: .75rem;
  color: rgba(0,0,0,.7);
  line-height: 1.34;
}
.form-footnote a{
  color: rgba(0,0,0,.7);
}
.form-footnote a:hover, .form-footnote a:active, .form-footnote a:focus{
  color: #EA7C2D;
}
.block-form-item{
  margin-bottom: 80px;
}
.block-form-contact{
  background-color: #fff;
  box-shadow: 0px 54px 64px rgba(0, 0, 0, 0.15);
  font-size: 1.375rem;
  line-height: 1.34;
  padding: 25px;
}

/* * Popup * */
.link-modal-close{
  background-image: url(../images/icons/close.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40px;
  right: 30px;
}
.modal-dialog{
  max-width: 570px;
}
.modal-content{
  color: #fff;
  background-color: #6AB019;
  box-shadow: 3px 4px 28px rgba(0, 0, 0, 0.6);
  border-radius: 0;
  padding: 50px;
}
.modal-content a{
  color: #fff;
}
.modal-title{
  font-size: 1.75rem;
  line-height: 1.179;
  margin-bottom: 24px;
}
.modal-text{
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 46px;
}
.popup-form-footnote{
  font-size: .75rem;
  margin-bottom: 48px;
  line-height: 1.167;
}
.popup-form-submit{
  color: #3D6DFD;
  background-color: #fff;
  padding: 12px 20px;
  border-radius: 2px;
  width: 100%;
  display: block;
  font-size: 1.375rem;
  border: none;
}
.popup-form-submit:hover, .popup-form-submit:active, .popup-form-submit:focus{
  color: #fff;
  background-color: #EA7C2D;
  text-decoration: none;
}
.modal-text-input{
  font-size: 1.125rem;
  background-color: transparent;
  padding: 0 0 11px;
  border: none;
  width: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.modal-text-input::-webkit-input-placeholder{
  color: #fff;
  opacity: 1;
}
.modal-text-input::-moz-placeholder{
  color: #fff;
  opacity: 1;
}
.modal-text-input:-ms-input-placeholder{
  color: #fff;
  opacity: 1;
}
.modal-text-input:-moz-placeholder{
  color: #fff;
  opacity: 1;
}
.popup-form-item{
  margin-bottom: 34px;
}
.popup-form-item.less-margin{
  margin-bottom: 12px;
}

/* * Photos * */
#block-photos{
  padding: 73px 0 1px;
  background-image: url(../images/clipart/bgr-pattern-grey.png);
}
#block-photos .slick-slide {
  margin: 0 15px;
}
.slick-initialized.slick-slider{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#block-photos .slick-initialized.slick-slider{
  margin: 0 -15px 90px;
}
.slick-list {
  order: 3;
  width: 100%;
}
.link-photo{
  display: block;
  position: relative;
}
.link-photo::before{
  content: '';
  background-color: #EA7C2D;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity .3s;
}
.link-photo:hover::before, .link-photo:active::before, .link-photo:focus::before{
  opacity: .7;
}
.slick-prev, .slick-next{
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  width: 78px;
  height: 16px;
  position: relative;
  margin: 0 20px 40px;
}
.slick-prev{
  background-image: url(../images/icons/arrow-left.svg);
}
.slick-prev::before{
  content: '';
  background-image: url(../images/icons/arrow-left-active.svg);
}
.slick-next{
  background-image: url(../images/icons/arrow-right.svg);
}
.slick-next::before{
  content: '';
  background-image: url(../images/icons/arrow-right-active.svg);
}
.slick-prev:hover{
  background-image: url(../images/icons/arrow-left-active.svg);
}
.slick-next:hover{
  background-image: url(../images/icons/arrow-right-active.svg);
}
.photos-item-1{
  margin-bottom: 90px;
}
.btn-send-now{
  font-size: 22px;
  text-align: center;
  color: #fff;
  background-color: #6AB019;
  text-decoration: none;
  line-height: 1.2;
  padding: 10px 35px;
  border-radius: 4px;
  display: inline-block;
  min-width: 250px;
}
.btn-send-now:hover, .btn-send-now:active, .btn-send-now:focus{
  color: #fff;
  background-color: #EA7C2D;
}
.photos-item-1-content{
  font-size: 2rem;
  font-family: Philosopher, sans-serif;
  color: #6AB019;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 18px;
}
.photos-item-2-content{
  font-size: 1.75rem;
  background-color: #fff;
  line-height: 1.4;
  padding: 25px;
  box-shadow: 0px 54px 64px rgba(0, 0, 0, 0.15);
}

/* * Program * */
#block-program{
  padding: 80px 0 1px;
}
.program-item{
  font-size: 1.25rem;
  line-height: 1.35;
  margin-bottom: 85px;
}
.program-content{
  max-width: 540px;
  margin: 0 auto;
}

/* * Videos * */
.block-videos{
  padding: 100px 0 0;
}
.link-video{
  position: relative;
  display: block;
}
.link-video::after{
  content: '';
  background-color: #0884C7;
  background-image: url(../images/icons/play.svg);
  background-repeat: no-repeat;
  background-position: 60% 50%;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .3s;
  transform: translate(-50%, -50%);
}
.link-video:hover::after, .link-video:active::after, .link-video:focus::after{
  background-color: #EA7C2D;
}

/* * About * */
#block-about{
  background-image: url(../images/clipart/bgr-pattern-green.png);
  padding: 15px 0 1px;
}
.about-item-1{
  margin-bottom: 50px;
}
.about-content{
  background-color: #fff;
  padding: 25px;
  box-shadow: 0px 54px 64px rgba(0, 0, 0, 0.15);
}
.about-icon-item{
  width: 100%;
  margin-bottom: 50px;
  text-align: center;
}
.about-icon{
  margin-bottom: 16px;
}
.about-item-text{
  font-size: 1.125rem;
  color: #363636;
  line-height: 1.35;
}

/* * Ripple effect * */
a[data-ripple], input[data-ripple], button[data-ripple]{
  overflow: hidden;
  position: relative;
}
.ripple-effect{
  display:inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height:0;
  width:0;
  border:2px solid rgba(255,255,255,0.3);
  border-radius:5000px;
  animation:ripple 1s ease forwards;
  z-index:1;
}
@keyframes ripple{
  0%{
    transform:scale(0);
  }
  100%{
    transform:scale(100);
  }
}

/* * Header * */
#site-header{
  padding: 110px 0 20px;
  position: relative;
  color: #363636;
  min-height: 100vh;
}
#site-header::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #F5F4FF 45.15%, rgba(255, 255, 255, 0) 99.25%);
}
#site-header .container{
  position: relative;
}
#site-header h1{
  font-size: 3.125rem;
  font-family: 'Philosopher', sans-serif;
  line-height: 1.12;
  font-weight: bold;
  margin: 0 0 12px;
  color: #6AB019;
}
.header-text-1{
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 10px;
  max-width: 400px;
}
.header-text-2::before{
  content: '';
  background-image: url(../images/icons/arrow-down.svg);
  background-repeat: no-repeat;
  margin: 0 0 10px 37px;
  width: 16px;
  height: 73px;
  display: block;
}
.header-text-2{
  font-size: 1.875rem;
  line-height: 1.4;
  margin-bottom: 33px;
  max-width: 500px;
  font-weight: bold;
}

/* * Main nav * */
.main-nav-items > ul > li > a{
  color: #000;
  text-decoration: underline;
}
.main-nav-items > ul > li > a:hover, .main-nav-items > ul > li > a:active, .main-nav-items > ul > li > a:focus{
  font-weight: bold;
  color: #EA7C2D;
  text-decoration: none;
}
.main-nav-items > ul > li.active > a{
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.header-phone{
  font-size: 2.25rem;
  line-height: 1.111;
  font-family: 'Philosopher', sans-serif;
  margin-bottom: 5px;
}
.header-phone a{
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.header-phone a:hover, .header-phone a:active, .header-phone a:focus{
  color: #EA7C2D;
}
.header-address{
  font-size: 1.125rem;
  line-height: 1.167;
}
.main-nav-btn{
  margin-bottom: 30px;
}
.btn-write-us{
  font-size: 1.125rem;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  line-height: 1.1;
  padding: 10px;
  margin: 0 auto;
  border-radius: 4px;
  width: 220px;
  display: block;
  background-color: #0884C7;
}
.btn-write-us:hover, .btn-write-us:active, .btn-write-us:focus{
  background-color: #EA7C2D;
}
.main-nav-email{
  font-size: 1.25rem;
  line-height: 1.15;
}
@media (max-width: 991px){
  #site-header{
    background-image: none !important;
  }
  #main-nav{
    background-color: #fff;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
  }
  .nav-toggle{
    width: 60px;
    height: 60px;
    float: right;
    padding-top: 15px;
    position: relative;
  }
  .nav-toggle > span{
    margin: 0 auto;
    width: 26px;
    height: 3px;
    display: block;
    background-color: #000;
    border-radius: 1px;
    position: absolute;
    left: 17px;
  }
  .nav-toggle > span:nth-child(2){
    -webkit-transition: background .3s;
    transition: background .3s;
    top: 28px;
  }
  .nav-toggle > span:nth-child(1),
  .nav-toggle > span:nth-child(3){
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
    transition-delay: 0.3s, 0;
  }
  .nav-toggle > span:nth-child(1){
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
    top: 20px;
  }
  .nav-toggle > span:nth-child(3) {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
    top: 36px;
  }
  .nav-toggle.active {
  }
  .nav-toggle.active > span:nth-child(2){
    background-color: transparent;
  }
  .nav-toggle.active > span:nth-child(1) {
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav-toggle.active > span:nth-child(3) {
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav-toggle.active > span:nth-child(1),
  .nav-toggle.active > span:nth-child(3){
    -webkit-transition-delay: 0, 0.3s;
    transition-delay: 0, 0.3s;
  }
  .logo{
    margin: 5px 0 0 15px;
    width: 112px;
    height: 50px;
    float: left;
    position: relative;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
  .logo span{
    display: none;
  }
  #main-nav-container{
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    text-align: center;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 3px 2px rgba(0,0,0,.1);
  }
  #main-nav-container.collapsing{
    overflow: hidden;
  }
  .main-nav-1{
    padding: 20px 0;
  }
  .main-nav-2{
    padding-bottom: 30px;
  }
  .main-nav-items{
    margin-bottom: 20px;
  }
  .main-nav-items > ul > li+li{
    margin-top: 10px;
  }
}

/* * Small devices (landscape phones, 576px and up) * */
@media (min-width: 576px){
  /* * About * */
  .about-icon-item{
    width: 50%;
  }
}

/* * Medium devices (tablets, 768px and up) * */
@media (min-width: 768px){
  /* * Form * */
  .block-form-contact{
    padding: 58px 75px 42px 57px;
    max-width: 560px;
    margin: 0 auto;
  }
}

/* * Large devices (desktops, 992px and up) * */
@media (min-width: 992px){
  /* * Photos * */
  .photos-item-2{
    margin-bottom: -80px;
  }
  .photos-item-2-content{
    padding: 50px;
  }

  /* * About * */
  #block-about{
    padding: 1px 0;
    position: relative;
    z-index: 200;
  }
  .about-item-1{
    margin: -145px 0 -37px;
  }
  .about-item-2{
    padding-top: 85px;
    padding-bottom: 1px;
  }
  .about-icons{
    max-height: 700px;
  }
  .about-icon-item{
    margin-bottom: 85px;
  }
  .about-icon-item:nth-child(2){
  }
  .about-icon-item:nth-child(3){
    margin-top: 140px;
  }
  .about-icon-item:last-child{
    margin-bottom: 0;
  }
  .about-content{
    padding: 55px 70px 75px 75px;
    font-size: 1.125rem;
    line-height: 1.333;
  }
  .about-content.larger{
    font-size: 1.25rem;
    line-height: 1.3;
  }

  /* * Header * */
  #site-header{
    padding: 255px 0 205px;
  }
  #site-header::before{
    width: 50%;
  }

  /* * Main nav * */
  #main-nav{
    padding-top: 26px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
  }
  .logo-wrap{
    width: 170px;
  }
  .logo{
    font-size: 0.625rem;
    color: #0884C7 !important;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    line-height: 1.5;
    width: 170px;
    height: 76px;
    display: block;
    position: relative;
  }
  .logo span{
    position: absolute;
    left: 40px;
    top: 70px;
    white-space: nowrap;
  }
  .main-nav-email a{
    color: #fff;
    text-decoration: underline;
  }
  .main-nav-email a:hover, .main-nav-email a:active, .main-nav-email a:focus{
    color: #fff;
    text-decoration: none;
  }
  #main-nav-container{
    padding-top: 14px;
  }
  .main-nav-1{
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
  }
  .main-nav-2{
    text-align: center;
  }
  .main-nav-items{
    margin-bottom: 18px;
  }
  .main-nav-items > ul > li+li{
    margin-left: 10px;
  }
  .nav-in #main-nav{
    background-color: #fff;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    padding: 5px 0 0;
  }
  .nav-in .logo{
    width: 112px;
    height: 50px;
  }
  .nav-in .logo span{
    display: none;
  }
  .nav-in #main-nav-container{
    padding: 5px 0 0;
  }
  .nav-in .main-nav-contacts, .nav-in .main-nav-email{
    display: none;
  }
  .nav-in .main-nav-btn{
    margin-bottom: 0;
  }
}

/* * Extra large devices (large desktops, 1200px and up) * */
@media (min-width: 1200px){
  .container{
    max-width: 1204px;
  }



  /* * Photos * */
  .photos-item-2{
    margin-bottom: -160px;
    position: relative;
    z-index: 100;
  }
  .photos-item-2-content{
    padding: 70px 75px 50px 85px;
  }

  /* * Main nav * */
  .main-nav-items > ul > li+li{
    margin-left: 30px;
  }
}