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

:root {
--basic-white:#fff; /* белый */
--basic-black:#334059; /* черный */

--basic-blue:#0082c2; /* синий */
--basic-darkblue:#0071a9; /* темно-синий */
--basic-lightblue:#e5f2f8; /* светло-синий */

--basic-grey:#909ebb; /* серый */
--basic-darkgrey:#6f7c98; /* темно-серый */
--basic-lightgrey:#eff0f2; /* светло-серый */

--basic-blue-border:#bddeed; /* синий border */
--basic-grey-border:#e4e7f2; /* светло-серый border */
}

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

html, 
input, 
textarea, 
p {
position:relative;
font:400 14px/20px 'gilroy', Tahoma, Calibri;
}

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

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 {
color:var(--basic-white);
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,
.tabs__caption:after,
.clear:after {
content:" ";
display:block;
clear:both;
overflow:hidden;
}

*:first-child,
p.important:first-child,
a.link-button:first-child,
a.link-more:first-child,
a.link-with-arrow:first-child,
.carousel:first-child,
.count:first-child,
.gall:first-child  {
margin-top:0;
}

*:last-child,
p.important:last-child,
a.link-button:last-child,
a.link-more:last-child,
a.link-with-arrow:last-child,
.carousel:last-child,
.count:last-child,
.gall:last-child {
margin-bottom:0;
}

.overflow-hidden {overflow:hidden;}

/*** end.clear ***/

/*** links ***/

a {
position:relative;
color:inherit;
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;
}

.anchor-link {
position:absolute;
margin-top:-100px;
}

	/*** link-more ***/
	
a.link-more {
display:inline-block;
font:500 14px/30px 'gilroy', Tahoma, Calibri;
padding:0 0 10px;
margin-top:20px;
margin-bottom:20px;
border:0;
}

a.link-more:before {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:4.5px;
background:var(--basic-blue);
transition:all .4s ease;
}

a.link-more:hover:before {
bottom:6px;
transition:all .4s ease;
}

ul.count + a.link-more {margin-top:0;}

	/*** link-button ***/
	
a.link-button {
display:inline-block;
font:400 15px/48px 'gilroy', Tahoma, Calibri;
padding:0 28px;
margin-top:20px;
margin-bottom:20px;
color:var(--basic-white);
background:var(--basic-blue);
border-radius:40px;
border:0;
}
	
.shadow-effect a.link-button {
color:var(--basic-black);
background:var(--basic-white);
}

a.link-button:hover {
transform:scale(1.05);
-webkit-transform:scale(1.05);
}

	/*** link-with-arrow ***/
	
a.link-with-arrow {
display:inline-block;
font:400 17px/20px 'gilroy', Tahoma, Calibri;
margin-top:40px;
margin-bottom:40px;
border:0;
}

a.link-with-arrow:after {
content:'';
position:absolute;
top:-10px;
left:calc(100% + 10px);
display:block;
width:40px;
height:40px;
border-radius:50%;
background:url(../images/icons/arrows/icon-next.svg) no-repeat center transparent;
background-size:40%;
z-index:39;
transition:all .4s ease;
}

a.link-with-arrow:hover:after {
left:calc(100% + 30px);
background-color:var(--basic-lightgrey);
transition:all .4s ease;
}

.bg-lightblue a.link-with-arrow:hover:after {background-color:var(--basic-blue-border);}

	/*** link-my-project ***/

.link-my-project {
display:inline-block;
font:400 15px/48px 'gilroy';
padding:0 20px;
color:var(--basic-white);
background:var(--basic-blue);
border:0;
}

.link-my-project:hover {color:var(--basic-white);}

.link-my-project span {
position:relative;
z-index:12;
}

header .link-my-project {
float:right;
margin:6px 48px 6px 20px;
}

.link-my-project:before,
.link-my-project:after {
content:'';
position:absolute;
top:0;
display:block;
height:48px;
}
	
.link-my-project:before {
right:0;
width:0;
background:var(--basic-darkblue);
transition:all .4s ease;
z-index:1;
}
	
.link-my-project:hover:before {
width:100%;
transition:all .4s ease;
}

.link-my-project:after {
left:100%;
width:48px;
background:url(../images/icons/icon-calculator.svg) no-repeat center var(--basic-darkblue);
background-size:40%;
}

/*** end.links ***/

/*** headings, text ***/

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

h1 {font-size:36px;}
h2,
h3,
h4,
h5 {font-size:32px;}

h6 {font-size:24px;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
color:inherit;
border:0;
}

p {margin:10px 0;}

p.p-little {
font-size:12px;
line-height:20px;
}

p.uppercase {
font:600 14px/20px 'gilroy', Tahoma, Calibri;
text-transform:uppercase;
}

p.important {
font:300 18px/24px 'gilroy', Tahoma, Calibri;
margin:20px 0;
}

h1 + p.important.line-before {padding-left:120px;}

h1 + p.important.line-before:before {
content:'';
position:absolute;
top:10px;
left:0;
display:block;
width:80px;
height:1.5px;
background:var(--basic-black);
z-index:1;
}

p.p-date + h1 {margin:0 0 40px;}

b, strong {font-weight:700;}

i {font-style:italic;}

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

.opacity {opacity:.65;}

.none, 
header .link-hidden,
.menu-wrap .link-hidden {display:none !important;}

.count {margin:20px 0;}

.count li {
position:relative;
padding-left:40px;
margin-bottom:10px;
}

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

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

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

/*** wrap ***/

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

.container {
position:relative;
display:block;
width:1120px;
margin:auto;
z-index:23;
}

/*** end.wrap ***/

/*** padding-margin ***/

.padding-top-120 {padding-top:120px;}
.padding-bottom-120 {padding-bottom:120px;}
.padding-right-120 {padding-right:120px;}
.padding-left-120 {padding-left:120px;}

.padding-top-240 {padding-top:240px;}
.padding-bottom-240 {padding-bottom:240px;}
.padding-right-240 {padding-right:240px;}
.padding-left-240 {padding-left:240px;}

.margin-top-0 {margin-top:0px;}
.margin-bottom-0 {margin-bottom:0px;}

.margin-top-40 {margin-top:40px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-right-40 {margin-right:40px;}
.margin-left-40 {margin-left:40px;}

.margin-top-120 {margin-top:120px;}
.margin-bottom-120 {margin-bottom:120px;}
.margin-right-120 {margin-right:120px;}
.margin-left-120 {margin-left:120px;}

.margin-top-240 {margin-top:240px;}
.margin-bottom-240 {margin-bottom:240px;}
.margin-right-240 {margin-right:240px;}
.margin-left-240 {margin-left:240px;}

/*** end.padding-margin ***/

/*** absolute-center ***/

.absolute-center, 
.popup,
.menu-wrap .nav,
.gall li img,
.item-grid .item .item-img li img,
.carousel-block .item-img li img,
.lb-container: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;
color:var(--basic-black);
margin-right:40px;
border:0;
}

header .logo {float:left;}

footer .logo {
display:block;
margin:0 0 40px 0;
}

.logo-topgp {
padding-left:56px;
background:url(../images/logo/logo-topgp-ru.png) no-repeat left transparent;
background-size:contain;
}

.logo-topgp .logo-name,
header .header-8800 a:nth-child(1) {font:500 28px/36px 'gilroy', Tahoma, Calibri;}

.logo-topgp .logo-tag,
header .header-8800 a:nth-child(2) {font:400 12px/24px 'gilroy', Tahoma, Calibri;}

/*** logo ***/

/*** header ***/

header {
position:relative;
width:100%;
background:var(--basic-white);
z-index:345;
}

header > .wrap {border-bottom:1.5px solid var(--basic-grey-border);}

header > .wrap:nth-child(1) {padding:20px 0;}

header .header-8800,
header .header-contact {
position:relative;
display:block;
float:right;
}

header .header-8800,
header .header-contact .item + .item {margin:0 0 0 40px;}

header .header-8800 {text-align:right;}

header .header-8800 a {
display:block;
border:0;
}

header .header-8800 a:nth-child(1) {font-weight:400;} 

header .header-contact .item {
position:relative;
display:block;
float:left;
padding:10px 0 10px 60px;
}

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

header .header-contact .item .img-icon {
position:absolute;
top:10px;
left:0;
display:block;
width:40px;
height:40px;
background:var(--basic-blue);
border-radius:50%;
overflow:hidden;
z-index:12;
}

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

header + div.icons,
.breadcrumb + div.icons {display:none !important;}

/*** end.header ***/

/*** section ***/

section {
position:fixed;
top:-40px;
left:0;
width:100%;
padding:20px 0;
background:var(--basic-lightgrey);
border-bottom:1.5px solid var(--basic-grey-border);
opacity:0;
visibility:hidden;
z-index:-1;
transition:all .6s ease;
}

section.scrolled {
top:0;
opacity:1;
visibility:visible;
z-index:555;
transition:all .6s ease;
}

section .logo {float:left;}

section .logo-topgp .logo-name,
section .header-8800 {
font-size:24px;
line-height:40px;
}

section .header-8800 {float:right;}
section .header-8800 a {border:0;}

section .logo-topgp .logo-tag,
section .header-contact,
section .link-hidden,
section .header-8800 a.show_popup {display:none !important;}

/*** end.section ***/

/*** nav ***/

.nav,
.nav > li {position:relative;}

header .nav,
header .nav > li,
section .nav,
section .nav > li,
footer .nav > li {float:left;}

header .nav > li > a,
section .nav > li > a,
footer .nav > li > a {
display:inline-block;
margin:0 28px 0 0;
border:0;
}

header .nav > li > a,
section .nav > li > a {font:400 15px/60px 'gilroy';}

section .nav > li > a {
line-height:30px;
padding-top:8px;
}

header .nav > li > a:hover,
section .nav > li > a:hover {color:var(--basic-grey);}

header .nav > li.active > a,
header .nav > li > a.active,
section .nav > li.active > a,
section .nav > li > a.active,
footer .nav > li.active > a ,
footer .nav > li > a.active,
.news-page header .nav > li:nth-child(7) > a,
.news-page footer .nav > li:nth-child(7) > a {color:var(--basic-blue);}

header .nav > li > a:before {
content:'';
position:absolute;
bottom:-1.5px;
left:0;
display:block;
width:0;
height:4.5px;
transition:all .4s ease;
}

header .nav > li > a:hover:before {
width:100%;
background:var(--basic-grey);
transition:all .4s ease;
}

header .nav > li.active > a:before,
header .nav > li > a.active:before,
.news-page header .nav > li:nth-child(7) > a:before {
background:var(--basic-blue);
width:100%;
}

header .nav > li > ul {
position:absolute;
top:calc(100% + 40px);
display:block;
width:280px;
padding:10px 0;
background:var(--basic-black);
visibility:hidden;
opacity:0;
transition:all .4s ease;
}

header .nav > li a.solutions-link + ul {width:440px;}

header .nav > li:hover > ul {
top:calc(100% + 1.5px);
visibility:visible;
opacity:1;
transition:all .4s ease;
}

header .nav > li a.projects-link + ul,
section .nav li ul {display:none !important;}

header .nav > li > ul li a {
display:inline-block;
width:100%;
font:400 13px/16px 'gilroy';
padding:10px 20px;
color:var(--basic-white);
border:0;
}

header .nav > li a.solutions-link + ul li {display:inline-block;}

header .nav > li > ul li a:hover,
header .nav > li > ul li.active a,
.news-page header .nav > li:nth-child(7) > ul > li:nth-child(2) a {background:var(--basic-darkgrey);}

	/***footer-nav***/

footer .nav > li > a {font:400 14px/20px 'gilroy';}

footer .nav > li > ul,
.menu-wrap .nav li ul {display:none!important;}

.menu-wrap .nav {
width:100%;
padding-right:80px;
}

.menu-wrap .nav li a {
display:block;
width:100%;
font:500 24px/60px 'gilroy';
color:var(--basic-white);
opacity:.5;
padding-left:5%;
border:0;
}

.menu-wrap .nav li.active a,
.news-page .menu-wrap .nav > li:nth-child(7) a {
opacity:1;
background:var(--basic-darkblue);
}

/*** end.nav ***/

/*** content ***/

.content {
padding-top:40px;
padding-bottom:40px;
}

ul.breadcrumb + .content:not(.start-screen) {padding-top:52px;}

.border-top {border-top:1.5px solid var(--basic-grey-border);}
.border-bottom {border-bottom:1.5px solid var(--basic-grey-border);}

.fullscreen {
height:100%;
min-height:480px;
overflow:hidden;
}

.fullscreen .container {padding-right:320px;}

.shadow-effect:before,
.shadow-effect-white:before,
.shadow-effect-white-gradient:before,
.big-link:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background:var(--basic-black);
opacity:.6;
z-index:23;
transition:all .4s ease;
}

