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

:root {
--basic-white:#fff; /* белый */

--basic-black:#181818; /* черный */
--basic-dark:#1f1f1f; /* темный */
--basic-black-border:#4b4b4b; /* черный border */

--basic-grey:#b9b9b9; /* серый */
--basic-grey-light:#e8e8e8; /* светло-серый */
--basic-grey-pale:#f1f1f1; /* бледно-серый */

--basic-blue:#022d62;  /* синий */
--basic-blue-light:#4d6c91;  /* светло-синий */
--basic-blue-pale:#99abc0;  /* бледно-синий */

--basic-yellow:#fecc00;  /* желтый */
--basic-yellow-light:#fedb4c;  /* светло-желтый */
--basic-yellow-pale:#feea99;  /* бледно-желтый */

--basic-gradient:linear-gradient(180deg, rgba(2,45,98,1) 30%, rgba(254,204,0,1) 100%);
}

html, 
input, 
textarea {color:var(--basic-black);}

html, 
input, 
textarea, 
p {
position:relative;
font:400 15px/2 'rogan', Tahoma, Calibri;
}

body {
position:relative;
text-align:left;
min-width:1140px;
max-height:auto;
margin:0 auto;
background:var(--basic-white);
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
overflow-y:auto;
}

body:before {
display:block;	
position:fixed;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background:var(--basic-black);
opacity:0;
transition:all .4s ease;
}

body.show-menu:before {
opacity:.7;
transition:all .4s ease;
z-index:998;
}

::selection {
background-color:var(--basic-black);
}

::-webkit-scrollbar {
width:4.5px;
}

::-webkit-scrollbar-track {
background:var(--basic-white);
}

::-webkit-scrollbar-thumb {
background:var(--basic-black);
}

a, 
input, 
select, 
textarea { 
outline:none;
}

img {
vertical-align:top;
}

iframe {
border:none; 
vertical-align:top;
}

ul,
ol {
position:relative;
padding:0;
margin:0;
list-style:none;
}

/*** clear ***/

header:after, 
.wrap:after, 
.container:after,
ul:after, 
ol:after, 
form:after,
.clear:after {
content:" ";
display:block;
clear:both;
overflow:hidden;
}

*:first-child,
p:first-child,
p.important:first-child,
p.uppercase:first-child {
margin-top:0;
}

*:last-child,
p:last-child,
p.important:last-child,
p.uppercase:last-child {
margin-bottom:0;
}

/*** end.clear ***/

/*** headings, text ***/

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
position:relative;
font-family:'rogan';
font-weight:400;
line-height:1.25;
margin:40px 0 20px;
}

h1 {font-size:48px;margin:80px 0 40px;}
h2 {font-size:36px;}
h3 {font-size:32px;}
h4 {font-size:28px;}
h5 {font-size:24px;}

h1 i,
h2 i,
h3 i,
h4 i,
h5 i {
display:inline-block;
font-family:'rogan';
font-weight:400;
font-size:calc(100% + 10px);
line-height:calc(100% - 10px);
font-style:italic;
}

p {margin:16px 0;}

p.important {
font:400 20px/1.5 'rogan', Tahoma, Calibri;
margin:40px 0 20px;
}

h1 + p.important:not(.no-before) {padding:0 120px 0 160px;}

h1 + p.important:not(.no-before) + p {padding:8px 0 0 160px;}


h1 + p.important:not(.no-before):before {
content:'';
position:absolute;
top:16px;
left:0px;
display:block;
width:120px;
height:1.5px;
background:var(--basic-black);
z-index:12;
}

.shadow-effect h1 + p.important:before {
background:var(--basic-white);
}

p.uppercase {
font:600 14px/1.5 'rogan', Tahoma, Calibri;
}

.little {
font-size:13px;
line-height:1.5;
}

b, strong {font-weight:600;}

i {font-style:italic;}

.opacity {opacity:.5;}
.uppercase {text-transform:uppercase;}

.color-white {color:var(--basic-white);}
.color-grey {color:var(--basic-grey);}
.color-blue {color:var(--basic-blue);}
.color-black {color:var(--basic-black);}
.color-yellow {color:var(--basic-yellow);}

.w-80 {
width:80%;
}

.count li {
position:relative;
padding-left:16px;
margin-bottom:4px;
}

.count li:last-child {margin-bottom:0;}

.count li:before {
content:'';
position:absolute;
top:13px;
left:0;
display:block;
width:4px;
height:4px;
background:var(--basic-grey);
z-index:12;
}

.color-white .count li:before {
background:var(--basic-white);
opacity:.5;
}

div.icons {display:none!important;}
div.icons + * {margin-top:0!important;}

/*** end.headings, text ***/

/*** links ***/

a {
position:relative;
color:var(--basic-black);
text-decoration:none;
border-bottom:1.5px solid var(--basic-blue);
transition:all .4s ease;
}

a:hover {
color:var(--basic-blue);
border-color:var(--basic-blue);
transition:all .4s ease;
}

.link-button {
display:inline-block;
padding:10px 28px;
background:var(--basic-yellow);
color:var(--basic-blue);
font-size:14px;
text-align:center;
border-radius:8px;
border:0;
}

.link-button__dark {
background:var(--basic-grey-light);
color:var(--basic-black);
}

.link-button:hover {
box-shadow:0px 2px 12px rgba(24,24,24,.2);
-webkit-transform:scale(1.02);
transform:scale(1.02);
}

.link-button.icon-before {
padding-left:56px;
}

.link-button.icon-before:before {
top:14px;
left:28px;
}

.product-buy .link-button {
width:100%;
}

header .link-button {
float:right;
font-weight:600;
margin:0 0 0 64px;
}

