body {
   font-size: 14px;
   line-height: 1.6;
   color: #333;
   overflow-x: hidden;
   font-family: Montserrat, sans-serif
}

.main-wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -60px auto;
   background: #fff;
   background: url(/assets/template/images/body-bg.webp) 50% 50% no-repeat;
   background-size: auto;
   background-attachment: fixed
}

.footer-wrapper {
   min-height: 60px;
   max-width: 100%;
   margin: 0 auto;
   background: #5d7783;
   color: #fff
}

.footer-wrapper h5 {
   font-family: Montserrat, sans-serif;
   font-size: 18px;
   line-height: 1.3;
   margin-bottom: 20px;
   font-weight: 600
}

.footer-wrapper a {
   color: #fff
}

.footer-menu li {
   padding: 5px 0
}

.footer-push {
   height: 60px;
   margin: 0;
   padding: 0
}

.footer-bottom .logo img {
   height: 98px
}

.footer-bottom .logo {
   position: relative;
   left: 20px
}

.list ol,
.list ul {
   margin-bottom: 30px;
   padding-left: 15px
}

.list ol {
   list-style: inside decimal;
   margin-left: -16px
}

.list ol li>ol,
.list ol li>ul {
   padding-left: 16px !important
}

.list ol>li,
.list ul>li {
   position: relative;
   padding-left: 20px;
   margin-bottom: 10px
}

.list ul>li:before {
   content: "";
   display: block;
   position: absolute;
   top: 8px;
   left: 0;
   background: #009fe3;
   background: linear-gradient(90deg, #009fe3 30%, #95c11e 100%);
   width: 8px;
   height: 8px;
   border-radius: 50%
}

.list ol ul,
.list ul ul {
   padding-top: 20px;
   margin-bottom: 20px
}

h1.min {
   padding-bottom: 15px
}

blockquote {
   position: relative;
   margin: 30px 0;
   padding: 2px 0 5px 20px;
   border-left: 1px solid #ffbb02;
   text-align: left;
   color: #5f5f5f;
   font-size: 14px;
   font-style: italic
}

.title-h1,
h1 {
   font-family: Montserrat, sans-serif;
   font-size: 28px;
   line-height: 1.3;
   margin-bottom: 50px;
   font-weight: 600
}

.title-h2,
h2 {
   font-family: Montserrat, sans-serif;
   font-weight: 600;
   font-size: 28px;
   line-height: 1.3;
   margin-bottom: 40px;
   display: inline-block;
   position: relative
}

.title-h3,
h3 {
   font-family: Montserrat, sans-serif;
   font-weight: 600;
   font-size: 26px;
   line-height: 1.1;
   margin-bottom: 20px
}

.title-h4,
h4 {
   font-family: Montserrat, sans-serif;
   font-size: 18px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500
}

.title-h5,
h5 {
   font-family: Montserrat, sans-serif;
   font-size: 16px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500
}

.title-h6,
h6 {
   font-family: Montserrat, sans-serif;
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500
}

.middle .title-h1,
.middle .title-h2,
.middle .title-h3,
.middle .title-h4,
.middle .title-h5,
.middle .title-h6,
.middle h1,
.middle h2,
.middle h3,
.middle h4,
.middle h5,
.middle h6 {
   color: #5d7783;
   display: block;
   position: relative
}

@media only screen and (min-width:768px) {
   .main-column-left {
      padding-right: 30px
   }

   .title-h1.min,
   h1.min {
      font-size: 22px
   }
}

.green {
   color: #308502
}

.blue {
   color: #03a9f5
}

.red {
   color: #ff4632
}

.white {
   color: #fff
}

.black {
   color: #5d7783
}

p {
   margin-bottom: 20px
}

a {
   color: #95c11e;
   text-decoration: none
}

a:hover {
   color: #93c01e
}

a:focus {
   outline: 0
}

.button {
   display: inline-block;
   text-decoration: none;
   color: #fff;
   font-size: 14px;
   padding: 10px 35px;
   margin-bottom: 15px;
   position: relative;
   text-align: center;
   cursor: pointer;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   border: 1px solid #fff;
   border-radius: 30px
}

.button:hover {
   background: #fff;
   border: 1px solid #fff;
   color: #5d7783
}

.button.block {
   display: block;
   width: 100%
}

.button.min,
.button.mini {
   font-size: 14px;
   padding: 6px 15px
}

.button.big {
   padding: 14px 60px
}

.button.invert {
   background: #03a9f5;
   border-color: #03a9f5;
   color: #fff
}

.button.invert:hover {
   color: #0d0d0d;
   background: #ffd740;
   border-color: #ffd740
}

.form-group {
   position: relative
}

.modal {
   display: none;
   width: 460px;
   max-width: 100%;
   background: #fff;
   padding: 55px 25px 35px
}

#responseMessage .modal-content.error {
   color: #ff4632
}

.box {
   display: none
}

.box.visible {
   display: block
}

.close {
   display: block;
   position: absolute;
   top: 15px;
   right: 20px;
   z-index: 300;
   width: 26px;
   height: 26px;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg)
}

.close:before {
   content: "";
   display: block;
   position: absolute;
   width: 2px;
   height: 100%;
   top: 0;
   left: 50%;
   margin-left: -1px;
   background: #f02a29
}

.close:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 2px;
   top: 50%;
   left: 0;
   margin-top: -1px;
   background: #f02a29
}

.important {
   background: #4a4a4a;
   padding: 5px 15px;
   color: #fff;
   font-weight: 700;
   display: inline-block;
   font-size: 16px
}

.header-push {
   height: 50px
}

.header-wrapper {
   height: 60px;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 300;
   background: #fff;
   box-shadow: 0 0 2px rgba(0, 0, 0, .2);
   line-height: 1.4
}

.header {
   height: 60px
}

.header-panel {
   background: #009fe3;
   background: linear-gradient(90deg, #009fe3 30%, #95c11e 100%);
   color: #fff;
   height: 50px;
   line-height: 50px;
   font-size: 13px;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   overflow: hidden
}

.header-panel a {
   color: #fff
}

.header-panel a:hover {
   color: #fff
}

.header-tel {
   letter-spacing: .5px
}

.header-email .fa,
.header-tel .fa {
   margin-right: 3px
}

.shedule span {
   margin-right: 20px
}

.shedule span:last-of-type {
   margin-right: 0
}

.shedule .fa {
   position: relative;
   margin: 0 8px 0 0;
   font-size: 20px;
   vertical-align: middle;
   color: #fff;
   bottom: 1px
}

.header>div {
   display: inline-block
}

.social a {
   margin-left: 20px;
   font-size: 20px;
   color: #fff;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.social a:hover {
   color: #0d0d0d
}

.logo {
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   overflow: hidden
}

.logo img {
   height: 90px;
   padding: 5px
}

.mob-menu-btn {
   margin: 23px 5px 0 20px
}

.mob-menu-btn span {
   display: block;
   height: 3px;
   margin-bottom: 4px;
   width: 30px;
   background: #0d0d0d
}

.mobile-menu {
   position: fixed;
   top: 0;
   right: -400px;
   background: #5d7783;
   height: 100%;
   width: 370px;
   max-width: 100%;
   z-index: 1000;
   overflow-y: scroll;
   padding-top: 54px;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.mobile-menu.open {
   right: 0
}

.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, .8);
   z-index: -100;
   opacity: 0;
   -webkit-transition: opacity .2s ease-out;
   -moz-transition: opacity .2s ease-out;
   -o-transition: opacity .2s ease-out;
   transition: opacity .2s ease-out
}

