@media (min-width: 601px){
	.youtube_section_small {
		display: none;
	}
	.sketchfab_section_small {
		display: none;
	}
	#product_mobile_block {
		display: none;
	}
}

@media (max-width: 600px) and (min-width: 0px) {
	#product_main_block {
		display: none;
	}
	#banner_description {
		display: none;
	}
	.youtube_section_large {
		display: none;
	}
	.sketchfab_section_large {
		display: none;
	}
	.index {
		display: none !important;
	}	
}

.news-mobile-timestamp {
	color: #6f6f6f;
}
.news-mobile-title {
	  overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      box-orient: vertical;
      color: #253056;
}
.news-mobile-text {
	  overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
      box-orient: vertical;
      color: #6f6f6f;
}
.news-mobile-image {
    -webkit-clip-path: polygon(9% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 9%);
    clip-path: polygon(9% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 9%);
}
.news-mobile-container {
	padding-bottom: 30px !important;
    -webkit-clip-path: polygon(9% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 9%);
    clip-path: polygon(9% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 9%);
}

@media (min-width: 921px){
	.block_bg_1 {
		background-image: url(../images/abstract_png_inv_2.png), url(../images/abstract_png_inv_1.png); 
		background-position: right bottom, left bottom; 
		background-repeat: no-repeat, no-repeat; 
		background-size: auto 100%, auto 100%;
	}
	.block_bg_2 {
		background-image: url(../images/abstract_png_2.png), url(../images/abstract_png_1.png); 
		background-position: right bottom, left bottom; 
		background-repeat: no-repeat, no-repeat; 
		background-size: auto 100%, auto 100%
	}
}
@media (max-width: 920px) and (min-width: 0px) {
	.block_bg_1 {
		background-image: url(../images/abstract_png_inv_1.png); 
		background-position: left bottom; 
		background-repeat: no-repeat; 
		background-size: auto 100%;
	}
	.block_bg_2 {
		background-image: url(../images/abstract_png_1.png); 
		background-position: left bottom; 
		background-repeat: no-repeat; 
		background-size: auto 100%
	}
}
		  
.news-main-timestamp {
	color: #6f6f6f;
	font-size: 14px;
}
.news-main-title {	
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      box-orient: vertical;
	  font-size: 16px;
}
.news-main-text {	
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      line-clamp: 5;
      box-orient: vertical;
      color: #6f6f6f;
      font-size: 14px;
}
.news-main-full {	
	font-size: 14px;
}
.news-main-link {
	color: #253056;
}
.news-main-link:hover {
	color: white;
}
.news-secondary-timestamp {
	color: #6f6f6f;
	font-size: 12px;
}
.news-secondary-title {
	  overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      box-orient: vertical;
	  font-size: 14px;
	  color: #253056;
}
.news-secondary-text {
	  overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      box-orient: vertical;
      font-size: 12px;
      color: #6f6f6f;
}
			  
.tabs {   
    overflow: hidden!important;   
}

.dropdown-content{
   width: max-content !important;
   height:auto !important;
   overflow-x: hidden !important;
}	
	