.link-big-button {
border:0;
padding:40px 0;
font:400 24px/2 'rogan';
color:var(--basic-blue);
background:var(--basic-yellow);
text-align:center;
}

.link-big-button:hover {
color:var(--basic-white);
background:var(--basic-blue);
}

.link-big-button span {
position:relative;
display:inline-block;
margin:auto;
padding:0 88px 0 0;
}

.link-big-button span:after,
.link-arrow {
display:block;
width:48px;
height:48px;
background:url(../images/icons/arrows/white/icon-arrow-right.svg) no-repeat center var(--basic-blue);
background-size:40%;
border-radius:50%;
z-index:12;
transition:all .4s ease;
}
 
.link-big-button span:after {
content:'';
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}

.link-big-button:hover span:after {
transform:translateY(-50%) rotate(360deg);
-webkit-transform:translateY(-50%) rotate(360deg);
background:url(../images/icons/arrows/blue/icon-arrow-right.svg) no-repeat center var(--basic-white);
background-size:40%;
transition:all .4s ease;
}

a.no-border {
border-bottom:0;
}

.home-page .fullscreen.bg-001 a {
    color:var(--basic-white);
    border:0;
}

.home-page .fullscreen.bg-001 a:hover {
    color:var(--basic-white);
    padding-left: 24px;
    opacity:.64;
}

.home-page .fullscreen.bg-001 a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/icons/arrows/white/icon-arrow-right.svg') no-repeat center transparent;
    background-size: cover;
    opacity: 0;
    z-index: 10;
    transition:all .4s ease;
}

.home-page .fullscreen.bg-001 a:hover:before {
    left: 0;
    opacity: 1;
    transition:all .4s ease;
}

/*** end.links ***/

/*** scrolltop ***/

a#toTop {
position:fixed;
bottom:0;
right:calc(50% - 560px);
display:inline-block;
height:48px;
width:48px;
background:url(../images/icons/arrows/black/icon-arrow-top.svg) no-repeat center var(--basic-grey);
background-size:40%;
border-radius:8px 8px 0 0;
border:0;
opacity:1;
cursor:pointer;
z-index:9999;
}

a#toTop:hover {
opacity:1;
}

/*** scrolltop.end ***/

/*** wrap ***/

.wrap {
position:relative;
display:block;
width:100%;
}

.container {
position:relative;
display:block;
width:1120px;
margin:auto;
}

/*** end.wrap ***/

/*** absolute-center ***/

.absolute-center,
.popup,
.img-before-yellow:before {
position:absolute;
z-index:23;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}

/*** end.absolute-center ***/

/*** logo ***/

.logo {
position:relative;
display:inline-block;
width:162px;
height:48px;
/*padding:0 0 0 64px;*/
margin:0 32px 0 0;
font:600 20px/46px 'rogan';
letter-spacing:8px;
color:var(--basic-blue);
text-transform:uppercase;
background:url(../images/logo/logo-sofpol.png) no-repeat left center transparent;
background-size:contain;
border:0;
}

header .logo,
footer .logo {
float:left;
}

/**
header .logo:before,
footer .logo:before {
content:'экологичная автоматизицая';
position:absolute;
top:50%;
left:calc(100% + 20px);
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
display:block;
font:400 12px/15px 'rogan';
letter-spacing:0;
text-transform:none;
color:var(--basic-grey);
z-index:12;
}

footer .logo {
float:left;
color:var(--basic-white);
}

/*** logo ***/

/*** header ***/

header,
footer {
position:relative;
display:block;
width:100%;
z-index:123;
}

header > .wrap:nth-child(1) {
background:var(--basic-grey-pale);
border-bottom:1.5px solid var(--basic-white);
} 

header > .wrap:nth-child(2) {
padding:20px 0;
background:var(--basic-grey-light);
} 

header > .wrap:nth-child(3) {
background:var(--basic-blue);
}

.header-contact {
position:relative;
float:right;
}

.header-contact .item {
position:relative;
float:left;
text-align:right;
padding-left:60px;
}

.header-contact .item + .item {
margin-left:32px;
}

.header-contact .item.item-wa {
height: 48px;
padding-left:48px;
}

.header-contact .item .item-contact-img {
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
display:block;
width:48px;
height:48px;
background:var(--basic-grey);
border:1.5px solid var(--basic-grey);
border-radius:50%;
overflow:hidden;
z-index:12;
}

.header-contact .item.item-wa .item-contact-img {
border:0;
background: transparent;
}

.header-contact .item .item-contact-img img {
width:40%;
}

.header-contact .item.item-wa  .item-contact-img img {
width:100%;
}

.header-contact .item .item-contact-text p {
margin:0;
}

.header-contact .item .item-contact-text p:nth-child(1) {
font-size:12px;
line-height:20px;
color:var(--basic-grey);
}

.header-contact .item .item-contact-text p:nth-child(2) {
font-size:20px;
line-height:28px;
}

.header-contact .item .item-contact-text a,
.header-contact .item .item-contact-text a:hover {
color:var(--basic-black);
border:0;
}

.header-contact .item:nth-child(2) .item-contact-text p:nth-child(2) a {
pointer-events: none;
}

/*** end.header ***/

/*** nav ***/

.nav,
.nav > li {
position:relative;
display:block;
float:left;
}

.nav a,
header .link-header-button {
border-bottom:0;
}

header .link-header-button {
float:right;
}

	/*** nav-grey***/

header .nav.nav-grey > li,
header .link-header-button {
border-right:1.5px solid var(--basic-white);
}

header .nav.nav-grey > li:nth-child(1),
header .link-header-button {
border-left:1.5px solid var(--basic-white);
}

footer .nav.nav-grey {
float:right;
}

footer .nav.nav-grey li {
margin-left:40px;
}