.shadow-effect-white:before {background:var(--basic-white);}
.shadow-effect-white-gradient:before {background:linear-gradient(130deg, rgba(255,255,255,.75) 30%, rgba(255,255,255,.2) 100%);opacity:1;}
.shadow-70:before {background:linear-gradient(90deg,var(--basic-black) 0,var(--basic-black) 70%,rgba(0,79,118,.65) 0,rgba(0,79,118,.65));}

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

.start-screen .container {height:440px;}

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

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

.item-grid.t-center .item {text-align:center;}

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

.item-grid.item-grid-1 .item {width:calc(100% - 40px);}
.item-grid.item-grid-2 .item {width:calc(49.8% - 40px);}
.item-grid.item-grid-3 .item {width:calc(33.1% - 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,
.carousel-block {
position:relative;
display:inline-block;
vertical-align:top;
margin:40px 20px 0;
}

.item-grid.item-border .item,
.item-grid.item-block .item,
.carousel-block {
padding:40px;
border:1.5px solid var(--basic-grey-border);
overflow:hidden;
}

.bg-lightblue .item-grid.item-border .item,
.bg-lightblue .item-grid.item-block .item,
.bg-lightblue .carousel-block {border-color:var(--basic-blue-border);}

.item-grid.item-border a.item:hover {
color:var(--basic-black);
border-color:var(--basic-blue);
}

.item-grid.item-logo .item {
height:120px;
padding:0;
background:var(--basic-white);
}

.bg-dark .item-grid.item-border .item {border-color:var(--basic-grey);}
.bg-dark .item-grid.item-border a.item:hover {border-color:var(--basic-white);}

.item-grid.item-block .item {height:280px;}

.item-grid.item-block a.item:hover,
a.carousel-block:hover {
color:var(--basic-black);
border-color:var(--basic-blue);
}

.item-grid.item-block .item p:first-child,
.carousel-block p:first-child {
font-weight:500;
font-size:17px;
}

.item-grid.item-block .item p:last-child,
.carousel-block p:last-child  {
position:absolute;
bottom:40px;
}

.item-grid .item .img-icon {
position:relative;
display:block;
width:72px;
height:72px;
margin:0 0 28px;
background:var(--basic-blue);
border-radius:50%;
transition:all .4s ease;
}

.item-grid a.item:hover .img-icon {
background:var(--basic-darkblue);
transition:all .4s ease;
}

.item-grid .item .img-icon img {
width:50%;
}

.item-logo .item img {
max-width:60%;
max-height:65%;
}

.item-grid .item .item-img,
.carousel-block .item-img {
position:absolute;
bottom:40px;
}

.item-img-news {
right:40px;
width:120px;
}

.item-grid .item .item-img li,
.carousel-block .item-img li {
position:relative;
float:left;
width:25%;
height:80px;
margin:0 4px 0 0;
padding:5px;
border:1.5px solid var(--basic-grey-border);
/*background:var(--basic-grey-border);*/
overflow:hidden;
}

.item-grid .item .item-img li:before,
.carousel-block .item-img li:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
border:4px solid var(--basic-white);
z-index:34;
}

.item-grid .item .item-img.item-img-news li {
width:100%;
margin:0;
/*border:4.5px solid var(--basic-grey-border);*/
}

.item-grid .item .item-img li img,
.carousel-block .item-img li img {
max-width:120%;
max-height:120%;
}

.item-grid .item .img {
position:absolute;
top:40px;
left:40px;
display:block;
width:80px;
height:80px;
background:var(--basic-white);
border:1.5px solid var(--basic-grey-border);
border-radius:50%;
overflow:hidden;
z-index:12;
}

.item-grid .item .img img {
max-width:90%;
max-height:90%;
border-radius:50%;
}

.item-grid .item .img + .wrap {padding-left:120px;}
.item-grid .item .img + .wrap h5 {font-size:20px;}

.item-grid .item .img.img-scale {
top:0;
left:0;
width:148px;
height:100%;
border:0;
border-radius:0;
}

.item-grid .item .img.img-scale:after {
content:'';
position:absolute;
top:0;
right:0;
width:0;
height:0;
display:block;
border-style:solid;
border-width:0 0 168px 48px;
border-color:transparent transparent #fff transparent;
z-index:33;
}

.item-grid .item .img.img-scale img {
min-width:100%;
min-height:100%;
max-width:160%;
max-height:130%;
border-radius:0;
}

.item-grid .img-bva {
width:100%;
padding:4.5px;
border:1.5px solid var(--basic-grey-border);
}

.item-grid.item-reviews .item {
height:240px;
background:var(--basic-white);
}

.item-grid.item-reviews .item img {
max-width:calc(100% - 8px);
max-height:calc(100% - 8px);
}

.item-grid.item-reviews .item:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
border:6px solid var(--basic-white);
z-index:34;
}

