Your IP : 3.129.15.56
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Non-standard fonts */
@font-face {
font-family: 'MyriadPro';
font-style: normal;
font-weight: 300;
src: url('../f/MyriadPro-Light.woff') format('woff');
}
@font-face {
font-family: 'MyriadPro';
font-style: normal;
font-weight: 400;
src: url('../f/MyriadPro-Regular.woff') format('woff');
}
/* sizes */
.evolution {
background: url('../i/02-evolution-bg.jpg') center top no-repeat;
background-size: cover;
}
.economy {
background: url('../i/03-economy-bg.jpg') center top no-repeat;
background-size: cover;
}
.economy .inner {
max-width: 100%;
}
.graphs {
background: url('../i/05-graphs-bg.jpg') center top no-repeat;
background-size: cover;
}
.shape {
background: url('../i/07-shape-bg.jpg') center top no-repeat;
background-size: cover;
}
.intake {
background: url('../i/08-intake-bg.jpg') center top no-repeat;
background-size: cover;
}
.gridup {
background: url('../i/09-gridup-bg.jpg') center top no-repeat;
background-size: cover;
padding-top:5em;
}
.forty {
background: url('../i/10-forty-bg.jpg') center top no-repeat;
background-size: cover;
padding-top: 2em;
}
.complect {
background: url('../i/new/11-complect-bg.jpg') center top no-repeat;
background-size: cover;
}
.easyclick {
background: url('../i/12-easyclick-bg.jpg') center top no-repeat;
background-size: cover;
}
.remote {
background: url('../i/new/14-from-calc-anchor-bg.jpg') center top no-repeat;
background-size: cover;
}
.diginventor {
background: url('../i/14-diginventor-bg.jpg') center top no-repeat;
background-size: cover;
}
.smarteye {
background: url('../i/15-smarteye-bg.jpg') center top no-repeat;
background-size: cover;
}
.dongle {
background: url('../i/16-dongle-bg.jpg') center top no-repeat;
background-size: cover;
}
.power {
background: url('../i/17-power-bg.jpg') center top no-repeat;
background-size: cover;
overflow: hidden;
}
.calculator {
background: url('../i/18-calculator-bg.jpg') center top no-repeat;
background-size: cover;
display: none;
}
footer .ico-fb {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='430.113px' height='430.114px' viewBox='0 0 430.113 430.114' style='enable-background:new 0 0 430.113 430.114;' xml:space='preserve'%3e%3cg%3e%3cpath d='M158.081,83.3c0,10.839,0,59.218,0,59.218h-43.385v72.412h43.385v215.183h89.122V214.936h59.805 c0,0,5.601-34.721,8.316-72.685c-7.784,0-67.784,0-67.784,0s0-42.127,0-49.511c0-7.4,9.717-17.354,19.321-17.354 c9.586,0,29.818,0,48.557,0c0-9.859,0-43.924,0-75.385c-25.016,0-53.476,0-66.021,0C155.878-0.004,158.081,72.48,158.081,83.3z'/%3e%3c/g%3e%3c/svg%3e ");
}
footer .ico-tw {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='430.117px' height='430.117px' viewBox='0 0 430.117 430.117' style='enable-background:new 0 0 430.117 430.117;' xml:space='preserve'%3e%3cg%3e%3cpath d='M381.384,198.639c24.157-1.993,40.543-12.975,46.849-27.876 c-8.714,5.353-35.764,11.189-50.703,5.631c-0.732-3.51-1.55-6.844-2.353-9.854c-11.383-41.798-50.357-75.472-91.194-71.404 c3.304-1.334,6.655-2.576,9.996-3.691c4.495-1.61,30.868-5.901,26.715-15.21c-3.5-8.188-35.722,6.188-41.789,8.067 c8.009-3.012,21.254-8.193,22.673-17.396c-12.27,1.683-24.315,7.484-33.622,15.919c3.36-3.617,5.909-8.025,6.45-12.769 C241.68,90.963,222.563,133.113,207.092,174c-12.148-11.773-22.915-21.044-32.574-26.192 c-27.097-14.531-59.496-29.692-110.355-48.572c-1.561,16.827,8.322,39.201,36.8,54.08c-6.17-0.826-17.453,1.017-26.477,3.178 c3.675,19.277,15.677,35.159,48.169,42.839c-14.849,0.98-22.523,4.359-29.478,11.642c6.763,13.407,23.266,29.186,52.953,25.947 c-33.006,14.226-13.458,40.571,13.399,36.642C113.713,320.887,41.479,317.409,0,277.828 c108.299,147.572,343.716,87.274,378.799-54.866c26.285,0.224,41.737-9.105,51.318-19.39 C414.973,206.142,393.023,203.486,381.384,198.639z'/%3e%3c/g%3e%3c/svg%3e ");
}
footer .ico-in {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3e%3cg%3e%3cpath d='M373.659,0H138.341C62.06,0,0,62.06,0,138.341v235.318C0,449.94,62.06,512,138.341,512h235.318 C449.94,512,512,449.94,512,373.659V138.341C512,62.06,449.94,0,373.659,0z M470.636,373.659 c0,53.473-43.503,96.977-96.977,96.977H138.341c-53.473,0-96.977-43.503-96.977-96.977V138.341 c0-53.473,43.503-96.977,96.977-96.977h235.318c53.473,0,96.977,43.503,96.977,96.977V373.659z'/%3e%3cpath d='M370.586,238.141c-3.64-24.547-14.839-46.795-32.386-64.342c-17.547-17.546-39.795-28.746-64.341-32.385 c-11.176-1.657-22.507-1.657-33.682,0c-30.336,4.499-57.103,20.541-75.372,45.172c-18.269,24.631-25.854,54.903-21.355,85.237 c4.499,30.335,20.541,57.102,45.172,75.372c19.996,14.831,43.706,22.619,68.153,22.619c5.667,0,11.375-0.418,17.083-1.265 c30.336-4.499,57.103-20.541,75.372-45.172C367.5,298.747,375.085,268.476,370.586,238.141z M267.791,327.632 c-19.405,2.882-38.77-1.973-54.527-13.66c-15.757-11.687-26.019-28.811-28.896-48.216c-2.878-19.405,1.973-38.77,13.66-54.527 c11.688-15.757,28.811-26.019,48.217-28.897c3.574-0.53,7.173-0.795,10.772-0.795s7.199,0.265,10.773,0.796 c32.231,4.779,57.098,29.645,61.878,61.877C335.608,284.268,307.851,321.692,267.791,327.632z'/%3e%3cpath d='M400.049,111.951c-3.852-3.851-9.183-6.058-14.625-6.058c-5.442,0-10.773,2.206-14.625,6.058 c-3.851,3.852-6.058,9.174-6.058,14.625c0,5.451,2.207,10.773,6.058,14.625c3.852,3.851,9.183,6.058,14.625,6.058 c5.442,0,10.773-2.206,14.625-6.058c3.851-3.852,6.058-9.183,6.058-14.625C406.107,121.133,403.9,115.802,400.049,111.951z'/%3e%3c/g%3e%3c/svg%3e ");
}
footer .ico-vk {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='548.358px' height='548.358px' viewBox='0 0 548.358 548.358' style='enable-background:new 0 0 548.358 548.358;' xml:space='preserve'%3e%3cg%3e%3cpath d='M545.451,400.298c-0.664-1.431-1.283-2.618-1.858-3.569c-9.514-17.135-27.695-38.167-54.532-63.102l-0.567-0.571 l-0.284-0.28l-0.287-0.287h-0.288c-12.18-11.611-19.893-19.418-23.123-23.415c-5.91-7.614-7.234-15.321-4.004-23.13 c2.282-5.9,10.854-18.36,25.696-37.397c7.807-10.089,13.99-18.175,18.556-24.267c32.931-43.78,47.208-71.756,42.828-83.939 l-1.701-2.847c-1.143-1.714-4.093-3.282-8.846-4.712c-4.764-1.427-10.853-1.663-18.278-0.712l-82.224,0.568 c-1.332-0.472-3.234-0.428-5.712,0.144c-2.475,0.572-3.713,0.859-3.713,0.859l-1.431,0.715l-1.136,0.859 c-0.952,0.568-1.999,1.567-3.142,2.995c-1.137,1.423-2.088,3.093-2.848,4.996c-8.952,23.031-19.13,44.444-30.553,64.238 c-7.043,11.803-13.511,22.032-19.418,30.693c-5.899,8.658-10.848,15.037-14.842,19.126c-4,4.093-7.61,7.372-10.852,9.849 c-3.237,2.478-5.708,3.525-7.419,3.142c-1.715-0.383-3.33-0.763-4.859-1.143c-2.663-1.714-4.805-4.045-6.42-6.995 c-1.622-2.95-2.714-6.663-3.285-11.136c-0.568-4.476-0.904-8.326-1-11.563c-0.089-3.233-0.048-7.806,0.145-13.706 c0.198-5.903,0.287-9.897,0.287-11.991c0-7.234,0.141-15.085,0.424-23.555c0.288-8.47,0.521-15.181,0.716-20.125 c0.194-4.949,0.284-10.185,0.284-15.705s-0.336-9.849-1-12.991c-0.656-3.138-1.663-6.184-2.99-9.137 c-1.335-2.95-3.289-5.232-5.853-6.852c-2.569-1.618-5.763-2.902-9.564-3.856c-10.089-2.283-22.936-3.518-38.547-3.71 c-35.401-0.38-58.148,1.906-68.236,6.855c-3.997,2.091-7.614,4.948-10.848,8.562c-3.427,4.189-3.905,6.475-1.431,6.851 c11.422,1.711,19.508,5.804,24.267,12.275l1.715,3.429c1.334,2.474,2.666,6.854,3.999,13.134c1.331,6.28,2.19,13.227,2.568,20.837 c0.95,13.897,0.95,25.793,0,35.689c-0.953,9.9-1.853,17.607-2.712,23.127c-0.859,5.52-2.143,9.993-3.855,13.418 c-1.715,3.426-2.856,5.52-3.428,6.28c-0.571,0.76-1.047,1.239-1.425,1.427c-2.474,0.948-5.047,1.431-7.71,1.431 c-2.667,0-5.901-1.334-9.707-4c-3.805-2.666-7.754-6.328-11.847-10.992c-4.093-4.665-8.709-11.184-13.85-19.558 c-5.137-8.374-10.467-18.271-15.987-29.691l-4.567-8.282c-2.855-5.328-6.755-13.086-11.704-23.267 c-4.952-10.185-9.329-20.037-13.134-29.554c-1.521-3.997-3.806-7.04-6.851-9.134l-1.429-0.859c-0.95-0.76-2.475-1.567-4.567-2.427 c-2.095-0.859-4.281-1.475-6.567-1.854l-78.229,0.568c-7.994,0-13.418,1.811-16.274,5.428l-1.143,1.711 C0.288,140.146,0,141.668,0,143.763c0,2.094,0.571,4.664,1.714,7.707c11.42,26.84,23.839,52.725,37.257,77.659 c13.418,24.934,25.078,45.019,34.973,60.237c9.897,15.229,19.985,29.602,30.264,43.112c10.279,13.515,17.083,22.176,20.412,25.981 c3.333,3.812,5.951,6.662,7.854,8.565l7.139,6.851c4.568,4.569,11.276,10.041,20.127,16.416 c8.853,6.379,18.654,12.659,29.408,18.85c10.756,6.181,23.269,11.225,37.546,15.126c14.275,3.905,28.169,5.472,41.684,4.716h32.834 c6.659-0.575,11.704-2.669,15.133-6.283l1.136-1.431c0.764-1.136,1.479-2.901,2.139-5.276c0.668-2.379,1-5,1-7.851 c-0.195-8.183,0.428-15.558,1.852-22.124c1.423-6.564,3.045-11.513,4.859-14.846c1.813-3.33,3.859-6.14,6.136-8.418 c2.282-2.283,3.908-3.666,4.862-4.142c0.948-0.479,1.705-0.804,2.276-0.999c4.568-1.522,9.944-0.048,16.136,4.429 c6.187,4.473,11.99,9.996,17.418,16.56c5.425,6.57,11.943,13.941,19.555,22.124c7.617,8.186,14.277,14.271,19.985,18.274 l5.708,3.426c3.812,2.286,8.761,4.38,14.853,6.283c6.081,1.902,11.409,2.378,15.984,1.427l73.087-1.14 c7.229,0,12.854-1.197,16.844-3.572c3.998-2.379,6.373-5,7.139-7.851c0.764-2.854,0.805-6.092,0.145-9.712 C546.782,404.25,546.115,401.725,545.451,400.298z'/%3e%3c/g%3e%3c/svg%3e ");
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
background: #fff;
min-width: 320px !important;
}
body {
font: 16px/normal 'MyriadPro', sans-serif;
font-weight: 300;
color: #868786;
min-height: 100%;
height: 100%;
position: relative;
/*display: flex;*/
flex-direction: column;
}
.page {
padding: 0 0 0;
}
a {
cursor: pointer;
text-decoration: none;
color: inherit;
}
a:hover {
color: inherit;
text-decoration: none;
}
figure,
figcaption {
display: block;
padding: 0;
margin: 0;
}
figcaption {
color: inherit;
}
figure img {
max-width: 100%;
}
img {
display: block;
padding: 0;
margin: 0;
}
h1,
h2,
h3 {
position: relative;
font-weight: 300;
font-size: inherit;
padding: 0;
margin: 0;
}
p {
padding: 0;
margin: 0;
}
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
.c:after {
content: "";
display: table;
clear: both;
}
article {
display: flex;
flex-direction: column;
}
img[class*="-img"] {
max-width: 100%;
}
.inner {
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding-left: 8.9%;
padding-right: 8.9%;
position: relative;
height: 100%;
flex: 1;
}
.inner.no-sides {
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
.inner.no-right {
padding-right: 0;
}
.page {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
/**generic classes*/
.cols {
display: flex;
flex-wrap: nowrap;
}
.col img {
max-width: 100%;
}
.caps {
text-transform: uppercase;
}
.bold {
font-weight: 400;
}
.highlight {
color: #fbba00;
font-weight: 400;
}
.highlight-2 {
color: #44a326;
font-weight: 400;
}
.underline {
text-decoration: underline;
}
.menu-list {
letter-spacing: 0;
padding: 0;
margin: 0;
list-style: none;
display: flex;
height: 100%;
align-self: center;
width: 100%;
justify-content: space-evenly;
}
.menu-list > li {
text-align: center;
align-self: center;
}
.menu-list > li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.menu-list > li {
border-right: 1px solid;
position: relative;
padding: 0 2em;
width: 100%;
white-space: nowrap;
}
.ico-list {
list-style: none;
margin: 0 auto;
padding: 0;
display: inline-block;
}
.ico-list > li {
display: inline-block;
}
.ico-list > li a,
.ico-list > li span {
display: block;
background-size: 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.social > li a {
width: 2em;
height: 2em;
}
.odd {
background-color: #edecec;
}
.big i {
font-style: normal;
}
.img-blocks {
padding: 0;
list-style: none;
width: 100%;
display: flex;
height: 100%;
margin: 0 auto;
flex-wrap: wrap;
height: auto;
}
.img-blocks figure {
display: flex;
flex: 1;
margin: 0 auto;
align-items: center;
flex-direction: column;
position: relative;
transition: all 0.5s ease-in-out;
}
.img-blocks figcaption {
width: 100%;
margin: 0;
padding: 0;
}
.img-blocks .ttl {
margin-bottom: 0;
}
.just-right {
justify-content: flex-end;
}
.self-right {
align-self: right;
}
.btn {
display: block;
border: 0;
text-decoration: none;
white-space: nowrap;
text-align: center;
line-height: 1.8em;
font-size: 1.4em;
transition: all 0.5s ease-in-out;
}
.btn span {
text-decoration: underline;
}
.btn:hover {
color: inherit;
cursor: pointer;
outline: none;
}
.btn.disabled {
cursor: default;
}
.btn {
color: #fff;
background-color: #44a326;
border: 1px solid #44a326;
text-transform: uppercase;
}
.btn-inverted {
color: #000;
background-color: transparent;
border: 1px solid;
}
.btn:hover {
background-color: #fbba00;
color: #000;
border-color: #fbba00;
}
.btn-pulse:hover {
box-shadow: 0 0 0 0 rgba(255, 219, 21, 0.7);
animation: pulse 2.5s infinite;
}
@keyframes pulse {
to {
box-shadow: 0 0 0 25px rgba(255, 219, 21, 0);
}
}
header {
width: 100%;
background: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 666;
transition: all 0.5s ease-in-out;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
}
nav {
z-index: 0;
height: 4em;
display: flex;
font-size: 1.125em;
text-transform: uppercase;
}
nav a {
color: #3a3939;
font-weight: 400;
}
nav a:hover {
color: #44a326;
}
nav .inner {
display: flex;
justify-content: space-between;
}
nav .logo {
margin: 1em 3em 0 0;
}
nav .logo img {
width: 100px;
}
.intro {
padding: 50px 0 calc(41.25% - 50px) 120px;
box-sizing: border-box;
background-image: url('../i/new/01-intro-bg.jpg');
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.intro__col-top-tablet {
display: none;
}
.intro__col-top {
display: flex;
justify-content: space-around;
max-width: 440px;
margin: 0 auto;
}
.intro__col-top-text {
color: #fff;
font-size: 23px;
max-width: 135px;
text-align: center;
}
.intro__col-middle {
display: flex;
justify-content: space-between;
margin-top: 28px;
padding: 0 120px;
}
.intro__col-middle-text {
display: flex;
flex-direction: column;
width: 50%;
line-height: 1;
font-size: 68px;
color: #fff;
max-width: 500px;
font-weight: 500;
}
.intro__col-bottom {
position: absolute;
bottom: 0;
right: 105px;
padding-bottom: 60px;
text-align: right;
font-size: 68px;
color: #fff;
}
.green-text {
color: #5fb62d;
}
.big-text {
font-size: 170px;
line-height: 110px;
}
.min-text {
font-size: 40px;
}
.ta-right {
text-align: right;
}
.ta-right span:first-child {
line-height: 30px;
}
.evolution-blocks {
width: 83.4%;
margin: 0 auto;
padding-top: 50px;
}
.evolution-blocks figure {
margin-right: 1.2em;
}
.evolution-blocks figure:last-child {
margin-right: 0;
}
.evolution-cols > .col {
display: flex;
align-items: center;
}
.evolution-cols > .col:first-child {
flex: 1 1 30%;
}
.evolution-cols > .col:nth-child(2) {
flex: 1 1 40%;
}
.evolution-cols > .col:last-child {
flex: 1 1 30%;
}
.evolution-ttl {
font-size: 4.5em;
line-height: 1em;
color: #fbba00;
text-transform: uppercase;
text-align: right;
}
.evolution-device {
max-width: 100%;
}
.evolution-desc {
color: #fff;
font-size: 1.375em;
line-height: 1.5em;
}
.economy-blocks figure {
position: relative;
}
.economy-blocks-diginventor {
padding: 40px 40px 0 0;
background-color: #737b86;
}
.img-blocks .economy-blocks-diginventor {
align-items: flex-start;
}
.economy-blocks-hedgehog {
order: 3;
background-color: #474751;
}
.economy-blocks-diginventor figcaption,
.economy-blocks-hedgehog figcaption {
position: absolute;
bottom: 6.8%;
left: 9.4%;
text-align: left;
font-size: 2.375em;
line-height: 1em;
}
.economy-blocks-diginventor .text-1,
.economy-blocks-hedgehog .text-1 {
text-transform: uppercase;
color: #fff;
}
.economy-blocks-diginventor .text-2,
.economy-blocks-hedgehog .text-2 {
color: #fbba00;
font-weight: 400;
letter-spacing: 2.8px;
}
.economy-blocks-70 {
order: 2;
background-color: #44a326;
color: #fff;
}
.economy-blocks-70 figcaption {
padding: 3.3% 24.8%;
}
.economy-blocks-70 .text-1 {
font-size: 9.125em;
line-height: 1em;
font-weight: 400;
text-align: center;
}
.economy-blocks-70 .text-2 {
font-size: 3.438em;
line-height: 1em;
margin-bottom: 0.2em;
text-align: center;
}
.economy-blocks-70 .text-3 {
font-size: 1.375em;
line-height: 1em;
font-weight: 400;
margin-bottom: 0.5em;
text-align: center;
}
.economy-blocks-70 .disclaimer {
font-size: 0.875em;
line-height: 1em;
}
.economy-icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 20px 0 40px 0;
}
.economy-icon {
width: 155px;
height: 131px;
background-image: url('../i/new/03-economy-icons.png');
background-repeat: no-repeat;
}
.economy-icon_protected {
background-position-x: 0;
}
.economy-icon_mgsu {
background-position-x: -155px;
}
.economy-icon_tuv {
background-position-x: -315px;
}
.digitech {
position: relative;
}
.digitech-img {
position: relative;
z-index: 0;
}
.digitech > .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.digitech-ttl {
font-size: 4.125em;
line-height: 1em;
text-align: center;
margin: 4.5% auto 3%;
}
.digitech-ttl .text-2 {
color: #44a326;
font-weight: 400;
}
.digitech-blocks figure {
flex: 0 1 20%;
flex-direction: row;
justify-content: flex-start;
}
.digitech-blocks figure img {
max-width: unset;
}
.digitech-blocks figcaption {
text-transform: uppercase;
text-align: left;
}
.digitech-blocks .text-1 {
font-size: 1.156em;
line-height: 1em;
}
.digitech-blocks .text-1 .big {
font-size: 250%;
color: #000;
}
.digitech-blocks .text-1 .big i {
font-size: 60%;
}
.digitech-blocks .text-2 {
font-size: 1.938em;
line-height: 1em;
}
.digitech-blocks .text-2 .big {
font-size: 150%;
color: #000;
}
.digitech-blocks .indent-left {
margin-left: 5px;
}
.graphs-ttl {
font-size: 4.125em;
line-height: 1em;
text-align: center;
margin: 4.5% auto 4.9%;
text-transform: uppercase;
}
.graphs-img {
margin: 0 auto 6.9%;
}
.graphs-blocks {
margin-bottom: 5%;
}
.graphs-blocks figure:before {
position: absolute;
content: '';
left: 0;
top: 11px;
bottom: 11px;
width: 1px;
background-color: #fbba00;
}
.graphs-blocks figure:first-child:before {
display: none;
}
.graphs-blocks figcaption {
text-align: center;
text-transform: uppercase;
}
.graphs-blocks .text-1 {
font-size: 0.938em;
line-height: 1em;
}
.graphs-blocks .text-1 .big {
font-size: 250%;
color: #000;
}
.graphs-blocks .text-1 .big i {
font-size: 60%;
}
.graphs-blocks .text-2 {
font-size: 1.625em;
line-height: 1em;
}
.graphs-blocks .text-2 .big {
font-size: 150%;
color: #000;
}
.hedgehog-ttl {
font-size: 3.594em;
line-height: normal;
color: #44a326;
text-align: center;
margin: 4.5% auto 4.9%;
text-transform: uppercase;
}
.hedgehog-cols > .col {
display: flex;
align-items: center;
}
.hedgehog-cols > .col:first-child {
position: relative;
padding-top: 40px;
flex-direction: column;
flex: 1 1 35%;
}
.hedgehog-cols > .col:nth-child(2) {
flex: 1 1 30%;
}
.hedgehog-cols > .col:last-child {
flex: 1 1 35%;
}
.hedgehog-img_absolute {
position: absolute;
bottom: 95%;
}
.hedgehog-device-25 {
width: 72.3%;
}
.hedgehog-patented {
display: flex;
flex-direction: row;
}
.hedgehog-patented img {
align-self: center;
margin-right: 1.4em;
margin-bottom: 4em;
width: 25.2%;
}
.hedgehog-patented figcaption {
text-transform: uppercase;
}
.hedgehog-patented .text-1 {
font-size: 2.75em;
line-height: normal;
}
.hedgehog-patented .text-2 {
font-size: 4.125em;
line-height: normal;
color: #fbba00;
}
.hedgehog-security {
padding: 0 2%;
}
.hedgehog-security-ttl {
font-size: 1.75em;
line-height: normal;
color: #44a326;
margin-bottom: 1.4em;
font-weight: 400;
}
.hedgehog-security-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
}
.hedgehog-security-desc p {
margin-bottom: 1.4em;
}
.hedgehog-security-desc p:last-child {
margin-bottom: 0;
}
.thermoresist-ttl {
font-size: 2.688em;
line-height: normal;
text-align: center;
margin: 4.5% auto 4.9%;
text-transform: uppercase;
}
.thermoresist-ttl-2 {
font-size: 2.313em;
line-height: normal;
text-align: left;
margin: 4.5% auto 0;
text-transform: uppercase;
color: #44a326;
}
.thermoresist-desc {
font-size: 1.5em;
line-height: normal;
}
.thermoresist-wrap {
position: relative;
}
.thermoresist-icos-img {
position: relative;
z-index: 0;
top: 0;
left: 0;
right: 0;
}
.thermoresist-blocks {
position: absolute;
top: 17%;
left: 0;
right: 0;
z-index: 1;
width: 68%;
}
.thermoresist-blocks figure {
flex: 0 1 20%;
}
.thermoresist-blocks figcaption {
text-transform: uppercase;
text-align: center;
}
.thermoresist-blocks .text-1 {
font-size: 0.975em;
line-height: 1em;
}
.thermoresist-blocks .text-1 .big {
font-size: 250%;
}
.thermoresist-blocks .text-1 .big i {
font-size: 60%;
}
.thermoresist-blocks .text-2 {
font-size: 2.375em;
line-height: 1em;
}
.thermoresist-about {
position: absolute;
bottom: 6.5%;
left: 0;
right: 0;
z-index: 1;
width: 87%;
margin: 0 auto;
}
.shape {
position: relative;
}
.shape-img {
position: relative;
z-index: 0;
}
.shape > .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.shape-ttl {
text-transform: uppercase;
color: #fbba00;
font-size: 4em;
line-height: normal;
margin-bottom: 1em;
}
.shape-desc {
font-size: 1.438em;
line-height: normal;
color: #fff;
}
.shape-desc p {
margin-bottom: 1.4em;
}
.shape-desc p:last-child {
margin-bottom: 0;
}
.shape-cols {
height: 100%;
}
.shape-cols > .col {
display: flex;
justify-content: center;
height: 100%;
}
.shape-cols > .col:first-child {
flex-direction: column;
flex: 1 1 30%;
}
.shape-cols > .col:last-child {
flex: 1 1 70%;
}
.shape-device {
position: relative;
height: 100%;
width: 100%;
}
.shape-device figure {
position: absolute;
}
.shape-device figure figcaption {
text-align: center;
position: absolute;
width: 100%;
}
.shape-device-other {
top: 4.4%;
right: 0;
width: 36.8%;
}
.shape-device-other figcaption {
font-size: 1.25em;
line-height: normal;
color: #fff;
bottom: 2%;
}
.shape-device-transformer {
top: 4.5%;
right: 24.4%;
width: 79.1%;
}
.shape-device-transformer figcaption {
font-size: 1.375em;
line-height: normal;
color: #fbba00;
bottom: 10%;
}
.intake-ttl {
text-transform: uppercase;
display: flex;
align-items: center;
padding-top: 6em;
}
.intake-ttl .text-1 {
font-size: 2.42em;
line-height: 1em;
text-align: right;
width: 50%;
padding-right: 0.5em;
}
.intake-ttl .text-2 {
color: #fbba00;
font-size: 6.875em;
line-height: 0.7em;
text-align: left;
width: 50%;
}
.intake-device figure {
position: relative;
}
.intake-device figure img {
margin: 0 auto;
}
.intake-device figure figcaption {
margin: 0 auto;
position: absolute;
right: 0;
left: 0;
}
.intake-device-transformer {
margin-bottom: 4em;
}
.intake-device-transformer img {
width: 84.3%;
}
.intake-device-transformer figcaption {
width: 38%;
font-size: 1.43em;
bottom: 0;
}
.intake-device-other img {
width: 39.5%;
}
.intake-device-other figcaption {
width: 14%;
font-size: 1.43em;
bottom: -15%;
}
.intake-device-other figcaption .text-2 {
color: #FF0000;
}
.gridup .inner {
margin-right: 0;
}
.gridup-ttl {
text-transform: uppercase;
color: #fbba00;
font-size: 4em;
line-height: normal;
margin-bottom: 1em;
}
.gridup-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
}
.gridup-desc p {
margin-bottom: 1.4em;
}
.gridup-desc p:last-child {
margin-bottom: 0;
}
.gridup-cols {
height: 100%;
}
.gridup-cols > .col {
display: flex;
justify-content: center;
height: 100%;
}
.gridup-cols > .col:first-child {
flex-direction: column;
flex: 1 1 30%;
}
.gridup-cols > .col:last-child {
flex: 1 1 70%;
}
.gridup-device {
max-width: 100%;
}
.forty-cols {
height: 100%;
}
.forty-cols > .col {
display: flex;
justify-content: center;
height: 100%;
}
.forty-cols > .col:first-child {
flex-direction: column;
justify-content: space-around;
flex: 1 1 40%;
}
.forty-cols > .col:last-child {
flex: 1 1 60%;
}
.forty-cols > .col:last-child img {
margin: 4em auto 0;
}
.forty-ttl {
text-transform: uppercase;
color: #fbba00;
display: flex;
align-items: center;
margin-bottom: 15em;
}
.forty-ttl .text-1 {
font-size: 12.125em;
line-height: 1em;
text-align: right;
}
.forty-ttl .text-2 {
font-size: 3.5em;
line-height: 1em;
text-align: left;
padding-left: 0.5em;
}
.forty-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
}
.forty-desc p {
margin-bottom: 1.4em;
}
.forty-desc p:last-child {
margin-bottom: 0;
}
.forty-desc ul {
padding-left: 20px;
}
.forty-desc ul,
.forty-desc li {
list-style: disc;
}
.complect {
padding: 110px 0 50px;
}
.complect__row {
display: flex;
justify-content: space-between;
}
.complect__col {}
.complect__col:first-child .complect__images-desc-block {
margin-left: 75px;
}
.complect__col:last-child .complect__images-desc_big {
font-size: 114px;
}
.complect__images {
display: flex;
}
.complect__image-params {
background-image: url(../i/11-complect-params-768.png);
background-repeat: no-repeat;
width: 100%;
background-size: contain;
background-position-y: 40px;
height: initial;
}
.complect__image-params_first {
margin-right: 20px;
width: 150px;
}
.complect__image-params_last {
width: 328px;
height: 368px;
}
.complect__images-desc-block {
display: inline-block;
margin-top: 30px;
}
.complect__images-desc {
display: inline-block;
max-width: 295px;
font-size: 45px;
line-height: 1;
}
.complect__images-desc_big {
color: #fbba00;
font-size: 174px;
}
.complect__col-bottom {
display: flex;
justify-content: space-between;
margin-top: 50px;
margin-left: -150px;
}
.complect__col-bottom-block {
text-align: center;
}
.complect__module {
height: 249px;
background-image: url("../i/new/11-complect-modules.png");
background-repeat: no-repeat;
}
.complect__module_smart {
width: 239px;
}
.complect__module_bracing {
width: 215px;
background-position-x: -240px;
}
.complect__module_wheels {
background-position-x: -467px;
width: 250px;
}
.complect__col-bottom .complect__images-desc {
max-width: 235px;
}
.easyclick-mount-ttl {
font-size: 4.5em;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0.5em;
}
.easyclick-mount-ttl-sub {
font-size: 2.25em;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0.5em;
}
.easyclick-mount-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
margin-bottom: 3em;
}
.easyclick-mount-desc p {
margin-bottom: 1.4em;
}
.easyclick-mount-desc p:last-child {
margin-bottom: 0;
}
.easyclick-mount-desc-sub {
font-size: 1.375em;
line-height: normal;
margin-bottom: 3em;
}
.easyclick-mount-cols {
padding: 6em 0 0;
}
.easyclick-mount-cols > .col {
display: flex;
justify-content: center;
height: 100%;
}
.easyclick-mount-cols > .col:first-child {
flex-direction: column;
flex: 1 1 40%;
}
.easyclick-mount-cols > .col:last-child {
flex: 1 1 60%;
}
.easyclick-secure {
position: relative;
}
.easyclick-secure figcaption {
position: absolute;
top: 74%;
}
.easyclick-secure-ttl {
font-size: 1.625em;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0.6em;
}
.easyclick-secure-desc {
font-size: 1.25em;
line-height: normal;
}
.easyclick-install {
padding: 4em 0;
}
.easyclick-install-ttl {
font-size: 4.5em;
line-height: normal;
text-transform: uppercase;
text-align: center;
position: relative;
margin-bottom: 0.6em;
}
.easyclick-install-patented {
position: absolute;
left: 5%;
top: 0;
width: 10%;
}
.easyclick-install-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
text-align: center;
margin-bottom: 2em;
}
.easyclick-install-desc p {
margin-bottom: 1.4em;
}
.easyclick-install-desc p:last-child {
margin-bottom: 0;
}
.easyclick-install-blocks img {
margin-bottom: 2em;
border: 1px solid;
}
.easyclick-install-blocks figcaption {
text-align: center;
font-size: 1.438em;
line-height: normal;
color: inherit;
}
.easyclick-install-blocks figcaption p {
margin-bottom: 1.4em;
}
.easyclick-install-blocks figcaption p:last-child {
margin-bottom: 0;
}
.easyclick-install-blocks figcaption .text-1 {
color: #fbba00;
font-weight: 400;
}
.remote {
color: #000;
}
.remote-ttl {
text-align: center;
font-weight: 400;
font-size: 1.5em;
line-height: normal;
margin-bottom: 1.5em;
}
.remote-ttl .text-2 {
color: #44a326;
}
.remote-ttl-sub {
font-size: 1.35em;
line-height: normal;
margin-bottom: .5em;
}
.remote-img {
margin: 0 auto;
}
.remote-img-absolute {
position: absolute;
top: 15px;
right: 15px;
}
.remote-desc {
margin-top: 5px;
padding: 0 1em 0 4em;
}
.remote-article {
font-size: 14px;
line-height: normal;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 1em;
}
.remote-list {
font-size: 1.35em;
line-height: normal;
margin: 0 0 1em;
padding: 0 0 0 1em;
}
.remote-list > li {
margin-bottom: 0.2em;
}
.remote-cols {
justify-content: space-between;
}
.remote-cols > .col {
max-width: 426px;
padding: 10em 0 2em;
}
.remote .col-special {
position: relative;
max-width: 525px;
background: #44a326;
color: #fff;
}
.remote-title {
margin: 30px 0 20px;
color: #52ae32;
font-size: 29px;
}
.remote-economy {
display: flex;
justify-content: space-between;
}
.remote-economy__text {
display: flex;
flex-direction: column;
}
.remote-economy__text .flex {
display: flex;
}
.remote-economy__text .indent-top {
margin-top: -10px;
font-size: 21px;
line-height: 1;
}
.remote-economy__text div span + span {
margin-left: 10px;
}
.remote-economy__text sup {
font-size: 50%;
vertical-align: middle;
}
.remote-economy__big {
font-size: 72px;
font-weight: bold;
line-height: 1;
}
.remote-economy__bold {
font-weight: bold;
font-size: 30px;
line-height: 1;
text-transform: uppercase;
}
.remote-economy__text-last .remote-economy__semi-bold {
font-size: 42px;
}
.remote-economy__text-last .remote-economy__bold {
font-size: 44px;
}
.remote-economy__semi-bold {
font-weight: normal;
font-size: 21px;
}
.col-special .remote-title {
color: #fff;
}
.diginventor {
padding: 6em 0;
}
.diginventor-ttl {
margin-bottom: 2em;
}
.diginventor-ttl .text-1 {
font-size: 4em;
line-height: normal;
font-weight: 400;
color: #fbba00;
}
.diginventor-ttl .text-2 {
font-size: 2.625em;
line-height: normal;
text-transform: uppercase;
}
.diginventor-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
color: #000;
position: relative;
padding-right: 25%;
}
.diginventor-desc p {
margin-bottom: 1.4em;
}
.diginventor-desc p:last-child {
margin-bottom: 0;
}
.diginventor-patented {
position: absolute;
right: 0;
top: 0;
}
.diginventor-cols {
height: 100%;
align-items: center;
}
.diginventor-cols > .col {
display: flex;
justify-content: center;
height: 100%;
}
.diginventor-cols > .col:first-child {
flex-direction: column;
flex: 1 1 50%;
}
.diginventor-cols > .col:last-child {
flex: 1 1 40%;
}
.smarteye {
padding: 3em 0;
}
.smarteye-ttl {
text-transform: uppercase;
color: #fbba00;
font-size: 4em;
line-height: normal;
margin-bottom: 1em;
text-align: center;
}
.smarteye-module-ttl {
text-transform: uppercase;
margin-bottom: 1em;
}
.smarteye-module-ttl .text-2 {
font-size: 4em;
line-height: normal;
font-weight: 400;
color: #fbba00;
}
.smarteye-module-ttl .text-1 {
font-size: 2.625em;
line-height: normal;
margin-right: 0.1em;
}
.smarteye-module-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
line-height: 1.2em;
}
.smarteye-module-desc p {
margin-bottom: 1.4em;
}
.smarteye-module-desc p:last-child {
margin-bottom: 0;
}
.smarteye-ico-img {
margin: 0 auto;
}
.smarteye-ico-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
text-transform: uppercase;
text-align: center;
}
.smarteye-ico-desc p {
margin-bottom: 1.4em;
}
.smarteye-ico-desc p:last-child {
margin-bottom: 0;
}
.smarteye-device {
max-width: 100%;
margin: 0 auto;
}
.smarteye-cols {
width: 76.6%;
margin: 0 auto;
align-items: flex-end;
}
.smarteye-cols > .col:first-child {
flex-direction: column;
flex: 1 1 12%;
padding-bottom: 3em;
}
.smarteye-cols > .col:nth-child(2) {
flex: 1 1 30%;
}
.smarteye-cols > .col:last-child {
flex-direction: column;
flex: 1 1 58%;
padding-bottom: 3em;
}
.smarteye-more-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
width: 80%;
}
.smarteye-more-desc p {
margin-bottom: 1.4em;
}
.smarteye-more-desc p:last-child {
margin-bottom: 0;
}
.smarteye-more-cols {
margin: 0 auto;
padding: 4em 0;
}
.smarteye-more-cols > .col:first-child {
flex-direction: column;
flex: 1 1 40%;
padding-bottom: 3em;
}
.smarteye-more-cols > .col:nth-child(2) {
flex: 1 1 60%;
}
.smarteye-more-blocks figure img {
margin-bottom: 1em;
}
.smarteye-more-blocks figure figcaption {
font-size: 1.188em;
line-height: normal;
padding-left: 30%;
}
.smarteye-more-blocks-desc {
font-size: 1.3em;
line-height: normal;
text-align: center;
margin-bottom: 1em;
}
.dongle {
padding: 3em 0;
}
.dongle-ttl {
text-transform: uppercase;
color: #fbba00;
font-size: 4em;
line-height: normal;
margin-bottom: 1em;
text-align: center;
}
.dongle-module-ttl {
text-transform: uppercase;
margin-bottom: 1em;
}
.dongle-module-ttl .text-2 {
font-size: 4em;
line-height: normal;
font-weight: 400;
color: #fbba00;
}
.dongle-module-ttl .text-1 {
font-size: 2.625em;
line-height: normal;
margin-right: 0.1em;
}
.dongle-module-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
line-height: 1.2em;
}
.dongle-module-desc p {
margin-bottom: 1.4em;
}
.dongle-module-desc p:last-child {
margin-bottom: 0;
}
.dongle-ico-img {
margin: 0 auto;
}
.dongle-ico-desc {
font-size: 1.438em;
line-height: normal;
color: inherit;
text-transform: uppercase;
text-align: center;
}
.dongle-ico-desc p {
margin-bottom: 1.4em;
}
.dongle-ico-desc p:last-child {
margin-bottom: 0;
}
.dongle-device {
max-width: 100%;
margin: 0 auto;
}
.dongle-cols {
width: 76.6%;
margin: 0 auto;
align-items: flex-end;
}
.dongle-cols > .col:first-child {
flex-direction: column;
flex: 1 1 12%;
padding-bottom: 3em;
}
.dongle-cols > .col:nth-child(2) {
flex: 1 1 30%;
}
.dongle-cols > .col:last-child {
flex-direction: column;
flex: 1 1 58%;
padding-bottom: 3em;
}
.dongle-app {
padding-bottom: 4em;
}
.dongle-app .inner {
max-width: 100%;
}
.dongle-app-ttl {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-transform: uppercase;
text-align: center;
margin-bottom: 1em;
}
.dongle-app-ttl .text-1 {
font-size: 2.125em;
line-height: normal;
margin-right: 0.1em;
}
.dongle-app-ttl .text-2 {
font-size: 4.438em;
line-height: 1em;
font-weight: 400;
color: #fbba00;
display: block;
}
.dongle-app-img {
position: relative;
z-index: 0;
width: 100%;
}
.dongle-app-hand {
position: absolute;
bottom: 7%;
left: 0;
z-index: 1;
width: 41.7%;
}
.dongle-app-device {
position: absolute;
top: -7.6%;
right: 2.6%;
z-index: 1;
width: 30.5%;
}
.dongle-intellect {
position: relative;
padding: 6em 0 7em;
background-color: #edecec;
}
.dongle-intellect:after {
content: '';
position: absolute;
height: 80px;
top: 4.8em;
left: 0;
width: 100%;
background: #fff;
}
.dongle-intellect .inner {
z-index: 2;
}
.dongle-intellect-cols .col:first-child {
margin-top: -40px;
flex-basis: 83%;
}
.dongle-intellect-cols .col + .col {
margin-left: 55px;
}
.dongle-intellect-cols > .col:last-child {
position: relative;
}
.dongle-intellect-ttl {
text-transform: uppercase;
font-size: 2.75em;
line-height: 1em;
margin-bottom: 2em;
}
.dongle-intellect-list {
display: inline-block;
vertical-align: top;
width: 40%;
list-style: inside;
font-size: 1.375em;
line-height: 1em;
padding: 0;
}
.dongle-intellect-list:last-child {
max-width: 345px;
}
.dongle-intellect-list li {
list-style: inside;
line-height: 1em;
margin-bottom: 1em;
}
.dongle-intellect-list:last-child li {
margin-bottom: .6em;
}
.dongle-intellect .app-btns {
margin-top: 15px;
display: flex;
}
.dongle-intellect .app-btns li + li {
margin-left: 20px;
}
.power {
padding: 4em 0;
background-color: #f2f2f2;
}
.power .col:nth-child(2) .watt:before {
content: '';
position: absolute;
left: -9px;
top: 0;
right: -9px;
bottom: 0;
border-left: 1px solid #898989;
border-right: 1px solid #898989;
z-index: 100;
}
.power .col:nth-child(2) .watt:after {
content: '';
position: absolute;
left: -100vw;
width: 200vw;
top: 0;
bottom: 0;
background-color: #41a93c;
z-index: 0;
}
.watt span {
position: relative;
z-index: 100;
}
.power-ttl {
color: #41a93c;
font-size: 3em;
line-height: normal;
text-transform: uppercase;
height: 25%;
}
.power-cols > .col {
flex: 1 1 20%;
padding: 0 0.5em;
}
.power-cols > .col:first-child {
display: flex;
align-items: center;
}
.power-cols > .col .item {
border: 1px solid #898989;
height: 100%;
display: flex;
flex-direction: column;
padding: 0.5em;
position: relative;
z-index: 2;
}
.power-cols > .col .item img {
max-width: 100%;
}
.power-room {
flex-grow: 1;
}
.power-room img {
margin: 0 auto;
}
.power-chars {
list-style: none;
margin: 0;
padding: 0;
}
.power-chars li {
display: block;
text-align: center;
font-weight: 400;
padding: 0.125em 0;
}
.power-chars .square {
font-size: 2.288em;
line-height: normal;
}
.power-chars .watt {
position: relative;
color: #fff;
font-size: 2.156em;
line-height: normal;
background-color: #41a93c;
}
.power-chars .article {
font-size: 1.5em;
line-height: normal;
text-transform: uppercase;
}
.step {
margin-bottom: 1.5em;
position: relative;
}
.step:after {
position: absolute;
content: '';
right: 0;
bottom: 2px;
left: 3.3em;
height: 2px;
}
.step-numb {
display: inline-block;
vertical-align: middle;
text-align: center;
border-radius: 50%;
font-weight: 400;
font-size: 1em;
line-height: 1em;
width: 4em;
height: 4em;
padding-top: 0.8em;
}
.step-ttl {
display: inline-block;
vertical-align: bottom;
font-size: 1.375em;
line-height: normal;
padding: 0 0 4px 1em;
color: #474751;
}
.calculator-ttl {
text-transform: uppercase;
font-size: 2.75em;
line-height: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
.calculator .item {
position: relative;
border: 1px solid #dbdbdb;
display: flex;
padding: 1em 1em 2em;
margin-bottom: 0.5em;
justify-content: space-between;
cursor: pointer;
min-height: 220px;
}
.calculator .item:last-child {
margin-bottom: 0;
}
.calculator .item .chars {
list-style: none;
margin: 1em auto;
padding: 1em 0;
border-top: 1px solid #474751;
border-bottom: 1px solid #474751;
}
.calculator .item .chars li {
display: inline-block;
width: 48%;
font-size: 0.9em;
line-height: 1em;
}
.calculator .item .chars li:nth-child(2n) {
font-weight: 400;
font-size: 1.1em;
line-height: 1em;
white-space: nowrap;
}
.calculator .item .ttl {
font-size: 1.3em;
line-height: 1em;
font-weight: 400;
}
.calculator .item .desc p {
font-size: 0.9em;
line-height: 1em;
}
.calculator .item .price {
font-size: 1.8em;
line-height: 1em;
}
.calculator .radio,
.calculator .check {
position: absolute;
bottom: 0.5em;
left: 0.5em;
}
.calculator-cols > .col {
flex: 1 1 25%;
padding: 0 0.5em;
}
.calculator-modules .step:after {
background-color: #fbba00;
}
.calculator-modules .step-numb {
background-color: #fbba00;
color: #fff;
}
.calculator-modules .item {
background-color: #fbba00;
}
.calculator-modules .item .ttl {
color: #44a326;
}
.calculator-modules .item .desc {
color: #474751;
}
.calculator-modules .item .price {
color: #fff;
}
.calculator-modules .item {
align-items: center;
}
.calculator-modules .pic {
width: 52%;
}
.calculator-modules .desc {
width: 40%;
}
.calculator-control .step:after {
background-color: #44a326;
}
.calculator-control .step-numb {
background-color: #44a326;
color: #fff;
}
.calculator-control .item {
background-color: #44a326;
}
.calculator-control .item .ttl {
color: #fbba00;
}
.calculator-control .item .desc {
color: #fff;
}
.calculator-control .item .price {
color: #fff;
}
.calculator-control .item {
align-items: flex-start;
}
.calculator-control .pic {
width: 40%;
}
.calculator-control .pic img {
margin-bottom: 2em;
}
.calculator-control .desc {
width: 60%;
}
.calculator-control .ttl {
margin-bottom: 1em;
}
.calculator-control .price {
text-align: right;
}
.calculator-acc .step:after {
background-color: #474751;
}
.calculator-acc .step-numb {
background-color: #edecec;
color: #474751;
}
.calculator-acc .item {
background-color: #edecec;
}
.calculator-acc .item .ttl {
color: #474751;
}
.calculator-acc .item .desc {
color: #000;
}
.calculator-acc .item .price {
color: #868786;
}
.calculator-acc .item {
align-items: center;
}
.calculator-acc .item-sm .pic {
width: 20%;
}
.calculator-acc .item-sm .desc {
width: 70%;
}
.calculator-acc .item-lg .pic {
width: 60%;
}
.calculator-acc .item-lg .desc {
width: 45%;
}
.calculator-acc .ttl {
margin-bottom: 1em;
}
.calculator-acc .price {
margin-top: 1em;
}
.calculator-order .step:after {
background-color: #474751;
}
.calculator-order .step-numb {
color: #474751;
border: 1px solid #474751;
}
.calculator .btns {
margin-bottom: 4em;
}
.calculator .btn {
margin-bottom: 0.6em;
}
.calculator .btn:last-child {
margin-bottom: 0;
}
.calculator .result-sum {
color: #44a326;
font-size: 2em;
margin-bottom: 1em;
}
.calculator .result-img {
margin: 0 auto 3em;
}
.calculator .result-essentials,
.calculator .result-options {
padding: 0;
margin: 0;
list-style: none;
font-size: 1.6em;
}
.calculator .result-essentials span,
.calculator .result-options span {
color: #44a326;
}
.calculator .result-essentials {
margin-bottom: 1em;
}
.calculator .result-options-ttl {
color: #000;
font-size: 1.6em;
}
/*buy button*/
#buybutton {
top: 150px;
right: 10px;
position: fixed;
z-index: 110;
}
.img-circle {
background-color: #44a326;
box-sizing: content-box;
}
.circletext {
z-index: 12;
box-sizing: content-box;
border: 2px solid #44a326;
width: 198px;
height: 198px;
width: 10.3125vw;
height: 10.3125vw;
/*bottom:-25px;*/
top: 0px;
right: 10px;
right: 0.5208333333333334vw;
position: absolute;
border-radius: 100%;
opacity: .5;
animation: circle-anim 2.4s infinite ease-in-out !important;
transition: all 0.5s;
}
.circle-fill {
z-index: 11;
box-sizing: content-box;
-webkit-box-sizing: content-box;
background-color: #44a326;
width: 132px;
height: 132px;
height: 6.875vw;
width: 6.875vw;
/*bottom:0px;*/
top: 33px;
top: 1.71875vw;
right: 43px;
right: 2.2395833333333335vw;
position: absolute;
border-radius: 100%;
border: 2px solid transparent;
animation: circle-fill-anim 2.3s infinite ease-in-out;
}
.img-circle {
z-index: 10;
box-sizing: content-box;
-webkit-box-sizing: content-box;
width: 102px;
height: 102px;
width: 5.3125vw;
height: 5.3125vw;
/*bottom: 14px;*/
top: 48px;
top: 2.5vw;
right: 58px;
right: 3.0208333333333335vw;
position: absolute;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
}
.img-circleblock {
box-sizing: content-box;
width: 102px;
height: 102px;
width: 5.3125vw;
height: 5.3125vw;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #FFF;
position: relative;
z-index: 12;
font-weight: normal;
font-size: 25px;
font-size: 1.3vw;
cursor: pointer;
}
.img-circle:hover {
opacity: 1;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 1;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 1;
}
}
@keyframes tossing {
0% {
transform: rotate(-8deg);
}
50% {
transform: rotate(8deg);
}
100% {
transform: rotate(-8deg);
}
}
@keyframes circle-anim {
0% {
transform: rotate(0deg) scale(0.5) skew(1deg);
opacity: .1;
}
30% {
transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .5;
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;
}
}
@keyframes circle-fill-anim {
0% {
transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2;
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
opacity: .2;
}
100% {
transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2;
}
}
footer {
margin-top: 4em;
background-color: #fff;
color: #868786;
padding: 1.875em 0;
border-top: 1px solid #616161;
}
footer .social > li {
margin-right: 1.625em;
background-color: #b6b6b6;
border-radius: 50%;
transition: all 0.5s ease-in-out;
}
footer .social > li:hover,
footer .social > li.hover {
transform: scale(1.5);
opacity: 1;
}
footer .social > li:hover {
background-color: #3b5998;
}
footer .copy {
border-top: 1px solid #616161;
text-align: center;
padding: 1em 0;
}
footer .cols > .col {
flex: 1 1 33.3333%;
padding: 0 0.5em;
}
footer .cols > .col.centered {
text-align: center;
}
.ft-links {
list-style: none;
padding: 0;
margin: 0;
font-size: 1.063em;
line-height: normal;
}
.ft-links.right {
text-align: right;
}
/***
{
1920x1200
1920x1080
1680x1050
1600x900
}
*/
@media only screen and (max-width: 1600px) {
body {
font-size: 15px;
}
.inner {
padding-left: 5%;
padding-right: 5%;
}
.intro {
padding: 50px 0 calc(38.25% - 50px) 90px;
}
.intro__col-top {
max-width: 340px;
}
.intro__col-middle {
margin-top: 0;
padding: 0 15px;
}
.economy-blocks-70 figcaption {
padding: 1% 10%;
}
.digitech-ttl {
margin-bottom: 2%;
margin-top: 2%;
}
.shape-ttl {
margin-bottom: 10px;
font-size: 3em;
}
.step-ttl {
padding-left: 2px;
}
}
/**
1440x900
1366x768
*/
@media only screen and (max-width: 1440px) {
body {
font-size: 14px;
}
.intro {
padding: 30px 0 calc(39.25% - 30px) 75px;
}
.intro__col-top {
max-width: 320px;
}
.intro__col-middle {
padding: 0;
margin-top: 16px;
}
.intro__col-middle-text {
font-size: 52px;
}
.big-text {
font-size: 136px;
line-height: 80px;
}
.easyclick-install-blocks figure {
margin-right: 1em;
}
.easyclick-install-blocks figure:last-child {
margin-right: 0;
}
.step-ttl {
font-size: 1.3em;
}
.remote-cols .remote-img {
max-width: 80%;
}
.col .dongle-intellect-img {
max-width: 85%;
}
.diginventor-patented {
right: 0;
}
.calculator .item {
min-height: 190px;
}
.intro-ttl .text-1 {
font-size: 3em;
}
.intro-ttl .text-2 .brand {
font-size: 2em;
}
.intro-ttl .text-2 .small {
font-size: 1.8em;
}
.evolution-ttl {
font-size: 3em;
}
.economy-blocks-diginventor figcaption,
.economy-blocks-hedgehog figcaption {
font-size: 2em;
}
.digitech-ttl {
font-size: 3em;
}
.digitech-blocks .text-1 .big {
font-size: 200%;
}
.digitech-blocks .text-2 .big {
font-size: 120%;
}
.graphs-ttl {
font-size: 3em;
}
.hedgehog-ttl {
font-size: 3em;
}
.hedgehog-patented .text-1 {
font-size: 2.5em;
}
.hedgehog-patented .text-2 {
font-size: 3em;
}
.thermoresist-ttl-2 {
font-size: 1.8em;
}
.shape-ttl {
font-size: 2em;
}
.shape-desc {
font-size: 1.2em;
}
.intake-ttl .text-1 {
font-size: 2em;
}
.intake-ttl .text-2 {
font-size: 5em;
}
.intake-device figure figcaption {
margin-bottom: -40px;
}
.gridup-ttl {
font-size: 3em;
}
.forty-ttl .text-1 {
font-size: 10em;
}
.forty-ttl .text-3 {
font-size: 3em;
}
.easyclick-mount-ttl {
font-size: 3em;
}
.easyclick-install-ttl {
font-size: 3em;
}
.diginventor-ttl .text-1 {
font-size: 3em;
}
.diginventor-ttl .text-2 {
font-size: 2em;
}
.smarteye-ttl {
font-size: 3em;
}
.dongle-module-ttl .text-1,
.smarteye-module-ttl .text-1 {
font-size: 2em;
}
.dongle-module-ttl .text-2,
.smarteye-module-ttl .text-2 {
font-size: 2.8em;
}
.dongle-ttl {
font-size: 3em;
}
.power-ttl {
font-size: 2.5em;
}
.step {
text-align: center;
}
.step-numb {
margin: 0 auto;
}
.step-ttl {
text-align: center;
width: 100%;
padding: 10px 0;
}
.step:after {
width: 100%;
left: 0;
}
.hedgehog-img_absolute {
left: 0;
}
.dongle-intellect-cols .col:first-child {
min-width: 40%;
}
}
/***
1280x1024
1024x768
*/
@media only screen and (max-width: 1280px) {
body {
font-size: 13px;
}
.step-ttl {
font-size: 1.2em;
}
.intro {
padding: 15px 0 calc(37.25% - 15px) 60px;
}
.intro__col-top {
max-width: 285px;
}
.intro__col-top-text {
font-size: 21px;
}
.intro__col-middle {
margin-top: 25px;
}
.intro__col-middle-text {
width: 35%;
font-size: 40px;
}
.big-text {
font-size: 100px;
line-height: 70px;
}
.intro__col-bottom {
font-size: 40px;
}
.evolution-desc {
font-size: 1.2em;
}
.economy-blocks-70 .text-1 {
font-size: 5em;
}
.graphs-blocks .text-1 .big {
font-size: 150%;
}
.graphs-blocks .text-2 {
font-size: 1.4em;
}
.hedgehog-patented .text-1 {
font-size: 2em;
}
.hedgehog-patented .text-2 {
font-size: 2.7em;
}
.thermoresist-blocks img {
max-width: 50%;
}
.inner {
padding-left: 2%;
padding-right: 2%;
}
.intro-ttl .text-2 .brand {
font-size: 2.3em;
}
.evolution-blocks {
margin-right: auto;
margin-left: auto;
}
.economy-blocks-70 .text-1 {
font-size: 7em;
}
.economy-blocks-70 .text-3 {
text-align: center;
}
.digitech-blocks figure {
flex: 0 1 30%;
}
.digitech-ttl {
margin-bottom: 0;
}
.graphs-img {
width: 80%;
}
.thermoresist-ttl-2 {
text-align: center;
}
.thermoresist-about {
text-align: center;
width: 100%;
}
.shape-desc {
font-size: 1.3em;
}
.thermoresist-blocks .text-1 .big {
font-size: 150%;
}
.thermoresist-blocks .text-2 {
font-size: 150%;
}
.shape-desc p {
font-size: 1em;
}
.thermoresist-ttl {
margin: 2% 0;
}
.thermoresist-ttl-2 {
font-size: 1.4em;
}
.thermoresist-desc {
font-size: 1.2em;
}
.shape-ttl {
font-size: 1.8em;
}
.shape-desc p {
font-size: 0.8em;
}
.shape-device-other figcaption,
.shape-device-transformer figcaption {
font-size: 1em;
}
.intake-ttl {
padding-top: 3em;
}
.intake-device figure figcaption {
margin-bottom: -50px;
font-size: 1.2em;
}
.gridup-ttl {
font-size: 2em;
}
.gridup-desc {
font-size: 1.2em;
}
.forty-ttl .text-1 {
font-size: 6em;
}
.forty-ttl .text-2 {
font-size: 2em;
}
.forty-desc {
font-size: 1.2em;
}
.easyclick-mount-ttl {
font-size: 2em;
}
.easyclick-mount-ttl-sub {
font-size: 1.4em;
}
.easyclick-install-ttl {
font-size: 2em;
}
.remote-list {
font-size: 1.2em;
}
.diginventor {
padding-top: 2em;
}
.dongle-cols > .col:last-child,
.smarteye-cols > .col:last-child {
flex: 1 1 50%;
}
.smarteye-ttl,
.dongle-ttl {
font-size: 2em;
}
.dongle-module-ttl .text-1, .smarteye-module-ttl .text-1 {
font-size: 1.6em;
}
.dongle-module-ttl .text-2, .smarteye-module-ttl .text-2 {
font-size: 1.8em;
}
.smarteye-module-desc,
.dongle-module-desc {
font-size: 1.2em;
}
.smarteye-cols > .col:first-child {
margin-bottom: 9em;
}
.smarteye-cols > .col:last-child {
margin-bottom: 8em;
}
.dongle-app-ttl .text-1 {
font-size: 1.8em;
}
.dongle-app-ttl .text-2 {
font-size: 3em;
}
.dongle-intellect-ttl {
font-size: 2em;
}
.dongle-intellect-cols {
align-items: center;
}
.dongle-intellect .app-btns {
bottom:23%;
}
.dongle-intellect-list {
font-size: 1.2em;
}
.power-ttl {
font-size: 1.8em;
}
.power-chars .square {
font-size: 1.6em;
}
.power-chars .watt {
font-size: 1.6em;
}
.power-chars .article {
font-size: 1.2em;
}
}
.col-special .text-2 {
color: #000;
}
.remote-list {
list-style-type: disc;
}
.remote-list li {
list-style-type: disc;
}
@media only screen and (max-width: 1024px) {
.intro {
background-image: url("../i/new/01-intro-bg_tablet.jpg");
padding: 25% 0 calc(112.25% - 25%) 0;
}
.intro__col-top-tablet {
display: block;
position: absolute;
top: 4%;
right: 7%;
max-width: 340px;
color: #fff;
font-size: 45px;
text-transform: uppercase;
font-weight: bold;
}
.intro__col-top {
max-width: 40%;
font-weight: bold;
}
.intro__col-middle {
margin-top: 15px;
}
.intro__col-middle-text {
width: 25%;
}
.min-text {
font-size: 28px;
}
.intro__col-bottom {
right: 50%;
transform: translateX(50%);
}
.hedgehog-img_absolute {
bottom: 65%;
}
.dongle-intellect:after {
display: none;
}
.dongle-intellect-cols .dongle-intellect-ttl {
position: relative;
}
.dongle-intellect-cols .dongle-intellect-ttl:after {
content: '';
position: absolute;
top: -20px;
bottom: -20px;
left: -100vw;
width: 200vw;
background-color: #fff;
z-index: -1;
}
}
@media only screen and (max-width: 1023px) {
body {
font-size: 11px;
}
.intro-ttl {
position: static;
padding-bottom: 30px;
}
.cols.evolution-cols {
flex-wrap: wrap;
padding: 30px 0;
}
.evolution-cols > .col:first-child,
.evolution-cols > .col:nth-child(2),
.evolution-cols > .col:last-child {
flex: 1 1 100%;
text-align: center;
}
.evolution-cols > .col img {
margin: 0 auto;
}
.evolution-ttl br {
display: none;
}
.evolution-ttl {
text-align: center;
width: 100%;
display: block;
}
.evolution-desc {
font-size: 1.4em;
}
.economy .img-blocks figure {
flex: 1 1 50%;
}
.economy figure img {
max-width: initial;
width: 100%;
}
.digitech {
padding-top: 182px;
}
.graphs .img-blocks {
flex-wrap: wrap;
align-items: stretch;
}
.graphs .img-blocks figure {
width: 33%;
flex:initial;
}
.graphs-blocks figure:before {
display: none;
}
.hedgehog-cols {
flex-wrap: wrap;
}
.hedgehog-cols > .col:first-child,
.hedgehog-cols > .col:nth-child(2),
.hedgehog-cols > .col:last-child {
flex: 100%;
margin-bottom: 20px;
}
.hedgehog-security-ttl {
text-align: center;
}
.hedgehog-security-ttl br {
display: none;
}
.hedgehog-cols .col img {
max-width: 50%;
margin: 0 auto;
}
.thermoresist-blocks {
position: static;
}
.thermoresist-about {
position: static;
}
.thermoresist {
padding-bottom: 30px;
}
.shape-cols {
flex-wrap: wrap;
height: auto;
}
.shape {
background-repeat: no-repeat;
padding:50px 0;
}
.shape >img {
display: none;
}
.shape > .inner {
position: static;
}
.shape-cols > .col:first-child,
.shape-cols > .col:last-child {
flex:100%;
}
.shape-device figure figcaption,
.shape-device figure {
position: static;
}
.shape-device-transformer,
.shape-device-other {
width: 50%;
}
.shape-device {
display: flex;
}
.shape-device-transformer {
padding-top: 156px;
}
.intake-device figure figcaption {
position: static;
}
.intake-device-other figcaption {
width: 100%;
text-align: center;
}
.intake-ttl {
margin-bottom: 40px;
}
.intake-device figure figcaption {
margin-bottom: 0;
}
.intake {
padding-bottom: 40px;
}
.gridup-ttl br {
display:none ;
}
.gridup-ttl {
text-align: center;
}
.gridup-cols {
height: auto;
flex-wrap: wrap;
}
.gridup .gridup-cols > .col {
width: 100%;
flex: initial;
height: auto;
display: block;
}
.forty-cols {
flex-wrap: wrap;
}
.forty .forty-cols > .col {
width: 100%;
flex: initial;
display: block;
}
.easyclick-mount-cols {
padding-bottom: 40px;
flex-wrap: wrap;
}
.easyclick .easyclick-mount-cols > .col {
flex:initial;
width: 100%;
}
.easyclick-secure img {
max-width: 50%;
margin: 0 auto;
}
.easyclick-mount-ttl {
text-align: center;
}
.easyclick-mount-ttl-sub {
text-align: center;
}
.easyclick-secure-ttl {
text-align: center;
}
.remote .remote-cols {
flex-wrap: wrap;
}
.remote-desc {
width: 80%;
margin: 0 auto;
}
.remote .remote-cols > .col {
flex:initial;
width: 100%;
}
.diginventor-ttl {
text-align: center;
}
.diginventor-cols {
flex-wrap: wrap;
height: auto;
}
.diginventor .diginventor-cols > .col {
flex:initial;
width: 100%;
}
.smarteye-more-cols {
flex-wrap: wrap;
}
.smarteye-more .smarteye-more-cols > .col {
width: 100%;
flex:initial;
margin: 0 auto;
}
.smarteye-more-desc {
width: 100%;
}
.smarteye-cols,
.dongle-cols {
align-items: center
}
.smarteye-cols > .col:first-child,
.dongle-cols > .col:first-child {
display: none;
}
.dongle .dongle-cols > .col,
.smarteye .smarteye-cols > .col {
width: 50%;
padding: 0 20px;
margin: 0;
}
.smarteye-cols .col img ,
.dongle-cols .col img {
width: 50%;
margin: 0 auto;
}
.dongle-app {
padding-bottom: 20px;
}
.dongle-app-ttl {
bottom: -20px;
}
.dongle-intellect {
padding: 40px 0;
}
.dongle-intellect-cols {
flex-wrap: wrap;
}
.dongle-intellect .dongle-intellect-cols > .col {
width: 100%;
flex: initial;
}
.col .dongle-intellect-img {
width: 40%;
margin: 0 auto 30px auto;
}
.dongle-intellect-ttl br {
display: none;
}
.dongle-intellect-ttl {
text-align: center;
}
}
.forty-desc-mob{
display: none;
}
.complect__image-params-2 {
background-image: url(../i/2-complect-params-768.png);
background-repeat: no-repeat;
width: 100%;
background-size: contain;
height: initial;
}
@media (max-width: 768px){
.forty{
background: url(../i/10-forty-bg-768.jpg) center top no-repeat;
}
.forty-desc-none{
display: none;
}
.forty-ttl{
margin-bottom: 15px;
}
.forty-desc {
width: 50%;
}
.forty-device{
width: 55%;
float: right;
}
.forty-cols > .col:last-child img {
margin:initial;
}
.forty-desc-mob{
display: block;
}
.forty-desc-mob-title{
font-size: 30px;
width: 50%;
}
.forty-desc-mob ul{
margin: 10px 20px;
list-style: disc;
}
.forty-desc-mob-line{
border-bottom: 2px solid #4db848;
font-size: 18px;
width: 66%;
margin-top: 7px;
}
.forty-desc-mob-desc *:last-child{
border-bottom: initial;
}
.forty-desc-mob-info {
font-weight: 700;
line-height: 1;
margin: 10px 0;
}
.complect__row {
flex-direction: column;
}
.complect__col {
display: flex;
flex-direction: column-reverse;
}
.complect__col-bottom {
margin-left: initial;
margin-bottom: 25px;
}
.complect__col-bottom .complect__images-desc {
max-width: 100%;
}
.complect__image-params {
width: 100%;
}
.complect__images-desc-mob{
font-size: 24px;
}
.intro__col-top-tablet{
right: 8%;
max-width: 248px;
font-size: 30px;
}
.eco-text{
font-size: 30px;
}
.min-text {
font-size: 20px;
}
.big-text {
font-size: 80px;
line-height: 1;
}
.intro__col-middle-text {
font-size: 34px;
}
.intro__col-top-text {
font-size: 19px;
max-width: 114px;
}
.intro__col-bottom {
right: 22%;
transform: initial;
}
.intake-device-other img {
width: 84.3%;
}
.forty-ttl,
.forty-desc,
.forty-desc-mob-title,
.forty-desc-mob, .forty-desc-mob-info {
padding-left: 20px;
}
.remote-cols > .col{
max-width: 100%;
}
.remote {
background: url(../i/new/14-from-calc-anchor-bg-768.jpg) center top no-repeat;
background-size: contain;
}
.remote .inner{
padding: 0;
}
.remote-desc {
width: 100%;
}
.power-ttl{
height: 76%;
}
.shape {
background: url(../i/07-shape-bg-768.jpg) center top no-repeat;
background-size: cover;
}
}
@media (max-width: 767px) {
.intro {
padding: 25% 0 calc(112.25% - 25%) 0;
}
.intro__col-top-tablet {
top: 5%;
left: 0;
right: 0;
text-align: center;
font-size: 28px;
max-width: initial;
}
.intro__col-top-text {
font-size: 16px;
}
.intro__col-middle {
margin-top: 0;
}
.intro__col-middle-text {
font-size: 28px;
}
.ta-right span {
line-height: 1;
}
.big-text {
font-size: 68px;
line-height: 50px;
}
.min-text {
font-size: 20px;
}
.intro__col-bottom {
transform: translateX(0);
right: 0;
left: 0;
text-align: center;
padding-bottom: 27px
}
.evolution-blocks {
flex-wrap: wrap;
padding-top: 30px;
width: 100%;
}
.evolution-blocks.img-blocks figure {
flex:initial;
width: 50%;
margin: 0 auto;
margin-bottom: 20px;
padding: 0 20px;
}
.evolution-ttl {
font-size: 2em;
}
.evolution-desc {
font-size: 1em;
}
.economy .img-blocks figure {
flex: initial;
width: 100%;
}
.digitech {
padding-top: 0;
padding-bottom: 40px;
}
.digitech > .inner {
position: static;
}
.digitech-ttl {
font-size: 2em;
padding: 20px 0;
}
.digitech-blocks figure {
flex:initial;
padding: 0;
display: block;
}
.digitech-blocks figure img {
width: 40%;
margin: 0 auto;
margin-bottom: 20px;
}
.graphs-ttl {
font-size: 1.4em;
}
.graphs-img {
width: 100%;
}
.graphs .img-blocks {
display: block;
}
.graphs .img-blocks figure {
width: 100%;
margin-bottom: 20px;
}
.hedgehog {
padding: 40px 0;
}
.hedgehog-ttl {
font-size: 2em;
margin-bottom: 40px;
}
.hedgehog-patented .text-1 {
font-size: 1.4em;
}
.hedgehog-patented .text-2 {
font-size: 1.8em;
}
.thermoresist-ttl {
font-size: 2em;
}
.thermoresist-blocks figure {
flex:initial;
width: 100%;
margin-bottom: 20px;
}
.shape-device {
align-items: baseline;
}
.shape-device-transformer {
padding-top: 0;
}
.intake-ttl {
display: block;
text-align: center;
}
.intake-ttl br {
display: none;
}
.intake-ttl .text-1 {
margin-bottom: 20px;
width: 100%;
padding: 0;
text-align: center;
}
.intake-ttl .text-2 {
margin-bottom: 20px;
width: 100%;
padding: 0;
text-align: center;
}
.intake-ttl .text-2 {
font-size: 2.8em;
}
.intake-device figure img {
width: 100%;
margin-bottom: 20px;
}
.intake-device-transformer figcaption {
width: 100%;
}
.gridup-ttl {
font-size: 1.6em;
}
.gridup-cols {
display: block;
}
.gridup-cols > .col {
display: block;
}
.forty-ttl {
display: block;
margin-bottom: 30px;
}
.forty-ttl .text-1 {
font-size: 3em;
display: block;
padding: 0;
text-align: center;
}
.forty-ttl .text-2 {
display: block;
padding: 0;
text-align: center;
}
.easyclick-mount-cols {
padding-bottom: 0;
}
.easyclick-secure figcaption {
position: static;
}
.easyclick-install-blocks {
display: block;
}
.easyclick-install-blocks figure {
margin: 0;
margin-bottom: 40px;
}
.remote-cols .remote-img {
width: 100%;
}
.remote .remote-cols {
display: block;
}
.remote .remote-cols > .col {
padding: 40px 0;
}
.remote .remote-cols > .col.col-special {
padding: 40px 20px;
}
.remote-desc .remote-article {
text-align: center;
}
.diginventor-ttl .text-1 {
font-size: 2em;
}
.diginventor-desc {
padding-right: 0;
}
.diginventor-patented {
position: static;
float: right;
}
.diginventor .diginventor-cols > .col {
display: block;
}
.smarteye-cols,
.dongle-cols {
display: block;
width: 100%;
}
.smarteye-cols .col img,
.dongle-cols .col img {
width: 40%;
}
.dongle .dongle-cols > .col,
.smarteye .smarteye-cols > .col {
width: 100%;
display: block;
padding: 0;
}
.smarteye-cols > .col:first-child,
.dongle-cols > .col:first-child {
display: none;
}
.smarteye-more-blocks figure img {
margin: 0 auto;
margin-bottom: 20px;
}
.smarteye-more-blocks figure {
margin-bottom: 40px;
}
.smarteye-more-blocks figure figcaption {
padding-left: 0;
text-align: center;
}
.dongle-app-ttl {
position: static;
}
.smarteye-more-blocks {
display: block;
}
.smarteye-more-blocks figure {
display: block;
width: 100%;
}
.dongle-app-hand {
bottom: initial;
top:7%;
}
.col .dongle-intellect-img {
width: 100%;
}
.dongle-intellect-list {
width: 100%;
}
.dongle-intellect .app-btns {
position: static;
}
.power {
padding: 40px 0;
}
.power-cols {
display: block;
}
.power-cols > .col {
margin-bottom: 20px;
}
.power-ttl {
text-align: center;
margin-bottom: 20px;
}
.power-ttl br {
display: none;
}
.hedgehog-img_absolute {
bottom: 89%;
width: 15%;
left: 50%;
transform: translateX(-50%);
}
.dongle-intellect-cols .col + .col {
margin-left: 0;
}
.eco-text {
font-size: 17px;
}
.big-text {
font-size: 35px;
line-height: 1;
}
.forty-desc {
width: 100%;
}
.forty-device {
width: 100%;
float: initial;
}
.forty-device,
.forty-desc-mob-line,
.forty-desc-mob-title {
width: 100%;
}
.forty-ttl,
.forty-desc,
.forty-desc-mob-title,
.forty-desc-mob,
.forty-desc-mob-info {
padding-left: initial;
}
.forty {
background-size: cover;
}
.complect__images {
justify-content: space-between;
}
.complect__image-params {
width: 20%;
display: flex;
align-items: center;
margin: initial;
}
.complect__image-devices{
width: 100%;
display: flex;
align-items: center;
height: initial;
}
.convector-img{
width: 70%;
}
.convector-block-img{
width: 50%;
}
.complect__image-params-2{
width: 50%;
}
.complect__col-bottom{
justify-content: center;
align-items: center;
flex-direction: column;
}
.complect__col:first-child .complect__images-desc-block {
margin-left: initial;
}
.complect {
background: url(../i/new/11-complect-bg-768.jpg) center top no-repeat;
background-size: cover;
}
.remote-desc {
width: 100%;
padding: 15px;
}
.remote-img-absolute {
width: 20%;
}
.remote-economy__text{
align-self: flex-start;
}
.complect{
padding: initial;
}
.complect__images-desc {
max-width: 228px;
font-size: 33px;
}
.complect__images-desc-mob{
font-size: 23px;
}
.complect__images-desc {
max-width: 100%;
font-size: 23px;
}
.complect__col:last-child .complect__images-desc_big {
font-size: 80px;
}
.complect__images-desc-block {
display: flex;
align-items: center;
}
.figures-mob .complect__images-desc-block{
display: flex;
align-items: center;
}
.figures-mob{
display: flex;
}
.complect__images-desc_mob-figure{
font-size: 80px;
}
.easyclick-install-patented {
position: absolute;
left: 0%;
top: -58px;
width: 21%;
}
.hedgehog-cols .col img {
max-width: 100%;
}
}
@media only screen and (max-width: 500px) {
.intro {
padding: 24% 0 calc(108.25% - 24%) 0;
}
.intro__col-top-tablet {
font-size: 18px;
}
.intro__col-top-text {
font-size: 11px;
}
.intro__col-middle {
margin-top: 10px;
}
.ta-right span:first-child {
line-height: 1;
}
.intro__col-middle-text {
font-size: 18px;
}
.big-text {
font-size: 42px;
line-height: 32px;
}
.min-text {
font-size: 12px;
}
.intro__col-bottom {
font-size: 24px;
}
.remote-economy{
flex-direction: column;
}
}
@media only screen and (max-width: 380px) {
.intro {
padding: 23% 0 calc(109.25% - 23%) 0;
}
.intro__col-top-tablet {
font-size: 16px;
top: 8%;
}
.intro__col-top-text {
font-size: 10px;
}
.intro__col-middle {
margin-top: 5px;
}
.intro__col-middle-text {
font-size: 16px;
}
.big-text {
font-size: 32px;
line-height: 22px;
}
.min-text {
font-size: 11px;
}
.intro__col-bottom {
font-size: 24px;
padding-bottom: 20px;
}
}
/*# sourceMappingURL=base.css.map */