.nav.nav-grey > li > a,
header .link-header-button {
display:inline-block;
font:600 12px/4 'rogan';
color:var(--basic-dark);
text-transform:uppercase;
}

header .nav.nav-grey > li > a,
header .link-header-button {
display:inline-block;
padding:0 32px;
line-height:3;
}

.nav.nav-grey > li > a:hover,
.nav.nav-grey > li.active > a,
header .link-header-button:hover {
color:var(--basic-blue);
}

header .nav.nav-grey > li > a:hover,
header .nav.nav-grey > li.active > a,
header .link-header-button:hover {
background:var(--basic-grey-light);
}

	/*** nav-blue***/
	
header .nav.nav-blue > li {
width:25%;
border-right:1.5px solid var(--basic-blue-light);
}

header .nav.nav-blue > li:nth-child(1) {
border-left:1.5px solid var(--basic-blue-light);
}

header .nav.nav-blue > li > a {
display:block;
width:100%;
padding:0 12px;
font:400 15px/4 'rogan';
color:var(--basic-white);
text-align:center;
}

header .nav.nav-blue > li:hover > a,
header .nav.nav-blue > li > a:hover,
header .nav.nav-blue > li.active > a {
color:var(--basic-yellow);
background:var(--basic-blue-light);
}

header .nav.nav-blue > li > ul {
position:absolute;
top:calc(100% + 20px);
left:-1.5px;
display:block;
width:calc(100% + 20px);
background:var(--basic-blue);
border:1.5px solid var(--basic-blue-light);
visibility:hidden;
pointer-events:none;
opacity:0;
z-index:-1;
transition:all .4s ease;
}

header .nav.nav-blue > li:hover > ul {
top:100%;
pointer-events:auto;
visibility:visible;
opacity:1;
z-index:45;
transition:all .4s ease;
}

header .nav.nav-blue > li > ul > li,
header .nav.nav-blue > li > ul > li > a {
position:relative;
display:block;
width:100%;
}

header .nav.nav-blue > li > ul > li + li {
border-top:1.5px solid var(--basic-blue-light);
}

header .nav.nav-blue > li > ul > li > a {
padding:12px 20px;
font:400 14px/20px 'rogan';
color:var(--basic-white);
}

header .nav.nav-blue > li > ul > li > a:hover,
header .nav.nav-blue > li.active > ul > li.active > a {
color:var(--basic-yellow);
padding-left:32px;
padding-right:8px;
}

header .nav.nav-blue > li > ul > li > a:before {
content:'';
position:absolute;
top:18px;
left:12px;
display:block;
width:8px;
height:8px;
background:url(../images/icons/menu/icon-arrow-menu.svg) no-repeat center transparent;
background-size:cover;
visibility:hidden;
opacity:0;
z-index:-1;
transition:all .4s ease;
}

header .nav.nav-blue > li > ul > li > a:hover:before,
header .nav.nav-blue > li.active > ul > li.active > a:before {
left:20px;
visibility:visible;
opacity:1;
z-index:12;
transition:all .4s ease;
}

/*** end.nav ***/

/*** content ***/

.content {padding:80px 0;}

.home-page header + .content {
padding:0;
}

.home-page header + .content > .container {
width:100%;
}

.wrap_map {
height:360px;
}

.fullscreen {
height:calc(100% - 185px);
min-height:360px;
max-height:100vh;
/*overflow:hidden;*/
}

.shadow-effect:before,
.shadow-effect-white:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
z-index:12;
transition:all .4s ease;
}

.shadow-effect:before {background:rgba(0,0,0,.55);}
.item-block.shadow-effect:before {background:rgba(0,0,0,.65);}
.bg-flexkon.shadow-effect:before {background:rgba(0,0,0,.15);}
.shadow-effect-white:before {background:rgba(255,255,255,.55);}

.shadow-effect:not(.fullscreen) .container,
.shadow-effect-white:not(.fullscreen) .container {
position:relative;
z-index:23;
}

.shadow-effect .container {color:var(--basic-white);}

.wrap-title {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1.5px solid var(--basic-black);
}

.wrap-title h1,
.wrap-title h2,
.wrap-title h3,
.wrap-title h4,
.wrap-title h5 {
margin-bottom:0;
padding-right:240px;
}

.wrap-title .wrap-title-link,
.wrap-title .wrap-title-link a:after {
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
z-index:39;
}

.wrap-title .wrap-title-link a {
padding-right:32px;
border:0;
}

.wrap-title .wrap-title-link a:hover {
padding-right:40px;
border:0;
}

.wrap-title .wrap-title-link a:after {
content:'';
display:block;
width:20px;
height:20px;
background:url(../images/icons/arrows/black/icon-arrow-right.svg) no-repeat center transparent;
background-size:contain;
transition:all .4s ease;
}

.wrap-title .wrap-title-link a:hover:after {
background:url(../images/icons/arrows/blue/icon-arrow-right.svg) no-repeat center transparent;
background-size:contain;
transition:all .4s ease;
}

.item-grid {
margin:-40px -20px 0;
width:calc(100% + 40px);
}

.item-grid:not(:first-child) {margin-top:0;}

h1 + .item-grid {margin-top:-40px !important;}

h2 + .item-grid,
h3 + .item-grid,
h4 + .item-grid,
h5 + .item-grid {margin-top:-20px !important;}

.item-grid + p {margin-top:40px;}

.item-grid.item-grid-2 .item {width:calc(49.8% - 40px);}
.item-grid.item-grid-3 .item {width:calc(33.05% - 40px);}
.item-grid.item-grid-4 .item {width:calc(24.7% - 40px);}
.item-grid.item-grid-5 .item {width:calc(19.7% - 40px);}

.item-grid.item-grid-3 .item.item-wide {width:calc(66.5% - 40px);}