.count-num {
display:block;
width:100%;
height:40px;
text-align:center;
}

.map {
height:360px;
margin-top:40px;
}

.img-wide {
height:320px;
margin:40px auto;
}

.bg-engineering {background:url(../images/back/service/bg-engineering.jpg) no-repeat center var(--basic-lightgrey);background-size:cover;}
.bg-equipment-supply {background:url(../images/back/service/bg-equipment-supply.jpg) no-repeat center var(--basic-lightgrey);background-size:cover;}
.bg-installation {background:url(../images/back/service/bg-installation.jpg) no-repeat center var(--basic-lightgrey);background-size:cover;}
.bg-service-maintenance {background:url(../images/back/service/bg-service-maintenance.jpg) no-repeat center var(--basic-lightgrey);background-size:cover;}

.img-wide p {
position:absolute;
bottom:20px;
right:20px;
font-style:italic;
color:var(--basic-white);
opacity:.25;
}

.hide-show-block {margin-top:40px;}

.hide-show-block > li {
position:relative;
display:block;
width:100%;
margin-bottom:20px;
}

.hide-show-block > li:last-child {margin-bottom:0;}

.hide-show-block > li a.show-link {
position:relative;
display:inline-block;
width:100%;
padding:32px 40px;
font:400 16px/24px 'gilroy', Tahoma, Calibri;
background:var(--basic-lightgrey);
border:1.5px solid var(--basic-grey-border);
}

