  @font-face{font-family:Hangyaboly;src:local("Hangyaboly"),url(/assets/fonts/Hangyaboly.ttf);}
  @font-face{font-family:Komika;src:local("Komika"),url(/assets/fonts/Komika.ttf);}
  @font-face{font-family:Freeride;src:local("Freeride"),url(/assets/fonts/Freeride.otf);}

  h1,.h1,.navbar-brand{font-family:"Komika",serif;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  h1{font-size:48px;margin-top:24px!important;} 
  h2,h3,h4,.btn,h1 small,.h1 small,.countdown-item-wrapper,.lead,.social-icons{font-family:'Freeride',sans-serif;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

  .navbar-default .navbar-nav>li>a{font-family:'Hangyaboly',sans-serif;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} 
  .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#ef7f1a;}

  .navbar-brand img{height:48px;}

.btn-container {transform:translateX(-6px);}
.btn-container span{margin:6px;}

  .fullwidth-intro-text .vertical-align-content{background:transparent;text-align:center;}
  
.fullwidth-intro-text h1{             /* Правки k44 27/07/21 */
    margin-top:80px!important;
}
  .btn-orange{background-color:#eb7d19;}
  .btn-orange:hover{background-color:#66352d;color:#fff!important;}

  .color-orange{color:#ef7f1a!important;}
  .color-orange:hover{color:white!important;}
  .horizontal-mirror{transform: scaleX(-1)}

.nav a span{display:none;}

.standard-slide{position:relative;}
.standard-slider .section-title{position:absolute;top:64px;left:0;right:0;}
.standard-slider .section-title h1{font-size:32px!important;}
#products-section p.btn-container{margin-top:0;}
/*#footer-section .social-icons a:hover{color:white!important;} k44 20.07.21 */ 


    .btn{text-transform:uppercase;}

    #product-slider .btn-container{visibility:hidden;margin-bottom:-24px;}
    #features-section .feature-item a{display:block;text-decoration:none;}
    #features-section .feature-item a p:last-of-type{color:#212121!important;font-family:'Hangyaboly',sans-serif;font-size:18px;}
    #features-section .feature-item a:hover *{color:#66352d;}

    .feature-items p {font-family:'Hangyaboly',sans-serif!important;font-size:18px;}
#testimonials-section h4 {font-size:22px!important;line-height:1.3!important;}
.cd-timeline-content{box-shadow:none!important;background:none!important;}
.cd-timeline-content::before{display: none!important;}
.cd-timeline-content h4{margin-top:0;}
.cd-timeline-content p{font-family:'Hangyaboly',sans-serif;font-size:18px!important;margin-bottom:0!important;}
.cd-timeline-img h4{margin-top: 18px;font-weight:bold;font-family: "Komika",serif;font-size:12px;
text-align: center;}

.cd-date{display:none!important;}
.cd-timeline-img{background-color:#D7CCC8;}

.margin-top-none{margin-top:0!important;}

.padding-bottom-none{padding-bottom:0;}
.margin-auto{float:none;display:block;margin:0 auto;}
.padding-bottom-48{padding-bottom:48px;}
.padding-top-none{padding-top:0;}

#testimonials-section .frame i {
font-size: 96px;
color: #4c4c4c;
}
#testimonials-section .testimonial p{font-family:'Hangyaboly',sans-serif;font-size:18px;}

.padding-top-bottom-32{padding-top:32px!important;padding-bottom:32px!important;}

#politics-section p{font-family:'Hangyaboly',sans-serif;font-size:18px;}

@media (max-width: 999px){
#politics-section .row{margin:0;}
}

.section-title h1{word-wrap: break-word;}
.brown .fullwidth-intro-text h1, .brown .intro-countdown {color:#212121;}
#politics-section h1{font-size:36px;line-height:50px;}

#intro-section .slick-slider {margin-bottom:0;}
#intro-section .slick-dots {bottom:64px;}
#intro-section .section-title h1 small i:before{background:transparent!important;}
#intro-section .section-title h1 small i{color:transparent;}
#intro-section p{font-family:'Hangyaboly',sans-serif;font-size:22px;line-height: 1.5;}
#products-section h1+p{font-family:'Hangyaboly',sans-serif;font-size:22px;line-height: 1.5;}
#products-section .btn-container.text-center span{margin:6px;}

.fullwidth-section .btn-container span{margin:6px;}

.lead+p{font-family:'Hangyaboly',sans-serif;font-size:18px;}
.col-md-5 h1{font-size:36px!important;line-height:50px!important;}

ol p{font-family:'Hangyaboly',sans-serif;font-size:18px;font-weight:normal;text-align:left;}
ol li{font-family:'Hangyaboly',sans-serif;font-size:18px;font-weight:bold;position:relative;left:-12px;text-align:left;}

input,
.dropdown-menu,
.dropdown-value{font-family:'Hangyaboly',sans-serif;font-size:18px;font-weight:normal;}

.frame font{font-family:"Komika",serif;font-weight:normal;display:block;text-align:center;font-size:32px;padding:32px 0 40px 0;}

.brown section.accent .btn-container span {box-shadow:none;}
section.accent .btn-container span {box-shadow:none;}
.brown .btn-container span {box-shadow:none;}
.btn-container span {box-shadow:none;}

.section-title p{font-family:'Hangyaboly',sans-serif;font-size:18px;}

@media (max-width: 999px){
  .cd-timeline-img h4 {margin-top:6px;}
.navbar-default .navbar-nav>li>a>i{display:none;}
}
#cd-timeline::before{background:#BCAAA4!important}
#features-section .feature-item a:hover * {color:#ef7f1a;}

.btn-container a:hover{color:#eb7d19;}
.btn-container small{font-size:14px;opacity:.5;font-family:'Hangyaboly',sans-serif;text-align:center;display:block;margin-top:-32px;margin-bottom:24px;}

form input[type="text"], form input[type="email"], form input[type="tel"], form textarea, form select, form .dropdown-toggle {
  width: 100%;
  margin: 0;
  color: #212121;
  padding: 15px;
  background: #FFF;
  background: rgba(255,255,255,0.6);
  border: 2px solid #212121;
  border-radius: 4px;
}

a{text-decoration:none!important;}

#top{position:fixed;height:48px;font-size:32px;border:2px solid #212121;color:#212121;line-height:44px;text-align:center;width:48px;border-radius:100%;bottom:24px;right:24px}
#top:hover{color:#111;border:2px solid #111;}
#top.show{display:block;}
#top{display:none;}
.navigation{text-align:left;font-family:'Hangyaboly',sans-serif;font-size:18px;}
.navigation ul li{list-style: none;line-height:1.5;display:block;margin:2px 0;}
.navigation i{margin-right:6px;}
.navigation a:hover{color:#ef7f1a!important;}

.standard-slider .section-title h1 small i:before{background:transparent!important;}
.standard-slider .section-title h1 small i{color:transparent;}

#footer-section a:hover{color:#ef7f1a!important;}

@media (max-width: 768px){
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0;position: relative;
top: 12px;}
.navbar-default .navbar-nav>li>a>i{display:inline-block;}
.nav a span{display:inline;}
.horizontal-mirror{transform: scaleX(1)}
}

#footer-section h4 a{text-decoration:none;}
#footer-section h4 a:hover{text-decoration:underline;}
.social-icons img{
    height:32px;
    /* filter:invert(100%); k44 20.07.21 */
    vertical-align:middle;position:relative;top:-4px;}
.social-icons .vk img, .social-icons .ok img{
    display: none; /* k44 20.07.21 */
    height:40px;}
.social-icons .vk, .social-icons .ok{
    background: url('/storage/vk.svg') no-repeat;
    border-radius: 0;
    vertical-align: middle;
    position: relative;
    top: -4px;
}
.social-icons .vk{
    background: url('/storage/vk.svg') no-repeat;
}
.social-icons .vk:hover{
    background: url('/storage/vk_hover.svg') no-repeat;
}
.social-icons a:hover img{
    filter:none;
}
.social-icons .ok{
    height:32px;
    left: 6px;
    background: url('/storage/ok.svg') no-repeat;
    background-size: contain;
}
.social-icons .ok:hover{
    background: url('/storage/ok_hover.svg') no-repeat;
    background-size: contain;
}
.dropdown-arrow{position:relative;top:2px;}

#contacts-section p:not(.lead){font-family:'Hangyaboly',sans-serif;font-size:18px;}
#contacts-section p i{font-size:24px;margin-right:12px;position: relative;top: 4px;}
#contacts-section p a{display:block;text-decoration: none}
#contacts-section p a:hover{text-decoration: underline;}

#quote-section .lead{font-family:'Hangyaboly',sans-serif;font-size:22px;line-height:1.5;}


.col-md-5 h1 {margin-top:40px!important;}

#testimonials-section h4{margin-top:48px!important;line-height:1.2;}

            #countdown .feature-icon-container{background:transparent;box-shadow:none;}
            #countdown p{display:block;margin-top:12px;font-family:'Hangyaboly',sans-serif;font-weight:normal;font-size:18px;}

#product-slider .slick-prev, #product-slider .slick-next {margin-top: 0;}


@media (max-width: 576px){
body{zoom:.9!important;}

}

@media (max-width: 380px){
body{zoom:.8!important;}}

@media (max-width: 321px){
body{zoom:.7!important;}}













/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}


#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: 0.8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: 0.8em 0;
  opacity: 0.7;
}
.cd-timeline-content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}