.item-grid.item-grid-3 .item.item-wide + .item.item-wide:nth-child(2),
.item-grid.item-grid-3 .item.item-wide + .item.item-wide:nth-child(4),
.item-grid.item-grid-3 .item.item-wide + .item.item-wide:nth-child(6) {margin-left:calc(33.05% + 20px);}

.item-grid a.item {
border:0;
}

.item-grid .item,
.carousel-block {
position:relative;
display:inline-block;
vertical-align:top;
margin:40px 20px 0;
}

.item-grid .item.item-icon .img {
position:relative;
display:block;
width:80px;
height:80px;
background:var(--basic-grey-light);
border-radius:50%;
overflow:hidden;
z-index:12;
}

.item-grid .item.item-icon .img img {
width:40px;
}

.item-grid .item.item-icon.item-icon-big .img {
position:absolute;
top:0;
left:0;
background:transparent;
border-radius:0;
}

.item-grid .item.item-icon.item-icon-big .img,
.item-grid .item.item-icon.item-icon-big .img img {
width:200px;
height:200px;
z-index:12;
}

.item-grid .item.item-icon.item-icon-big .img + .wrap {
padding:32px 0 32px 240px;
}

.img-before-yellow:before {
content:'';
display:block;
width:40%;
height:40%;
background:var(--basic-yellow);
border-radius:50%;
z-index:1;
}

.item-grid .item.item-block {
height:360px;
border-radius:8px;
overflow:hidden;
z-index:12;
}

.item-grid .item.item-block > .wrap {
height:100%;
padding:40px;
z-index:88;
}

.item-grid .item.item-block > .wrap.color-white a {
color:var(--basic-white);
border-color:rgba(255,255,255,.5);
}

.item-grid .item.item-block > .wrap.color-white a:hover {
color:var(--basic-yellow);
border-color:var(--basic-yellow);
}

.item-grid .item.item-block > .wrap .tags {
margin:16px 0;
}

.item-grid .item.item-block > .wrap .tags a {
position:relative;
display:inline-block;
padding:4px 16px;
font-size:13px;
line-height:18px;
color:var(--basic-white);
border:1.5px solid var(--basic-white);
border-radius:4px;
margin:4px 8px 4px 0;
}

.item-grid .item.item-block > .wrap .tags a:hover {
color:var(--basic-blue);
background:var(--basic-yellow);
border-color:transparent;
}

.item-grid .item.item-block > .wrap p:last-child {
position:absolute;
bottom:40px;
width:calc(100% - 80px);
margin:0;
padding-top:24px;
border-top:1.5px solid rgba(255,255,255,.5);
}

.item-grid.item-links .item,
.item-grid.item-logo .item,
.carousel-block {
height:160px;
padding:28px;
background-color:var(--basic-grey-light);
border-radius:8px;
border:0;
overflow:hidden;
}

.bg-grey-light .item-grid.item-links .item,
.bg-grey-light .item-grid.item-logo .item,
.bg-grey-light .carousel-block {
background-color:var(--basic-grey-pale);
}

.item-grid.item-links .item:hover {
background-color:var(--basic-grey);
}

.item-grid.item-links.item-buttons .item:hover {
background-color:var(--basic-grey-pale);
}

.item-grid.item-links .item span {
position:relative;
display:inline-block;
padding:0 120px 0 0;
line-height:1.25;
z-index:23;
}

.item-grid.item-links.item-buttons .item p.item-title {
position:relative;
display:inline-block;
max-width:calc(100% - 64px);
line-height:1.25;
margin:0;
z-index:23;
transition:all .4s ease;
}

.item-grid.item-links.item-buttons .item:hover p.item-title {
padding:4px;
color:var(--basic-blue);
transition:all .4s ease;
}

.item-grid.item-links.item-buttons .item p.item-title:before {
content:'';
position:absolute;
top:-28px;
left:-28px;
display:block;
width:calc(100% + 56px);
height:calc(100% + 56px);
background:var(--basic-grey-pale);
border-radius:0 0 8px 0;
z-index:-1;
transition:all .4s ease;
}

.item-grid.item-links.item-buttons .item:hover p.item-title:before {
background:var(--basic-yellow);
transition:all .4s ease;
}

.item-grid.item-links.item-buttons .item .item-buttons-img {
position:absolute;
right:0;
bottom:0;
display:block;
width:80px;
height:80px;
background:var(--basic-grey-pale);
border-radius:8px 0 0 0;
transition:all .4s ease;
overflow:hidden;
}

.item-grid.item-links.item-buttons .item .item-buttons-img img {
max-width:40%;
transition:all .4s ease;
}

.item-grid.item-links.item-buttons .item:hover .item-buttons-img img {
max-width:56%;
transition:all .4s ease;
}

.item-grid.item-links .item > img {
position:absolute;
top:12px;
left:192px;
width:auto;
z-index:10;
transition:all .4s ease;
}

.item-grid.item-links .item > img.img-food-industry {
height:100%;
}

.item-grid.item-links .item > img.img-construction-industry {
height:calc(100% - 24px);
}

.item-grid.item-links .item > img.img-chemicals {
height:calc(100% + 18px);
}

.item-grid.item-links .item > img.img-pharmaceuticals {
height:calc(100% - 24px);
}

.item-grid.item-links .item > img.img-wood {
height:calc(100% - 12px);
}

/*
.item-grid.item-links .item > img.img-agriculture {
top:-16px;
height:100%;
}

.item-grid.item-links .item  >img.img-crane {
top:0;
height:100%;
}
*/

.item-grid.item-links .item:hover > img {
left:180px;
transition:all .4s ease;
}

.item-grid.item-logo .item > img,
.carousel-block > img {
max-width:45%;
max-height:45%;
}