.hide-show-block > li a.show-link .opacity {
opacity:.4;
margin-left:20px;
}

.hide-show-block li a.show-link:hover {
border-color:var(--basic-black);
}

.hide-show-block li .show-block {
padding:40px;
border:1.5px solid var(--basic-grey-border);
border-top:0;
max-height:360px;
overflow-y:scroll !important;
overflow-x:hidden !important;
}

.hide-show-block li .show-block::-webkit-scrollbar-thumb {background:var(--basic-lightgrey);}

.big-link {
display:block;
height:320px;
border:0;
color:var(--basic-white);
margin-top:40px;
overflow:hidden;
}

.big-link:hover {
color:#fff;
transform:scale(1.02);
-webkit-transform:scale(1.02);
}

.big-link:hover:before {
opacity:.4;
transition:all .4s ease;
}

.big-link .wrap {padding:40px 360px 40px 40px;}
.big-link .wrap h5 {margin-bottom:0;}

.anchor-links {border:1.5px solid var(--basic-grey-border);}

h1 + .anchor-links {margin-top:28px;}

.anchor-links li {
position:relative;
display:block;
width:25%;
float:left;
border-left:1.5px solid var(--basic-border-grey);
}

.anchor-links li a {
display:inline-block;
width:100%;
padding:10px 0;
text-align:center;
border:0;
}