.mobile-menu.open+.overlay {
   z-index: 400;
   opacity: 1
}

.mobile-menu>ul>li {
   position: relative;
   border-bottom: 1px solid #6d8794
}

.mobile-menu>ul>li:first-of-type {
   border-top: 1px solid #6d8794
}

.mobile-menu>ul>li.down>a {
   padding-right: 60px
}

.mobile-menu .dropdown-button {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   height: 45px;
   width: 48px;
   z-index: 10
}

.mobile-menu .dropdown-button:before {
   content: "";
   display: block;
   position: absolute;
   width: 12px;
   height: 12px;
   top: 13px;
   left: 16px;
   border-bottom: 1px solid #006898;
   border-right: 1px solid #006898;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.mobile-menu .dropdown-button.active:before {
   -moz-transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   transform: rotate(225deg);
   top: 19px
}

.mobile-menu>ul>li>ul {
   position: static;
   width: 100%;
   display: none
}

.mobile-menu>ul>li>a {
   display: block;
   text-decoration: none;
   color: #fff;
   padding: 13px 20px 10px;
   text-transform: uppercase
}

.mobile-menu ul ul ul .active a,
.mobile-menu>ul>li.active>a,
.mobile-menu>ul>li>ul>li.active>a {
   color: #ffca00
}

.mobile-menu ul ul ul a,
.mobile-menu>ul>li>ul>li>a {
   display: block;
   font-size: 15px;
   line-height: 18px;
   text-decoration: none;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   padding: 10px 10px 10px 40px;
   color: #fff;
   position: relative
}

.mobile-menu ul ul ul a:before,
.mobile-menu>ul>li>ul>li>a:before {
   content: "";
   display: block;
   position: absolute;
   width: 6px;
   height: 6px;
   top: 17px;
   left: 20px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg)
}

.mobile-menu ul ul ul {
   margin-bottom: 10px
}

.mobile-menu ul ul ul a {
   padding: 6px 10px 6px 55px;
   font-size: 13px
}

.mobile-menu ul ul ul a:before {
   left: 40px;
   top: 13px
}

.mobile-menu-close.close {
   top: 26px;
   right: 10px
}

.mobile-menu-close.close {
   top: 15px;
   right: 15px
}

.callback-btn {
   padding: 0 30px;
   height: 64px;
   line-height: 64px;
   display: block;
   position: relative;
   text-decoration: none;
   background: #ffbb02;
   float: right;
   font-family: Helios;
   font-size: 18px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff !important;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   letter-spacing: .5px
}

.callback-btn .fa {
   margin: 0 4px 0 0;
   vertical-align: middle;
   font-size: 20px
}

.callback-btn:hover {
   color: #fff !important;
   background: #ff4229 !important
}

.mobile-menu .callback-btn {
   float: none;
   height: auto;
   line-height: 1;
   padding: 10px 20px;
   display: inline-block;
   margin-left: 20px;
   color: #fff;
   background: 0 0;
   border: 1px solid #fff;
   font-weight: 400
}

.gray-bg {
   background: #f6f6f7
}

.hr-min {
   width: 100px;
   margin: 30px auto
}

.weight300 {
   font-weight: 300
}

.num-section {
   position: relative
}

.ie .num-section {
   background-attachment: scroll
}

.num-section:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .7)
}

.num-section .container {
   position: relative;
   z-index: 10
}

.num-section .num {
   font-size: 44px;
   line-height: 1;
   color: #5d7783;
   font-weight: 600;
   opacity: 0
}

.base-template .num-section .element {
   padding: 0 30px
}

.num-section .num.animated {
   opacity: 1
}

.base-template .num-section {
   color: #000
}

.base-template .num-section:after {
   display: none
}

hr {
   border-color: #e3e3e4
}

hr.white {
   border-color: #fff
}

.clear-hr {
   height: 0;
   opacity: 0;
   margin: 0;
   padding: 0;
   border: none
}

.services-section .element {
   padding-left: 60px;
   margin-bottom: 40px
}

.services-section .element .title {
   font-family: Montserrat, sans-serif;
   font-size: 18px;
   line-height: 1;
   font-weight: 700;
   margin-bottom: 10px;
   color: #000
}

.services-section .element .text {
   font-size: 13px
}

.services-section .element .img-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   background: #fff
}

.services-template-inner h1 {
   font-size: 28px
}

.quest-section span {
   display: block;
   margin-bottom: 10px
}

.review-section {
   background: url(../images/gray-bg.png) 50% 0 no-repeat;
   background-size: cover
}

.rev-prev-carousel>div,
.reviews-carousel>div {
   position: fixed;
   top: -10000px
}

.rev-prev-carousel.slick-initialized>div,
.rev-prev-carousel>div:first-of-type,
.reviews-carousel.slick-initialized>div,
.reviews-carousel>div:first-of-type {
   position: relative;
   top: 0
}

.reviews-carousel .item .element {
   width: 820px;
   max-width: 100%;
   padding: 30px 20px;
   background: #fff;
   margin: 0 auto;
   position: relative;
   margin-bottom: 40px
}

.reviews-carousel .item .element:after {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: -10px;
   left: 50%;
   margin-left: -10px;
   background: #fff;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg)
}

.reviews-carousel .item .element .text {
   padding: 0 30px;
   position: relative
}

.reviews-carousel .item .element .text:after {
   content: "\f10e";
   font: normal normal normal 18px/1 FontAwesome;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   color: #03a9f5
}

.reviews-carousel .item .element .text:before {
   content: "\f10d";
   font: normal normal normal 18px/1 FontAwesome;
   display: block;
   position: absolute;
   bottom: 0;
   right: 0;
   color: #03a9f5
}

.rev-prev-carousel-wrapper {
   width: 390px;
   margin: auto;
   max-width: 100%
}

.rev-prev-carousel .item {
   padding: 0 5px
}

