video add

css/style.css

@@ -27,12 +27,12 @@ URL: http://designscrazed.org/
     padding: 0;
 }
 body {
-    font-family: 'Raleway', sans-serif;
+    font-family: "Raleway", sans-serif;
     overflow-y: scroll;
     overflow-x: hidden;
 }
 p {
-    font-family: 'Raleway', sans-serif;
+    font-family: "Raleway", sans-serif;
     font-size: 14px;
 }
 /*---------------------------------------
@@ -85,7 +85,7 @@ p {
     margin: 0px;
 }
 .navbar {
-    margin-top: -100px
+    margin-top: -100px;
 }
 .navbar-brand {
     padding: 9px 15px;
@@ -95,14 +95,14 @@ p {
         background-color: transparent;
     }
     .navbar-default .navbar-nav > li > a {
-        color: #B5B5B5;
+        color: #b5b5b5;
-        font-family: 'Raleway', sans-serif;
+        font-family: "Raleway", sans-serif;
     }
     .navbar-default .navbar-nav > li > a:hover {
         color: #0a6609;
     }
     .navbar-default .navbar-nav > li > a:focus {
-        color: #B5B5B5;
+        color: #b5b5b5;
     }
     .navbar-default {
         -webkit-transition: all 1s;
@@ -130,7 +130,6 @@ p {
     }
 }
 @media (max-width: 768px) {
-
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
@@ -145,7 +144,7 @@ p {
     background-color: #a9773a;
 }
 .header .section_overlay {
-    background-color: rgba(33, 33, 33, .75);
+    background-color: rgba(33, 33, 33, 0.75);
 }
 .logo {
     padding-bottom: 50px;
@@ -170,7 +169,6 @@ p {
     .home_text {
         text-align: center;
     }
-
 }
 .home_text h1 {
     color: #fff;
@@ -178,7 +176,7 @@ p {
     font-size: 35px;
     font-weight: 300;
     line-height: 45px;
-    padding-top: 30px
+    padding-top: 30px;
 }
 .home_text p {
     color: #fff;
@@ -189,7 +187,7 @@ p {
 }
 .download-btn {
     margin-top: 90px;
-    margin-bottom: 50px
+    margin-bottom: 50px;
 }
 .home-btn,
 .home-btn:focus,
@@ -218,7 +216,7 @@ p {
 .tuor:focus,
 tuor:active,
 tuor:visited {
-    color: #A9ADB0;
+    color: #a9adb0;
     text-transform: uppercase;
     font-size: 19px;
     font-weight: 500;
@@ -237,8 +235,6 @@ tuor:visited {
     color: #fff;
 }
 
-
-
 /*---------------------------------------
    SECTION ABOUT
 -----------------------------------------*/