.list-doc {margin:40px auto 0;}

.list-doc li {
position:relative;
display:block;
width:66%;
}

.list-doc li + li {margin-top:10px;}

.list-doc li a {
display:inline-block;
width:100%;
padding:10px 20px 10px 48px;
background:var(--basic-lightgrey);
border:0;
}

.bg-lightblue .list-doc li a {background:var(--basic-white);}

.list-doc li a:hover {
color:var(--basic-white);
background:var(--basic-blue);
}

.list-doc li a:before {
content:"\e040";
position:absolute;
top:0;
left:20px;
font:500 15px/40px 'icons';
}

.icon-absolute {
position:absolute;
top:50%;
left:-20px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
display:block;
width:280px;
height:280px;
z-index:33;
opacity:.15;
}

.big-link .icon-absolute {
width:200px;
height:200px;
}

.icon-absolute img {
max-width:100%;
max-height:100%;
}

.img-wrapper {
position:relative;
display:block;
float:right;
width:32%;
padding:4.5px;
margin:0 0 20px 40px;
border:1.5px solid var(--basic-grey-border);
}

.img-wrapper img {
width:100%;
}

.img-wrapper + h1 {margin-top:0;}

h1 + .block-link {margin-top:40px;}

.block-link + .block-link {
margin-top:40px;
padding-top:40px;
border-top:1.5px solid var(--basic-grey-border);
}