.rev-prev-carousel img {
   border-radius: 50%;
   cursor: pointer;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.rev-prev-carousel img:hover {
   opacity: .8
}

@media only screen and (min-width:768px) {
   .reviews-carousel .item .element {
      padding: 40px 30px
   }
}

.was-it-was img {
   display: block;
   width: 100%
}

.it-was {
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
   overflow: hidden
}

.it-was-inner {
   height: 100%
}

.ui-slider-wrapper {
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -150px;
   width: 300px;
   height: 100%
}

.ui-slider-wrapper .ui-widget-content {
   border: none;
   background: 0 0;
   height: 100%;
   margin-top: -15px
}

.ui-slider-wrapper .ui-slider .ui-slider-handle {
   background: url(../images/handle.png) 50% 50% no-repeat;
   width: 48px;
   height: 48px;
   border: none;
   cursor: pointer;
   top: 50%;
   margin-left: -24px;
   margin-top: -24px
}

.ui-slider-wrapper .ui-slider .ui-slider-handle:after {
   content: "";
   display: block;
   position: absolute;
   width: 3px;
   height: 300px;
   top: -125px;
   left: 50%;
   margin-left: -1px;
   background: #fff
}

.wat-is-was-inner {
   margin-bottom: 10px
}

.it-was-inner img {
   height: 100%;
   width: auto;
   max-width: none
}

@media only screen and (min-width:1240px) {
   .was-it-was img {
      width: 659px;
      max-width: none;
      margin-left: -70px
   }

   .ui-slider-wrapper {
      margin-left: -244px;
      width: 428px
   }

   .ui-slider-wrapper .ui-slider .ui-slider-handle:after {
      height: 410px;
      top: -185px
   }
}

.application-inner .element {
   padding: 30px 20px 20px;
   border-radius: 20px;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.application-inner .element .title {
   line-height: 1.2;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.application-inner .element .button.fancyboxModal {
   position: relative;
   z-index: 10
}

.application-inner .element:hover .title {
   color: #95c11e
}

.img-wrapper {
   border-radius: 10px;
   overflow: hidden
}

@media only screen and (min-width:768px) {
   .application-inner .element {
      min-height: 300px
   }

   .application-inner .element .img-wrapper {
      position: relative;
      overflow: hidden;
      border-radius: 10px
   }

   .servicesElement .element-info {
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, .9);
      width: 100%
   }

   .application-inner .element .title {
      height: 42px;
      overflow: hidden;
      font-weight: 500
   }

   .application-inner .element .text {
      height: 72px;
      overflow: hidden
   }

   .application-inner>.row>hr:nth-of-type(2n) {
      clear: both
   }
}

@media only screen and (min-width:1240px) {
   .application-inner>.row>hr:nth-of-type(2n) {
      clear: none
   }
}

.contacts-section>.container {
   z-index: 10
}

.feedback-block .form-control {
   border-color: #5d7783;
   margin-bottom: 20px;
   height: 46px;
   border-radius: 25px
}

textarea.form-control {
   height: auto;
   max-width: 100%;
   min-height: 115px;
   resize: none;
   padding-top: 20px
}

.feedback-block .form-control.error {
   border-color: #ff1a00
}

.contacts-block .element {
   color: #000;
   margin-bottom: 20px;
   position: relative;
   padding-left: 35px
}

.contacts-block .element .fa {
   display: inline-block;
   font-size: 18px;
   position: absolute;
   left: 0;
   top: 2px;
   color: #95c11e
}

@media only screen and (min-width:992px) {
   .contacts-section:after {
      width: 55%
   }
}

@media only screen and (max-width:991px) {
   .slick-dots {
      padding-top: 30px
   }
}

@media only screen and (max-width:767px) {
   .f36 {
      position: relative;
      font-size: 30px;
      line-height: 1.2
   }

   .title-h1,
   h1 {
      position: relative;
      font-size: 24px;
      line-height: 1.2
   }

   .title-h2,
   h2 {
      position: relative;
      font-size: 30px;
      line-height: 1.2
   }

   .title-h3,
   h3 {
      position: relative;
      font-size: 24px;
      line-height: 1.2
   }
}

@media only screen and (min-width:768px) {
   .flex-sm {
      display: flex
   }

   .flex-sm>div {
      height: auto
   }

   .modal {
      padding: 55px 40px 40px
   }

   .mobile-tab-header {
      display: none
   }

   ul.tabs.mobile {
      display: block !important;
      margin: 0
   }

   .box {
      padding: 0 15px
   }

   .title-h1,
   h1 {
      font-size: 24px;
      display: inline-block;
      position: relative
   }

   .services-section hr:nth-of-type(2n) {
      clear: both
   }

   .quest-section span {
      vertical-align: top;
      margin-right: 30px;
      display: inline;
      margin-bottom: 0
   }
}

@media only screen and (min-width:992px) {
   .box {
      padding: 0 20px
   }

   .logo {
      margin-left: 0
   }

   .services-section hr:nth-of-type(2n) {
      clear: none
   }

   .services-section hr:nth-of-type(3n) {
      clear: both
   }
}

@media only screen and (min-width:1240px) {
   ul.tabs.mobile li {
      padding: 18px 90px
   }

   .title-h1.big,
   h1.big {
      font-size: 80px;
      line-height: 1;
      margin-bottom: 50px
   }
}

top slider .top-slider {
   overflow: hidden;
   height: 450px
}

.top-slider .slick-dots {
   position: absolute;
   bottom: 25px
}

.top-slider .slick-dots li {
   border-color: #fff !important
}

.top-slider .slick-dots li.slick-active {
   background-color: #fff !important
}

.top-slider .item {
   overflow: hidden;
   height: 450px;
   position: relative
}

.top-slider .item:before {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .3)
}

.top-slider .table {
   position: relative;
   z-index: 10
}

.top-slider .item .title {
   font-family: Montserrat, sans-serif;
   font-weight: 300;
   font-size: 1.8em;
   line-height: 1.1;
   margin-bottom: 15px
}

.top-slider .item .text {
   font-size: 22px;
   line-height: 1.2;
   margin-bottom: 30px
}

.top-slider .item .button {
   margin: 0;
   color: #5d7783;
   border: 2px solid #5d7783
}

@media only screen and (min-width:1400px) {
   .pk-img {
      max-width: 650px;
      margin-left: -60px
   }
}

@media only screen and (max-width:991px) {
   .top-slider .item .button {
      padding: 8px 15px
   }
}

@media only screen and (min-width:768px) {
   .top-slider .item:before {
      display: none
   }

   .top-slider .item .title {
      font-size: 2.4em
   }

   .top-slider {
      height: 400px
   }

   .top-slider .item {
      height: 400px
   }

   .header-push {
      height: 130px;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out
   }

   .header-wrapper {
      height: 130px;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out
   }

   .header-wrapper.hPanelHide {
      top: -50px
   }
}

@media only screen and (min-width:992px) {
   .header-wrapper {
      height: 170px
   }

   .header-push {
      height: 170px
   }

   .header {
      height: 120px
   }

   .top-menu-wrapper {
      height: 100%
   }

   .header-wrapper.hPanelHide .top-menu-wrapper {
      padding-top: 30px
   }

   .header-wrapper.hPanelHide .logo {
      top: 30px
   }

   .top-slider .item .title {
      font-size: 3em;
      margin-bottom: 30px
   }

   .top-slider .item .text {
      margin-bottom: 45px
   }

   .top-slider {
      height: 520px
   }

   .top-slider .item {
      height: 520px
   }

   .header-wrapper.hPanelHide {
      top: -80px
   }
}

.slide_inner_wrapper {
   padding: 30px 40px;
   color: #5d7783;
   background: #fff;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 100%)
}

@media only screen and (min-width:1240px) {
   .top-slider .item .title {
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 18px;
      max-width: 700px;
      font-weight: 600
   }

   .top-slider .item .text {
      margin-bottom: 25px
   }
}

end top slider Action .action-section .title {
   line-height: 1.3
}

.action-section .row {
   display: flex
}

.action-section .row>div {
   height: auto
}

.countdownHolder {
   position: relative;
   line-height: 36px;
   margin: 0
}

.countdownHolder>span:nth-of-type(odd) {
   color: #03a9f5;
   width: 50px;
   padding: 7px 5px;
   background-color: #fff;
   border: 2px solid #ebebeb;
   border-radius: 3px;
   text-align: center;
   display: inline-block;
   position: relative;
   font-weight: 500;
   font-size: 24px
}

.countdownHolder>span:nth-of-type(odd):after {
   content: "";
   display: block;
   position: absolute;
   top: 16px;
   right: -16px;
   color: #2e3841;
   width: 4px;
   height: 18px;
   background: url(../images/colon.png) 0 0 no-repeat
}

.countdownHolder>span.countSeconds:after {
   display: none
}

.countDiv {
   display: inline-block;
   width: 22px
}

.countDays:before,
.countHours:before,
.countMinutes:before,
.countSeconds:before {
   position: absolute;
   display: block;
   width: 50px;
   text-align: center;
   left: -2px;
   bottom: -32px;
   content: 'дней';
   color: #8c8c8c;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: 400
}

.countDays:before {
   content: 'дней'
}

.countHours:before {
   content: 'часов'
}

.countMinutes:before {
   content: 'минут'
}

.countSeconds:before {
   content: 'секунд'
}

.action-form-box {
   width: 800px;
   margin: auto;
   max-width: 100%
}

@media only screen and (min-width:768px) {
   .countdownHolder>span:nth-of-type(odd) {
      width: 60px
   }

   .countDays:before,
   .countHours:before,
   .countMinutes:before,
   .countSeconds:before {
      width: 60px
   }
}

@media only screen and (min-width:992px) {
   .countdownHolder>span:nth-of-type(odd) {
      width: auto;
      font-size: 42px;
      padding: 15px 12px
   }

   .countDays:before,
   .countHours:before,
   .countMinutes:before,
   .countSeconds:before {
      width: 74px;
      bottom: -38px
   }

   .countdownHolder>span>span {
      display: block;
      float: left
   }

   .countdownHolder>span:nth-of-type(odd):after {
      top: 24px;
      right: -15px
   }

   .top-menu-wrapper {
      float: right;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out
   }

   .top-menu>ul>li {
      display: inline-block;
      margin: 0 5px;
      position: relative
   }

   .top-menu>ul>li>a {
      display: inline-block;
      font-size: 14px;
      color: #5d7783;
      font-weight: 500;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
      border-bottom: 1px solid transparent;
      border-radius: 3px
   }

   .top-menu>ul>li.active>a,
   .top-menu>ul>li:hover>a {
      border-color: #5d7783
   }

   .top-menu>ul>li:last-of-type {
      margin-right: 0
   }

   .top-menu>ul>li>a:last-of-type {
      margin-right: 0
   }

   .top-menu>ul>li>ul {
      position: absolute;
      width: 240px;
      top: 30px;
      padding-top: 22px;
      left: 0;
      -webkit-animation-duration: .2s;
      -moz-animation-duration: .2s;
      -o-animation-duration: .2s;
      -ms-animation-duration: .2s;
      animation-duration: .2s;
      text-align: left;
      z-index: 100
   }

   .top-menu>ul>li:last-of-type>ul {
      left: auto;
      right: 0
   }

   .top-menu>ul>li:last-of-type>ul>li:first-of-type:before {
      left: auto;
      right: 15px
   }

   .top-menu>ul>li>ul>li>a {
      background: #21282e;
      padding: 12px 10px 12px 10px;
      border-top: 1px solid #171b1f;
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #fff;
      text-decoration: none;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
      position: relative;
      z-index: 10
   }

   .top-menu>ul>li>ul>li:first-of-type:before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      background: #21282e;
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(45deg);
      position: absolute;
      left: 15px;
      top: -5px;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out
   }

   .top-menu>ul>li>ul>li:first-of-type>a {
      border-top: none
   }

   .top-menu>ul>li>ul>li.active>a,
   .top-menu>ul>li>ul>li:hover>a {
      background: #171b1f
   }

   .top-menu ul ul ul ul {
      display: none !important
   }

   .top-menu ul ul ul {
      position: absolute;
      top: 0;
      left: 240px;
      width: 240px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out
   }

   .top-menu ul ul li {
      position: relative
   }

   .top-menu ul ul li.uWithSubmenu>a {
      padding-right: 50px
   }

   .top-menu ul ul li.uWithSubmenu>a:after {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      right: 15px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -5px
   }

   .top-menu ul ul li:hover ul {
      visibility: visible;
      opacity: 1
   }

   .top-menu ul ul ul a {
      background: #21282e;
      padding: 12px 10px 12px 10px;
      border-top: 1px solid #171b1f;
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #fff;
      text-decoration: none;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
      position: relative;
      z-index: 10
   }

   .top-menu ul ul li:last-of-type>ul>li:first-of-type>a {
      border-top: none;
      border-left: none
   }

   .top-menu ul ul ul li.active a,
   .top-menu ul ul ul li:hover a {
      background: #171b1f
   }

   .mobile-menu,
   .overlay {
      display: none
   }
}