.parallax-container {
  min-height: 200px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@font-face {
  font-family: 'LetoSans';
  src: url("../font/LetoSans-Thin.woff") format("woff");
  font-weight: 100; }

  @font-face {
    font-family: 'LetoSans';
    src: url("../font/LetoSans.woff") format("woff");
    font-weight: 200; }

    @font-face {
      font-family: 'LetoSans';
      src: url("../font/LetoSans-Bold.woff") format("woff");
      font-weight: 300; }

      @font-face {
        font-family: 'LetoSansCondensed';
        src: url("../font/LetoSansCondensed-Thin.woff") format("woff");
        font-weight: 400; }

        @font-face {
          font-family: 'LetoSansCondensed';
          src: url("../font/LetoSansCondensed.woff") format("woff");
          font-weight: 500; }
          
          body {
            font: 100% LetoSans;
            font-weight: 200;
            display: flex;
            min-height: 100vh;
            flex-direction: column;
            overflow-x: hidden;
          }
          body::-webkit-scrollbar {
            width:10px;
            height: 3px;
            background-color: rgba(255, 255, 255, 1); 
          }
          body::-webkit-scrollbar-thumb {
            background: -webkit-background;
            background: -moz-background;
            background:  linear-gradient(135deg,#253056 50%,#ed2024 50%);
          } 
          :active, :hover, :focus {
            outline: 0;
            outline-offset: 0; }  
            /* ---- header */
            header {
              position: -webkit-sticky;
              position: sticky;
              top:-40px;
              z-index: 500;              
              scroll-behavior: smooth;
            }
            nav {
              background-color: white;
              min-height: 80px;
              display: flex;
              align-items: center;
            }
            .pre_header {
              height: 40px;
              background: #253056;
              background: linear-gradient(to bottom, #1d2644, #253056);
              display: flex;
              align-items: center;
            }
            .logo {
              display: flex;
              align-items: center;
              justify-content: center;
              min-width: 80px;
              position: absolute;
              height: 140px;
              background: #ed2024;
              z-index: 5;
              top: -60px;
            }
            .logo img {
              transition: 0.7s all;
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
              margin-top: 88px;
            }
            .logo img:hover {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
            .name {
              font-size: 1.1rem;
              width: 170px;
              height: 80px;
              margin: auto 0 0 107px;
              display: inline-flex;
              align-items: center;
              font-weight: 200;
              color: #253056;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
            }
            .flex_row {
              display: flex;
              flex-direction: row;
            }
            .sidenav {
              background: repeating-linear-gradient(-45deg, rgba(199, 199, 199, 0.05), rgba(199, 199, 199, 0.05) 10px, rgba(199, 199, 199, 0.1) 10px, rgba(199, 199, 199, 0.1) 20px) white;
            }
            .sidenav-trigger {
              margin-top: -8px!important;
              color: #253056;
            }
            .sidenav li > a {
              color: #253056;                
              font-size: 14px;
              font-weight: 500;
              height: 48px;
              width: 100%;
              line-height: 48px;
              padding-top: 10px;
            }
            #nav-mobile.sidenav li a:after {
             /* margin-top: 10px!important;*/
             display: none;
            }

            #nav-mobile.sidenav li i {
              font-size: 1.75rem;
              position: relative;
              top: 0;
              left: -18px;
              padding-left: 50px;
              color: #253056;
            }
			
			.sidenav .collapsible-header {
			  padding-top: 10px;
			  padding-left: 32px;
			}
			
			.sidenav .collapsible-myitem {
			  padding-top: 10px !important;
			  padding-left: 25px !important;				
			}
			
			.sidenav.sidenav-fixed {
			  left: 0 !important;
			  display: block !important;
			}
			
            nav ul li a{
              font-family: LetoSansCondensed;
              padding: 8px 15px 0 15px;
              color: #253056;
              min-height: 65px;
              text-transform: uppercase;
              font-weight: 500;
              display: block;
            }
            nav ul a:hover {
              background-color: #e5e6e761;
            }
            nav ul li a:after {
              content: "";
              display: flex;
              margin-top: 4px;
              height: 5px;
              background-color: #ed2024;
              visibility: hidden;
              -webkit-transform: scaleX(0);
              transform: scaleX(0);
              transition: all 0.3s ease-in-out 0.1s;
            }
            nav ul li a:hover:after {
              background-color: #ed2024;
              visibility: visible;
              -webkit-transform: scaleX(1.34);
              transform: scaleX(1.34);
            }
            .phone {
              font-size: 1.1rem;
              letter-spacing: 0.05rem;
              margin-right: 20px;
            }
            .phone a {
              color: white;
            }
            .phone:before {
              content: "\e551";
              font-family: 'Material Icons';
              width: 40px;
              height: 40px;
              position: relative;
              top:2px;
              left: -10px;
              color: white;
            }
            .nav__buttons {
              display: flex;
              justify-content: flex-end;
            }
            .nav__item {
              width: 40px;
              height: 40px;
              margin: 20px 5px;
              display: table-cell;              
              cursor: pointer;
            }
            .blue-grey {
              display: flex;              
              align-items: center;
            }
            .btn-floating {
              box-shadow: none;
            }
            .btn-floating i {
              color: #253056;
            }
            .lang {
              width: 40px;
              height: 40px;
              margin: 0 24px 0 0;
              color: #fff;
            }
            .lang a {
              font-size: 1rem;
              text-transform: uppercase;
              font-family: LetoSansCondensed;
              font-weight: 500;
              color: rgba(255,255,255,0.3);
            }
            .lang a.active {
              color: #fff;
            }
            .dropdown-trigger {
              display: none;
            }
            #slideBox{  
             top: 0;
             right: 0;
             left: 0;
             width: 79%;
             padding: 9px 10% 0 10%;
             height: 80px;
             position: absolute;
             display: none;
             background: white;
           }
           #slideBox input {
             max-width: 560px;
           }
           .search {
            position: absolute;
            right:97px;
            top: 22px;
            width: 90px;
            height: 40px;
            border-radius: 1px;
            color: #253056;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .search:hover {
            transition: .3s ease-out;
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          }
          .close {
            display: block;
            width: 40px;
            height: 40px;
            color: #253056;
            position: absolute;
            top: 13px;
            left: 65px;
            cursor: pointer;
            opacity: 0.3;
            transition: .7s all;
          }
          .close i {
            font-size: 2rem!important;
          }
          .close:hover {
            opacity: 1;
          }
          /* ---- header */
          /* ---- footer */
          footer {
            font-family: LetoSansCondensed;
            font-weight: 400;
            text-transform: uppercase;
            position: static;
            bottom: 0;
            background: #253056;
            background: linear-gradient(to top, #19213c, #253056);
            min-height: 132px;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          footer.index {
            font-family: LetoSansCondensed;
            font-weight: 400;
            text-transform: uppercase;
            position: static;
            bottom: 0;
            background: #253056;
            background: linear-gradient(to top, #19213c, #253056);
            min-height: 132px;
            display: flex;
            align-items: center;
            z-index: 400;
            justify-content: center;
          }
          footer:before {
            content: "";
            width: 100%;
            height: 50px;
            position: absolute;
            left: 0;
            right: 0;
            margin-top: -90px;
            /*
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);			
			box-shadow: 0 -20px 20px -20px rgba(0,0,0, 0.6), 0 -10px 15px -20px rgba(0,0,0, 0.9);
			*/
          }
          footer .row {
            margin-bottom: 0px;
          }
          footer a {
            color: white;
            line-height: 2rem;
            font-size: 1rem;
            margin-left: 20px;
            margin-top: 16px;
          }
          footer.english {
            font-family: LetoSansCondensed;
            font-weight: 400;
            text-transform: uppercase;
            position: static;
            bottom: 0;
            background: #253056;
            background: linear-gradient(to top, #19213c, #253056);
            min-height: 132px;
            display: flex;
            align-items: center;
            z-index: 400;
            justify-content: center;
          }
          footer.english a{
            display: inline-block;
            color: white;
            line-height: 2rem;
            font-size: 1.2rem;
            padding-bottom: 3px;
            border-bottom: 1px dotted white; 
          }
          .footer__menu {
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .copy {
            font-family: Arial;
          }
          .bphone {
            font-size: 1.1rem;
            letter-spacing: 0.05rem;
            font-family: LetoSans;
            font-weight: 100;
          }
          .bphone a {
            font-size: 1.1rem;
            letter-spacing: 0.05rem;
            border:none;
          }
          footer.english .bphone a {
            border: none;
          }
          .bphone:before {
            content: "\e551";
            font-family: 'Material Icons';
            width: 40px;
            height: 40px;
            position: relative;
            top:2px;
            left: 17px;
            color: white;
          }
          .copyright {
            margin-top: 8px;
          }
          /* ---- footer */
          .zagolovok {
            width: 300px;
            height: 75px;
            display: flex;
            position: absolute;
            top: 300px;
            right: 17%;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.7rem;
            text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
            text-transform: uppercase;
            background: url(../images/knopka.svg) no-repeat center center;
          }
          .zagolovok_flex {
            /*     
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              display: flex;
              align-items: center;
              justify-content: center;*/
              width: 100%;
              margin: auto;
              height: 75px;
              line-height: 75px;
              vertical-align: middle;
              display: inline-block;
              color: white;
              visibility: hidden;
              font-size: 1.7rem;
              text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
              text-transform: uppercase;
              background: url(../images/knopka.svg) no-repeat center center;
            }
            main {
              position: relative;  
              background: white; 
              margin-top: 390px;
              z-index: 2;
              padding-top: 70px;           
            }
           /* main:before {
              content: "";
              width: 100%;
              height: 50px;
              position: absolute;
              left: 0px;
              right: 0;
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
              margin-top: -120px;
              opacity: 1;
              box-shadow: 0 -20px 20px -20px #25305687, 0 -10px 15px -20px #253056;
              }*/
              .flex {
                display: flex;
                justify-content: center;
              }
              .flex_center_center {
                display: flex;
                align-items: center;
                justify-content: center;
              }
              /* --- slider */
            /*.arrow{
              position: absolute;
              width: 45px;
              height: 45px;
              top: 32%;
              background: rgba(255,2552,255,0.5);
              border-radius: 50%;
              opacity: 0;
              transition: 0.3s ease;
              z-index: 100;
              display: flex;                           
              color: #253056;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              transition: 0.5s all;
              opacity: 0;
            }
            .arrow:hover { 
              color: white;              
              background:  -webkit-linear-gradient(315deg,#253056 50%,#ed2024 50%);
              background:  -o-linear-gradient(315deg,#253056 50%,#ed2024 50%);
              background:  linear-gradient(135deg,#253056 50%,#ed2024 50%);
            }
            .arrow i {
              font-size: 2rem;
            }
            
            #slider:hover .leftA{
              left: 40px;
              opacity: 1;
            }
            #slider:hover .rightA{
              right: 40px;
              opacity: 1;
              }*/
              .overpic {
                position: absolute;
                width: 410px!important;
                left: 0;
                right: 0;
                bottom: 202px;
                margin: auto;
              }
              #slider h4 {
                position: absolute;
                display: block;
                width: 100%;
                bottom: 70px;
                color: white;
                z-index: 3;
              }
              #slider a {
                color: white;
                transition: 0.5s all;
              }
              #slider a:hover {
                text-decoration: underline;
              }
              .cover_slider_text {
                width: 100%;
                height: 190px;
                background: #253056;
                opacity: 0.4;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 2;
              }
              .sld1 {
                background: url(../images/textile.jpg) no-repeat top center;
                background-attachment: fixed;
                /*background-size: cover;*/
              }
              .sld2 {
                background: url(../images/kanzelar.jpg) no-repeat top center;
                background-attachment: fixed;
              }
              .sld3 {
                background: url(../images/products.jpg) no-repeat top center;
                background-attachment: fixed;
              }
              .sld4 {
                background: url(../images/water.jpg) no-repeat top center;
                background-attachment: fixed;
              }
              .sld5 {
                background: url(../images/flower.jpg) no-repeat top center;
                background-attachment: fixed;
              }
              .sld6 {
                background: url(../images/razor_lux.jpg) no-repeat top center;
                background-attachment: fixed;
              }
              .carousel {
                position: fixed;
                z-index: 1;
                height:550px!important;
              }
              .carousel .indicators {
                position: absolute;
                text-align: center;
                left: 0;
                right: 0;
                bottom: 5px;
                margin: 0;
              }
              .carousel .indicators .indicator-item {                
                height: 16px;
                width: 16px;                
              }
              .open {
                display: none;
              }
              /* --- sider */
              .main_text {
                font-weight: 100;
                padding: 0 50px 0 50px;
                line-height: 2rem;
                font-size: 1.1rem;
                color: #253056;
              }
              .first_scroll {
                height: 400px;
                overflow-y: auto;
              }
              .first_scroll::-webkit-scrollbar {
                width: 5px;
                height: 1px;
                background-color: rgba(255, 255, 255, 1); 
              }
              .first_scroll::-webkit-scrollbar-thumb {
                background: -webkit-background;
                background: -moz-background;
                background:  linear-gradient(135deg,#253056 50%,#ed2024 50%);
              } 
              h5 {
                color: #253056;
              }
              h5:after {
                content: "";
                width: 40px;
                height: 2px;
                display: block;
                margin: 7px auto;
                background-color: #253056;
                border-radius: 0 0 3px 3px;
              }
              h5:before {
                content: "";
                width: 132px;
                height: 1px;
                display: block;
                margin: 5px auto;
                top: 39px;
                position: relative;
                background-color: #253056;
              }
              .mb-1 {
                margin-bottom: 10px;
              }
              .mb-2 {
                margin-bottom: 20px;
              }
              .mb-3 {
                margin-bottom: 30px;
              }
              .mb-4 {
                margin-bottom: 40px;
              }
              .mb-5 {
                margin-bottom: 50px;
              }
              .mb-6 {
                margin-bottom: 60px;
              }
              .mb-7 {
                margin-bottom: 70px;
              }
              .mb-9 {
                margin-bottom: 90px;
              }
              .mt-1 {
                margin-top: 10px;
              }
              .mt-2 {
                margin-top: 20px;
              }
              .mt-3 {
                margin-top: 30px;
              }
              .mt-4 {
                margin-top: 40px;
              }
              .mt-7 {
                margin-top: 70px;
              }
              .mt-8 {
                margin-top: 80px;
              }
              .mt-9 {
                margin-top: 90px;
              }
              .pb-7 {
                padding-bottom: 70px;
              }
              .pb-9 {
                padding-bottom: 90px;
              }
              .mt-17 {
                margin-top: 170px;
              }
              .mtv {
                margin-top: -50px;
              }
              /* ---- prod_box */
              figure.snip1206 {
                color: #fff;
                position: relative;
                float: left;
                overflow: hidden;
                margin: 10px 1%;
                min-width: 100%;
                max-width: 100%;
                max-height: 320px;
                width: 100%;
                color: #fff;
                text-align: center;
              }
              figure.snip1206 * {
                box-sizing: border-box;
                transition: all 0.6s ease;
              }
              figure.snip1206 img {
                opacity: 1;
                width: 100%;
                transition:  0.35s;
              }
              figure.snip1206:after {
                background: white repeating-linear-gradient(0deg, #536080, #536080 10px, #253056 10px, #253056 20px);
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                content: '';
                opacity: 1;
                -webkit-transform: skew(-45deg) scaleX(0);
                transform: skew(-45deg) scaleX(0);
                transition: all 0.3s ease-in-out;
              }
              figure.snip1206 figcaption {
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 1;
              }
              figure.snip1206 h4,
              figure.snip1206 p {
                margin: 0;
                width: 100%;
                opacity:0;
              }
              figure.snip1206 p {
                padding: 0 50px;
                font-size: 0.9em;
                line-height: 1.3rem;
                letter-spacing: 0.03rem;
                font-weight: 400;
                font-family: 'Roboto', sans-serif;
              }
              figure.snip1206 a {
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                position: absolute;
                z-index: 1;
              }
              figure.snip1206:hover:after,
              figure.snip1206.hover:after {
                -webkit-transform: skew(-45deg) scaleX(1);
                transform: skew(-45deg) scaleX(1);
                transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
              }
              figure.snip1206:hover figcaption h2,
              figure.snip1206.hover figcaption h2,
              figure.snip1206:hover figcaption p,
              figure.snip1206.hover figcaption p {
                -webkit-transform: translate3d(0%, 0%, 0);
                transform: translate3d(0%, 0%, 0);
                transition-delay: 0.2s;
              }
              figure.snip1206:hover figcaption h4,
              figure.snip1206.hover figcaption h4 {
                opacity: 1;            
              }
              figure.snip1206:hover figcaption p,
              figure.snip1206.hover figcaption p {
                opacity: 1;           
              }
              figure.snip1206:hover:before,
              figure.snip1206.hover:before {
               content:"";
               position:absolute;
               right:3px;
               top: 3px;
               z-index:100;
               border: 20px solid transparent;
               border-top: 20px solid white; border-right: 20px solid white;
             }       
             .red_corner:before {
               content:"";
               position:absolute;
               right:3px;
               top: 3px;
               z-index:3;
               border: 20px solid transparent;
               border-top: 20px solid #ed2024; border-right: 20px solid #ed2024;
             } 
             .title_prod {
              display: block;
              position: absolute;
              bottom: 20px;
              left: 25px;
              font-weight: 300;
              color: #253056;
              opacity: 0.1;
              font-size: 2rem;
              line-height: 110%;
            }        
            /* ---- prod_box */
            .mstart {
              display: flex;
              justify-content: center;
            }
            .icon_text {
              font-size: 1.1rem;
              font-weight: 200;
              color: #253056;
              line-height: 2rem;
              padding: 0px 30px 0 30px;
            }
            .triger {
              background: url(../images/contactor_bg.jpg) no-repeat fixed;
              background-size: cover;       
              min-height: 430px;
            }
            .triger_map {
              background: url(../images/abstract_png.png) no-repeat fixed;
              background-size: cover;       
            }			
            .triger_ipp {
              background: url(../images/ipp_main.jpg) no-repeat fixed;
              background-size: cover;       
              min-height: 430px;
            }
            .triger_ipp_1 {
              background: url(../images/section_ipp_1.jpg) no-repeat;
              background-size: cover;       
              min-height: 430px;
            }
            .triger_ipp_2 {
              background: url(../images/textile.jpg) no-repeat;
              background-size: cover;       
              min-height: 430px;
            }
            .triger_lbp_1 {
              background: url(../images/section_lpp_1.jpg) no-repeat;
              background-size: cover;       
              min-height: 430px;
            }
            .triger_lbp_mobile_2 {
              background: url(../images/section_lpp_1.jpg) no-repeat;
              background-size: cover;       
              min-height: 200px;
            }			
            .triger_lbp_2 {
              background: url(../images/section_lpp_2.jpg) no-repeat;
              background-size: cover;       
              min-height: 430px;
            }		
            .triger_ytb_1 {
              background: url(../images/watch_youtube_2.jpg) no-repeat;
              background-size: cover;       
              min-height: 430px;
            }			
            .triger:before {
              content: "";
              width: 100%;
              height: 50px;
              position: absolute;
              left: 0;
              right: 0;
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
              margin-top: -50px;
              opacity: 0.4;
              box-shadow: 0 -20px 20px -20px #25305687, 0 -10px 15px -20px #253056;
            }
            .triger:after {
              content: "";
              width: 100%;
              height: 50px;
              position: absolute;
              left: 0;
              right: 0;
              margin-top: -20px;
              opacity: 0.4;
              box-shadow: 0 -20px 20px -20px #25305687, 0 -10px 15px -20px #253056;
            }
            /*.welcome {
              color: #253056;
              height: 430px;
              background: url(../images/wlogo.svg) no-repeat center center;
            }*/
            .welcome p{
              font-size: 2rem;
              line-height: 2.6rem;
              font-weight: 100;
              margin-top: -7px;
            }
            .welcome h4 {
              
              font-size: 1.6rem;
            }
            .welcome h4 span {
              color: #ed2024;
            }
            .glavbut {
              margin-top: 20px;
            }
            .new_button {
              display: flex;
              align-items: center;
              justify-content: center;
              color: #253056;
              font-weight: 300;
              width: 200px;
              height: 50px;
              cursor: pointer;
              transition: 0.5s all;
              background: url(../images/knopka.svg) no-repeat center center;
            }
            .new_button:hover { 
              color: white;        
              background: url(../images/knopka3.svg) no-repeat center center;
            }
            .new_buttonC {
              display: flex;
              align-items: center;
              justify-content: center;
              color: #253056;
              font-weight: 300;
              width: 245px;
              height: 74.67px;
              margin: auto;
              cursor: pointer;
              transition: 0.5s all;
              background: url(../images/knopkaC.svg) no-repeat center center;
            }
            .new_buttonC:hover { 
              color: white;        
              background: url(../images/knopkaC2.svg) no-repeat center center;
            }
            .new_buttonM {
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              color: white;
              font-weight: 300;
              width: 245px;
              height: 74.67px;
              cursor: pointer;
              transition: 0.5s all;
              background: url(../images/knopka_solid.svg) no-repeat center center;
            }
            .new_buttonM:hover { 
              color: white;        
              background: url(../images/knopka_solid1.svg) no-repeat center center;
            }
            button {
              border: none;
              font-family: LetoSans;
              font-weight: 300;
            }
            button:focus {
              background-color: none!important;
            }
            #main_contact  {
              font-size: 1.2rem;
              color: #253056;
            }
            #main_contact p {
              font-weight: 100;
              line-height: 2.2rem;
            }
            /* ---- inputs */
            /* label color */
            #slideBox input.valid[type=email]:not(.browser-default), #modal input.valid[type=email]:not(.browser-default), #contacts input.valid[type=email]:not(.browser-default), #welcome input.valid[type=email]:not(.browser-default) {
              border-bottom: 1px solid #253056;
              box-shadow: 0 1px 0 0 #253056;
            }
            #slideBox .input-field label, #modal .input-field label, #contacts .input-field label, #welcome .input-field label {
             color: #253056;
           }
           /* label focus color */
           #slideBox input[type=text]:focus + label, #modal .input-field input[type=text]:focus + label, #contacts .input-field input[type=text]:focus + label, #welcome .input-field input[type=text]:focus + label {
             color: #253056;
           }
           /* label underline focus color */
           #slideBox input[type=text]:focus, #modal input[type=text]:focus, #contacts .input-field input[type=text]:focus, #welcome .input-field input[type=text]:focus {
             border-bottom: 1px solid #253056;
             box-shadow: 0 1px 0 0 #253056;
           }
           /* valid color */
           #slideBox input[type=text].valid, #modal .input-field input[type=text].valid, #contacts .input-field input[type=text].valid, #welcome .input-field input[type=text].valid {
             border-bottom: 1px solid #253056;
             box-shadow: 0 1px 0 0 #253056;
           }
           /* invalid color */
           #slideBox input[type=text].invalid, #modal .input-field input[type=text].invalid, #contacts .input-field input[type=text].invalid, #welcome .input-field input[type=text].invalid {
             border-bottom: 1px solid #ed2024;
             box-shadow: 0 1px 0 0 #ed2024;
           }
           /* icon prefix focus color */
           #slideBox input-field .prefix.active, #modal .input-field .prefix.active, #contacts .input-field .prefix.active, #welcome .input-field .prefix.active {
             color: #253056;
           }    
           #slideBox input[type=email]:not(.browser-default):focus:not([readonly]), #modal input[type=email]:not(.browser-default):focus:not([readonly]), #contacts input[type=email]:not(.browser-default):focus:not([readonly]), #welcome input[type=email]:not(.browser-default):focus:not([readonly]),
           #slideBox textarea.materialize-textarea:focus:not([readonly]), #modal textarea.materialize-textarea:focus:not([readonly]), #contacts textarea.materialize-textarea:focus:not([readonly]), #welcome textarea.materialize-textarea:focus:not([readonly]) {
            border-bottom: 1px solid #253056;
            box-shadow: 0 1px 0 0 #253056; }

            /* ---- inputs */
            /* ====ani icon ==== */
            svg.ani {
              transition: all .7s ease-in-out;
            }
            .m4:hover svg.ani {
              -webkit-transform: scale(1.18);
              transform: scale(1.18);
            }
            svg.ani .line {
              -webkit-animation: crazy 0.95s linear 1;
              animation: crazy 0.95s linear 1;    
            }
            @-webkit-keyframes crazy {
              0% {
                stroke-dasharray:0 30;
                stroke-dashoffset: 7;
              }
              100% {
                stroke-dasharray:30 0;
                stroke-dashoffset: 10;
              }
            }
            @keyframes crazy {
              0% {
                stroke-dasharray:0 30;
                stroke-dashoffset: 7;
              }
              100% {
                stroke-dasharray:30 0;
                stroke-dashoffset: 10;
              }
            }
            @-webkit-keyframes slow {
              0% {
                stroke-dasharray:0 20;
                stroke-dashoffset: 5;
              }
              100% {
                stroke-dasharray:20 0;
                stroke-dashoffset: 5;
              }
            }
            @keyframes slow {
              0% {
                stroke-dasharray:0 20;
                stroke-dashoffset: 5;
              }
              100% {
                stroke-dasharray:20 0;
                stroke-dashoffset: 5;
              }
            }
            /* ====ani icon ==== */
            /*  --- modal ---*/
            .modal {
              display: none;
              position: fixed;
              top: 20%!important;
              left: 0;
              right: 0;
              background-color: #fff !important;
              background: repeating-linear-gradient(-45deg, rgba(199, 199, 199, 0.05), rgba(199, 199, 199, 0.05) 10px, rgba(199, 199, 199, 0.1) 10px, rgba(199, 199, 199, 0.1) 20px);
              padding: 0;
              max-height: 70%;
              width: 450px;
              margin: auto;
              overflow-y: auto;
              will-change: top, opacity;
              -webkit-clip-path: polygon(8% 0, 100% 0, 100% 91%, 91% 100%, 0 100%, 0 8%);
              clip-path: polygon(8% 0, 100% 0, 100% 91%, 91% 100%, 0 100%, 0 8%);
            }
            .modal .modal-content {
              padding: 20px 50px 10px 50px;
            }
            [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
              content: '';
              position: absolute;
              top: 6px;
              left: 0;
              width: 28px;
              height: 28px;
              z-index: 0;
              border: 3px solid #253056;
              border-radius: 1px;
              margin-top: 2px;
              transition: .2s;
            }
            [type="checkbox"] + span:not(.lever) {
              position: relative;
              padding-left: 38px;
              padding-top: 3px;
              cursor: pointer;
              display: inline-block;
              height: 25px;
              line-height: 19px;
              font-size: 0.8rem;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
            }
            [type="checkbox"]:checked + span:not(.lever):before {
              top: 2px;
              left: 0px;
              width: 12px;
              height: 22px;
              border-top: 3px solid transparent;
              border-left: 3px solid transparent;
              border-right: 3px solid #253056;
              border-bottom: 3px solid #ed2024;
              -webkit-transform: rotate(40deg);
              transform: rotate(40deg);
              -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
              -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
            }
            /*  --- modal ---*/
            .totop {
              width: 45px;
              height: 45px;
              background:  linear-gradient(135deg,#253056 50%,#ed2024 50%);
              color: white;
              border-radius: 50%;
              position: fixed;
              bottom: 50px;
              left: 50px;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              z-index: 999;
            }
            .totop i {
              font-size: 2rem;
            }
            .map {
              width: 100%;
              height: 400px;
              border-top: 1px solid #ddd;       
            }
            .dot {
              cursor: pointer;        
            }
            .dot:hover {        
              fill:#ed2024!important;

            }
            /*--- tolltip*/
            .tooltip {
              position: relative;
              display: inline-block;
              border-bottom: 1px dotted black;
            }
            .tooltip .tooltiptext {
              visibility: hidden;
              width: 120px;
              background-color: #555;
              color: #fff;
              text-align: center;
              border-radius: 6px;
              padding: 5px 0;
              position: absolute;
              z-index: 1;
              bottom: 125%;
              left: 50%;
              margin-left: -60px;
              opacity: 0;
              transition: opacity 0.3s;
            }
            .tooltip .tooltiptext::after {
              content: "";
              position: absolute;
              top: 100%;
              left: 50%;
              margin-left: -5px;
              border-width: 5px;
              border-style: solid;
              border-color: #555 transparent transparent transparent;
            }
            .tooltip:hover .tooltiptext {
              visibility: visible;
              opacity: 1;
            }
            /*--- tolltip*/ 
            .alert {
              margin-top: 120px;
              position: absolute;
              text-align: center;
              padding: 30px 0 30px 0; 
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;            
              left: 0px;
              right: 0px;
              width: 25%;
              height: 70px;
              border-radius: 3px;
              border: 1px solid #253056;
              color: #253056;
              background: repeating-linear-gradient(-45deg, rgba(199, 199, 199, 0.05), rgba(199, 199, 199, 0.05) 10px, rgba(199, 199, 199, 0.1) 10px, rgba(199, 199, 199, 0.1) 20px) white

            }
            @media (max-width: 1507px) {
              .nav__hide {
                display: none;
              }
              .dropdown-trigger {
                display: block;
              }
            }
            @media (max-width: 1366px) {
              .main_text {
                padding: 0 20px 0 20px;
              }
              .first_scroll {
                height: 300px;
                overflow-y: auto;
              }
            }
            @media (max-width: 1299px) {
              .bphone:before {
                content: "\e551";
                font-family: 'Material Icons';
                width: 40px;
                height: 40px;
                position: relative;
                top: 2px;
                left: 22px;
                color: white;
              }
              .bphone a {
                font-size: 0.95rem!important;
              }
            }
            @media (max-width: 1270px) {
              #news, #product, #about, #agents, #news {
                line-height: 520px;
              }
              .name {
                display: none;
              }
              #about .zagolovok_flex,
              #product .zagolovok_flex,
              #news .zagolovok_flex,
              #agents .zagolovok_flex {
                visibility: visible;                
              }
              #about .zagolovok,
              #product .zagolovok,
              #news .zagolovok,
              #agents .zagolovok {
                display: none;
              }
            }
            @media (max-width: 1160px) and (min-width: 442px) {
              .copyright {
                display: none;
              }              
              .bphone {
                display: none;
              }
            }
              @media (max-width: 1540px) and (min-width: 1167px) {
              .card {
                height: 300px;
              }
            }
            @media (max-width: 1167px) and (min-width: 900px) {
              .card {
                height: 315px;
              }
            }
            @media (max-width: 899px) and (min-width: 761px) {
              .card {
                height: 262.11px;
              }
            }
            @media (max-width: 600px) and (min-width: 0px) {
              #slider {
                display: none;
              }
              main{
                margin-top: 0;
                padding-top: 0;
              }
              main:before{
                display: none!important;
              }
              #welcome .mt-9 {
                margin-top: 40px;
              }
              .triger {
                min-height: 590px;
              }
            }
            @media (max-width: 992px) and (min-width: 442px){
              .name { 
               font-size: 1.2rem;
               width: 170px;
               height: 80px;
               margin: auto 0 0 107px;
               display: inline-flex;
               align-items: center;
               font-weight: 200;
               color: #253056;
             } 
             h5:before {
              top: 38px;
            }    
            .triger:after, .triger:before {
              display: none;
            }
          }
          @media (max-width: 450px) and (min-width: 0px) {
            .modal {
              width: 320px;
            }
            .modal h5 {
              font-size: 1.62rem;
            }
          }
          @media (max-width: 442px) and (min-width: 0px) {
           .phone { display: none; 
           }
           .footer__menu { display: none; }
           .copyright {
            display: block;
          }
          footer {
            min-height: 72px!important;
          }   
          footer:before {
            display: none;
          }           
          .bphone {
            display: none;
          }
          h5:before {
            top: 37px;
          } 
          .nav__buttons {
            display: flex;
            justify-content: flex-end;
            margin-left: 27px!important;
            margin-top: -12px;
          }
          .lang {
            margin: 0 14px 0 0;
          }
          .pre_header {
            height: 25px;
          }
          header {
            top: -25px;
          }
          nav {
            min-height: 60px;
          }
          .logo {
            transform: scale(0.72);
          }
          #news, #product, #about, #agents, #news {
            line-height: 403px;
          }
          .zagolovok_flex {
            width: 80%;
          }
          .triger:after {
            display: none;
          }
        }
        @media (max-width: 432px) and (min-width: 0px) {
         .footer__menu {
          padding: 0 45px 0 22px!important;
        }
      }

#modal2 div.modal-content div.g-recaptcha {
 margin: 0 0 24px 24px;
}
div.modal-content div.g-recaptcha {
 margin: 0 0 0 35px;
}
@media only screen and (max-width : 768px) {
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}