.block-link-img {
position:relative;
display:block;
float:left;
width:280px;
height:240px;
margin-right:40px;
}

.block-link-text {
position:relative;
float:right;
display:block;
width:calc(100% - 320px);
}

/*** end.content ***/

/*** tabs ***/

.tabs__caption {
position:relative;
display:inline-block;
list-style:none;
width:auto;
padding:0;
margin:0 0 40px;
}

.tabs__caption li,
.tabs a.pseudo-li {
position:relative;
display:inline-block;
vertical-align:top;
margin:0 80px 0 0;
padding:0;
font-weight:500;
font-size:36px;
line-height:1.2;
color:var(--basic-black);
cursor:pointer;
border:0;
}

.home-page .tabs__caption li {font-size:32px;}

.tabs__caption li:last-child {margin:0;}

.tabs__caption li:after,
.tabs a.pseudo-li:after {
content:'/';
position:absolute;
top:0;
right:-52px;
color:var(--basic-grey);
}

.tabs__caption li:last-child:after {display:none;}

.tabs__caption li div,
.tabs a.pseudo-li div {
opacity:.25;
transition:all .4s ease;
}

.tabs__caption .active div, 
.tabs__caption li:hover div, 
.tabs__caption li.active:hover div,
.tabs a.pseudo-li:hover div {
opacity:1;
transition:all .4s ease;
}

.tabs__content {display:none;}
.tabs__content.active {display:block;}

/*** end.tabs ***/

/*** breadcrumb ***/

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

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

}

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

/*** end.breadcrumb ***/

/*** 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:280px;}

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

.carousel-block {width:537.68px;}

.item-logo.carousel-items,
.item-logo .carousel-block {height:120px;}

.item-logo .carousel-block {width:246.51px;}

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

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

.carousel-button-left {
right:44px;
background:url(../images/icons/arrows/icon-prev.svg) no-repeat center var(--basic-lightgrey);
background-size:40%;
}

.carousel-button-right {
right:0;
background:url(../images/icons/arrows/icon-next.svg) no-repeat center var(--basic-lightgrey);
background-size:40%;
}

/*** end.carousel ***/

/*** slider ***/

#slider-wrap, 
#slider, 
.slide {
margin:auto;
overflow:hidden;
z-index:10;
}

#slider-wrap {height:440px;}

#slider, 
.slide {height:100%;}

.slide .container {
padding:0 320px 0 40px;
z-index:45;
}

.slide h3 {font-size:44px;}

#prewbutton, 
#nextbutton { 
position:absolute;
display:block;
width:48px;
height:48px;
overflow:hidden;
bottom:40px;
text-indent:-999px;
background-size:40% !important;
border:0;
cursor:pointer; 
z-index:123;
}

#prewbutton {
right:92px;
background:url(../images/icons/arrows/icon-prev-white.svg) center no-repeat rgba(51,64,89,.3); 
}

#nextbutton {
right:40px;
background:url(../images/icons/arrows/icon-next-white.svg) center no-repeat rgba(51,64,89,.3);
}

#prewbutton:hover, 
#nextbutton:hover {background-color:rgba(51,64,89,.7);}

.sli-links {
display:none;
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
z-index:100;
}