@-webkit-keyframes fadeInDownSmall {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
   }

   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@keyframes fadeInDownSmall {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px)
   }

   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
   }
}

.fadeInDownSmall {
   -webkit-animation-name: fadeInDownSmall;
   animation-name: fadeInDownSmall
}

@-webkit-keyframes fadeOutUpSmall {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
   }
}

@keyframes fadeOutUpSmall {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px)
   }
}

.fadeOutUpSmall {
   -webkit-animation-name: fadeOutUpSmall;
   animation-name: fadeOutUpSmall
}

.breadcrumbs-wrapper {
   padding: 25px 0;
   color: #333;
   font-size: 14px
}

.breadcrumbs-wrapper li {
   display: inline-block
}

.breadcrumbs-wrapper a {
   color: #333;
   text-decoration: none;
   position: relative;
   padding-right: 15px;
   margin-right: 10px;
   display: inline-block
}

.breadcrumbs-wrapper a:hover {
   text-decoration: none
}

.breadcrumbs-wrapper a:after {
   content: "/";
   position: absolute;
   top: 0;
   right: 0
}

.preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #fff;
   z-index: 999999999;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.preloader:after {
   background-color: #03a9f5;
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   margin: -20px 0 0 -20px;
   border-radius: 100%;
   -webkit-animation: sk-scaleout 1s infinite ease-in-out;
   animation: sk-scaleout 1s infinite ease-in-out
}

.preloader.hid {
   opacity: 0;
   visibility: hidden
}

@-webkit-keyframes sk-scaleout {
   0% {
      -webkit-transform: scale(0)
   }

   100% {
      opacity: 0;
      -webkit-transform: scale(1)
   }
}

