@import url('https://brendum.ru/files/fonts/noah/noah.css');

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}
input, button { -webkit-appearance: none;}
* {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
strong {font-family: 'bold', sans-serif;}

@media (min-width: 101px) and (max-width: 3500px) {

html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'medium', sans-serif; font-size: 1.1vw; font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
.home #content {width: 100%; margin: 0; padding: 0; min-height: 50vh;} 
#content {width: 70vw; margin: 0; padding: 15vw 10vw 10vw 17vw; min-height: 50vh;} 

.progress-container {position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; height: 0.1vw; background: linear-gradient(45deg, #EECFBA, #C5DDE8);}
.progress-bar {height: 0.1vw; background: linear-gradient(45deg, #ff0000, #0000ff); width: 0%;}

header {position: fixed; width: 100%; height: 4vw; margin: 0; z-index: 10; background: transparent;}
header.small {background: #fff;}

header .logo {position: absolute; width: 20vw; height: auto; margin: 0; top: 5vw; left: 10vw;}
header .logo img {width: 100%;}
header.small .logo {top: 0.5vw; width: 10vw;}

header nav {position: absolute; margin: 7vw 0 0 0; right: 10vw;}
header.small nav {position: absolute; margin: 1.1vw 0 0 25vw;}
header nav ul li {position: relative; float: left; margin: 0 3vw 0 0;}
header nav ul li a, header nav ul li .separator {color: #0000ff; text-decoration: none;}
header nav ul li a:hover {color: #ff0000; text-decoration: none;}
header nav ul.nav.menu .current a {color: #ff0000; margin: 0; }
header nav ul li:last-child {margin: 0 0 0 0vw;}
header nav ul li:last-child a {color: #fff; text-decoration: none; background: linear-gradient(45deg, #FE5400, #FE8600); border-radius: 3vw; padding: 0.75vw 2.5vw; }



h1 {position: relative; padding: 0 0 2vw 0; font-size: 250%; color: #000; font-family: 'h1', sans-serif; line-height: 125%; text-transform: uppercase; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 100%; display: inline-block;}
h2 {position: relative; padding: 0 0 2vw 0; font-size: 250%; color: #000; font-family: 'h1', sans-serif; line-height: 125%;}
h3 {position: relative; padding: 1vw 0; font-size: 175%; color: #453AA2; font-family: 'h1', sans-serif; line-height: 125%;}
h4 {position: relative; padding: 1vw 0; font-size: 150%; color: #00B8C7; font-family: 'h1', sans-serif; line-height: 125%;}


#welcome {position: relative; margin: 0; padding: 0; width: 100%; height: 50vw; z-index: 1;}
#welcome .img {position: absolute; margin: 0; padding: 0; z-index: 1; width: 100%; height: 50vw; line-height: 0;}
#welcome .img img {position: relative; width: 100%;}
#welcome .info {position: relative; margin: 0; padding: 0; z-index: 2;}
#welcome .info .title {position: relative; padding: 20vw 0 0 16vw; font-size: 400%; font-family: 'h1', sans-serif; text-transform: uppercase; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 100%; display: inline-block;}
#welcome .text {position: relative; padding: 2vw 0 0 17vw; line-height: 175%; font-family: 'bold', sans-serif; font-size: 125%;}
#welcome .btn {position: relative; margin: 5vw 0 0 17vw;}
#welcome .btn a {color: #fff; text-decoration: none; background: linear-gradient(45deg, #FE5400, #FE8600); border-radius: 3vw; padding: 0.75vw 2.5vw; }
#welcome .btn a:hover {box-shadow: 0 0.5vw 1vw #90A0B7;}

#circle {position: relative; margin: 0; padding: 0; width: 100%; height: 50vw; z-index: 1;}
#circle .img {position: absolute; margin: 5vw 0 0 17vw; padding: 0; z-index: 1; width: 35vw; height: auto; line-height: 0;}
#circle .img img {position: relative; width: 100%;}
#circle .text {position: relative; z-index: 2; width: 45vw; padding: 13vw 0 0 35vw; line-height: 175%;}
#circle .text span {position: relative; display: inline-block; margin: 0 0 2vw 0; line-height: 125%; font-family: 'h1', sans-serif; font-size: 150%; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.city .img {position: relative; margin: 0; padding: 0; width: 100%; height: auto; line-height: 0;}
.city .img img {position: relative; width: 100%;}


#about .info .img {position: absolute; z-index: 1; width: 35vw; margin: 3vw 0 0 -3vw; line-height: 0;}
#about .info .img img {width: 100%;}
#about .info .text {position: relative; z-index: 2; width: 40vw; padding: 10vw 0 0 30vw; line-height: 175%;}
#about .info .text span {position: relative; display: inline-block; margin: 0 0 2vw 0; line-height: 125%; font-family: 'h1', sans-serif; font-size: 150%; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

#about .list {position: relative; width: 100%; padding: 12.5vw 0 0 0;}
#about .list ul {position: relative; width: 100%; overflow: hidden;}
#about .list ul li {float: left; width: 32.5vw; margin: 0 5vw 0 0;}
#about .list ul li:last-child {margin: 0;}
#about .list ul li .title {font-size: 150%; font-family: 'h1', sans-serif; margin: 0 0 2vw 0;}

#about .review {position: relative; width: 100%; padding: 5vw 0 0 0;}
#about .review ul {position: relative; width: 100%; height: 95vw; margin: 0 0 0 -5vw; padding: 5vw; overflow: hidden; 
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;}
#about .review ul li {float: left; width: 17vw; margin: 0 2vw 2vw 0; border-radius: 1vw; background: #EBF6FA; padding: 2vw; box-shadow: 0 1vw 3vw #90A0B7;}
#about .review ul li:last-child {margin: 0;}
#about .review ul li .sign {font-family: 'h1', sans-serif; margin: 1vw 0 0 0;}
#about .review ul li .img {position: relative; width: 5vw; margin: 0 0 1vw -0.5vw; line-height: 0;}
#about .review ul li .img img {width: 100%; border-radius: 5vw;}


#service ul {width: 75vw; margin: 5vw 0 0 -1vw; overflow: hidden;}
#service ul li {float: left; margin: 0 0.5vw 0.5vw 0; background: linear-gradient(45deg, #ff0000, #0000ff); padding: 0.5vw 1vw; border-radius: 3vw; color: #fff; font-size: 75%;}
#service ul li:nth-child(2), #service ul li:nth-child(5), #service ul li:nth-child(8), #service ul li:nth-child(11) {background: linear-gradient(45deg, #19A7B3, #6E549E);}
#service ul li:nth-child(3), #service ul li:nth-child(6), #service ul li:nth-child(10), #service ul li:nth-child(13) {background: linear-gradient(45deg, #65AD34, #CBE439);}
#service ul li:nth-child(4), #service ul li:nth-child(12), #service ul li:nth-child(15) {background: linear-gradient(45deg, #FE7F00, #FE5400);}
#service h2 {position: relative; padding: 5vw 0 2vw 0; font-size: 250%; font-family: 'h1', sans-serif; text-transform: uppercase; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 100%; display: inline-block;}


#trial .info .img {position: absolute; z-index: 1; width: 35vw; margin: 3vw 0 0 -7vw; line-height: 0;}
#trial .info .img img {width: 100%;}
#trial .info .text {position: relative; z-index: 2; width: 35vw; padding: 7.5vw 0 0 35vw; line-height: 175%;}
#trial .info .text span {position: relative; display: inline-block; margin: 0 0 2vw 0; line-height: 125%; font-family: 'h1', sans-serif; font-size: 150%; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


#career .info .img {position: absolute; z-index: 1; width: 35vw; margin: 3vw 0 0 -5vw; line-height: 0;}
#career .info .img img {width: 100%;}
#career .info .text {position: relative; z-index: 2; width: 35vw; padding: 10vw 0 0 35vw; line-height: 175%;}
#career .info .text span {position: relative; display: inline-block; margin: 0 0 2vw 0; line-height: 125%; font-family: 'h1', sans-serif; font-size: 150%; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}





footer {position: relative; width: 100%; height: 4vw; margin: 0; padding: 0; background: linear-gradient(45deg, #ff0000, #0000ff); color: #fff; font-size: 75%;}
footer .copy {position: relative; float: left; margin: 1.2vw 0 0 15vw;}

.senks {position: relative; line-height: 125%;}
.senks h2 {position: relative; padding: 0 0 2vw 0; font-size: 250%; color: #00B8C7; font-family: 'black', sans-serif; line-height: 125%;}



.items-leading {width: 90vw; margin: -3vw 0 0 -21.5vw; padding: 3vw 5vw 3.65vw 20.5vw;}
[class^='leading-'] {float: left; width: 24vw; height: 24vw; margin: 0 3vw 1.5vw 0; padding: 1vw 2vw;}
[class^='leading-']:hover {box-shadow: 0 3vw 3vw #90A0B7;}
[class^='leading-'] .article-info {margin:0 0 0vw 0;}
[class^='leading-'] h1 {font-size: 125%; color: #2f1807 !important; margin: 0 0 0.75vw 0; font-family: 'bold', sans-serif; line-height: 130%;}
[class^='leading-'] h1 a {color: #2f1807;}
[class^='leading-'] h1 a:hover {color: #ff0000;}
[class^='leading-'] .cat_img .pull-left.item-image {position: relative; width: 26vw; margin: -1vw 0 1vw -1vw; line-height: 0; float: none;}
[class^='leading-'] .cat_img .pull-left.item-image img {position: relative; width: 100%;}
[class^='leading-'] .item-intro {display: none;}

.pull-left.item-image {position: absolute; z-index: 1; margin: -30vw 0 0 -15vw; padding: 0; width: 100vw; line-height: 0;}
.pull-left.item-image img {width: 100%;}







/* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для desctop-версии */}