@@ -254,7 +250,7 @@ tuor:visited {
     margin-left: 5rem;
 }
 .about {
-    background: #F1F1F1;
+    background: #f1f1f1;
 }
 .inner_about_area p,
 .inner_about_area {
@@ -296,7 +292,7 @@ tuor:visited {
 }
 .single_about_area div i {
     font-size: 55px;
-    color: #BABABA;
+    color: #bababa;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -o-transition: all 1s;
@@ -318,7 +314,7 @@ tuor:visited {
 
 .about_image img {
     width: 100%;
-	margin-right: 20%
+    margin-right: 20%;
 }
 /*---------------------------------------
    SECTION VIDEO
@@ -401,7 +397,7 @@ tuor:visited {
     background-repeat: no-repeat;
 }
 .testimonial .section_overlay {
-    background: rgba(0, 0, 0, .6);
+    background: rgba(0, 0, 0, 0.6);
     padding-top: 80px;
     padding-bottom: 80px;
 }
@@ -417,7 +413,7 @@ div.carousel-inner .item img {
     padding-bottom: 70px;
 }
 .testimonial_caption p {
-    color: #D8D8D8;
+    color: #d8d8d8;
     font-size: 18px;
     line-height: 27px;
     padding-top: 50px;
@@ -430,10 +426,10 @@ div.carousel-inner .item img {
     margin-top: 25px;
 }
 .testimonial_caption h4 {
-    color: #0a6609
+    color: #0a6609;
 }
 .testimonial_caption h4 span {
-    color: #D8D8D8;
+    color: #d8d8d8;
     font-style: italic;
     font-weight: 300;
 }
@@ -441,7 +437,7 @@ div.carousel-inner .item img {
     width: 12px;
     height: 12px;
     border: 1px solid #0a6609;
-    margin: 1PX
+    margin: 1px;
 }
 .testimonial ol.carousel-indicators li.active {
     width: 12px;
@@ -505,7 +501,7 @@ div.carousel-inner .item img {
 	} */
     .spotlight .content {
         width: calc(100% - 600px);
-		max-width: 48em;
+        max-width: 48em;
         padding: 2em 4em 1em 4em;
     }
     .about_desc {
@@ -555,7 +551,7 @@ div.carousel-inner .item img {
     font-weight: 300;
 }
 .features {
-    background-color: #f1f1f1
+    background-color: #f1f1f1;
 }
 .feature_inner {
     background-color: #777163;
@@ -654,7 +650,6 @@ div.carousel-inner .item img {
     }
 }
 
-
 /*---------------------------------------
    SECTION CALL TO ACTION
 -----------------------------------------*/
@@ -685,8 +680,8 @@ div.carousel-inner .item img {
     transition: all 1s;
 }
 .btn-action:hover {
-    background: #FF6B80;
+    background: #ff6b80;
-    border-color: #FF6B80;
+    border-color: #ff6b80;
 }
 
 /*---------------------------------------
@@ -738,35 +733,35 @@ div.carousel-inner .item img {
 .fun_facts .section_overlay {
     /* padding-top: 120px; */
     padding-bottom: 120px;
-    background: rgba(0, 0, 0, .4);
+    background: rgba(0, 0, 0, 0.4);
 }
 .single_fun_facts {
-    font-family: 'Source Sans Pro', sans-serif;
+    font-family: "Source Sans Pro", sans-serif;
 }
 .single_fun_facts i {
     color: #ffe400;
     font-size: 60px;
 }
 .single_fun_facts h2 {
-    color: #D7DADB;
+    color: #d7dadb;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 35px;
     margin-top: 15px;
     margin-bottom: 1px;
-    font-family: 'Source Sans Pro', sans-serif;
+    font-family: "Source Sans Pro", sans-serif;
 }
 .single_fun_facts h2 span {
     font-weight: 300;
-    font-family: 'Source Sans Pro', sans-serif;
+    font-family: "Source Sans Pro", sans-serif;
 }
 .single_fun_facts p {
-    color: #D7DADB;
+    color: #d7dadb;
     font-size: 20px;
     margin-top: 0px;
     font-weight: 300;
     text-transform: uppercase;
-    font-family: 'Source Sans Pro', sans-serif;
+    font-family: "Source Sans Pro", sans-serif;
 }
 /*---------------------------------------
    SECTION DOWNLOAD
@@ -782,7 +777,7 @@ div.carousel-inner .item img {
     left: 0;
 }
 .available_store {
-	background-image: url('../images/fsc.png');
+    background-image: url("../images/fsc.png");
     background-color: #539b00;
     margin-top: -8px;
     position: relative;
@@ -799,11 +794,11 @@ div.carousel-inner .item img {
     font-size: 30px;
 }
 .available_title p {
-    color: #B5B5B5;
+    color: #b5b5b5;
 }
 .single_store {
     text-align: center;
-    border-left: 1px solid #0F1217;
+    border-left: 1px solid #0f1217;
     min-height: 230px;
     padding-bottom: 15px;
     position: relative;
@@ -853,7 +848,7 @@ div.carousel-inner .item img {
     padding-right: 0px;
 }
 .last {
-    border-right: 1px solid #0F1217;
+    border-right: 1px solid #0f1217;
 }
 /*---------------------------------------
    SECTION CONTACT
@@ -881,19 +876,19 @@ div.carousel-inner .item img {
     background-image: none;
     border-radius: 3px;
     margin-bottom: 15px;
-    opacity: .8;
+    opacity: 0.8;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
     outline: 0px !important;
-
 }
 .contact_form .form-control:focus {
     border: 1px solid #0a6609;
     border-color: #0a6609;
     outline: 0px none;
-    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);
+    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset,
+        0px 0px 0px rgba(102, 175, 233, 0.6);
 }
 .contact_form .form-control:-webkit-input-placeholder {
     color: red;
@@ -942,7 +937,7 @@ div.carousel-inner .item img {
 .social_icons ul li {
     list-style: none;
     display: inline;
-    padding-left: 10px
+    padding-left: 10px;
 }
 .social_icons ul li a {
     text-decoration: none;
@@ -965,20 +960,20 @@ div.carousel-inner .item img {
 .social_icons ul li a:hover {
     background: #0a6609;
     border: 1px solid #0a6609;
-    color: #fff
+    color: #fff;
 }
 .error {
     color: #0a6609;
     display: block;
     padding-bottom: 15px;
-    font-size: 18px
+    font-size: 18px;
 }
 .error i {
     padding-right: 10px;
-    font-size: 18px
+    font-size: 18px;
 }
 .Sucess {
-    color: #4DB849;
+    color: #4db849;
     display: block;
     padding-bottom: 15px;
     font-size: 18px;
@@ -987,7 +982,7 @@ div.carousel-inner .item img {
 .Sucess i {
     padding-right: 10px;
     font-size: 18px;
-    color: #4DB849
+    color: #4db849;
 }
 .contact_form .form-control {
     color: #3d3d3d;
@@ -1008,7 +1003,7 @@ div.carousel-inner .item img {
 }
 .subscribe .section_overlay {
     padding-bottom: 70px;
-    background: transparent
+    background: transparent;
 }
 .subscribe .section_title h2 {
     color: #eaeaea;
@@ -1067,7 +1062,7 @@ div.carousel-inner .item img {
 }
 @media (min-width: 300px) {
     .subscribe_form .form-control {
-        width: 100%
+        width: 100%;
     }
 }
 .subscription-success {
@@ -1085,7 +1080,7 @@ div.carousel-inner .item img {
 -----------------------------------------*/
 
 .copyright {
-    background-color: #1A1D22;
+    background-color: #1a1d22;
     padding-bottom: 65px;
     padding-top: 65px;
     border-bottom: 3px solid #0a6609;
@@ -1098,7 +1093,7 @@ div.carousel-inner .item img {
     width: 60%;
 }
 .copy_right_text p {
-    color: #8C8B8A;
+    color: #8c8b8a;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 15px;
@@ -1182,21 +1177,25 @@ select:-webkit-autofill {
     animation-delay: -0.16s;
 }
 @-webkit-keyframes bouncedelay {
-    0%, 80%, 100% {
+    0%,
-        -webkit-transform: scale(0.0)
+    80%,
+    100% {
+        -webkit-transform: scale(0);
     }
     40% {
-        -webkit-transform: scale(1.0)
+        -webkit-transform: scale(1);
     }
 }
 @keyframes bouncedelay {
-    0%, 80%, 100% {
+    0%,
-        transform: scale(0.0);
+    80%,
-        -webkit-transform: scale(0.0);
+    100% {
+        transform: scale(0);
+        -webkit-transform: scale(0);
     }
     40% {
-        transform: scale(1.0);
+        transform: scale(1);
-        -webkit-transform: scale(1.0);
+        -webkit-transform: scale(1);
     }
 }
 
@@ -1206,7 +1205,8 @@ select:-webkit-autofill {
 }
 
 .navbar-fixed-top {
-    margin-top: -100px; opacity: 0;
+    margin-top: -100px;
+    opacity: 0;
 }
 .navbar-default .navbar-toggle {
     border-color: transparent;
@@ -1261,5 +1261,23 @@ select:-webkit-autofill {
 .section_image {
     width: 100%;
     display: flex;
-    justify-content: center
+    justify-content: center;
+}
+
+.video-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 30px;
+    height: 0;
+    overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
 }

index.html

@@ -1,40 +1,56 @@
 <!DOCTYPE html>
 <html lang="uk">
-
     <head>
-	<meta charset="utf-8">
+        <meta charset="utf-8" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>Slav Forest - виготовлення високоякісних пиломатеріалів</title>
 
-	<link href='https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300' rel='stylesheet' type='text/css'>
+        <link
-	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic' rel='stylesheet'
+            href="https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300"
-	      type='text/css'>
+            rel="stylesheet"
-	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
+            type="text/css"
+        />
+        <link
+            href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic"
+            rel="stylesheet"
+            type="text/css"
+        />
+        <link
+            href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css"
+            rel="stylesheet"
+        />
 
         <!-- Owl Carousel Assets -->
-	<link href="css/owl.carousel.css" rel="stylesheet">
+        <link href="css/owl.carousel.css" rel="stylesheet" />
-	<link href="css/owl.theme.css" rel="stylesheet">
+        <link href="css/owl.theme.css" rel="stylesheet" />
 
         <!-- Pixeden Icon Font -->
-	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
+        <link
+            rel="stylesheet"
+            href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css"
+        />
 
         <!-- Font Awesome -->
-	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+        <link
-	      crossorigin="anonymous">
+            rel="stylesheet"
+            href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
+            integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+            crossorigin="anonymous"
+        />
 
         <!-- PrettyPhoto -->
-	<link href="css/prettyPhoto.css" rel="stylesheet">
+        <link href="css/prettyPhoto.css" rel="stylesheet" />
 
         <!-- Favicon -->
         <link rel="shortcut icon" type="image/png" href="images/favicon.png" />
 
         <!-- Style -->
-	<link href="css/style.css" rel="stylesheet">
+        <link href="css/style.css" rel="stylesheet" />
 
-	<link href="css/animate.css" rel="stylesheet">
+        <link href="css/animate.css" rel="stylesheet" />
         <!-- Responsive CSS -->
-	<link href="css/responsive.css" rel="stylesheet">
+        <link href="css/responsive.css" rel="stylesheet" />
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -45,9 +61,7 @@
 
     <body>
         <div class="spn_hol">
-		<div class="logo">
+            <div class="logo"><img src="images/logo_w.png" alt="" /></div>
-			<img src="images/logo_w.png" alt="">
-		</div>
             <div class="spinner">
                 <div class="bounce1"></div>
                 <div class="bounce2"></div>
@@ -58,21 +72,34 @@
         <section class="header parallax home-parallax page" id="HOME">
             <h2></h2>
             <div class="section_overlay">
-			<div class="language">українською | <a href='index_en.html'>english</a></div>
+                <div class="language">
-			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+                    українською | <a href="index_en.html">english</a>
+                </div>
+                <nav
+                    class="navbar navbar-default navbar-fixed-top"
+                    role="navigation"
+                >
                     <div class="container">
                         <div class="navbar-header">
-						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+                            <button
+                                type="button"
+                                class="navbar-toggle collapsed"
+                                data-toggle="collapse"
+                                data-target="#bs-example-navbar-collapse-1"
+                            >
                                 <span class="sr-only">Toggle navigation</span>
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                             </button>
                             <a class="navbar-brand" href="#">
-							<img src="images/logo_w.png" alt="Logo">
+                                <img src="images/logo_w.png" alt="Logo" />
                             </a>
                         </div>
-					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                        <div
+                            class="collapse navbar-collapse"
+                            id="bs-example-navbar-collapse-1"
+                        >
                             <ul class="nav navbar-nav navbar-right">
                                 <li><a href="#HOME">Домівка</a></li>
                                 <li><a href="#ABOUT">Про компанію</a></li>
@@ -89,25 +116,30 @@
                     <div class="row">
                         <div class="col-md-12">
                             <div class="logo text-center">
-							<img src="images/logo_w.png" alt="">
+                                <img src="images/logo_w.png" alt="" />
                             </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-offset-2 col-sm-8">
                             <div class="home_text">
-							<h1>виготовлення високоякісних пиломатеріалів</h1>
+                                <h1>
+                                    виготовлення високоякісних пиломатеріалів
+                                </h1>
                                 <p></p>
 
                                 <div class="download-btn">
                                     <!-- <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">Download</a> -->
-								<a class="tuor btn wow fadeInRight" href="#ABOUT">ДЕТАЛЬНІШЕ <i class="fa fa-angle-down"></i></a>
+                                    <a
+                                        class="tuor btn wow fadeInRight"
+                                        href="#ABOUT"
+                                        >ДЕТАЛЬНІШЕ
+                                        <i class="fa fa-angle-down"></i
+                                    ></a>
                                 </div>
                             </div>
                         </div>
-					<div class="col-md-3 col-md-offset-1 col-sm-4">
+                        <div class="col-md-3 col-md-offset-1 col-sm-4"></div>
-
-					</div>
                     </div>
                 </div>
             </div>
@@ -119,8 +151,12 @@
                     <div class="col-md-10 col-md-offset-1">
                         <div class="section_title">
                             <h2>Про компанію</h2>
-						<p>Приватне акціонерне товариство «Слов’янські шпалери» з 2016 року має власну дільницю деревопереробки під
+                            <p>
-							торговою маркою «SLAV FOREST».</p>
+                                Приватне акціонерне товариство «Слов’янські
+                                шпалери» з 2016 року має власну дільницю
+                                деревопереробки під торговою маркою «SLAV
+                                FOREST».
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -129,12 +165,23 @@
             <div class="inner_about_area">
                 <div class="container">
                     <div class="row">
-					<div class="col-md-10 col-md-offset-1">
-						<p></p>
-					</div>
                         <div class="col-md-12 about_desc">
-						<div class="about_image wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
+                            <div
-							<img src="images/about1.jpg" alt="">
+                                class="about_image wow fadeInLeft"
+                                data-wow-duration="1s"
+                                data-wow-delay=".5s"
+                            >
+                                <!-- <img src="images/about1.jpg" alt=""> -->
+                                <div class="video-container">
+                                    <iframe
+                                        width="560"
+                                        height="315"
+                                        src="https://www.youtube.com/embed/wv_TNGLzF8I?cc_load_policy=1&controls=0&enablejsapi=1&hl=uk&modestbranding=1&playsinline=1&iv_load_policy=3&rel=0&showinfo=0"
+                                        frameborder="0"
+                                        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+                                        allowfullscreen
+                                    ></iframe>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -147,7 +194,10 @@
                 <div class="container">
                     <div class="row">
                         <div class="col-md-10 col-md-offset-1">
-						<div class="section_title wow fadeIn" data-wow-duration="1s">
+                            <div
+                                class="section_title wow fadeIn"
+                                data-wow-duration="1s"
+                            >
                                 <h2>Наші досягнення</h2>
                                 <p></p>
                             </div>
@@ -159,21 +209,30 @@
                         <div class="col-md-4 col-sm-4">
                             <div class="single_fun_facts">
                                 <i class="pe-7s-users"></i>
-							<h2><span class="counter_num">350</span> <span>+</span></h2>
+                                <h2>
+                                    <span class="counter_num">350</span>
+                                    <span>+</span>
+                                </h2>
                                 <p>Робітників</p>
                             </div>
                         </div>
                         <div class="col-md-4 col-sm-4">
                             <div class="single_fun_facts">
                                 <i class="pe-7s-leaf"></i>
-							<h2><span class="counter_num">80 000</span> <span>м<sup>3</sup></span></h2>
+                                <h2>
+                                    <span class="counter_num">80 000</span>
+                                    <span>м<sup>3</sup></span>
+                                </h2>
                                 <p>заготівля</p>
                             </div>
                         </div>
                         <div class="col-md-4 col-sm-4">
                             <div class="single_fun_facts">
                                 <i class="pe-7s-refresh-2"></i>
-							<h2><span class="counter_num">200 000</span> <span>м<sup>3</sup></span></h2>
+                                <h2>
+                                    <span class="counter_num">200 000</span>
+                                    <span>м<sup>3</sup></span>
+                                </h2>
                                 <p>переробка</p>
                             </div>
                         </div>
@@ -182,14 +241,19 @@
             </div>
         </section>
 
-
         <section id="PRODUCTS" class="features page">
             <div class="container">
                 <div class="row">
                     <div class="col-md-10 col-md-offset-1">
-					<div class="section_title wow fadeIn" data-wow-duration="1s">
+                        <div
+                            class="section_title wow fadeIn"
+                            data-wow-duration="1s"
+                        >
                             <h2>Продукція</h2>
-						<p>Продукція яку ми пропонуємо та потужності виробництва за рік.</p>
+                            <p>
+                                Продукція яку ми пропонуємо та потужності
+                                виробництва за рік.
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -197,76 +261,186 @@
 
             <div class="feature_inner">
                 <div class="row">
-				<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="1s">
+                    <div
-					<div class="image fit"><img src="images/prod1.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInLeft"
+                        data-wow-duration="1s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod1.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Заготівля круглих лісоматеріалів</h3>
-						<p><span class="number">до 80 000</span> метрів кубічних на рік</p>
+                            <p>
+                                <span class="number">до 80 000</span> метрів
+                                кубічних на рік
+                            </p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="2s">
+                    <div
-					<div class="image fit"><img src="images/prod2.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInRight"
+                        data-wow-duration="2s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod2.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Переробка круглих сортиментів деревини</h3>
-						<p><span class="number">до 200 000</span> метрів кубічних на рік</p>
+                            <p>
+                                <span class="number">до 200 000</span> метрів
+                                кубічних на рік
+                            </p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
+                    <div
-					<div class="image fit"><img src="images/prod3.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInLeft"
+                        data-wow-duration="3s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod3.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Виготовлення пиломатеріалів</h3>
-						<p><span class="number">до 100 000</span> метрів кубічних на рік</p>
+                            <p>
+                                <span class="number">до 100 000</span> метрів
+                                кубічних на рік
+                            </p>
                             <p></p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
+                    <div
-					<div class="image fit"><img src="images/prod4.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInRight"
+                        data-wow-duration="4s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod4.jpg" alt="" />
+                        </div>
                         <div class="content">
-						<h3>Виготовлення меблевого щита, меблевого бруска та меблевої планки</h3>
+                            <h3>
-						<p><span class="number">6 000</span> метрів кубічних на рік</p>
+                                Виготовлення меблевого щита, меблевого бруска та
-						<p>Меблевий щит - напівфабрикат, що є основою для багатьох виробів з дерева. Виготовляється із натуральних
+                                меблевої планки
-							матеріалів, що забезпечує довговічність, високу якість та екологічну чистоту виробів. Меблевий щит -
+                            </h3>
-							універсальне рішення для меблів та внутрішнього облаштування. Компанія виготовляє меблеві щити з сосни різних
+                            <p>
-							розмірів та текстури, цільні та зрощені.</p>
+                                <span class="number">6 000</span> метрів
-						<p>Цільні меблеві щити виготовляються із деревини високої якості, шляхом склеєння ламелей спеціальним клеєм.
+                                кубічних на рік
-							Особливість технології - цільні по довжині ламелі, які зрощені тільки по ширині до необхідного розміру. Цільні
+                            </p>
-							щити виглядають дорого та елегантно, тому оптимально підходять для виготовлення сходів та меблів.</p>
+                            <p>
-						<p>Зрощений щит отримуємо шляхом зрощення ламелей і в довжину, і в ширину, що дозволяє збільшити розміри готового
+                                Меблевий щит - напівфабрикат, що є основою для
-							щита. В основному він використовується для виробництва плоских поверхонь кухні, меблів, великих за розміром
+                                багатьох виробів з дерева. Виготовляється із
-							деталей сходів, стінових панелей.</p>
+                                натуральних матеріалів, що забезпечує
-						<p>Виробляємо меблевий щит, меблевий брус та меблеву планку різних розмірів під замовлення.</p>
+                                довговічність, високу якість та екологічну
+                                чистоту виробів. Меблевий щит - універсальне
+                                рішення для меблів та внутрішнього облаштування.
+                                Компанія виготовляє меблеві щити з сосни різних
+                                розмірів та текстури, цільні та зрощені.
+                            </p>
+                            <p>
+                                Цільні меблеві щити виготовляються із деревини
+                                високої якості, шляхом склеєння ламелей
+                                спеціальним клеєм. Особливість технології -
+                                цільні по довжині ламелі, які зрощені тільки по
+                                ширині до необхідного розміру. Цільні щити
+                                виглядають дорого та елегантно, тому оптимально
+                                підходять для виготовлення сходів та меблів.
+                            </p>
+                            <p>
+                                Зрощений щит отримуємо шляхом зрощення ламелей і
+                                в довжину, і в ширину, що дозволяє збільшити
+                                розміри готового щита. В основному він
+                                використовується для виробництва плоских
+                                поверхонь кухні, меблів, великих за розміром
+                                деталей сходів, стінових панелей.
+                            </p>
+                            <p>
+                                Виробляємо меблевий щит, меблевий брус та
+                                меблеву планку різних розмірів під замовлення.
+                            </p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
+                    <div
-					<div class="image fit"><img src="images/prod5.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInLeft"
+                        data-wow-duration="3s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod5.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Виробництво паливної гранули</h3>
-						<p><span class="number">до 10 000</span> тонн на рік</p>
+                            <p>
-						<p>Гранули паливні (Пелети) є 100% натуральними й виробляються із відходів продуктів лісової промисловості.
+                                <span class="number">до 10 000</span> тонн на
-							Пелети виробляються лише з необробленої деревини й тому вони не вміщують ніяких зв&#39;язуючих елементів.</p>
+                                рік
-						<p>Після сушки і подрібнення стружка хвойних порід проходить лише через прес, що дає на виході якісний, екологіно
+                            </p>
-							чистий продукт.</p>
+                            <p>
-						<p>Виробляємо гранули паливні (пелети) розміром 6 мм, які за бажанням замовника можуть бути упаковані в:</p>
+                                Гранули паливні (Пелети) є 100% натуральними й
+                                виробляються із відходів продуктів лісової
+                                промисловості. Пелети виробляються лише з
+                                необробленої деревини й тому вони не вміщують
+                                ніяких зв&#39;язуючих елементів.
+                            </p>
+                            <p>
+                                Після сушки і подрібнення стружка хвойних порід
+                                проходить лише через прес, що дає на виході
+                                якісний, екологіно чистий продукт.
+                            </p>
+                            <p>
+                                Виробляємо гранули паливні (пелети) розміром 6
+                                мм, які за бажанням замовника можуть бути
+                                упаковані в:
+                            </p>
                             <ul>
                                 <li>«біг-беги» по 1000 кг</li>
                                 <li>поліетиленові мішки по 15 кг</li>
                             </ul>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
+                    <div
-					<div class="image fit"><img src="images/prod6.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInRight"
+                        data-wow-duration="4s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod6.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Виробництво паливного брикету</h3>
                             <p><span class="number">3 000</span> тонн на рік</p>
-						<p>Паливний брикет РУФ - це вид твердого палива. Найчастіше такі брикети використовують для камінів і котлів як для промислових цілей, так і для побутових. Паливний брикет РУФ виготовляється з якісної деревини сосни. Головна відмінність таких брикетів полягає в їх екологічності, економічності та зручності використання.</p>
+                            <p>
+                                Паливний брикет РУФ - це вид твердого палива.
+                                Найчастіше такі брикети використовують для
+                                камінів і котлів як для промислових цілей, так і
+                                для побутових. Паливний брикет РУФ
+                                виготовляється з якісної деревини сосни. Головна
+                                відмінність таких брикетів полягає в їх
+                                екологічності, економічності та зручності
+                                використання.
+                            </p>
                             <p>Основні переваги паливних брикетів РУФ:</p>
                             <ul>
                                 <li>Можливість тривалого зберігання</li>
-							<li>При горінні брикети не виділяють сторонніх хімічних запахів, завдяки тому, що при їх виробництві не додають ніяких хімічних барвників і клеїв</li>
+                                <li>
-							<li>Виробляються брикети РУФ без використання смол, тому вони не забруднюють димохід і дають приємний запах</li>
+                                    При горінні брикети не виділяють сторонніх
-							<li>Паливні брикети з тирси виділяють СО<sup>2</sup> в десять разів менше, ніж природний газ і в п&#39;ятдесят разів менше, ніж вугілля.</li>
+                                    хімічних запахів, завдяки тому, що при їх
+                                    виробництві не додають ніяких хімічних
+                                    барвників і клеїв
+                                </li>
+                                <li>
+                                    Виробляються брикети РУФ без використання
+                                    смол, тому вони не забруднюють димохід і
+                                    дають приємний запах
+                                </li>
+                                <li>
+                                    Паливні брикети з тирси виділяють СО<sup
+                                        >2</sup
+                                    >
+                                    в десять разів менше, ніж природний газ і в
+                                    п&#39;ятдесят разів менше, ніж вугілля.
+                                </li>
                             </ul>
-						<p>Брикет упаковано в пачки по 12 штук в термозбіжний пакет, що захищає їх від проникнення пилу, бруду і вологи. Вага однієї пачки близько 10 кг, загальна вага піддона 1 тонна.</p>
+                            <p>
+                                Брикет упаковано в пачки по 12 штук в
+                                термозбіжний пакет, що захищає їх від
+                                проникнення пилу, бруду і вологи. Вага однієї
+                                пачки близько 10 кг, загальна вага піддона 1
+                                тонна.
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -276,14 +450,23 @@
         <section class="apps_screen page" id="LOGISTICS">
             <div class="container">
                 <div class="row">
-				<div class="col-md-10 col-md-offset-1 wow fadeInBig" data-wow-duration="1s">
+                    <div
+                        class="col-md-10 col-md-offset-1 wow fadeInBig"
+                        data-wow-duration="1s"
+                    >
                         <div class="section_title">
                             <h2>Логістика</h2>
-						<p>Виконуємо відвантаження автомобільним та залізничим транспортом.</p>
+                            <p>
-						<p>Здійснюємо навантажування: збоку, ззаду, зверху (жд)</p>
+                                Виконуємо відвантаження автомобільним та
+                                залізничим транспортом.
+                            </p>
+                            <p>
+                                Здійснюємо навантажування: збоку, ззаду, зверху
+                                (жд)
+                            </p>
 
                             <div class="section_image">
-							<img src="images/railroad-car-with-wood.png">
+                                <img src="images/railroad-car-with-wood.png" />
                             </div>
                         </div>
                     </div>
@@ -291,20 +474,47 @@
             </div>
 
             <div class="screen_slider">
-			<div id="logist" class="wow bounceInRight" data-wow-duration="1s">
+                <div
+                    id="logist"
+                    class="wow bounceInRight"
+                    data-wow-duration="1s"
+                >
                     <div id="owl-logist-" class="owl-carousel">
-
                         <div class="item">
-						<a href="images/logist_01.jpg" rel="logist"><img src="images/logist_01.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_01.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_01.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                         <div class="item">
-						<a href="images/logist_02.jpg" rel="logist"><img src="images/logist_02.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_02.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_02.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                         <div class="item">
-						<a href="images/logist_01.jpg" rel="logist"><img src="images/logist_01.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_01.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_01.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                         <div class="item">
-						<a href="images/logist_02.jpg" rel="logist"><img src="images/logist_02.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_02.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_02.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                     </div>
                 </div>
@@ -317,16 +527,30 @@
                     <div class="row wow fadeInLeftBig" data-wow-duration="1s">
                         <div class="col-md-5 col-sm-12">
                             <div class="image fit" alt="">
-							<img src="./images/dev1.png" alt="">
+                                <img src="./images/dev1.png" alt="" />
                             </div>
                         </div>
                         <div class="col-md-7 col-sm-12">
-						<p>Заготівлю деревини проводимо заготівельним комплексом KOMATSU.</p>
+                            <p>
-						<p>Дільниця дерево переробки оснащена багатопильною лінією лісопиляння KRAFTER та допоміжними стрічковими пилами
+                                Заготівлю деревини проводимо заготівельним
-							SERRA.</p>
+                                комплексом KOMATSU.
-						<p>На дільниця виробництва меблевого щита використовується обладнання WEING. Виробляється ця продукція за
+                            </p>
-							останніми високоякісними технологіями.</p>
+                            <p>
-						<p>На підприємстві розташоване сушильне господарство загальною потужністю 1000 кубічних метрів фірми PROLAIN.</p>
+                                Дільниця дерево переробки оснащена багатопильною
+                                лінією лісопиляння KRAFTER та допоміжними
+                                стрічковими пилами SERRA.
+                            </p>
+                            <p>
+                                На дільниця виробництва меблевого щита
+                                використовується обладнання WEING. Виробляється
+                                ця продукція за останніми високоякісними
+                                технологіями.
+                            </p>
+                            <p>
+                                На підприємстві розташоване сушильне
+                                господарство загальною потужністю 1000 кубічних
+                                метрів фірми PROLAIN.
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -339,18 +563,27 @@
                     <div class="col-md-10 col-md-offset-1">
                         <div class="section_title">
                             <h2>Сертифікати</h2>
-						<p>Наше підприємство сертифіковане по системі FSC 100% стандарту FSC-STD-40-004 v.2.1 та маємо сертифікат
+                            <p>
-							FC-COC-804521.</p>
+                                Наше підприємство сертифіковане по системі FSC
+                                100% стандарту FSC-STD-40-004 v.2.1 та маємо
+                                сертифікат FC-COC-804521.
+                            </p>
                         </div>
                     </div>
                 </div>
             </div>
 
             <div class="available_store">
-			<div class="container  wow bounceInBottom" data-wow-duration="1s">
+                <div
+                    class="container  wow bounceInBottom"
+                    data-wow-duration="1s"
+                >
                     <div class="col-md-6 col-md-offset-3">
-					<div class="download_screen text-center wow fadeInUp" data-wow-duration="1s">
+                        <div
-						<img src="images/cert.jpg" alt="">
+                            class="download_screen text-center wow fadeInUp"
+                            data-wow-duration="1s"
+                        >
+                            <img src="images/cert.jpg" alt="" />
                         </div>
                     </div>
                 </div>
@@ -364,11 +597,26 @@
                         <div class="section_title">
                             <h2>Контактна інформація</h2>
                             <p>
-							<span class="cnt_email"><i class="far fa-envelope"></i> <a href="mailto:slavforest@gmail.com">slavforest@gmail.com</a></span>
+                                <span class="cnt_email"
-							<br>
+                                    ><i class="far fa-envelope"></i>
-							<span class="cnt_phone"><i class="fas fa-phone"></i> <a href="tel:+380465734110">+380 4657 34 110</a></span>
+                                    <a href="mailto:slavforest@gmail.com"
-							<br>
+                                        >slavforest@gmail.com</a
-							<span class="cnt_phone"><i class="fas fa-mobile-alt"></i> <a href="tel:+380952858202">+380 95 285 82 02</a></span>
+                                    ></span
+                                >
+                                <br />
+                                <span class="cnt_phone"
+                                    ><i class="fas fa-phone"></i>
+                                    <a href="tel:+380465734110"
+                                        >+380 4657 34 110</a
+                                    ></span
+                                >
+                                <br />
+                                <span class="cnt_phone"
+                                    ><i class="fas fa-mobile-alt"></i>
+                                    <a href="tel:+380952858202"
+                                        >+380 95 285 82 02</a
+                                    ></span
+                                >
                             </p>
                         </div>
                     </div>
@@ -392,26 +640,59 @@
 
                 <div class="contact_form wow bounceIn">
                     <div class="container">
-
                         <div class="form_error text-center">
-						<div class="name_error hide error">Будь ласка, заповніть ім'я</div>
+                            <div class="name_error hide error">
-						<div class="email_error hide error">Будь ласка, заповніть email</div>
+                                Будь ласка, заповніть ім'я
-						<div class="email_val_error hide error">Будь ласка, перевірте email</div>
+                            </div>
-						<div class="message_error hide error">Будь ласка, напишить ваше повідомлення</div>
+                            <div class="email_error hide error">
+                                Будь ласка, заповніть email
+                            </div>
+                            <div class="email_val_error hide error">
+                                Будь ласка, перевірте email
+                            </div>
+                            <div class="message_error hide error">
+                                Будь ласка, напишить ваше повідомлення
+                            </div>
                         </div>
                         <div class="Sucess"></div>
 
                         <form role="form" action="contactengine.php">
                             <div class="row">
                                 <div class="col-md-4">
-								<input type="text" class="form-control" id="name" placeholder="Ім'я">
+                                    <input
-								<input type="email" class="form-control" id="email" placeholder="Email">
+                                        type="text"
-								<input type="text" class="form-control" id="subject" placeholder="Тема">
+                                        class="form-control"
+                                        id="name"
+                                        placeholder="Ім'я"
+                                    />
+                                    <input
+                                        type="email"
+                                        class="form-control"
+                                        id="email"
+                                        placeholder="Email"
+                                    />
+                                    <input
+                                        type="text"
+                                        class="form-control"
+                                        id="subject"
+                                        placeholder="Тема"
+                                    />
                                 </div>
 
                                 <div class="col-md-8">
-								<textarea class="form-control" id="message" rows="25" cols="10" placeholder="Зміст повідомлення..."></textarea>
+                                    <textarea
-								<button type="button" class="btn btn-default submit-btn form_submit">Надіслати повідомлення</button>
+                                        class="form-control"
+                                        id="message"
+                                        rows="25"
+                                        cols="10"
+                                        placeholder="Зміст повідомлення..."
+                                    ></textarea>
+                                    <button
+                                        type="button"
+                                        class="btn btn-default submit-btn form_submit"
+                                    >
+                                        Надіслати повідомлення
+                                    </button>
                                 </div>
                             </div>
                         </form>
@@ -422,9 +703,7 @@
 
         <section class="map">
             <div class="row ">
-			<div class="col-md-12">
+                <div class="col-md-12"><div id="map"></div></div>
-				<div id="map"></div>
-			</div>
             </div>
         </section>
 
@@ -435,7 +714,10 @@
                     <div class="col-md-6">
                         <div class="copy_right_text">
                             <p>Copyright &copy; 2018. Slav Forest</p>
-						<p>Розробка <a href="https://web.shadoll.com/">shadoll</a></p>
+                            <p>
+                                Розробка
+                                <a href="https://web.shadoll.com/">shadoll</a>
+                            </p>
                         </div>
                     </div>
 
@@ -462,33 +744,177 @@
         <script src="js/jquery.counterup.min.js"></script>
         <script src="js/script.js"></script>
 
-	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"></script>
+        <script
+            type="text/javascript"
+            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"
+        ></script>
         <script type="text/javascript">
-		google.maps.event.addDomListener(window, 'load', init);
+            google.maps.event.addDomListener(window, "load", init);
             function init() {
                 var mapOptions = {
                     zoom: 13,
                     center: new google.maps.LatLng(51.765435, 32.2519384),
-				styles: [{ "featureType": "all", "elementType": "labels", "stylers": [{ "visibility": "on" }] }, { "featureType": "all", "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#000000" }, { "lightness": 40 }] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#000000" }, { "lightness": 16 }] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#000000" }, { "lightness": 20 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#000000" }, { "lightness": 17 }, { "weight": 1.2 }] }, { "featureType": "administrative.country", "elementType": "labels.text.fill", "stylers": [{ "color": "#e5c163" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#c4c4c4" }] }, { "featureType": "administrative.neighborhood", "elementType": "labels.text.fill", "stylers": [{ "color": "#e5c163" }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 20 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 21 }, { "visibility": "on" }] }, { "featureType": "poi.business", "elementType": "geometry", "stylers": [{ "visibility": "on" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#e5c163" }, { "lightness": "0" }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.highway", "elementType": "labels.text.stroke", "stylers": [{ "color": "#e5c163" }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 18 }] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [{ "color": "#575757" }] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.arterial", "elementType": "labels.text.stroke", "stylers": [{ "color": "#2c2c2c" }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 16 }] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [{ "color": "#999999" }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 19 }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 17 }] }]
+                    styles: [
+                        {
+                            featureType: "all",
+                            elementType: "labels",
+                            stylers: [{ visibility: "on" }]
+                        },
+                        {
+                            featureType: "all",
+                            elementType: "labels.text.fill",
+                            stylers: [
+                                { saturation: 36 },
+                                { color: "#000000" },
+                                { lightness: 40 }
+                            ]
+                        },
+                        {
+                            featureType: "all",
+                            elementType: "labels.text.stroke",
+                            stylers: [
+                                { visibility: "on" },
+                                { color: "#000000" },
+                                { lightness: 16 }
+                            ]
+                        },
+                        {
+                            featureType: "all",
+                            elementType: "labels.icon",
+                            stylers: [{ visibility: "off" }]
+                        },
+                        {
+                            featureType: "administrative",
+                            elementType: "geometry.fill",
+                            stylers: [{ color: "#000000" }, { lightness: 20 }]
+                        },
+                        {
+                            featureType: "administrative",
+                            elementType: "geometry.stroke",
+                            stylers: [
+                                { color: "#000000" },
+                                { lightness: 17 },
+                                { weight: 1.2 }
+                            ]
+                        },
+                        {
+                            featureType: "administrative.country",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#e5c163" }]
+                        },
+                        {
+                            featureType: "administrative.locality",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#c4c4c4" }]
+                        },
+                        {
+                            featureType: "administrative.neighborhood",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#e5c163" }]
+                        },
+                        {
+                            featureType: "landscape",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 20 }]
+                        },
+                        {
+                            featureType: "poi",
+                            elementType: "geometry",
+                            stylers: [
+                                { color: "#000000" },
+                                { lightness: 21 },
+                                { visibility: "on" }
+                            ]
+                        },
+                        {
+                            featureType: "poi.business",
+                            elementType: "geometry",
+                            stylers: [{ visibility: "on" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "geometry.fill",
+                            stylers: [{ color: "#e5c163" }, { lightness: "0" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "geometry.stroke",
+                            stylers: [{ visibility: "off" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#ffffff" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "labels.text.stroke",
+                            stylers: [{ color: "#e5c163" }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 18 }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "geometry.fill",
+                            stylers: [{ color: "#575757" }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#ffffff" }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "labels.text.stroke",
+                            stylers: [{ color: "#2c2c2c" }]
+                        },
+                        {
+                            featureType: "road.local",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 16 }]
+                        },
+                        {
+                            featureType: "road.local",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#999999" }]
+                        },
+                        {
+                            featureType: "transit",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 19 }]
+                        },
+                        {
+                            featureType: "water",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 17 }]
+                        }
+                    ]
                 };
-			var mapElement = document.getElementById('map');
+                var mapElement = document.getElementById("map");
                 var map = new google.maps.Map(mapElement, mapOptions);
                 var marker = new google.maps.Marker({
                     position: new google.maps.LatLng(51.765435, 32.2519384),
                     map: map,
-				title: 'Slav Forest'
+                    title: "Slav Forest"
                 });
             }
         </script>
         <!-- Global site tag (gtag.js) - Google Analytics -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125391384-1"></script>
+        <script
+            async
+            src="https://www.googletagmanager.com/gtag/js?id=UA-125391384-1"
+        ></script>
         <script>
             window.dataLayer = window.dataLayer || [];
-	function gtag(){dataLayer.push(arguments);}
+            function gtag() {
-	gtag('js', new Date());
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
 
-	gtag('config', 'UA-125391384-1');
+            gtag("config", "UA-125391384-1");
         </script>
     </body>
-
 </html>

index_en.html

@@ -1,40 +1,56 @@
 <!DOCTYPE html>
 <html lang="en">
-
     <head>
-	<meta charset="utf-8">
+        <meta charset="utf-8" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>Slav Forest - Production of High-Quality Timber Products</title>
 
-	<link href='https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300' rel='stylesheet' type='text/css'>
+        <link
-	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic' rel='stylesheet'
+            href="https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300"
-	      type='text/css'>
+            rel="stylesheet"
-	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
+            type="text/css"
+        />
+        <link
+            href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic"
+            rel="stylesheet"
+            type="text/css"
+        />
+        <link
+            href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css"
+            rel="stylesheet"
+        />
 
         <!-- Owl Carousel Assets -->
-	<link href="css/owl.carousel.css" rel="stylesheet">
+        <link href="css/owl.carousel.css" rel="stylesheet" />
-	<link href="css/owl.theme.css" rel="stylesheet">
+        <link href="css/owl.theme.css" rel="stylesheet" />
 
         <!-- Pixeden Icon Font -->
-	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
+        <link
+            rel="stylesheet"
+            href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css"
+        />
 
         <!-- Font Awesome -->
-	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+        <link
-	      crossorigin="anonymous">
+            rel="stylesheet"
+            href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
+            integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+            crossorigin="anonymous"
+        />
 
         <!-- PrettyPhoto -->
-	<link href="css/prettyPhoto.css" rel="stylesheet">
+        <link href="css/prettyPhoto.css" rel="stylesheet" />
 
         <!-- Favicon -->
         <link rel="shortcut icon" type="image/png" href="images/favicon.png" />
 
         <!-- Style -->
-	<link href="css/style.css" rel="stylesheet">
+        <link href="css/style.css" rel="stylesheet" />
 
-	<link href="css/animate.css" rel="stylesheet">
+        <link href="css/animate.css" rel="stylesheet" />
         <!-- Responsive CSS -->
-	<link href="css/responsive.css" rel="stylesheet">
+        <link href="css/responsive.css" rel="stylesheet" />
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -45,9 +61,7 @@
 
     <body>
         <div class="spn_hol">
-		<div class="logo">
+            <div class="logo"><img src="images/logo_w.png" alt="" /></div>
-			<img src="images/logo_w.png" alt="">
-		</div>
             <div class="spinner">
                 <div class="bounce1"></div>
                 <div class="bounce2"></div>
@@ -58,27 +72,42 @@
         <section class="header parallax home-parallax page" id="HOME">
             <h2></h2>
             <div class="section_overlay">
-			<div class="language"><a href='index.html'>українською</a> | english</div>
+                <div class="language">
-			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+                    <a href="index.html">українською</a> | english
+                </div>
+                <nav
+                    class="navbar navbar-default navbar-fixed-top"
+                    role="navigation"
+                >
                     <div class="container">
                         <div class="navbar-header">
-						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+                            <button
+                                type="button"
+                                class="navbar-toggle collapsed"
+                                data-toggle="collapse"
+                                data-target="#bs-example-navbar-collapse-1"
+                            >
                                 <span class="sr-only">Toggle navigation</span>
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                             </button>
                             <a class="navbar-brand" href="#">
-							<img src="images/logo_w.png" alt="Logo">
+                                <img src="images/logo_w.png" alt="Logo" />
                             </a>
                         </div>
-					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                        <div
+                            class="collapse navbar-collapse"
+                            id="bs-example-navbar-collapse-1"
+                        >
                             <ul class="nav navbar-nav navbar-right">
                                 <li><a href="#HOME">Home</a></li>
                                 <li><a href="#ABOUT">About Us</a></li>
                                 <li><a href="#PRODUCTS">Products</a></li>
                                 <li><a href="#LOGISTICS">Logistics</a></li>
-							<li><a href="#CERTIFICATES">Certificates</a></li>
+                                <li>
+                                    <a href="#CERTIFICATES">Certificates</a>
+                                </li>
                                 <li><a href="#CONTACT">Contacts</a></li>
                             </ul>
                         </div>
@@ -89,25 +118,30 @@
                     <div class="row">
                         <div class="col-md-12">
                             <div class="logo text-center">
-							<img src="images/logo_w.png" alt="">
+                                <img src="images/logo_w.png" alt="" />
                             </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-offset-2 col-sm-8">
                             <div class="home_text">
-							<h1>Production of High-Quality Timber Products</h1>
+                                <h1>
+                                    Production of High-Quality Timber Products
+                                </h1>
                                 <p></p>
 
                                 <div class="download-btn">
                                     <!-- <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">Download</a> -->
-								<a class="tuor btn wow fadeInRight" href="#ABOUT"><i class="fa fa-angle-down"></i> More <i class="fa fa-angle-down"></i></a>
+                                    <a
+                                        class="tuor btn wow fadeInRight"
+                                        href="#ABOUT"
+                                        ><i class="fa fa-angle-down"></i> More
+                                        <i class="fa fa-angle-down"></i
+                                    ></a>
                                 </div>
                             </div>
                         </div>
-					<div class="col-md-3 col-md-offset-1 col-sm-4">
+                        <div class="col-md-3 col-md-offset-1 col-sm-4"></div>
-
-					</div>
                     </div>
                 </div>
             </div>
@@ -119,8 +153,12 @@
                     <div class="col-md-10 col-md-offset-1">
                         <div class="section_title">
                             <h2>About Us</h2>
-						<p>Since 2016 Private Joint-Stock Company “Slovyanski Shpalery – KFTP” has an own woodworking division, producing
+                            <p>
-							its goods under the trade mark SLAV FOREST.</p>
+                                Since 2016 Private Joint-Stock Company
+                                “Slovyanski Shpalery – KFTP” has an own
+                                woodworking division, producing its goods under
+                                the trade mark SLAV FOREST.
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -129,12 +167,23 @@
             <div class="inner_about_area">
                 <div class="container">
                     <div class="row">
-					<div class="col-md-10 col-md-offset-1">
-						<p></p>
-					</div>
                         <div class="col-md-12 about_desc">
-						<div class="about_image wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
+                            <div
-							<img src="images/about1.jpg" alt="">
+                                class="about_image wow fadeInLeft"
+                                data-wow-duration="1s"
+                                data-wow-delay=".5s"
+                            >
+                                <!-- <img src="images/about1.jpg" alt=""> -->
+                                <div class="video-container">
+                                    <iframe
+                                        width="560"
+                                        height="315"
+                                        src="https://www.youtube.com/embed/B7yXW0_-Rgw?cc_load_policy=1&controls=0&enablejsapi=1&hl=en&modestbranding=1&playsinline=1&iv_load_policy=3&rel=0&showinfo=0"
+                                        frameborder="0"
+                                        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+                                        allowfullscreen
+                                    ></iframe>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -147,7 +196,10 @@
                 <div class="container">
                     <div class="row">
                         <div class="col-md-10 col-md-offset-1">
-						<div class="section_title wow fadeIn" data-wow-duration="1s">
+                            <div
+                                class="section_title wow fadeIn"
+                                data-wow-duration="1s"
+                            >
                                 <h2>Our achievements</h2>
                                 <p></p>
                             </div>
@@ -159,21 +211,30 @@
                         <div class="col-md-4 col-sm-4">
                             <div class="single_fun_facts">
                                 <i class="pe-7s-users"></i>
-							<h2><span class="counter_num">350</span> <span>+</span></h2>
+                                <h2>
+                                    <span class="counter_num">350</span>
+                                    <span>+</span>
+                                </h2>
                                 <p>Workers</p>
                             </div>
                         </div>
                         <div class="col-md-4 col-sm-4">
                             <div class="single_fun_facts">
                                 <i class="pe-7s-leaf"></i>
-							<h2><span class="counter_num">80 000</span> <span>м<sup>3</sup></span></h2>
+                                <h2>
+                                    <span class="counter_num">80 000</span>
+                                    <span>м<sup>3</sup></span>
+                                </h2>
                                 <p>Harvesting</p>
                             </div>
                         </div>
                         <div class="col-md-4 col-sm-4">
                             <div class="single_fun_facts">
                                 <i class="pe-7s-refresh-2"></i>
-							<h2><span class="counter_num">200 000</span> <span>м<sup>3</sup></span></h2>
+                                <h2>
+                                    <span class="counter_num">200 000</span>
+                                    <span>м<sup>3</sup></span>
+                                </h2>
                                 <p>Processing</p>
                             </div>
                         </div>
@@ -182,12 +243,14 @@
             </div>
         </section>
 
-
         <section id="PRODUCTS" class="features page">
             <div class="container">
                 <div class="row">
                     <div class="col-md-10 col-md-offset-1">
-					<div class="section_title wow fadeIn" data-wow-duration="1s">
+                        <div
+                            class="section_title wow fadeIn"
+                            data-wow-duration="1s"
+                        >
                             <h2>Products</h2>
                             <p>Annual production capacity.</p>
                         </div>
@@ -197,96 +260,173 @@
 
             <div class="feature_inner">
                 <div class="row">
-				<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="1s">
+                    <div
-					<div class="image fit"><img src="images/prod1.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInLeft"
+                        data-wow-duration="1s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod1.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Round wood harvesting</h3>
                             <p><span class="number">up to 80 000</span> cbm</p>
                             <p></p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="2s">
+                    <div
-					<div class="image fit"><img src="images/prod2.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInRight"
+                        data-wow-duration="2s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod2.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Roundwood processing</h3>
                             <p><span class="number">up to 200 000</span> cbm</p>
                             <p></p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
+                    <div
-					<div class="image fit"><img src="images/prod3.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInLeft"
+                        data-wow-duration="3s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod3.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Sawn timber production</h3>
-						<p><span class="number">up to 100 000</span> tons</p>
+                            <p>
+                                <span class="number">up to 100 000</span> tons
+                            </p>
                             <p></p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
+                    <div
-					<div class="image fit"><img src="images/prod4.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInRight"
+                        data-wow-duration="4s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod4.jpg" alt="" />
+                        </div>
                         <div class="content">
-						<h3>Production of furniture panels, solid beams and board for furniture production</h3>
+                            <h3>
+                                Production of furniture panels, solid beams and
+                                board for furniture production
+                            </h3>
                             <p><span class="number">up to 6 000</span> cbm</p>
-						<p>Furniture panel is a semiproduct, which can be used as a base for many
-							wooden articles. As it is made of natural materials, all items made of it are durable,
-							environmentally friendly and of a very high quality. Furniture panels are a universal
-							solution for furniture and interior. Our company produces both solid and finger
-							jointed pine furniture panels of different size and with different surface texture.</p>
                             <p>
-							Solid furniture panels are manufactured of high quality timber by lamella edge
+                                Furniture panel is a semiproduct, which can be
-							gluing with specific glue. A characteristic feature of the manufacturing process is that
+                                used as a base for many wooden articles. As it
-							solid long lamellas are jointed only on edges to get a panel of necessary width. Solid
+                                is made of natural materials, all items made of
-							panels look expensive and stylish, being a perfect option for stairs and furniture
+                                it are durable, environmentally friendly and of
-							manufacture.</p>
+                                a very high quality. Furniture panels are a
-						<p>
+                                universal solution for furniture and interior.
-							Finger jointed panels are produced by jointing lamellas both on edges and on
+                                Our company produces both solid and finger
-							ends, which allows us to get large size panels. Such panels are mainly used for flat
+                                jointed pine furniture panels of different size
-							surfaces of kitchens, furniture, large stair components, wall panels.
+                                and with different surface texture.
                             </p>
                             <p>
-							Furniture panels, different size beam and board for furniture production can be
+                                Solid furniture panels are manufactured of high
-							manufactured upon request.</p>
+                                quality timber by lamella edge gluing with
+                                specific glue. A characteristic feature of the
+                                manufacturing process is that solid long
+                                lamellas are jointed only on edges to get a
+                                panel of necessary width. Solid panels look
+                                expensive and stylish, being a perfect option
+                                for stairs and furniture manufacture.
+                            </p>
+                            <p>
+                                Finger jointed panels are produced by jointing
+                                lamellas both on edges and on ends, which allows
+                                us to get large size panels. Such panels are
+                                mainly used for flat surfaces of kitchens,
+                                furniture, large stair components, wall panels.
+                            </p>
+                            <p>
+                                Furniture panels, different size beam and board
+                                for furniture production can be manufactured
+                                upon request.
+                            </p>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
+                    <div
-					<div class="image fit"><img src="images/prod5.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInLeft"
+                        data-wow-duration="3s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod5.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Fuel pellets production</h3>
                             <p><span class="number">up to 10 000</span> cbm</p>
-						<p>Fuel pellets are 100% genuine and are produced of wood processing residues.
+                            <p>
-							We produce pellets only of unprocessed timber, so they do not contain any binding
+                                Fuel pellets are 100% genuine and are produced
-							agents. After drying and grinding softwood chips pass only through a press, resulting
+                                of wood processing residues. We produce pellets
-							in a high quality environmentally friendly product.</p>
+                                only of unprocessed timber, so they do not
-						<p>At the moment we produce 6 mm fuel pellets which can be packed at customer’s option:</p>
+                                contain any binding agents. After drying and
+                                grinding softwood chips pass only through a
+                                press, resulting in a high quality
+                                environmentally friendly product.
+                            </p>
+                            <p>
+                                At the moment we produce 6 mm fuel pellets which
+                                can be packed at customer’s option:
+                            </p>
                             <ul>
                                 <li>in 1000 kg bulk bags;</li>
                                 <li>in 15 kg polyethylene bags.</li>
                             </ul>
                         </div>
                     </div>
-				<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
+                    <div
-					<div class="image fit"><img src="images/prod6.jpg" alt=""></div>
+                        class="col-md-12 spotlight wow bounceInRight"
+                        data-wow-duration="4s"
+                    >
+                        <div class="image fit">
+                            <img src="images/prod6.jpg" alt="" />
+                        </div>
                         <div class="content">
                             <h3>Fuel briquettes production</h3>
                             <p><span class="number">3 000</span> cbm</p>
-						<p>RUF fuel briquette is a type of solid fuel. Such briquettes are most commonly
-							used for industrial and domestic heaters and boilers. RUF fuel briquettes are made of
-							high quality pine. The key difference of such briquettes lies in their ecological
-							properties, economical efficiency and comfort in use.</p>
                             <p>
-							Primary benefits of RUF fuel briquettes:</p>
+                                RUF fuel briquette is a type of solid fuel. Such
+                                briquettes are most commonly used for industrial
+                                and domestic heaters and boilers. RUF fuel
+                                briquettes are made of high quality pine. The
+                                key difference of such briquettes lies in their
+                                ecological properties, economical efficiency and
+                                comfort in use.
+                            </p>
+                            <p>Primary benefits of RUF fuel briquettes:</p>
                             <ul>
-							<li>briquettes have an extended storage period;</li>
+                                <li>
-							<li>when burning, briquettes evolve no foreign chemical smells, as no chemical
+                                    briquettes have an extended storage period;
-								colorants and glues are used during briquettes production;</li>
+                                </li>
-							<li>no resins are used in RUF briquettes production, that’s why they do not contaminate
+                                <li>
-								chimneys and have a pleasant odour;</li>
+                                    when burning, briquettes evolve no foreign
-							<li>wood fuel briquettes produce ten times less СО2 compared to natural gas and fifty
+                                    chemical smells, as no chemical colorants
-								times less CO2 compared to coal.</li>
+                                    and glues are used during briquettes
+                                    production;
+                                </li>
+                                <li>
+                                    no resins are used in RUF briquettes
+                                    production, that’s why they do not
+                                    contaminate chimneys and have a pleasant
+                                    odour;
+                                </li>
+                                <li>
+                                    wood fuel briquettes produce ten times less
+                                    СО2 compared to natural gas and fifty times
+                                    less CO2 compared to coal.
+                                </li>
                             </ul>
                             <p>
-							Our briquettes are packed into shrinkbags in sets of 12 pcs., which provides
+                                Our briquettes are packed into shrinkbags in
-							protection against dust, dirt and moisture. The weight of each bag is approx 10 kg,
+                                sets of 12 pcs., which provides protection
-							total weight of a pallet is 1 ton.</p>
+                                against dust, dirt and moisture. The weight of
+                                each bag is approx 10 kg, total weight of a
+                                pallet is 1 ton.
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -296,12 +436,18 @@
         <section class="apps_screen page" id="LOGISTICS">
             <div class="container">
                 <div class="row">
-				<div class="col-md-10 col-md-offset-1 wow fadeInBig" data-wow-duration="1s">
+                    <div
+                        class="col-md-10 col-md-offset-1 wow fadeInBig"
+                        data-wow-duration="1s"
+                    >
                         <div class="section_title">
                             <h2>Logistics</h2>
-						<p>The goods can be shipped by truck or railway transport.</p>
+                            <p>
+                                The goods can be shipped by truck or railway
+                                transport.
+                            </p>
                             <div class="section_image">
-							<img src="images/railroad-car-with-wood.png">
+                                <img src="images/railroad-car-with-wood.png" />
                             </div>
                         </div>
                     </div>
@@ -309,20 +455,47 @@
             </div>
 
             <div class="screen_slider">
-			<div id="logist" class="wow bounceInRight" data-wow-duration="1s">
+                <div
+                    id="logist"
+                    class="wow bounceInRight"
+                    data-wow-duration="1s"
+                >
                     <div id="owl-logist" class="owl-carousel">
-
                         <div class="item">
-						<a href="images/logist_01.jpg" rel="logist"><img src="images/logist_01.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_01.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_01.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                         <div class="item">
-						<a href="images/logist_02.jpg" rel="logist"><img src="images/logist_02.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_02.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_02.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                         <div class="item">
-						<a href="images/logist_01.jpg" rel="logist"><img src="images/logist_01.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_01.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_01.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                         <div class="item">
-						<a href="images/logist_02.jpg" rel="logist"><img src="images/logist_02.jpg" width="80" height="60" alt=""></a>
+                            <a href="images/logist_02.jpg" rel="logist"
+                                ><img
+                                    src="images/logist_02.jpg"
+                                    width="80"
+                                    height="60"
+                                    alt=""
+                            /></a>
                         </div>
                     </div>
                 </div>
@@ -335,13 +508,22 @@
                     <div class="row wow fadeInLeftBig" data-wow-duration="1s">
                         <div class="col-md-5 col-sm-12">
                             <div class="image fit" alt="">
-							<img src="./images/dev1.png" alt="">
+                                <img src="./images/dev1.png" alt="" />
                             </div>
                         </div>
                         <div class="col-md-7 col-sm-12">
-						<p>The wood processing plant is equipped with a MS multiply saw and auxillary SERRA band-saws.</p>
+                            <p>
-						<p>The plant also has a PROLIANT drying unit gross production capacity of 1350 cubic meters.</p>
+                                The wood processing plant is equipped with a MS
-						<p>The furniture board production unit uses WEINIG equipment.</p>
+                                multiply saw and auxillary SERRA band-saws.
+                            </p>
+                            <p>
+                                The plant also has a PROLIANT drying unit gross
+                                production capacity of 1350 cubic meters.
+                            </p>
+                            <p>
+                                The furniture board production unit uses WEINIG
+                                equipment.
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -354,18 +536,27 @@
                     <div class="col-md-10 col-md-offset-1">
                         <div class="section_title">
                             <h2>Sertificates</h2>
-						<p>The company was certified according to FSC 100% standard FSC-STD-40-004 v.2.1 and holds certificate no.
+                            <p>
-							FC-COC-804521.</p>
+                                The company was certified according to FSC 100%
+                                standard FSC-STD-40-004 v.2.1 and holds
+                                certificate no. FC-COC-804521.
+                            </p>
                         </div>
                     </div>
                 </div>
             </div>
 
             <div class="available_store">
-			<div class="container  wow bounceInBottom" data-wow-duration="1s">
+                <div
+                    class="container  wow bounceInBottom"
+                    data-wow-duration="1s"
+                >
                     <div class="col-md-6 col-md-offset-3">
-					<div class="download_screen text-center wow fadeInUp" data-wow-duration="1s">
+                        <div
-						<img src="images/cert.jpg" alt="">
+                            class="download_screen text-center wow fadeInUp"
+                            data-wow-duration="1s"
+                        >
+                            <img src="images/cert.jpg" alt="" />
                         </div>
                     </div>
                 </div>
@@ -379,11 +570,26 @@
                         <div class="section_title">
                             <h2>Contacts</h2>
                             <p>
-							<span class="cnt_email"><i class="far fa-envelope"></i> <a href="mailto:slavforest@gmail.com">slavforest@gmail.com</a></span>
+                                <span class="cnt_email"
-							<br>
+                                    ><i class="far fa-envelope"></i>
-							<span class="cnt_phone"><i class="fas fa-phone"></i> <a href="tel:+380465734110">+380 4657 34 110</a></span>
+                                    <a href="mailto:slavforest@gmail.com"
-							<br>
+                                        >slavforest@gmail.com</a
-							<span class="cnt_phone"><i class="fas fa-mobile-alt"></i> <a href="tel:+380952858202">+380 95 285 82 02</a></span>
+                                    ></span
+                                >
+                                <br />
+                                <span class="cnt_phone"
+                                    ><i class="fas fa-phone"></i>
+                                    <a href="tel:+380465734110"
+                                        >+380 4657 34 110</a
+                                    ></span
+                                >
+                                <br />
+                                <span class="cnt_phone"
+                                    ><i class="fas fa-mobile-alt"></i>
+                                    <a href="tel:+380952858202"
+                                        >+380 95 285 82 02</a
+                                    ></span
+                                >
                             </p>
                         </div>
                     </div>
@@ -407,26 +613,59 @@
 
                 <div class="contact_form wow bounceIn">
                     <div class="container">
-
                         <div class="form_error text-center">
-						<div class="name_error hide error">Please Enter your name</div>
+                            <div class="name_error hide error">
-						<div class="email_error hide error">Please Enter your Email</div>
+                                Please Enter your name
-						<div class="email_val_error hide error">Please Enter a Valid Email Address</div>
+                            </div>
-						<div class="message_error hide error">Please Enter Your Message</div>
+                            <div class="email_error hide error">
+                                Please Enter your Email
+                            </div>
+                            <div class="email_val_error hide error">
+                                Please Enter a Valid Email Address
+                            </div>
+                            <div class="message_error hide error">
+                                Please Enter Your Message
+                            </div>
                         </div>
                         <div class="Sucess"></div>
 
                         <form role="form" action="contact.php">
                             <div class="row">
                                 <div class="col-md-4">
-								<input type="text" class="form-control" id="name" placeholder="Name">
+                                    <input
-								<input type="email" class="form-control" id="email" placeholder="Email">
+                                        type="text"
-								<input type="text" class="form-control" id="subject" placeholder="Subject">
+                                        class="form-control"
+                                        id="name"
+                                        placeholder="Name"
+                                    />
+                                    <input
+                                        type="email"
+                                        class="form-control"
+                                        id="email"
+                                        placeholder="Email"
+                                    />
+                                    <input
+                                        type="text"
+                                        class="form-control"
+                                        id="subject"
+                                        placeholder="Subject"
+                                    />
                                 </div>
 
                                 <div class="col-md-8">
-								<textarea class="form-control" id="message" rows="25" cols="10" placeholder="Message content..."></textarea>
+                                    <textarea
-								<button type="button" class="btn btn-default submit-btn form_submit">Send message</button>
+                                        class="form-control"
+                                        id="message"
+                                        rows="25"
+                                        cols="10"
+                                        placeholder="Message content..."
+                                    ></textarea>
+                                    <button
+                                        type="button"
+                                        class="btn btn-default submit-btn form_submit"
+                                    >
+                                        Send message
+                                    </button>
                                 </div>
                             </div>
                         </form>
@@ -437,9 +676,7 @@
 
         <section class="map">
             <div class="row ">
-			<div class="col-md-12">
+                <div class="col-md-12"><div id="map"></div></div>
-				<div id="map"></div>
-			</div>
             </div>
         </section>
 
@@ -450,7 +687,10 @@
                     <div class="col-md-6">
                         <div class="copy_right_text">
                             <p>Copyright &copy; 2018. Slav Forest</p>
-						<p>Devolopment <a href="https://web.shadoll.com/">shadoll</a></p>
+                            <p>
+                                Devolopment
+                                <a href="https://web.shadoll.com/">shadoll</a>
+                            </p>
                         </div>
                     </div>
 
@@ -477,33 +717,177 @@
         <script src="js/jquery.counterup.min.js"></script>
         <script src="js/script.js"></script>
 
-	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs&language=en"></script>
+        <script
+            type="text/javascript"
+            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs&language=en"
+        ></script>
         <script type="text/javascript">
-		google.maps.event.addDomListener(window, 'load', init);
+            google.maps.event.addDomListener(window, "load", init);
             function init() {
                 var mapOptions = {
                     zoom: 13,
                     center: new google.maps.LatLng(51.765435, 32.2519384),
-				styles: [{ "featureType": "all", "elementType": "labels", "stylers": [{ "visibility": "on" }] }, { "featureType": "all", "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#000000" }, { "lightness": 40 }] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#000000" }, { "lightness": 16 }] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#000000" }, { "lightness": 20 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#000000" }, { "lightness": 17 }, { "weight": 1.2 }] }, { "featureType": "administrative.country", "elementType": "labels.text.fill", "stylers": [{ "color": "#e5c163" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#c4c4c4" }] }, { "featureType": "administrative.neighborhood", "elementType": "labels.text.fill", "stylers": [{ "color": "#e5c163" }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 20 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 21 }, { "visibility": "on" }] }, { "featureType": "poi.business", "elementType": "geometry", "stylers": [{ "visibility": "on" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#e5c163" }, { "lightness": "0" }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.highway", "elementType": "labels.text.stroke", "stylers": [{ "color": "#e5c163" }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 18 }] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [{ "color": "#575757" }] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.arterial", "elementType": "labels.text.stroke", "stylers": [{ "color": "#2c2c2c" }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 16 }] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [{ "color": "#999999" }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 19 }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 17 }] }]
+                    styles: [
+                        {
+                            featureType: "all",
+                            elementType: "labels",
+                            stylers: [{ visibility: "on" }]
+                        },
+                        {
+                            featureType: "all",
+                            elementType: "labels.text.fill",
+                            stylers: [
+                                { saturation: 36 },
+                                { color: "#000000" },
+                                { lightness: 40 }
+                            ]
+                        },
+                        {
+                            featureType: "all",
+                            elementType: "labels.text.stroke",
+                            stylers: [
+                                { visibility: "on" },
+                                { color: "#000000" },
+                                { lightness: 16 }
+                            ]
+                        },
+                        {
+                            featureType: "all",
+                            elementType: "labels.icon",
+                            stylers: [{ visibility: "off" }]
+                        },
+                        {
+                            featureType: "administrative",
+                            elementType: "geometry.fill",
+                            stylers: [{ color: "#000000" }, { lightness: 20 }]
+                        },
+                        {
+                            featureType: "administrative",
+                            elementType: "geometry.stroke",
+                            stylers: [
+                                { color: "#000000" },
+                                { lightness: 17 },
+                                { weight: 1.2 }
+                            ]
+                        },
+                        {
+                            featureType: "administrative.country",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#e5c163" }]
+                        },
+                        {
+                            featureType: "administrative.locality",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#c4c4c4" }]
+                        },
+                        {
+                            featureType: "administrative.neighborhood",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#e5c163" }]
+                        },
+                        {
+                            featureType: "landscape",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 20 }]
+                        },
+                        {
+                            featureType: "poi",
+                            elementType: "geometry",
+                            stylers: [
+                                { color: "#000000" },
+                                { lightness: 21 },
+                                { visibility: "on" }
+                            ]
+                        },
+                        {
+                            featureType: "poi.business",
+                            elementType: "geometry",
+                            stylers: [{ visibility: "on" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "geometry.fill",
+                            stylers: [{ color: "#e5c163" }, { lightness: "0" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "geometry.stroke",
+                            stylers: [{ visibility: "off" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#ffffff" }]
+                        },
+                        {
+                            featureType: "road.highway",
+                            elementType: "labels.text.stroke",
+                            stylers: [{ color: "#e5c163" }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 18 }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "geometry.fill",
+                            stylers: [{ color: "#575757" }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#ffffff" }]
+                        },
+                        {
+                            featureType: "road.arterial",
+                            elementType: "labels.text.stroke",
+                            stylers: [{ color: "#2c2c2c" }]
+                        },
+                        {
+                            featureType: "road.local",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 16 }]
+                        },
+                        {
+                            featureType: "road.local",
+                            elementType: "labels.text.fill",
+                            stylers: [{ color: "#999999" }]
+                        },
+                        {
+                            featureType: "transit",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 19 }]
+                        },
+                        {
+                            featureType: "water",
+                            elementType: "geometry",
+                            stylers: [{ color: "#000000" }, { lightness: 17 }]
+                        }
+                    ]
                 };
-			var mapElement = document.getElementById('map');
+                var mapElement = document.getElementById("map");
                 var map = new google.maps.Map(mapElement, mapOptions);
                 var marker = new google.maps.Marker({
                     position: new google.maps.LatLng(51.765435, 32.2519384),
                     map: map,
-				title: 'Slav Forest'
+                    title: "Slav Forest"
                 });
             }
         </script>
         <!-- Global site tag (gtag.js) - Google Analytics -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125391384-1"></script>
+        <script
+            async
+            src="https://www.googletagmanager.com/gtag/js?id=UA-125391384-1"
+        ></script>
         <script>
             window.dataLayer = window.dataLayer || [];
-	function gtag(){dataLayer.push(arguments);}
+            function gtag() {
-	gtag('js', new Date());
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
 
-	gtag('config', 'UA-125391384-1');
+            gtag("config", "UA-125391384-1");
         </script>
     </body>
-
 </html>