.item-grid .item .item-num {
position:absolute;
top:0;
left:0;
margin:0;
font:400 64px/64px 'rogan', Tahoma, Calibri;
color:var(--basic-yellow);
z-index:1;
}

.item-grid .item .item-num + * {
margin:0;
padding-left:104px;
}

/* ------ carousel ------ */

.carousel,
.carousel-wrapper,
.carousel-items {
position:relative;
display:block;
}

.carousel {margin-top:40px;}

.carousel-wrapper {overflow:hidden;}

.carousel-wrapper {
margin:0;
padding:0;
}

.carousel-items {width:3000px;}

.carousel-items,
.carousel-block {height:160px;}

.carousel-block {margin:0 40px 0 0;}

.carousel-block {
width:343.68px;
height:160px;
}

.carousel-button {
position:absolute;
top:-108px;
display:inline-block;
width:48px;
height:48px;
cursor:pointer;
transition:all .4s ease;
}

.carousel-button:hover {
opacity:.65;
transition:all .4s ease;
}

.carousel-button-left {
right:52px;
background:url(../images/icons/arrows/black/icon-arrow-left.svg) no-repeat center var(--basic-grey);
background-size:40%;
border-radius:8px 0 0 8px;
}

.carousel-button-right {
right:0;
background:url(../images/icons/arrows/black/icon-arrow-right.svg) no-repeat center var(--basic-grey);
background-size:40%;
border-radius:0 8px 8px 0;
}

/* ------ product ------ */

#product .item-product-img {
height:360px;
border:1.5px solid var(--basic-grey-light);
border-radius:8px 8px 0 0;
overflow:hidden;
}

#product .item-product-img:last-child {
border-radius:8px;
}

#product .product-images__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1.5px solid var(--basic-grey-light);
    border-top: 0;
}

#product .product-images__preview:last-child {
    border-radius: 0 0 8px 8px;
}

#product .product-images__preview div {
    position: relative;
    display: block;
    width: 33.333%;
    height: 80px;
    overflow: hidden;
    cursor: pointer;
}

#product .product-images__preview div + div {
    border-left: 1.5px solid var(--basic-grey-light);
}

#product .item-product-img img,
#product-list .item-product-list-img img,
#product .product-images__preview div img {
max-width:80%;
max-height:80%;
border-radius:8px;
}

#product .item .list-description li {
}

#product .item .list-description li + li {
padding-top:10px;
margin-top:10px;
border-top:1.5px dashed var(--basic-grey-light);
}

#product .item .list-description li b,
#product .item .product-buy b {
display:block;
margin-bottom:10px;
}

#product .item .list-description li b + span,
#product .item .product-buy b + span {
font-size:13px;
line-height:20px;
}

#product .item .product-buy {
padding:40px;
border-radius:0 0 8px 8px;
background:var(--basic-grey-light);
}

#product .item .product-buy:first-child {
border-radius:8px;
}

#product .item .product-buy p a {
border:0;
}

#product .item .product-buy p + a,
#product .item * + .link-button {
margin-top:20px;
}

#product .item a.link-button-video {
position:relative;
display:inline-block;
width:100%;
line-height:48px;
text-align:center;
background:var(--basic-grey-light);
border-radius:0;
border:0;
}

#product .item a.link-button-video:first-child {
border-top-left-radius:8px;
border-top-right-radius:8px;
}

#product .item a.link-button-video:last-child {
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}

#product .item a.link-button-video:hover {
color:var(--basic-white);
background:var(--basic-grey);
}

#product .item a.link-button-video + .product-buy {
border-top:1.5px solid var(--basic-white);
}

#product h4 .product-buy__tg {
font-size: 18px;
}

/* ------ product-list ------ */

#product-list .item {
height:380px;
border:1.5px solid var(--basic-grey-light);
border-radius:8px;
overflow:hidden;
}

#product-list a.item:hover {
border-color:var(--basic-blue);
}

#product-list .item-product-list-img {
height:240px;
overflow:hidden;
}

#product-list .item-product-list-title {
height:calc(100% - 240px);
padding:20px;
font-size:18px;
line-height:22px;
border-top:1.5px solid var(--basic-grey-light);
background:var(--basic-grey-pale);
}

#product-list .item-product-list-title p:last-child {
position:absolute;
width:calc(100% - 40px);
bottom:20px;
font-size:13px;
line-height:18px;
color:var(--basic-grey);
}

/*** end.content ***/

/*** ------------ blog-news__block ------------ ***/

* + .blog-news__block {
margin-top:32px;
}

.blog-news__block .item a,
.blog-news__block .item .blog-news-block__img {
overflow:hidden;
border-radius:8px;
border:0;
}

.blog-news__block .item .blog-news-block__img {
position:relative;
display:block;
width:100%;
height:240px;
background:var(--basic-grey-pale);
}

.blog-news__block .item .blog-news-block__img-full {
height:100%;
}

.blog-news__block .item .blog-news-block__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.blog-news__block .item .blog-news-block__tag {
position:relative;
display:inline-block;
padding:8px 16px;
margin-top:24px;
font-weight:600;
font-size:10px;
line-height:12px;
border-radius:8px;
background:var(--basic-grey-light);
z-index:34;
}

.blog-news__block .item .blog-news-block__title {
margin-top:12px;
line-height:24px;
transition:all .4s ease;
z-index:34;
}

.blog-news__block .item .blog-news-block__img-full + .blog-news-block__title {
position:absolute;
margin-top:0;
padding:24px;
bottom:0;
background:rgba(255,255,255,.72);
}

.blog-news__block .item .wrap:hover .blog-news-block__title {
color:var(--basic-blue);
transition:all .4s ease;
}

.blog-news__block .item .wrap:hover .blog-news-block__img-full + .blog-news-block__title {
background:var(--basic-grey-light);
}