.sli-links span {
display:block;
float:left;
width:12px;
height:12px;
margin:4px;
background:var(--basic-white);
font:300 0/0 'Roboto';
cursor:pointer;
}

.sli-links span.active {
background:var(--basic-royal-blue);
}

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

/*** end.slider ***/

/*** background ***/

.bg-lightblue {background:var(--basic-lightblue);}
.bg-lightgrey {background:var(--basic-lightgrey);}
.bg-dark {background:var(--basic-black);color:var(--basic-white);}

.bg-company {background:url(../images/back/bg-company.jpg) no-repeat top center transparent;background-size:cover;}
.bg-about {background:url(../images/back/bg-about.jpg) no-repeat center transparent;background-size:cover;}

.bg-map {height:400px;}

.bg-map img {
position:absolute;
top:-200px;
left:-120px;
width:1080px;
opacity:5;
}

.bg-001 {background:url(../images/back/bg-001.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;}

/*** end. background ***/

/*** footer ***/

footer {
position:relative;
display:block;
width:100%;
z-index:234;
}

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

footer > .wrap:last-child p {
display:inline-block;
margin:0;
}

footer > .wrap:last-child p + p {margin-left:28px;}

footer p a {border:0;}

/*** end.footer ***/

/*** socail links ***/

.social-links {
position:relative;
display:block;
}

footer .social-links {
margin:40px 0 0;
}

.social-links a {
display:inline-block;
width:40px;
height:40px;
margin:0 0 0 8px;
border:1.5px solid var(--basic-blue);
border-radius:50%;
opacity:.35;
}

.social-links a:nth-child(1) {margin:0;}

.social-links a:hover {opacity:1;}

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

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

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

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

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

/*** end.socail links***/

/*** form ***/

form {}

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

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

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

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:15px 20px;
font-weight:400;
font-family:'gilroy';
min-width:280px;
font-size:14px;
line-height:20px;
border:0;
}

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

#contactFF {width:100%;}

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);
transition:all .4s ease;
}

input[type="submit"]:hover {
color:var(--basic-white);
background:var(--basic-black);
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);}

.form-newsletter,
.form-newsletter + p {margin-top:20px;}

footer input[type="text"],
footer input[type="submit"] {
float:left;
min-width:120px;
margin:0;
}

footer input[type="text"] {
width:60%;
background:var(--basic-grey-border);
}

footer input[type="submit"] {
width:40%;
background:var(--basic-grey);
}

/*** end.form ***/

/*** popup ***/

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

.popup.container {width:1200px;}

.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:.5;
z-index:666;
}

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

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

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

.popup .video-youtube {height:405px;}

.scroll-text {
max-height:66vh;
overflow:auto;
padding-right:20px;
margin-top:40px;
}

/*** end.popup ***/

/*** icon-before ***/

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

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

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

p.p-little.icon-before:before {line-height:20px;}
span.icon-before:before {line-height:15px;}
a.link-more.icon-before:before {line-height:40px;}

.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-social:before {content:"\e002";}
.icon-clock:before {content:"\e081";}
.icon-link:before {content:"\e051";}

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

/*** menu ***/

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

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

.menubutton {
display:none;
float:left;
cursor:pointer;
padding:22.5px 20px 22px 0;
margin:0;
transition:all .4s ease;
}

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

*, *: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; 
}

.close-button {
height:100%;
background:var(--basic-blue);
border-left:1.5px solid var(--basic-darkblue);
}

.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:45%;}

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

.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;
left:0;
z-index:1001;
width:100%;
height:100%;
min-height:auto;
background:var(--basic-blue);
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,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);
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 ***/

/*** gall ***/

.gall {
width:calc(100% + 6px);
margin:40px -3px;
}

.gall li {
position:relative;
display:block;
float:left;
width:calc(25% - 6px);
height:160px;
margin:3px;
overflow:hidden;
background:var(--basic-white);
border:4.5px solid var(--basic-lightblue);
transition:all .4s ease; 
}

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

.gall li a {
display:inline-block;
width:100%;
height:100%;
border:0;
cursor:zoom-in;
}

.gall li img {
/*max-height:280px;
min-height:160px;*/
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}

body:after {
display:none;
}