@keyframes sk-scaleout {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   100% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

.aside-gallery img {
   width: 100%
}

.lightgallery-link {
   display: block;
   background: rgba(0, 0, 0, 0);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear
}

.lightgallery-link:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: url(../images/zoom.png) 50% 50% no-repeat;
   background-size: 0 0;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.lightgallery-link:hover {
   background: rgba(0, 0, 0, .5)
}

.lightgallery-link:hover:after {
   background-size: 25px 25px
}

#vk_groups,
#vk_widget {
   width: 100%
}

#vk_groups,
#vk_groups iframe {
   width: 100% !important
}

table.tpl-table {
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #f5f5f5;
   margin-bottom: 30px
}

table.tpl-table tr:nth-child(odd) {
   background: #f5f5f5
}

table.tpl-table td,
table.tpl-table th {
   padding: 12px 20px;
   border-left: 1px solid #e2e6e7;
   vertical-align: middle;
   color: #5f5f5f
}

table.tpl-table td:first-child,
table.tpl-table th:first-child {
   border-left: none
}

table.tpl-table th {
   color: #000;
   font-weight: 700
}

@media only screen and (max-width:767px) {

   table.tpl-table td,
   table.tpl-table th {
      padding: 8px 10px;
      font-size: 12px
   }
}

.searchForm {
   margin-bottom: 20px;
   position: relative;
   padding-bottom: 10px;
   border-bottom: 1px solid #e3e3e4
}

.searchForm [type=text] {
   border-width: 1px;
   border-radius: 5px;
   height: 45px
}