img.blog-news__fullimage {
border:1.5px solid var(--basic-grey-light);
padding:8px;
border-radius:8px;
}

img.blog-news-fullimage__left {
float:left;
max-width:320px;
margin:0 24px 24px 0;
}

img.blog-news-fullimage__right {
float:right;
max-width:360px;
margin:0 0 24px 24px;
}

img.blog-news-fullimage__center {
display:block;
max-width:80%;
margin:32px auto;
}

img.blog-news-fullimage__left:last-child,
img.blog-news-fullimage__right:last-child,
img.blog-news-fullimage__center:last-child {
margin-bottom:0;
}

#item-filter {
padding:10px 20px;
border-radius:8px;
background:var(--basic-grey-pale);
}

#item-filter div, 
#item-filter ul, 
#item-filter ul li {
display:inline-block;
margin:0;
vertical-align:top;
}

#item-filter ul {
margin-left:40px;
/*width:calc(100% - 120px);
float:right;*/
}

#item-filter ul li {position:relative;margin:0 20px 0 0;cursor:pointer;transition:all .4s ease;}
#item-filter ul li:hover {color:var(--basic-grey);transition:all .4s ease;}
#item-filter ul li.active {color:#000;transition:all .4s ease;}

#item-filter ul li.active:before {
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
display:inline-block;
width:calc(100% + 16px);
height:calc(100% + 8px);
background:var(--basic-blue-light);
border-radius:8px;
opacity:.4;
z-index:1;
}

#result-item .item.hidden {display:none;}

@media screen and (max-width:620px) {
    
    img.blog-news-fullimage__left,
    img.blog-news-fullimage__right,
    img.blog-news-fullimage__center {
        max-width:100%;
        margin:24px auto;
    }
        
    #item-filter div, 
    #item-filter ul {
        display:block;
    }    
    
    #item-filter ul {
        margin:4px 0 0;
    }
    
}

/*** ------------ end.blog-news__block ------------ ***/

/*** table__wrap ***/

.table__wrap {
max-width:600px;
}

* + .table__wrap {
margin-top:24px;
}

.table__wrap .table-wrap__row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.table__wrap .table-wrap__row + .table-wrap__row {
margin-top:2px;
}

.table__wrap .table-wrap__col {
position:relative;
display:block;
padding:8px 16px;
background:var(--basic-grey-pale);
}

.table__wrap .table-wrap__col + .table-wrap__col {
margin-left:2px;
}

.table__wrap .table-wrap__col:nth-child(1) {
width:calc(42% - 4px);
background:var(--basic-grey-light);
font-weight:600;
}

.table__wrap .table-wrap__col:nth-child(2),
.table__wrap .table-wrap__col:nth-child(3) {
width:29%;
}

.table__wrap .table-wrap__row:nth-child(1) .table-wrap__col:nth-child(2),
.table__wrap .table-wrap__row:nth-child(1) .table-wrap__col:nth-child(3) {
background:var(--basic-grey-light);
font-weight:600;
}

/*** end.table__wrap ***/

/*** breadcrumb ***/

ul.breadcrumb {
padding:12px 0;
margin:auto;
list-style:none;
font:400 12px/18px 'rogan', Tahoma, Calibri;
color:var(--basic-grey);
z-index:69;
}

@media screen and (min-width:620px) {
  
ul.breadcrumb {
position:absolute;
width:1120px;
top:185px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}

}

ul.breadcrumb a {color:var(--basic-grey);border-color:var(--basic-grey-light);}
ul.breadcrumb a:hover {color:var(--basic-black);border-color:var(--basic-black);}
ul.breadcrumb li {float:left;margin:0;}
ul.breadcrumb li:first-child {display:none;}
ul.breadcrumb li span.divider {margin:0 12px;}

/*** end.breadcrumb ***/

/*** background ***/

.bg-white {background:var(--basic-white);}
.bg-black {background:var(--basic-black);color:var(--basic-white);}
.bg-grey-light {background:var(--basic-grey-light);}
.bg-blue {background:var(--basic-blue);color:var(--basic-white);}
.bg-yellow {background:var(--basic-blue);}

.bg-yaskawa {background:url(../images/back/bg-yaskawa.jpg) no-repeat center transparent;background-size:cover;}
.bg-boocax {background:url(../images/back/bg-boocax.jpg) no-repeat center transparent;background-size:cover;}
.bg-cyklop {background:url(../images/back/bg-cyklop.jpg) no-repeat center transparent;background-size:cover;}
.bg-strapack {background:url(../images/back/bg-strapack.jpg) no-repeat center transparent;background-size:cover;}
.bg-qimarox {background:url(../images/back/bg-qimarox.jpg) no-repeat center transparent;background-size:cover;}
.bg-2lift {background:url(../images/back/bg-2lift.jpg) no-repeat center transparent;background-size:cover;}
.bg-flexkon {background:url(../images/back/bg-flexkon.jpg) no-repeat center transparent;background-size:cover;}
.bg-sumteknik {background:url(../images/back/bg-sumteknik.jpg) no-repeat center transparent;background-size:cover;}
.bg-kaierda {background:url(../images/back/bg-kaierda.jpg) no-repeat center transparent;background-size:cover;}
.bg-lachenmeier {background:url(../images/back/bg-lachenmeier.jpg) no-repeat center transparent;background-size:cover;}
.bg-kuko {background:url(../images/back/bg-kuko.jpg) no-repeat center transparent;background-size:cover;}
.bg-ya-va {background:url(../images/back/bg-ya-va.jpg) no-repeat center transparent;background-size:cover;}

