{"id":4184,"date":"2017-07-03T01:04:28","date_gmt":"2017-07-03T01:04:28","guid":{"rendered":"http:\/\/businesslounge-elementor.rtthemes.com\/?page_id=4184"},"modified":"2021-09-06T06:49:59","modified_gmt":"2021-09-06T06:49:59","slug":"services-ii","status":"publish","type":"page","link":"https:\/\/atlasagro.us\/en\/services-ii\/","title":{"rendered":"Our services"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4184\" class=\"elementor elementor-4184\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6453c8d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default default-style\" data-id=\"6453c8d1\" data-element_type=\"section\" data-settings=\"{&quot;rt_color_sets&quot;:&quot;default-style&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4239857a\" data-id=\"4239857a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa7d9e9 elementor-section-full_width elementor-section-height-default elementor-section-height-default default-style\" data-id=\"fa7d9e9\" data-element_type=\"section\" data-settings=\"{&quot;rt_color_sets&quot;:&quot;default-style&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b853091\" data-id=\"b853091\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb58e57 elementor-widget elementor-widget-html\" data-id=\"fb58e57\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <style>\r\n        \/* Loader *\/\r\n        .js .loading::before {\r\n            content: '';\r\n            position: fixed;\r\n            color: #fff;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(206, 209, 223, 0.9);\r\n            z-index: 100;\r\n            text-align: center;\r\n            display: -webkit-flex;\r\n            display: -ms-flexbox;\r\n            display: flex;\r\n        }\r\n        \r\n        .js .loading::after {\r\n            content: '';\r\n            position: fixed;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 54px;\r\n            height: 70px;\r\n            margin: -35px 0 0 -27px;\r\n            pointer-events: none;\r\n            z-index: 10000;\r\n            border: 4px solid #fff;\r\n            -webkit-transition: opacity 0.3s;\r\n            transition: opacity 0.3s;\r\n            -webkit-animation: loaderAnim 0.8s ease-out infinite alternate forwards;\r\n            animation: loaderAnim 0.8s ease-out infinite alternate forwards;\r\n        }\r\n        \r\n        @-webkit-keyframes loaderAnim {\r\n            to {\r\n                opacity: 0.3;\r\n                -webkit-transform: translate3d(0,-100px,0);\r\n                transform: translate3d(0,-100px,0);\r\n            }\r\n        }\r\n        \r\n        @keyframes loaderAnim {\r\n            to {\r\n                opacity: 0.3;\r\n                -webkit-transform: translate3d(0,-100px,0);\r\n                transform: translate3d(0,-100px,0);\r\n            }\r\n        }\r\n        \r\n        \/* Header *\/\r\n        .codrops-header {\r\n            align-self: flex-start;\r\n            position: relative;\r\n            display: -webkit-flex;\r\n            display: -ms-flexbox;\r\n            display: flex;\r\n            justify-content: center;\r\n            text-align: center;\r\n            -webkit-flex-direction: column;\r\n            -ms-flex-direction: column;\r\n            flex-direction: column;\r\n            -webkit-flex-wrap: wrap;\r\n            flex-wrap: wrap;\r\n            -webkit-align-items: center;\r\n            -ms-flex-align: center;\r\n            align-items: center;\r\n            width: 100%;\r\n            padding: 3em 1em 4em;\r\n        }\r\n        \r\n        .codrops-header__title {\r\n            font-size: 2em;\r\n            margin: 0;\r\n            padding: 0;\r\n            color: #7d5fb5;\r\n        }\r\n        \r\n        .codrops-header__tagline {\r\n            margin: 0;\r\n            padding: 0 1em;\r\n        }\r\n        \r\n        .codrops-demos {\r\n            margin: 1em 0 0;\r\n        }\r\n        \r\n        .codrops-demos a {\r\n            border-bottom: 1px solid;\r\n            display: inline-block;\r\n            padding: 0.2em 0;\r\n            transition: border-color 0.2s, color 0.2s;\r\n        }\r\n        \r\n        .codrops-demos a:hover,\r\n        .codrops-demos a:focus {\r\n            border-color: transparent;\r\n        }\r\n        \r\n        \/* Top Navigation Style *\/\r\n        .codrops-links {\r\n            position: relative;\r\n            display: -webkit-flex;\r\n            display: -ms-flexbox;\r\n            display: flex;\r\n            -webkit-justify-content: center;\r\n            -ms-flex-pack: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            white-space: nowrap;\r\n        }\r\n        \r\n        .codrops-links::after {\r\n            position: absolute;\r\n            top: 15%;\r\n            left: 50%;\r\n            width: 1px;\r\n            height: 70%;\r\n            background: currentColor;\r\n            opacity: 0.7;\r\n            content: '';\r\n            -webkit-transform: rotate3d(0, 0, 1, 22.5deg);\r\n            transform: rotate3d(0, 0, 1, 22.5deg);\r\n        }\r\n        \r\n        .codrops-icon {\r\n            display: inline-block;\r\n            margin: 0.5em;\r\n            padding: 0.5em;\r\n        }\r\n        \r\n        .github-icon {\r\n            fill: #7d5fb5;\r\n            color: #222127;\r\n            position: absolute;\r\n            top: 0;\r\n            border: 0;\r\n            right: 0;\r\n        }\r\n        \r\n        .github-corner:hover .octo-arm {\r\n            transform-origin: 130px 106px;\r\n            animation: octocat-wave 560ms ease-in-out;\r\n        }\r\n        \r\n        @keyframes octocat-wave {\r\n            0%, 100% { transform: rotate(0); }\r\n            20%, 60% { transform: rotate(-25deg); }\r\n            40%, 80% { transform: rotate(10deg); }\r\n        }\r\n        \r\n        @media (max-width:500px) {\r\n            .github-corner:hover .octo-arm {\r\n                animation: none;\r\n            }\r\n            .github-corner .octo-arm {\r\n                animation: octocat-wave 560ms ease-in-out;\r\n            }\r\n        }\r\n        \r\n        \/* Content *\/\r\n        .content {\r\n            padding: 0 0 4em;\r\n            height: 800px;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .content:not(:first-child) {\r\n            padding: 4em 0;\r\n        }\r\n        \r\n        .content--c2 {\r\n            background: #e5f8a3;\r\n        }\r\n        \r\n        .content--c3 {\r\n            background: #2e27ad;\r\n        }\r\n        \r\n        .content--c4 {\r\n            background: #ffb59c;\r\n        }\r\n        \r\n        \r\n        \r\n        .content--c6 {\r\n            background: #232138;\r\n        }\r\n        \r\n        .content--c7 {\r\n            background: #99e4a2;\r\n        }\r\n        \r\n        \/* Related demos *\/\r\n        .content--related {\r\n            height: auto;\r\n            text-align: center;\r\n            font-weight: bold;\r\n            min-height: 0;\r\n            padding-bottom: 10em !important;\r\n            background: #f1ebf0;\r\n        }\r\n        \r\n        .content--related > p {\r\n            width: 100%;\r\n        }\r\n        \r\n        .media-item {\r\n            display: inline-block;\r\n            padding: 1em;\r\n            vertical-align: top;\r\n            -webkit-transition: color 0.3s;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .media-item__img {\r\n            max-width: 100%;\r\n            opacity: 0.3;\r\n            -webkit-transition: opacity 0.3s;\r\n            transition: opacity 0.3s;\r\n        }\r\n        \r\n        .media-item:hover .media-item__img,\r\n        .media-item:focus .media-item__img {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .media-item__title {\r\n            margin: 0;\r\n            padding: 0.5em;\r\n            font-size: 1em;\r\n        }\r\n        \r\n        @media screen and (max-width: 55.625em) {\r\n            .content {\r\n                height: auto;\r\n            }\r\n        }\r\n        \r\n        \r\n        .tilter {\r\n            display: block;\r\n            position: relative;\r\n            width: 300px;\r\n            height: 415px;\r\n            margin: 1.5em 2.5em;\r\n            color: #fff;\r\n            flex: none;\r\n            perspective: 1000px;\r\n        }\r\n        \r\n        .tilter * {\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .tilter:hover,\r\n        .tilter:focus {\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n        \r\n        \/*\r\n        .tilter__figure,\r\n        .tilter__deco,\r\n        .tilter__caption {\r\n            will-change: transform;\r\n        }*\/\r\n        \r\n        .tilter__figure,\r\n        .tilter__image {\r\n            margin: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n        }\r\n        \r\n        .tilter__figure > * {\r\n            transform: translateZ(0px); \/* Force correct stacking order *\/\r\n        }\r\n        \r\n        .smooth .tilter__figure,\r\n        .smooth .tilter__deco--overlay,\r\n        .smooth .tilter__deco--lines,\r\n        .smooth .tilter__deco--shine div,\r\n        .smooth .tilter__caption {\r\n            transition: transform 0.2s ease-out;\r\n        }\r\n        \r\n        .tilter__figure {\r\n            position: relative;\r\n        }\r\n        \r\n        .tilter__figure::before {\r\n            content: '';\r\n            position: absolute;\r\n            width: 90%;\r\n            height: 90%;\r\n            top: 5%;\r\n            left: 5%;\r\n            box-shadow: 0 30px 20px rgba(35,32,39,0.5);\r\n        }\r\n        \r\n        .tilter__deco {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        \/* .tilter__deco--overlay {\r\n           background-image: linear-gradient(45deg, rgba(237, 50, 54, 0.58), rgba(237, 50, 54, 0.69), rgba(237, 50, 54, 0.64)); \r\n        } *\/\r\n        \r\n        .tilter__deco--shine div {\r\n            position: absolute;\r\n            width: 200%;\r\n            height: 200%;\r\n            top: -50%;\r\n            left: -50%;\r\n            background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);\r\n        }\r\n        \r\n        .tilter__deco--lines {\r\n            fill: none;\r\n            stroke: #fff;\r\n            stroke-width: 1.5px;\r\n        }\r\n        \r\n        .tilter__caption {\r\n            position: absolute;\r\n            bottom: 0;\r\n            width: 100%;\r\n            padding: 4em;\r\n        }\r\n        \r\n        .tilter__title {\r\n            margin: 0;\r\n            font-weight: 700;\r\n            font-size: 30px;\r\n            font-family: 'Abril Fatface', serif;\r\n            line-height: 1;\r\n            color: #fff !important;\r\n        }\r\n        \r\n        .tilter__description {\r\n            margin: 1em 0 0 0;\r\n            font-size: 0.85em;\r\n            letter-spacing: 0.15em;\r\n        }\r\n        \r\n        \/* Individual styles *\/\r\n        \r\n        \/* Example 1 (Default) *\/\r\n        .tilter--1 .tilter__figure::before {\r\n            box-shadow: 0 30px 20px rgba(0,0,0,0.5);\r\n        }\r\n        \r\n        \/* Example 2 (thicker lines, overlay) *\/\r\n        .tilter--2,\r\n        .tilter--2:hover,\r\n        .tilter--2:focus {\r\n            color: #2e27ad;\r\n        }\r\n        \r\n        .tilter--2 .tilter__deco--overlay {\r\n            background-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));\r\n        }\r\n        \r\n        .tilter--2 .tilter__deco--lines {\r\n            stroke: #2e27ad;\r\n            stroke-width: 4px;\r\n        }\r\n        \r\n        \/* Example 3 (no lines, overlay hard-light) *\/\r\n        .tilter--3 .tilter__deco--overlay {\r\n            background-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230,0.5));\r\n        }\r\n        \r\n        .tilter--3 .tilter__caption {\r\n            padding: 2em;\r\n            text-align: right;\r\n            text-shadow: 0.1em 0.8em 1em rgba(0,0,0,0.35);\r\n        }\r\n        \r\n        \/* Example 4 (caption sliding in) *\/\r\n        .tilter--4 .tilter__deco--overlay {\r\n            background-image: linear-gradient(20deg, rgb(214, 100, 40), rgba(46, 39, 173, 0.58), rgba(53, 74, 165, 0.6));\r\n        }\r\n        \r\n        @media screen and (min-width: 30em) {\r\n            .tilter--4 .tilter__deco--lines {\r\n                transform: scale3d(0.8,0.8,1);\r\n                transition: transform 0.4s;\r\n            }\r\n            .tilter--4:hover .tilter__deco--lines {\r\n                transform: scale3d(1,1,1);\r\n            }\r\n            .tilter--4 .tilter__title,\r\n            .tilter--4 .tilter__description {\r\n                transform: translate3d(0,80px,0);\r\n                opacity: 0;\r\n                transition: transform 0.4s, opacity 0.4s;\r\n            }\r\n            .tilter--4:hover .tilter__description {\r\n                transition-delay: 0.1s;\r\n            }\r\n            .tilter--4:hover .tilter__title,\r\n            .tilter--4:hover .tilter__description {\r\n                transform: translate3d(0,0,0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n        \r\n        \/* Example 5 (line animating) *\/\r\n        .tilter--5 .tilter__deco--lines path {\r\n            stroke-dasharray: 1270;\r\n            stroke-dashoffset: 1270;\r\n            transition: stroke-dashoffset 0.7s;\r\n        }\r\n        \r\n        .tilter--5:hover .tilter__deco--lines path {\r\n            stroke-dashoffset: 0;\r\n        }\r\n        \r\n        .tilter--5 .tilter__figure::before {\r\n            box-shadow: none;\r\n        }\r\n        \r\n        \/* Example 6 (different line position) *\/\r\n        .tilter--6,\r\n        .tilter--6:hover,\r\n        .tilter--6:focus {\r\n            color: #2e27ad;\r\n        }\r\n        \r\n        .tilter--6 .tilter__deco--overlay {\r\n            background-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));\r\n        }\r\n        \r\n        .tilter--6 .tilter__deco--lines {\r\n            stroke: #2e27ad;\r\n            stroke-width: 6px;\r\n            top: -50px;\r\n            left: -50px;\r\n        }\r\n        \r\n        .tilter--6 .tilter__caption {\r\n            padding: 0 4em 5.5em 1em;\r\n        }\r\n        \r\n        .tilter--6 .tilter__figure::before {\r\n            box-shadow: none;\r\n        }\r\n        \r\n        \/* Example 7 (different line) *\/\r\n        .tilter--7 .tilter__deco--overlay {\r\n            background-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));\r\n        }\r\n        \r\n        .tilter--7 .tilter__deco--lines {\r\n            stroke-width: 20px;\r\n            transform: scale3d(0.9,0.9,1);\r\n            opacity: 0;\r\n            transition: transform 0.3s, opacity 0.3s;\r\n        }\r\n        \r\n        .tilter--7:hover .tilter__deco--lines {\r\n            opacity: 1;\r\n            transform: scale3d(1,1,1);\r\n        }\r\n        \r\n        .tilter--7 .tilter__figure::before {\r\n            box-shadow: none;\r\n        }\r\n        \r\n        \/* Example 8 (different line) *\/\r\n        .tilter--8 {\r\n            perspective: none;\r\n        }\r\n        \r\n        .tilter--8 .tilter__figure {\r\n            transform-style: flat;\r\n        }\r\n        \r\n        .tilter--8 .tilter__deco--lines {\r\n            stroke: #9255ae;\r\n            stroke-width: 6px;\r\n            mix-blend-mode: color-burn;\r\n        }\r\n        \r\n        .tilter--8 .tilter__caption {\r\n            color: #9255ae;\r\n            mix-blend-mode: color-burn;\r\n        }\r\n        \r\n        .tilter--8 .tilter__figure::before {\r\n            box-shadow: none;\r\n        }\r\n        \r\n        \r\n        \r\n        <\/style>\r\n            \r\n        \r\n            \r\n                <main>\r\n                \r\n                    \r\n                    \r\n                    \r\n                    <section class=\"content content--c5\">\r\n                        <a href=\"\/en\/xolodilnie-oborudovaniya\/\" class=\"tilter tilter--5\">\r\n                            <figure class=\"tilter__figure\">\r\n                                <img decoding=\"async\" class=\"tilter__image\" src=\"\/wp-content\/uploads\/2021\/02\/bg1.jpg\" alt=\"img09\" \/>\r\n                                <div class=\"tilter__deco tilter__deco--shine\"><div><\/div><\/div>\r\n                                <div class=\"tilter__deco tilter__deco--overlay\"><\/div>\r\n                                <figcaption class=\"tilter__caption\">\r\n                                    <h3 class=\"tilter__title\">Cold storage facilities<br> equipment<\/h3>\r\n                                    <p class=\"tilter__description\">More details<\/p>\r\n                                <\/figcaption>\r\n                                <svg class=\"tilter__deco tilter__deco--lines\" viewbox=\"0 0 300 415\">\r\n                                    <path d=\"M20.5,20.5h260v375h-260V20.5z\" \/>\r\n                                <\/svg>\r\n                            <\/figure>\r\n                        <\/a>\r\n                        <a href=\"\/en\/teplitsi\/\" class=\"tilter tilter--5\">\r\n                            <figure class=\"tilter__figure\">\r\n                                <img decoding=\"async\" class=\"tilter__image\" src=\"\/wp-content\/uploads\/2021\/02\/bg2.jpg\" alt=\"img10\" \/>\r\n                                <div class=\"tilter__deco tilter__deco--shine\"><div><\/div><\/div>\r\n                                <div class=\"tilter__deco tilter__deco--overlay\"><\/div>\r\n                                <figcaption class=\"tilter__caption\">\r\n                                    <h3 class=\"tilter__title\">Greenhouses<\/h3>\r\n                                    <p class=\"tilter__description\">More details<\/p>\r\n                                <\/figcaption>\r\n                                <svg class=\"tilter__deco tilter__deco--lines\" viewbox=\"0 0 300 415\">\r\n                                    <path d=\"M20.5,20.5h260v375h-260V20.5z\" \/>\r\n                                <\/svg>\r\n                            <\/figure>\r\n                        <\/a>\r\n                            <a href=\"\/en\/melnitsa\/\" class=\"tilter tilter--5\">\r\n                            <figure class=\"tilter__figure\">\r\n                                <img decoding=\"async\" class=\"tilter__image\" src=\"\/wp-content\/uploads\/2021\/02\/bg3.jpg\" alt=\"img10\" \/>\r\n                                <div class=\"tilter__deco tilter__deco--shine\"><div><\/div><\/div>\r\n                                <div class=\"tilter__deco tilter__deco--overlay\"><\/div>\r\n                                <figcaption class=\"tilter__caption\">\r\n                                    <h3 class=\"tilter__title\">Mill<\/h3>\r\n                                    <p class=\"tilter__description\">More details<\/p>\r\n                                <\/figcaption>\r\n                                <svg class=\"tilter__deco tilter__deco--lines\" viewbox=\"0 0 300 415\">\r\n                                    <path d=\"M20.5,20.5h260v375h-260V20.5z\" \/>\r\n                                <\/svg>\r\n                            <\/figure>\r\n                        <\/a>\r\n                            <a href=\"\/en\/sistem-kapelnogo-orosheniya\/\" class=\"tilter tilter--5\">\r\n                            <figure class=\"tilter__figure\">\r\n                                <img decoding=\"async\" class=\"tilter__image\" src=\"\/wp-content\/uploads\/2021\/02\/bg4.jpg\" alt=\"img10\" \/>\r\n                                <div class=\"tilter__deco tilter__deco--shine\"><div><\/div><\/div>\r\n                                <div class=\"tilter__deco tilter__deco--overlay\"><\/div>\r\n                                <figcaption class=\"tilter__caption\">\r\n                                    <h3 class=\"tilter__title\">The system<br> drip<br> irrigation systems<\/h3>\r\n                                    <p class=\"tilter__description\">More details<\/p>\r\n                                <\/figcaption>\r\n                                <svg class=\"tilter__deco tilter__deco--lines\" viewbox=\"0 0 300 415\">\r\n                                    <path d=\"M20.5,20.5h260v375h-260V20.5z\" \/>\r\n                                <\/svg>\r\n                            <\/figure>\r\n                        <\/a>\r\n                            <a href=\"\/en\/selxoz-oborudovaniya\/\" class=\"tilter tilter--5\">\r\n                            <figure class=\"tilter__figure\">\r\n                                <img decoding=\"async\" class=\"tilter__image\" src=\"\/wp-content\/uploads\/2021\/02\/bg5.jpg\" alt=\"img10\" \/>\r\n                                <div class=\"tilter__deco tilter__deco--shine\"><div><\/div><\/div>\r\n                                <div class=\"tilter__deco tilter__deco--overlay\"><\/div>\r\n                                <figcaption class=\"tilter__caption\">\r\n                                    <h3 class=\"tilter__title\">Agricultural sector<br> equipment<\/h3>\r\n                                    <p class=\"tilter__description\">More details<\/p>\r\n                                <\/figcaption>\r\n                                <svg class=\"tilter__deco tilter__deco--lines\" viewbox=\"0 0 300 415\">\r\n                                    <path d=\"M20.5,20.5h260v375h-260V20.5z\" \/>\r\n                                <\/svg>\r\n                            <\/figure>\r\n                        <\/a>\r\n                    <\/section>\r\n                \r\n                \r\n                <\/main>\r\n                <script src=\"\/imagesloaded.pkgd.min.js\"><\/script>\r\n                <script src=\"\/anime.min.js\"><\/script>\r\n            \r\n                <script>\r\n                \/**\r\n         * main.js\r\n         * http:\/\/www.codrops.com\r\n         *\r\n         * Licensed under the MIT license.\r\n         * http:\/\/www.opensource.org\/licenses\/mit-license.php\r\n         * \r\n         * Copyright 2016, Codrops\r\n         * http:\/\/www.codrops.com\r\n         *\/\r\n        ;(function(window) {\r\n        \r\n            'use strict';\r\n        \r\n            \/\/ Helper vars and functions.\r\n            function extend( a, b ) {\r\n                for( var key in b ) { \r\n                    if( b.hasOwnProperty( key ) ) {\r\n                        a[key] = b[key];\r\n                    }\r\n                }\r\n                return a;\r\n            }\r\n        \r\n            \/\/ from http:\/\/www.quirksmode.org\/js\/events_properties.html#position\r\n            function getMousePos(e) {\r\n                var posx = 0, posy = 0;\r\n                if (!e) var e = window.event;\r\n                if (e.pageX || e.pageY) \t{\r\n                    posx = e.pageX;\r\n                    posy = e.pageY;\r\n                }\r\n                else if (e.clientX || e.clientY) \t{\r\n                    posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;\r\n                    posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;\r\n                }\r\n                return { x : posx, y : posy }\r\n            }\r\n        \r\n            \/**\r\n             * TiltFx obj.\r\n             *\/\r\n            function TiltFx(el, options) {\r\n                this.DOM = {};\r\n                this.DOM.el = el;\r\n                this.options = extend({}, this.options);\r\n                extend(this.options, options);\r\n                this._init();\r\n            }\r\n        \r\n            TiltFx.prototype.options = {\r\n                movement: {\r\n                    imgWrapper : {\r\n                        translation : {x: 0, y: 0, z: 0},\r\n                        rotation : {x: -5, y: 5, z: 0},\r\n                        reverseAnimation : {\r\n                            duration : 1200,\r\n                            easing : 'easeOutElastic',\r\n                            elasticity : 600\r\n                        }\r\n                    },\r\n                    lines : {\r\n                        translation : {x: 10, y: 10, z: [0,10]},\r\n                        reverseAnimation : {\r\n                            duration : 1000,\r\n                            easing : 'easeOutExpo',\r\n                            elasticity : 600\r\n                        }\r\n                    },\r\n                    caption : {\r\n                        translation : {x: 20, y: 20, z: 0},\r\n                        rotation : {x: 0, y: 0, z: 0},\r\n                        reverseAnimation : {\r\n                            duration : 1500,\r\n                            easing : 'easeOutElastic',\r\n                            elasticity : 600\r\n                        }\r\n                    },\r\n                    \/*\r\n                    overlay : {\r\n                        translation : {x: 10, y: 10, z: [0,50]},\r\n                        reverseAnimation : {\r\n                            duration : 500,\r\n                            easing : 'easeOutExpo'\r\n                        }\r\n                    },\r\n                    *\/\r\n                    shine : {\r\n                        translation : {x: 50, y: 50, z: 0},\r\n                        reverseAnimation : {\r\n                            duration : 1200,\r\n                            easing : 'easeOutElastic',\r\n                            elasticity: 600\r\n                        }\r\n                    }\r\n                }\r\n            };\r\n        \r\n            \/**\r\n             * Init.\r\n             *\/\r\n            TiltFx.prototype._init = function() {\r\n                this.DOM.animatable = {};\r\n                this.DOM.animatable.imgWrapper = this.DOM.el.querySelector('.tilter__figure');\r\n                this.DOM.animatable.lines = this.DOM.el.querySelector('.tilter__deco--lines');\r\n                this.DOM.animatable.caption = this.DOM.el.querySelector('.tilter__caption');\r\n                this.DOM.animatable.overlay = this.DOM.el.querySelector('.tilter__deco--overlay');\r\n                this.DOM.animatable.shine = this.DOM.el.querySelector('.tilter__deco--shine > div');\r\n                this._initEvents();\r\n            };\r\n        \r\n            \/**\r\n             * Init\/Bind events.\r\n             *\/\r\n            TiltFx.prototype._initEvents = function() {\r\n                var self = this;\r\n                \r\n                this.mouseenterFn = function() {\r\n                    for(var key in self.DOM.animatable) {\r\n                        anime.remove(self.DOM.animatable[key]);\r\n                    }\r\n                };\r\n                \r\n                this.mousemoveFn = function(ev) {\r\n                    requestAnimationFrame(function() { self._layout(ev); });\r\n                };\r\n                \r\n                this.mouseleaveFn = function(ev) {\r\n                    requestAnimationFrame(function() {\r\n                        for(var key in self.DOM.animatable) {\r\n                            if( self.options.movement[key] == undefined ) {continue;}\r\n                            anime({\r\n                                targets: self.DOM.animatable[key],\r\n                                duration: self.options.movement[key].reverseAnimation != undefined ? self.options.movement[key].reverseAnimation.duration || 0 : 1,\r\n                                easing: self.options.movement[key].reverseAnimation != undefined ? self.options.movement[key].reverseAnimation.easing || 'linear' : 'linear',\r\n                                elasticity: self.options.movement[key].reverseAnimation != undefined ? self.options.movement[key].reverseAnimation.elasticity || null : null,\r\n                                scaleX: 1,\r\n                                scaleY: 1,\r\n                                scaleZ: 1,\r\n                                translateX: 0,\r\n                                translateY: 0,\r\n                                translateZ: 0,\r\n                                rotateX: 0,\r\n                                rotateY: 0,\r\n                                rotateZ: 0\r\n                            });\r\n                        }\r\n                    });\r\n                };\r\n        \r\n                this.DOM.el.addEventListener('mousemove', this.mousemoveFn);\r\n                this.DOM.el.addEventListener('mouseleave', this.mouseleaveFn);\r\n                this.DOM.el.addEventListener('mouseenter', this.mouseenterFn);\r\n            };\r\n        \r\n            TiltFx.prototype._layout = function(ev) {\r\n                \/\/ Mouse position relative to the document.\r\n                var mousepos = getMousePos(ev),\r\n                    \/\/ Document scrolls.\r\n                    docScrolls = {left : document.body.scrollLeft + document.documentElement.scrollLeft, top : document.body.scrollTop + document.documentElement.scrollTop},\r\n                    bounds = this.DOM.el.getBoundingClientRect(),\r\n                    \/\/ Mouse position relative to the main element (this.DOM.el).\r\n                    relmousepos = { x : mousepos.x - bounds.left - docScrolls.left, y : mousepos.y - bounds.top - docScrolls.top };\r\n        \r\n                \/\/ Movement settings for the animatable elements.\r\n                for(var key in this.DOM.animatable) {\r\n                    if( this.DOM.animatable[key] == undefined || this.options.movement[key] == undefined ) {\r\n                        continue;\r\n                    }\r\n                    var t = this.options.movement[key] != undefined ? this.options.movement[key].translation || {x:0,y:0,z:0} : {x:0,y:0,z:0},\r\n                        r = this.options.movement[key] != undefined ? this.options.movement[key].rotation || {x:0,y:0,z:0} : {x:0,y:0,z:0},\r\n                        setRange = function (obj) {\r\n                            for(var k in obj) {\r\n                                if( obj[k] == undefined ) {\r\n                                    obj[k] = [0,0];\r\n                                }\r\n                                else if( typeof obj[k] === 'number' ) {\r\n                                    obj[k] = [-1*obj[k],obj[k]];\r\n                                }\r\n                            }\r\n                        };\r\n        \r\n                    setRange(t);\r\n                    setRange(r);\r\n                    \r\n                    var transforms = {\r\n                        translation : {\r\n                            x: (t.x[1]-t.x[0])\/bounds.width*relmousepos.x + t.x[0],\r\n                            y: (t.y[1]-t.y[0])\/bounds.height*relmousepos.y + t.y[0],\r\n                            z: (t.z[1]-t.z[0])\/bounds.height*relmousepos.y + t.z[0],\r\n                        },\r\n                        rotation : {\r\n                            x: (r.x[1]-r.x[0])\/bounds.height*relmousepos.y + r.x[0],\r\n                            y: (r.y[1]-r.y[0])\/bounds.width*relmousepos.x + r.y[0],\r\n                            z: (r.z[1]-r.z[0])\/bounds.width*relmousepos.x + r.z[0]\r\n                        }\r\n                    };\r\n        \r\n                    this.DOM.animatable[key].style.WebkitTransform = this.DOM.animatable[key].style.transform = 'translateX(' + transforms.translation.x + 'px) translateY(' + transforms.translation.y + 'px) translateZ(' + transforms.translation.z + 'px) rotateX(' + transforms.rotation.x + 'deg) rotateY(' + transforms.rotation.y + 'deg) rotateZ(' + transforms.rotation.z + 'deg)';\r\n                }\r\n            };\r\n        \r\n            window.TiltFx = TiltFx;\r\n        \r\n        })(window);\r\n                (function() {\r\n                    var tiltSettings = [\r\n                    {},\r\n                    {\r\n                        movement: {\r\n                            imgWrapper : {\r\n                                translation : {x: 10, y: 10, z: 30},\r\n                                rotation : {x: 0, y: -10, z: 0},\r\n                                reverseAnimation : {duration : 200, easing : 'easeOutQuad'}\r\n                            },\r\n                            lines : {\r\n                                translation : {x: 10, y: 10, z: [0,70]},\r\n                                rotation : {x: 0, y: 0, z: -2},\r\n                                reverseAnimation : {duration : 2000, easing : 'easeOutExpo'}\r\n                            },\r\n                            caption : {\r\n                                rotation : {x: 0, y: 0, z: 2},\r\n                                reverseAnimation : {duration : 200, easing : 'easeOutQuad'}\r\n                            },\r\n                            overlay : {\r\n                                translation : {x: 10, y: -10, z: 0},\r\n                                rotation : {x: 0, y: 0, z: 2},\r\n                                reverseAnimation : {duration : 2000, easing : 'easeOutExpo'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 100, y: 100, z: 0},\r\n                                reverseAnimation : {duration : 200, easing : 'easeOutQuad'}\r\n                            }\r\n                        }\r\n                    },\r\n                    {\r\n                        movement: {\r\n                            imgWrapper : {\r\n                                rotation : {x: -5, y: 10, z: 0},\r\n                                reverseAnimation : {duration : 900, easing : 'easeOutCubic'}\r\n                            },\r\n                            caption : {\r\n                                translation : {x: 30, y: 30, z: [0,40]},\r\n                                rotation : {x: [0,15], y: 0, z: 0},\r\n                                reverseAnimation : {duration : 1200, easing : 'easeOutExpo'}\r\n                            },\r\n                            overlay : {\r\n                                translation : {x: 10, y: 10, z: [0,20]},\r\n                                reverseAnimation : {duration : 1000, easing : 'easeOutExpo'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 100, y: 100, z: 0},\r\n                                reverseAnimation : {duration : 900, easing : 'easeOutCubic'}\r\n                            }\r\n                        }\r\n                    },\r\n                    {\r\n                        movement: {\r\n                            imgWrapper : {\r\n                                rotation : {x: -5, y: 10, z: 0},\r\n                                reverseAnimation : {duration : 50, easing : 'easeOutQuad'}\r\n                            },\r\n                            caption : {\r\n                                translation : {x: 20, y: 20, z: 0},\r\n                                reverseAnimation : {duration : 200, easing : 'easeOutQuad'}\r\n                            },\r\n                            overlay : {\r\n                                translation : {x: 5, y: -5, z: 0},\r\n                                rotation : {x: 0, y: 0, z: 6},\r\n                                reverseAnimation : {duration : 1000, easing : 'easeOutQuad'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 50, y: 50, z: 0},\r\n                                reverseAnimation : {duration : 50, easing : 'easeOutQuad'}\r\n                            }\r\n                        }\r\n                    },\r\n                    {\r\n                        movement: {\r\n                            imgWrapper : {\r\n                                translation : {x: 0, y: -8, z: 0},\r\n                                rotation : {x: 3, y: 3, z: 0},\r\n                                reverseAnimation : {duration : 1200, easing : 'easeOutExpo'}\r\n                            },\r\n                            lines : {\r\n                                translation : {x: 15, y: 15, z: [0,15]},\r\n                                reverseAnimation : {duration : 1200, easing : 'easeOutExpo'}\r\n                            },\r\n                            overlay : {\r\n                                translation : {x: 0, y: 8, z: 0},\r\n                                reverseAnimation : {duration : 600, easing : 'easeOutExpo'}\r\n                            },\r\n                            caption : {\r\n                                translation : {x: 10, y: -15, z: 0},\r\n                                reverseAnimation : {duration : 900, easing : 'easeOutExpo'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 50, y: 50, z: 0},\r\n                                reverseAnimation : {duration : 1200, easing : 'easeOutExpo'}\r\n                            }\r\n                        }\r\n                    },\r\n                    {\r\n                        movement: {\r\n                            lines : {\r\n                                translation : {x: -5, y: 5, z: 0},\r\n                                reverseAnimation : {duration : 1000, easing : 'easeOutExpo'}\r\n                            },\r\n                            caption : {\r\n                                translation : {x: 15, y: 15, z: 0},\r\n                                rotation : {x: 0, y: 0, z: 3},\r\n                                reverseAnimation : {duration : 1500, easing : 'easeOutElastic', elasticity : 700}\r\n                            },\r\n                            overlay : {\r\n                                translation : {x: 15, y: -15, z: 0},\r\n                                reverseAnimation : {duration : 500,easing : 'easeOutExpo'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 50, y: 50, z: 0},\r\n                                reverseAnimation : {duration : 500, easing : 'easeOutExpo'}\r\n                            }\r\n                        }\r\n                    },\r\n                    {\r\n                        movement: {\r\n                            imgWrapper : {\r\n                                translation : {x: 5, y: 5, z: 0},\r\n                                reverseAnimation : {duration : 800, easing : 'easeOutQuart'}\r\n                            },\r\n                            caption : {\r\n                                translation : {x: 10, y: 10, z: [0,50]},\r\n                                reverseAnimation : {duration : 1000, easing : 'easeOutQuart'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 50, y: 50, z: 0},\r\n                                reverseAnimation : {duration : 800, easing : 'easeOutQuart'}\r\n                            }\r\n                        }\r\n                    },\r\n                    {\r\n                        movement: {\r\n                            lines : {\r\n                                translation : {x: 40, y: 40, z: 0},\r\n                                reverseAnimation : {duration : 1500, easing : 'easeOutElastic'}\r\n                            },\r\n                            caption : {\r\n                                translation : {x: 20, y: 20, z: 0},\r\n                                rotation : {x: 0, y: 0, z: -5},\r\n                                reverseAnimation : {duration : 1000, easing : 'easeOutExpo'}\r\n                            },\r\n                            overlay : {\r\n                                translation : {x: -30, y: -30, z: 0},\r\n                                rotation : {x: 0, y: 0, z: 3},\r\n                                reverseAnimation : {duration : 750, easing : 'easeOutExpo'}\r\n                            },\r\n                            shine : {\r\n                                translation : {x: 100, y: 100, z: 0},\r\n                                reverseAnimation : {duration : 750, easing : 'easeOutExpo'}\r\n                            }\r\n                        }\r\n                    }];\r\n        \r\n                    function init() {\r\n                        var idx = 0;\r\n                        [].slice.call(document.querySelectorAll('a.tilter')).forEach(function(el, pos) { \r\n                            idx = pos%2 === 0 ? idx+1 : idx;\r\n                            new TiltFx(el, tiltSettings[idx-1]);\r\n                        });\r\n                    }\r\n        \r\n                    \/\/ Preload all images.\r\n                    imagesLoaded(document.querySelector('main'), function() {\r\n                        document.body.classList.remove('loading');\r\n                        init();\r\n                    });\r\n        \r\n                    \/\/ REMOVE THIS!\r\n                    \/\/ For Demo purposes only. Prevent the click event.\r\n                    [].slice.call(document.querySelectorAll('a[href=\"#\"]')).forEach(function(el) {\r\n                        el.addEventListener('click', function(ev) { ev.preventDefault(); });\r\n                    });\r\n        \r\n                    var pater = document.querySelector('.pater'),\r\n                        paterSVG = pater.querySelector('.pater__svg'),\r\n                        pathEl = paterSVG.querySelector('path'),\r\n                        paths = {default: pathEl.getAttribute('d'), active: paterSVG.getAttribute('data-path-hover')};\r\n        \r\n                    pater.addEventListener('mouseenter', function() {\r\n                        anime.remove(pathEl);\r\n                        anime({\r\n                            targets: pathEl,\r\n                            d: paths.active,\r\n                            duration: 400,\r\n                            easing: 'easeOutQuad'\r\n                        });\r\n                    });\r\n        \r\n                    pater.addEventListener('mouseleave', function() {\r\n                        anime.remove(pathEl);\r\n                        anime({\r\n                            targets: pathEl,\r\n                            d: paths.default,\r\n                            duration: 400,\r\n                            easing: 'easeOutExpo'\r\n                        });\r\n                    });\r\n                })();\r\n                <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0425\u043e\u043b\u043e\u0434\u0438\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0422\u0435\u043f\u043b\u0438\u0446\u044b \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u041c\u0435\u043b\u044c\u043d\u0438\u0446\u0430 \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0421\u0438\u0441\u0442\u0435\u043c\u044b \u043a\u0430\u043f\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0440\u043e\u0448\u0435\u043d\u0438\u044f \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0421\u0435\u043b\u044c\u0445\u043e\u0437 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4184","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/pages\/4184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/comments?post=4184"}],"version-history":[{"count":10,"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/pages\/4184\/revisions"}],"predecessor-version":[{"id":5464,"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/pages\/4184\/revisions\/5464"}],"wp:attachment":[{"href":"https:\/\/atlasagro.us\/en\/wp-json\/wp\/v2\/media?parent=4184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}