.searchForm [type=submit] {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   border: none;
   background: 0 0;
   color: #fff;
   width: 50px;
   color: #c7c7c7;
   text-align: center;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.searchForm [type=submit]:hover {
   color: #000
}

.tag-cloud {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e3e3e4;
   overflow: hidden;
   color: #fff
}

.tag-cloud p {
   color: #000;
   font-family: Montserrat, sans-serif;
   font-size: 18px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500
}

.tag-cloud a {
   font-size: 13px !important;
   text-decoration: none;
   display: inline-block;
   padding: 6px 15px 6px;
   border: 1px solid #03a9f5;
   margin: 0 5px 5px 0;
   float: left;
   background: #fff;
   color: #03a9f5 !important;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   border-radius: 3px;
   text-transform: lowercase;
   font-weight: 400 !important
}

.tag-cloud a:hover {
   background: #03a9f5;
   color: #fff !important
}

.aside-news {
   margin-bottom: 50px
}

.aside-news .element {
   margin-bottom: 15px;
   line-height: 1.4
}

.aside-news .element-date {
   font-size: 13px
}

.aside-news .element-date i {
   margin-right: 3px
}

.aside-news .element a {
   color: #000052;
   font-size: 14px;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.aside-news .element a:hover {
   color: #03a9f5
}

.aside-photo {
   margin-bottom: 50px
}

.aside-photo img {
   border-radius: 3px
}

.aside-photo a {
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   opacity: 1
}

.aside-photo a:hover {
   opacity: .7
}

.search-element {
   margin-bottom: 20px;
   padding: 20px;
   background: #fff;
   font-size: 14px;
   border: 1px solid #e3e3e4;
   border-radius: 5px
}

.search-element .title-h5 b {
   font-weight: 400
}

.search-element .text {
   color: #8a8a8a
}

.search-element .text b {
   color: #342e2e
}

.search-results div[style^=text-align] {
   text-align: left !important;
   padding: 0 0 20px !important
}

.search-element .text>div {
   display: none
}

.news-list {
   padding-top: 10px
}

.news-list .news-list-element {
   margin-top: 30px;
   padding-top: 30px
}

.news-list>div:first-of-type {
   margin-top: 0;
   padding-top: 0;
   border-top: 0
}

.news-list .news-list-element h4 {
   margin-top: -5px;
   margin-bottom: 10px
}

.news-list .news-list-element h4 a {
   color: #000;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.news-list .news-list-element h4 a:hover {
   color: #03a9f5
}

.news-list .news-list-element .img-wrapper img {
   border-radius: 4px;
   width: 100%;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   opacity: 1;
   border: 1px solid #f4f4f4
}

.news-list .news-list-element .img-wrapper img:hover {
   opacity: .8
}

.element-info span {
   margin-right: 10px;
   text-transform: uppercase;
   font-size: 11px;
   color: #b3b3b3
}

.element-info span i {
   font-size: 14px;
   margin-right: 3px
}

.element-info a {
   color: #b3b3b3
}

.element-info a:hover {
   color: #000
}

.more i {
   position: relative;
   bottom: -1px;
   margin-left: 3px
}

.pagination {
   text-align: left;
   padding-top: 10px;
   margin: 20px 0;
   overflow: hidden
}

.pagination li {
   display: inline-block
}

.pagination a,
.pagination span {
   display: inline-block;
   padding: 7px 12px 5px;
   margin-right: 4px;
   line-height: 1.42857143;
   color: #0d0d0d;
   text-decoration: none;
   background-color: #f4f4f4;
   border: none;
   border-radius: 3px;
   font-weight: 400;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.pagination .active a,
.pagination a:hover {
   background: #009fe3;
   background: linear-gradient(90deg, #009fe3 30%, #95c11e 100%);
   color: #fff
}

.article-img {
   border-radius: 5px;
   overflow: hidden
}

.article-img img {
   border-radius: 5px;
   width: 100%
}

h1+.element-info {
   margin: -10px 0 10px
}

.item-gallery .element {
   margin-bottom: 10px;
   border-radius: 5px;
   overflow: hidden
}

.item-gallery>.row>hr:nth-of-type(2n) {
   clear: both
}

@media only screen and (min-width:992px) {
   .item-gallery>.row>hr:nth-of-type(2n) {
      clear: none
   }

   .item-gallery>.row>hr:nth-of-type(3n) {
      clear: both
   }
}

.comments .ec-message {
   background-color: #f2f5f6;
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none
}

.comments .ec-message>p>strong {
   color: #000
}

.comments .alert.alert-success {
   font-size: 16px;
   color: green
}

.blog .element {
   margin-bottom: 30px
}

.blog .element .img-wrapper {
   margin-bottom: 10px;
   border-radius: 4px;
   overflow: hidden
}

.blog .element .title-h5 {
   margin-bottom: 10px
}

.blog .element .text {
   line-height: 1.4
}

.blog .element .img-wrapper img {
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1)
}

.blog .element:hover .img-wrapper img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1)
}

.blog .element:hover .title-h5 {
   color: #03a9f5
}

.blog .element:hover .text {
   text-decoration: underline
}

.blog .row>hr:nth-of-type(2n) {
   clear: both
}

@media only screen and (min-width:1240px) {
   .blog .row>hr:nth-of-type(2n) {
      clear: none
   }

   .blog .row>hr:nth-of-type(3n) {
      clear: both
   }
}

.gallery-list .element {
   margin-bottom: 20px;
   position: relative;
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;
   border-radius: 4px;
   overflow: hidden
}

.gallery-list .element:hover {
   box-shadow: 0 0 20px rgba(0, 0, 0, .5), 0 0 5px rgba(0, 0, 0, .7)
}

.gallery-list .element .title {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 10px 15px;
   background: rgba(17, 138, 199, .7);
   color: #fff;
   font-size: 16px;
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out
}

.gallery-list .element:hover .title {
   background: #118ac7
}

.accordeon-section {
   box-shadow: 0 2px 0 #e6e6e6;
   overflow: hidden
}

.accordeon .element-content {
   display: none;
   padding: 20px;
   font-size: 13px;
   color: #0d0d0d;
   border: 2px solid rgba(0, 0, 0, .1);
   margin-bottom: 12px;
   border-top: none;
   border-radius: 0 0 3px 3px
}

.accordeon .element {
   margin-bottom: 2px;
   background: #fff
}

.accordeon .element .title {
   cursor: pointer;
   padding: 12px 12px 12px 50px;
   font-family: Montserrat, sans-serif;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: .5px;
   position: relative;
   color: #8c8c8c;
   background: #f4f4f4;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   border-radius: 3px
}

.accordeon .element.active .title {
   background: #03a9f5;
   color: #fff !important;
   border-radius: 3px 3px 0 0
}

.accordeon .element .title:before {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: 50%;
   left: 15px;
   border-radius: 3px;
   margin-top: -10px;
   background: url(../images/plus.png) 50% 50% no-repeat #03a9f5;
   color: #fff;
   text-align: center;
   line-height: 50px;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.accordeon .element.active .title:before {
   background: url(../images/minus.png) 50% 50% no-repeat
}

.accordeon>div:first-of-type .element-content {
   display: block
}

.accordeon .element .title:hover {
   color: #333
}

.accordeon .element.active .title:hover {
   background: #0098de
}

.accordeon>div:last-of-type {
   margin-bottom: 0
}

@media only screen and (min-width:1240px) {
   .top-menu>ul>li>a {
      font-size: 16px;
      padding: 6px 0 7px;
      margin: 0 10px
   }

   .accordeon-section .img-wrapper {
      position: absolute;
      bottom: 0
   }

   .accordeon-section .row {
      min-height: 750px
   }
}

.files-list .element {
   position: relative;
   margin-bottom: 30px;
   padding-left: 40px
}

.files-list .element:before {
   content: "\f0f6";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 2em;
   line-height: 1;
   font-family: FontAwesome
}

.files-list .element .title {
   line-height: 1.1;
   margin-bottom: 10px;
   font-weight: 900;
   text-transform: uppercase
}

.files-list .element .title span {
   font-weight: 400;
   color: #9a9a9a
}

.files-list .element .text {
   font-size: 13px
}

.files-list .element .title a:hover {
   text-decoration: underline
}

.articles-list {
   padding-top: 6px
}

.articles-list .news-element {
   margin-top: 30px;
   padding-top: 30px;
   border-top: 1px solid #e3e3e4
}

.articles-list div:first-of-type {
   margin-top: 0;
   padding-top: 0;
   border-top: 0
}

.articles-list .news-element .img-wrapper {
   border-radius: 5px;
   overflow: hidden
}

.articles-list .news-element .img-wrapper img {
   width: 100%
}

.articles-list .news-element .img-wrapper a {
   display: block;
   position: relative
}

.articles-list .news-element .img-wrapper a:after {
   background: url(../images/link-icon.png) 50% 50% no-repeat rgba(0, 0, 0, .7);
   background-size: 0 0;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   z-index: 5
}

.articles-list .news-element .img-wrapper a:hover:after {
   opacity: 1;
   background-size: 36px 36px
}

.articles-list .news-element h4 {
   margin: 0 0 20px;
   font-size: 22px;
   line-height: 1.2;
   font-weight: 400;
   text-transform: uppercase
}

.articles-list .news-element h4 a {
   text-decoration: none;
   color: #333;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.articles-list .news-element h4 a:hover {
   color: #03a9f5
}

.material-icons {
   vertical-align: middle;
   margin-top: -3px
}

.aside-characteristic-block {
   color: #5d7783;
   margin-bottom: 30px;
   margin-top: 10px
}

.aside-characteristic-block div {
   padding: 20px 20px;
   background: #f8fbf0
}

.aside-characteristic-block div:nth-child(odd) {
   background: #edf8fe
}

.aside-characteristic-block div:first-of-type {
   border-top-right-radius: 20px;
   border-top-left-radius: 20px
}

.aside-characteristic-block div:last-of-type {
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px
}

@media (min-width:992px) {
   .services-template .main-column {
      padding: 0 20px
   }
}

.align-items-center {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center !important;
   align-items: center !important
}

.about-img {
   padding-right: 25px
}

.about-text {
   padding-left: 25px
}

.about-img img {
   border-top-left-radius: 60%;
   border-bottom-right-radius: 60%;
   border-top-right-radius: 40%;
   border-bottom-left-radius: 40%
}

.black-btn {
   color: #5d7783;
   background: #fff;
   border: 1px solid #5d7783
}

.black-btn:hover {
   background: #5d7783;
   border: 1px solid #5d7783;
   color: #fff
}

.feedback-block-main .form-control {
   border-color: #5d7783;
   margin-bottom: 20px;
   height: 56px;
   border-radius: 25px
}

.feedback-block-main textarea.form-control {
   height: auto;
   max-width: 100%;
   min-height: 115px;
   resize: none;
   padding-top: 20px
}

.feedback-block-main p {
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase
}

.contacts-section .social a {
   margin: 0 24px 0 0;
   font-size: 22px;
   color: #95c11e;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out
}

.project-svg-wraper a:hover circle.st8 {
   fill: #ecf5dc
}

.project-svg-wraper a circle.st8 {
   fill: #fff;
   transition: all .3s ease
}

.title-h1:after,
.title-h2:after,
h1:after,
h2:after {
   content: "";
   position: absolute;
   bottom: -18px;
   left: 0;
   height: 4px;
   width: 100px;
   background: #009fe3;
   background: linear-gradient(90deg, #009fe3 30%, #95c11e 100%)
}

.text-center .title-h1:after,
.text-center .title-h2:after,
.text-center h1:after,
.text-center h2:after {
   left: 50%;
   transform: translate(-50%, -50%)
}

.application-inner-row {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin: 0 0 35px
}

.servicesElement {
   width: 380px;
   margin: 0
}

@media (max-width:1200px) {
   .servicesElement {
      width: calc(33.333% - 15px)
   }
}

@media (max-width:991px) {
   .servicesElement {
      width: calc(50% - 15px);
      margin: 0 0 30px
   }
}

@media (max-width:767px) {
   .servicesElement {
      width: 100%
   }
}

.tabs {
   min-width: 320px;
   max-width: 800px;
   padding: 0;
   margin: 0 auto
}

.tabs>section {
   display: none;
   padding: 30px 20px 20px;
   background: #fff;
   border: 1px solid #5d7783;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px
}

.tabs>section>p {
   margin: 0 0 10px;
   line-height: 1.3;
   color: #383838;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

.tabs>input {
   display: none;
   position: absolute
}

.tabs>label {
   display: inline-block;
   margin: 0 0 -1px;
   padding: 15px 25px;
   text-align: center;
   color: #aaa;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border: 0 solid transparent;
   border-width: 4px 1px 1px 1px;
   background: #f5faf3;
   border-bottom: 1px solid #5d7783
}

.tabs>label:before {
   font-family: fontawesome;
   font-weight: 400;
   margin-right: 10px
}

.tabs>label[for*="1"]:before {
   content: "\f11a"
}

.tabs>label[for*="2"]:before {
   content: "\f140"
}

.tabs>label[for*="3"]:before {
   content: "\f12e"
}

.tabs>label[for*="4"]:before {
   content: "\f201"
}

.tabs>label:hover {
   color: #888;
   cursor: pointer
}

.tabs>input:checked+label {
   color: #5d7783;
   border-top: 4px solid #95c11e;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #5d7783;
   border-left: 1px solid #5d7783;
   background: #fff;
   font-weight: 600
}

.manager {
   display: flex;
   align-items: flex-start;
   padding: 40px 0;
   border-bottom: 1px solid #ccc
}

.manager__title p {
   font-weight: 400;
   margin: 0
}

.manager__foto {
   flex: 0 0 250px;
   padding: 0 20px 0 0
}

.manager__foto_img img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.manager__title {
   background-color: #009fe3;
   color: #fff;
   font-weight: 700;
   padding: 7px
}

.manager__title p {
   font-weight: 400
}

#tab1:checked~#content-tab1,
#tab2:checked~#content-tab2,
#tab3:checked~#content-tab3,
#tab4:checked~#content-tab4 {
   display: block
}

@media screen and (max-width:680px) {
   .tabs>label {
      font-size: 0
   }

   .tabs>label:before {
      margin: 0;
      font-size: 18px
   }

   .manager {
      flex-direction: column
   }

   .manager__foto {
      padding-bottom: 15px
   }
}

@media screen and (max-width:400px) {
   .tabs>label {
      padding: 15px
   }
}

.st0 {
   fill: #5d7783;
   font-weight: 600
}

.st1 {
   fill: url(#SVGID_1_)
}

.st2 {
   fill: url(#SVGID_2_)
}

.st3 {
   fill: url(#SVGID_3_)
}

.st4 {
   fill: url(#SVGID_4_)
}

.st5 {
   fill: url(#SVGID_5_)
}

.st6 {
   fill: url(#SVGID_6_)
}

.st7 {
   fill: url(#SVGID_7_)
}

.st8 {
   fill: #fff
}

.st9 {
   fill: url(#SVGID_8_)
}

.st10 {
   fill: url(#SVGID_9_)
}

.st11 {
   fill: url(#SVGID_10_)
}

.st11 {
   font-family: Montserrat
}

.st12 {
   font-size: 16px
}

.st14 {
   fill: url(#SVGID_11_)
}

.st15 {
   fill: url(#SVGID_12_)
}

.st16 {
   fill: url(#SVGID_13_)
}

.st17 {
   fill: url(#SVGID_14_)
}

.st18 {
   fill: url(#SVGID_15_)
}

.st19 {
   fill: url(#SVGID_16_)
}

.st20 {
   fill: url(#SVGID_17_)
}

.st21 {
   fill: url(#SVGID_18_)
}

.st22 {
   fill: url(#SVGID_19_)
}

.st23 {
   fill: url(#SVGID_20_)
}

.st24 {
   fill: url(#SVGID_21_)
}

.st25 {
   fill: url(#SVGID_22_)
}

.st26 {
   fill: url(#SVGID_23_)
}

.st27 {
   fill: url(#SVGID_24_)
}

.st28 {
   fill: url(#SVGID_25_)
}

.st29 {
   fill: url(#SVGID_26_)
}

.st30 {
   fill: url(#SVGID_27_)
}

.st31 {
   fill: url(#SVGID_28_)
}

.st32 {
   fill: url(#SVGID_29_)
}

.st33 {
   fill: url(#SVGID_30_)
}

.st34 {
   fill: url(#SVGID_31_)
}

.st35 {
   fill: url(#SVGID_32_)
}

.st36 {
   fill: url(#SVGID_33_)
}

.st37 {
   fill: url(#SVGID_34_)
}

.st38 {
   fill: url(#SVGID_35_)
}

.st39 {
   fill: url(#SVGID_36_)
}

.st40 {
   fill: url(#SVGID_37_)
}

.st41 {
   fill: url(#SVGID_38_)
}

.st42 {
   fill: url(#SVGID_39_)
}

.st43 {
   fill: url(#SVGID_40_)
}

.st44 {
   fill: url(#SVGID_41_)
}

.st45 {
   fill: url(#SVGID_42_)
}

.st46 {
   fill: url(#SVGID_43_)
}

.st47 {
   fill: url(#SVGID_44_)
}

.st48 {
   fill: url(#SVGID_45_)
}

.st49 {
   fill: url(#SVGID_46_)
}

@media only screen and (min-width:768px) {

   .about_etap_mobile,
   .about_main_mobile,
   .project-svg_mobile,
   .project-uchastnik_mobile {
      display: none
   }

   .about_etap_pc,
   .about_main_pc,
   .project-svg_pc,
   .project-uchastnik_pc {
      display: block
   }
}

@media only screen and (max-width:767px) {

   .about_etap_mobile,
   .about_main_mobile,
   .project-svg_mobile,
   .project-uchastnik_mobile {
      display: block
   }

   .about_etap_pc,
   .about_main_pc,
   .project-svg_pc,
   .project-uchastnik_pc {
      display: none;

   }

   #Слой_1 {
      min-height: 0 !important;
   }

   .about_main_title {
      margin-top: 20px;
      color: #5d7783
   }

   .feedback-block {
      padding: 60px 15px
   }

   .top-slider .item .title {
      font-size: 22px
   }

   .top-slider .item .text {
      font-size: 18px
   }

   .about_main_desc {
      margin-bottom: 20px;
      background: #fff;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 500;
      padding: 10px 20px;
      border-radius: 20px;
      border: 2px solid #3fad90
   }

   .top-slider .item:before {
      background: 0 0
   }

   .logo img {
      height: 56px;
   }

   .about_etap_desc_wrap .about_etap_desc {
      color: #fff;
      font-size: 16px;
      background: #5d7783;
      padding: 15px 0;
      margin-bottom: 10px;
      border-radius: 20px
   }

   .about_etap_desc_wrap:nth-child(1) .about_etap_desc,
   .about_etap_desc_wrap:nth-child(4) .about_etap_desc {
      background: #95c11e
   }

   .about_etap_desc_wrap:nth-child(3) .about_etap_desc {
      background: #009fe3
   }

   .circle_project_icon {
      border: 6px solid #95c11e;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      padding: 29px;
      margin-bottom: 10px
   }

   .project_title {
      font-size: 16px;
      line-height: 1.3;
      margin-bottom: 20px;
      color: #5d7783;
      font-weight: 500
   }
}

.button.feedback {
   background: #009fe3;
   background: linear-gradient(90deg, #009fe3 30%, #95c11e 100%)
}

@media(max-width:796px) {
   #seo {
      text-align: unset !important
   }
}

blockquote {
   background: #fefffa;
   border: 1px solid #b1bc75 !important;
   padding: 8px 10px !important;
   margin: 12px 0px !important;
   border-radius: 20px;
}

.btn-idea>a {

   margin-left: 15px !important;
   padding: 10px 12px !important;

}

@media screen and (max-width: 992px) {
   .logo img {
      height: 56px;
   }
}

@media screen and (max-width: 992px) {
   .btn-idea-out {
      display: none !important;
   }

   .btn-idea {
      display: flex;
      flex-direction: column;
   }

   .btn-idea>a {
      margin-bottom: 20px;
   }
}

/* 500 years */

.video-background {
   position: relative;
   width: 100%;
   height: 540px;
   overflow: hidden;
}

.video-500years {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: 0;
   transform: translateX(-50%) translateY(-50%);
   background-size: cover;
}

.video-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #1f89ae;
   mix-blend-mode: multiply;
   z-index: 1;
}

.heroblock {
   position: relative;
   z-index: 2;
   color: white;
   text-align: center;
   padding: 0 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   gap: 15px;
   padding-bottom: 40px;
   height: 100%;
}

.heroblock h1 {
   font-size: 48px;
   font-weight: 900;
   line-height: 1;
   max-width: 770px;
   margin: 0 auto;
   background: linear-gradient(90deg, #009FE3 1.83%, #9EC55A 85.75%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.heroblock h2 {
   color: #fff;
   max-width: 712px;
   margin: 0 auto;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45);
   font-size: 26px;
   font-weight: 400;
   line-height: 127%;
   text-transform: uppercase;
}

.heroblock h2:after,
.heroblock h1:after {
   display: none;
}

.heroblock span {
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45);
   font-size: 40px;
   font-weight: 900;
   text-transform: uppercase;
}

/* map====================================================================================================*/
.mymap {
   padding: 70px 0;
}

.mymap-content {}

.mymap-content h2 {
   color: var(--text, #5D7783);
   text-align: center;
   font-size: 24px;
   font-weight: 400;
   line-height: 1.5;
   text-transform: uppercase;
   margin-bottom: 40px;
   text-wrap: balance;
}

.mymap-content h2::after {
   display: none;
}

.mymap-content svg {
   width: 100%;
   height: auto;
}

.project-500years .main-wrapper {
   background-image: none !important;
}

.mymap-text {
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
   margin: 70px 0;
}

.mymap-text-title {
   color: var(--text, #5D7783);
   font-size: 40px;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 1.2;
}

.mymap-text-number {
   text-align: center;
   font-size: 55px;
   font-weight: 900;
   line-height: 1;
   background: linear-gradient(90deg, #009FE3 9.84%, #9EC55A 90.96%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.mymap-text-text {
   color: var(--text, #5D7783);
   text-align: center;
   font-size: 24px;
   font-weight: 400;
   line-height: 1.2;
   text-transform: uppercase;
}


/*end map>====================================================================================================*/

.information-all {}

.information-all h2 {
   color: var(--text, #5D7783);
   font-size: 28px;
   font-weight: 400;
   line-height: 1.2;
   text-transform: uppercase;
   margin-bottom: 50px;
}

.targets-content {}

.list {
   margin-bottom: 70px;
}

.list ul {
   column-count: 2;
   column-gap: 40px;
}


.pohod {
   display: flex;
   justify-content: space-between;
   max-width: 1033px;
   margin: 0 auto;
   padding: 80px 0;
   align-items: center;
}

.pohod__logo {}

.stages {
   display: flex;
   flex-direction: column;
   gap: 60px;
   flex: 0 0 60%;
   border-left: 3px dotted #5D7783;
   padding-left: 40px;
}

.stages__element {
   display: flex;
   align-items: center;
   gap: 20px;
   border: 2px solid #95C11E;
   border-radius: 100px;
   height: 108px;
   padding: 5px;
   position: relative;
   transition: all 0.3s;
}

.stages__element:hover {
   background: #95C11E;

   & .stages__text {
      color: #fff;
   }

   & .stages__decor:after {
      background-color: #95C11E;
   }

}


.stages__num {
   color: var(--green, #95C11E);
   text-align: center;
   font-size: 24px;
   font-weight: 400;
   line-height: 1.2;
   text-transform: uppercase;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   aspect-ratio: 1/1;
   height: 100%;
   border-radius: 50%;
   border: 2px solid #EAEAEA;
   background: #fff;
   padding: 5px;
   position: relative;
   z-index: 3;
}

.stages__text {
   font-size: 20px;
   padding-right: 20px;
   line-height: 1.2;
   text-wrap: balance;
}

.stages__decor {
   position: absolute;
   left: -26px;
   top: -2px;
   z-index: 2;
   background-image: url(/assets/template/images/stage-decor.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 82px;
   height: 109px;
}

.stages__decor:after {
   content: '';
   position: absolute;
   left: -30px;
   top: 50%;
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   background-color: #fff;
   border: 2px solid #95C11E;
   border-radius: 50%;
   transition: all 0.3s;
}

.stages__decor:before {
   content: '';
   position: absolute;
   left: -24px;
   top: 50%;
   transform: translateY(-50%);
   width: 12px;
   height: 12px;
   scale: 1;
   background-color: #95C11E;
   border-radius: 50%;
   z-index: 1;
}

.join-content {
   display: flex;
   gap: 50px;
   justify-content: center;
   align-items: center;
   margin: 80px 0;
}

.bottom-content {
   height: 484px;
   width: 100%;
   background-image: url(/assets/template/images/bg-bottom.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   display: flex;
   align-items: end;
   justify-content: center;
}

.bottom-content__text {
   color: #fff;
   max-width: 740px;
   text-wrap: balance;
   margin: 0 auto;
   text-align: center;
   font-size: 48px;
   font-weight: 900;
   line-height: 1;
   padding: 30px 15px;
}

.headerbg {
   background: #fff;
}

.about_main_mobile {
   min-height: initial !important;
}

@media (max-width:768px) {
   .heroblock h2 {
      font-size: 20px;
   }

   .heroblock h1 {
      font-size: 30px;
   }

   .mymap-content h2 {
      font-size: 18px;
   }

   .mymap-text-title {
      font-size: 26px;
   }

   .mymap-text-text {
      font-size: 18px;
   }

   .mymap-text-number {
      font-size: 45px;
   }

   .mymap-text {
      margin: 25px 0;
   }

   .targets-content .list ul {
      column-count: 1;
   }

   .pohod__logo {
      display: none;
   }

   .stages {
      flex: 1;
      gap: 25px;
      padding: 0;
      border-left: initial;
   }

   .stages__text {
      font-size: 16px;
      padding-right: 10px;
   }

   .stages__element {
      gap: 8px;
   }

   .stages__num {
      font-size: 20px;
   }

   .pohod {
      padding-top: 10px;
   }

   .bottom-content {
      height: 300px;
   }

   .bottom-content__text {
      font-size: 26px;
   }
}


@media (max-width:380px) {
   .stages__text {
      font-size: 14px;
   }
}