.bg-001 {background:url(../images/back/bg-001__new.jpg) no-repeat center transparent;background-size:cover;}
.bg-002 {background:url(../images/back/bg-002.jpg) no-repeat center transparent;background-size:cover;}
.bg-003 {background:url(../images/back/bg-003.jpg) no-repeat center transparent;background-size:cover;}
.bg-004 {background:url(../images/back/bg-004.jpg) no-repeat center transparent;background-size:cover;}
.bg-005 {background:url(../images/back/bg-005.jpg) no-repeat center transparent;background-size:cover;}
.bg-006 {background:url(../images/back/bg-006.jpg) no-repeat center transparent;background-size:cover;}
.bg-007 {background:url(../images/back/bg-007.jpg) no-repeat center transparent;background-size:cover;}
.bg-008 {background:url(../images/back/bg-008.jpg) no-repeat center transparent;background-size:cover;}
.bg-009 {background:url(../images/back/bg-009.jpg) no-repeat center transparent;background-size:cover;}
.bg-010 {background:url(../images/back/bg-010.jpg) no-repeat center transparent;background-size:cover;}

/* ------ bg-catalog ------ */

.bg-transport-systems {background:url(../images/back/bg-catalog/bg-transport-systems.jpg) no-repeat center transparent;background-size:cover;}
.bg-cartoning-equipment {background:url(../images/back/bg-catalog/bg-cartoning-equipment.jpg) no-repeat center transparent;background-size:cover;}
.bg-packing-equipment {background:url(../images/back/bg-catalog/bg-packing-equipment.jpg) no-repeat center transparent;background-size:cover;}
.bg-palletizers {background:url(../images/back/bg-catalog/bg-palletizers.jpg) no-repeat center transparent;background-size:cover;}
.bg-lifting-equipment {background:url(../images/back/bg-catalog/bg-lifting-equipment.jpg) no-repeat center transparent;background-size:cover;}
.bg-light-conveyor {background:url(../images/back/bg-catalog/bg-light-conveyor.jpg) no-repeat center transparent;background-size:cover;}
.bg-pallet-conveyors {background:url(../images/back/bg-catalog/bg-pallet-conveyors.jpg) no-repeat center transparent;background-size:cover;}
.bg-palletizers-classic {background:url(../images/back/bg-catalog/bg-palletizers-classic.jpg) no-repeat center transparent;background-size:cover;}
.bg-palletizers-robotic {background:url(../images/back/bg-catalog/bg-palletizers-robotic.jpg) no-repeat center transparent;background-size:cover;}
.bg-stretch-film {background:url(../images/back/bg-catalog/bg-stretch-film.jpg) no-repeat center transparent;background-size:cover;}
.bg-strapping {background:url(../images/back/bg-catalog/bg-strapping.jpg) no-repeat center transparent;background-size:cover;}
.bg-stretch-hood-technology {background:url(../images/back/bg-catalog/bg-stretch-hood-technology.jpg) no-repeat center transparent;background-size:cover;}
.bg-lifts-for-light-products {background:url(../images/back/bg-catalog/bg-lifts-for-light-products.jpg) no-repeat center transparent;background-size:cover;}

.bg-hand-tool {background:url(../images/back/bg-catalog/bg-hand-tool.png) no-repeat center transparent;background-size:cover;}
.bg-strapping-tables {background:url(../images/back/bg-catalog/bg-strapping-tables.jpg) no-repeat center transparent;background-size:cover;}
.bg-frames {background:url(../images/back/bg-catalog/bg-frames.jpg) no-repeat center transparent;background-size:cover;}

/*** end. background ***/

/*** footer ***/

footer {
z-index:12;
}

footer > .wrap {
padding:40px 0;
}

footer > .wrap:nth-child(1) {
background:var(--basic-grey-pale);
}

footer > .wrap:nth-child(2),
footer > .wrap:nth-child(3) {
background:var(--basic-grey-light);
}

footer > .wrap:nth-child(3) {
border-top:1.5px solid var(--basic-white);
}

footer > .wrap a {
border:0;
}

footer > .wrap:nth-child(2) ul {
margin-top:24px;
}

footer > .wrap:nth-child(2) ul li + li {
margin-top:12px;
}

footer > .wrap:nth-child(2) .item-grid-4 .item:nth-child(1) ul.little > li:first-child a {
pointer-events:none;
}

/*** end.footer ***/

/*** social ***/

.social {
position:relative;
display:block;
z-index:12;
}

header .social {
float:left;
display:none;
}

footer .social {
float:right;
margin-left:64px;
}

.social a.icon-soc {
position:relative;
display:inline-block;
vertical-align:top;
width:48px;
height:48px;
border-radius:50%;
border:1.5px solid var(--basic-black);
opacity:.2;
z-index:1;
}

.social a.icon-soc:hover {
opacity:1;
}

.social a.icon-soc + a.icon-soc {
margin-left:12px;
}

.social a.icon-soc.icon-fb {
background:url(../images/icons/soc/icon-fb.svg) no-repeat center transparent;
background-size:40%;
}

.social a.icon-soc.icon-inst {
background:url(../images/icons/soc/icon-inst.svg) no-repeat center transparent;
background-size:40%;
}

.social a.icon-soc.icon-yout {
background:url(../images/icons/soc/icon-yout.svg) no-repeat center transparent;
background-size:40%;
}

.social a.icon-soc.icon-rutube {
background:url(../images/icons/soc/icon-rutube.svg) no-repeat center transparent;
background-size:72%;
}

/*** end.social ***/

/*** search ***/

.search-button {
position:relative;
display:inline-block;
width:48px;
height:48px;
background:url(../images/icons/icon-before/blue/icon-search.svg) no-repeat center var(--basic-grey);
background-size:32%;
border-radius:50%;
border:0;
z-index:12;
}

header .search-button {
display:none;
float:right;
margin-left:32px;
}

.search-button:hover {
background:url(../images/icons/icon-before/yellow/icon-search.svg) no-repeat center var(--basic-blue);
background-size:32%;
}