.lightboxOverlay {
position:absolute;
top:0;
left:0;
z-index:9999;
background-color:var(--basic-black);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8;
display:none;
}

.lightbox {
position:fixed;
top:calc(50% - 2.5px) !important;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
left:0;
width:100%;
z-index:10000;
text-align:center;
line-height:0;
font-weight:normal;
}

.lightbox .lb-image {display:block;height:auto;max-width:inherit;}
.lightbox a img {border:none;}

.lb-outerContainer {
position:relative;
background-color:transparent;
*zoom:1;
width:100vw !important;
height:250px;
margin:0 auto;
}

.lb-outerContainer:after {content:"";display:table;clear:both;}

.lb-container {
padding:0;
width:100%;
height:100%;
}

/*.lb-container:before {
content:'ТОП Групп';
display:block;
white-space:nowrap;
text-align:center;
font:500 60px/1 'gilroy';
opacity:.5;
color:var(--basic-white);
animation:showImgBefore 1.2s ease-in-out;
}

@keyframes showImgBefore {
0% {
opacity:0;
}
80% {
opacity:0;
}
100% {
opacity:.5;
}
}*/

.lb-image {
position:absolute;
top:calc(50% + 2px) !important;
left:50% !important;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
width:auto !important;
max-height:100vh !important;
border:4.5px solid var(--basic-black);
}

.lb-loader {
position:absolute;
top:43%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

.lb-cancel {
display:block;
width:32px;
height:32px;
margin:0 auto;
background:url(../images/icons/gall/icon-loading.gif) no-repeat;
background-size:contain;
border-bottom:0;
}

.lb-nav {
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
z-index:10;
}

.lb-container > .nav {left:0;}
.lb-nav a {outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}

.lb-prev, .lb-next {
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
cursor:pointer;
display:block;
width:80px;
height:80px;
border-bottom:0;
border-radius:50%;
}

.lb-nav a.lb-prev {
left:40px;
background:url(../images/icons/gall/icon-prev.svg) center no-repeat rgba(51,64,89,.3);
background-size:35%;
}

.lb-nav a.lb-next {
right:40px;
background:url(../images/icons/gall/icon-next.svg) center no-repeat rgba(51,64,89,.3);
background-size:35%;
}

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {background-color:rgba(51,64,89,.6);}

.lb-dataContainer:after {content:"";display:table;clear:both;}

.lb-data .lb-number {display:none !important;clear:left;padding-bottom:1em;font-size:12px;color:#999;}

.lb-data .lb-details,
.lb-data .lb-caption {display:none;}

.lb-dataContainer {
width:100%;
z-index:22;
}

.lb-data .lb-close {
position:absolute;
top:20px;
right:20px;
display:block;
width:32px;
height:32px;
background:url(../images/icons/gall/icon-close.svg) top right no-repeat;
background-size:cover;
text-align:right;
outline:none;
opacity:0.7;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
-o-transition:opacity 0.2s;
transition:opacity 0.2s;
border-bottom:0;
z-index:44;
}

.lb-data .lb-close:hover {
cursor:pointer;
opacity:1;
border-bottom:0;
}

/*** links__catalog ***/

.links__catalog a {
position:relative;
height:240px;
border:1.5px solid var(--basic-grey-border);
overflow:hidden;
}

.links__catalog a:hover {
border-color:var(--basic-blue);
}

.links__catalog div {
position:absolute;
top:100%;
left:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
display:block;
width:100%;
padding:20px;
z-index:33;
transition:all .4s ease;
}

.links__catalog a:hover div {
color:var(--basic-white);
top:0;
-webkit-transform:translateY(0);
transform:translateY(0);
transition:all .4s ease;
}

.links__catalog a:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:0;
z-index:12;
background:var(--basic-blue);
transition:all .4s ease;
}

.links__catalog a:hover:before {
height:100%;
transition:all .4s ease;
}

.links__catalog a.item__bg:before {
opacity:.8;
}

.links__catalog a.item__bg img {
width:110%;
height:110%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
z-index:10;
opacity:.16;
transition:all .4s ease;
}

.links__catalog a.item__bg:hover img {
width:100%;
height:100%;
opacity:1;
transition:all .8s ease;
}