/*** end.search ***/

/*** icon-before ***/

.icon-before {
position:relative;
padding-left:24px;
}

.icon-before:before {
position:absolute;
top:0;
left:0;
font:500 13px/28px "icons";
}

a.icon-before:before,
.nav .icon-before:before,
span.icon-before:before {line-height:18px;}

.link-more.icon-before {padding-left:72px;}

.link-more.icon-before:before {
left:40px;
font:500 18px/60px "icons";
}

.icon-adress:before {content:"\e096";}
.icon-phone:before {content:"\e010";}
.icon-mail:before {content:"\e01e";}
.icon-doc:before {content:"\e040";}
.icon-more:before {content:"\e051";}
.icon-love:before {content:"\e08a";}
.icon-clock:before {content:"\e081";}
.icon-video:before {content:"\e008";}
.icon-add:before {content:"\e095";}
.icon-login:before {content:"\e002";}

/*** end.icon-before ***/

/*** form ***/

form {}

.form-wrap {margin:40px 0 0;}

form + p {
font-size:12px;
line-height:20px;
}

p + form,
form + p {margin-top:24px;}

input,
textarea,
select {
position:relative;
display:inline-block;
border-radius:0;
text-decoration:none;
-webkit-appearance:none;
}

input[type="text"],
input[type="submit"], 
textarea {
padding:12px 24px;
font-weight:400;
font-family:'rogan';
min-width:280px;
font-size:15px;
line-height:30px;
border:0;
}

.content input[type="text"] {
width:100%;
margin-bottom:4px;
}

input[type="text"], 
textarea {
color:var(--basic-black);
background:var(--basic-grey-light);
}

textarea {
min-width:100%;
max-width:100%;
padding-top:17px;
padding-bottom:17px;
line-height:20px;
height:94px;
min-height:94px;
max-height:154px;
}

input[type="submit"] {
cursor:pointer;
color:var(--basic-white);
background:var(--basic-blue);
border-radius:8px;
transition:all .4s ease;
}

input[type="submit"]:hover {
color:var(--basic-blue);
background:var(--basic-yellow);
transition:all .4s ease;
}

input[type="file"] {
margin:10px 0 0;
}

::-webkit-input-placeholder {color:var(--basic-black);}
::-moz-placeholder          {color:var(--basic-black);}
:-moz-placeholder           {color:var(--basic-black);}
:-ms-input-placeholder      {color:var(--basic-black);}

/*** end.form ***/

/*** popup ***/

.popup {
width:720px;
padding:40px;
position:fixed;
display:none;
background:var(--basic-white);
z-index:998;
}

.popup.video_popup {
height:405px;
padding:0;
border:1.5px solid var(--basic-white);
}

.popup h4 {
margin-top:0;
padding-right:120px;
}  

#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:var(--basic-black);
opacity:.7;
z-index:666;
}

.popup input[type="text"] {
float:left;
width:calc(49.8% - 1px);
min-width:auto;
margin:0 0 4px 4px;
}

.popup input[type="text"]:nth-child(2n+1) {margin-left:0;}

input[type="submit"] {
float:right;
margin-top:20px;
}

/*** end.popup ***/

/*** menu ***/

.icon-menu {
display:block;
width:40px;
height:1.5px;
background:var(--basic-blue);
transition:all .4s ease;
}

.icon-menu:nth-child(1),
.icon-menu:nth-child(2) {margin:0 0 4.5px;}

.icon-menu:nth-child(3) {width:32px;}

.menubutton {
display:none;
float:left;
cursor:pointer;
padding:17.5px 12px 17px 0;
margin:0;
transition:all .4s ease;
}

.menubutton:hover .icon-menu {
background:var(--basic-yellow);
transition:all .4s ease;
}

.menubutton:hover .icon-menu:nth-child(3) {
width:40px;
}

*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before, .clearfix:after {content:'';display:table;}
.clearfix:after {clear:both;}

button{-webkit-appearance:button;cursor:pointer;}

button:focus {outline:none;}

.popup a.close, .close-button {
position:absolute;
right:0px;
top:0px;	
width:80px;
height:80px;
padding:20px;
font-size:0;
border:none;
background:transparent;
z-index:100; 
transition:all .4s ease; 
}

.popup.video_popup a.close {
right:-80px;
}

.popup a.close::before, 
.popup a.close::after, 
.close-button::before,
.close-button::after {
content:'';
position:absolute;
width:1.5px;
height:30px;
top:25px;
left:50%;
}

.close-button::before,
.close-button::after {top:32%;}

.popup a.close::before, 
.popup a.close::after {background:var(--basic-black);}

.popup.video_popup a.close::before,
.popup.video_popup a.close::after,
.close-button::before,
.close-button::after {background:var(--basic-white);}

.popup a.close::before, .close-button::before {-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .4s ease;}
.popup a.close::after, .close-button::after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .4s ease;}
.popup a.close:hover::before, .close-button:hover::before {-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .4s ease;}
.popup a.close:hover::after, .close-button:hover::after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .4s ease;}

.menu-wrap {	
position:fixed;
display:none;
top:0;
z-index:1001;
width:100%;
height:100%;
min-height:auto;
background:var(--basic-blue);
background:linear-gradient(130deg, rgba(2,45,98,1) 30%, rgba(77,108,145,1) 100%);
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
overflow:hidden;
}

.menu-wrap::-webkit-scrollbar{width:0px;}
.menu-wrap::-webkit-scrollbar-thumb{}
.menu-wrap::-webkit-scrollbar-thumb:hover{}
.menu-wrap::-webkit-scrollbar-track{}
.menu-wrap::-webkit-scrollbar-track:hover{}

.show-menu .menu-wrap {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
}

/*** end.menu ***/