* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('fonts/AvenirNextCyr-Demi.eot');
    src: local('Avenir Next Cyr Demi'), local('AvenirNextCyr-Demi'),
        url('fonts/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCyr-Demi.woff') format('woff'),
        url('fonts/AvenirNextCyr-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('fonts/AvenirNextCyr-Regular.eot');
    src: local('Avenir Next Cyr Regular'), local('AvenirNextCyr-Regular'),
        url('fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCyr-Regular.woff') format('woff'),
        url('fonts/AvenirNextCyr-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('fonts/AvenirNextCyr-Bold.eot');
    src: local('Avenir Next Cyr Bold'), local('AvenirNextCyr-Bold'),
        url('fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCyr-Bold.woff') format('woff'),
        url('fonts/AvenirNextCyr-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('fonts/AvenirNextCyr-Medium.eot');
    src: local('Avenir Next Cyr Medium'), local('AvenirNextCyr-Medium'),
        url('fonts/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCyr-Medium.woff') format('woff'),
        url('fonts/AvenirNextCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
body {width: 100%; color: #101010; background-color: #F6F6F6; font-family: 'Avenir Next Cyr'; font-weight: normal; font-size: 18px;}
.wrap {min-height: 100%;}
#main {padding-bottom: 500px;}
footer {min-height: 500px; margin-top: -500px; position: relative; background-color: #101010;}
.centered {max-width: 1480px; margin: 0 auto; position: relative;}
.centered2 {max-width: 980px; /*padding: 0px 13%;*/ margin: 0 auto; position: relative;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
#top {position: relative; width: 100%; padding: 32px 40px 0px; z-index: 15;}
#top > div {vertical-align: top;}
#top > div:first-child {width: 150px;}
#top > div:nth-child(2) {padding: 0px 72px 0px 0px;}
#top > div:last-child {width: 36px; position: relative;}
#top_logo {color: #101010; font-size: 28px; font-weight: bold; height: 32px; line-height: 28px; text-decoration: none; padding-left: 20px; position: relative; display: block; width: 100%; /*transition: all 0.2s linear;*/}
#top_logo:before {content: '#'; display: block; left: 0px; top: 50%; margin-top: -12px; font-size: 24px; width: 13px; height: 24px; display: block; line-height: 1; position: absolute; font-weight: normal;}
#top_logo span {font-size: 24px; font-weight: normal;}
#ham {width: 36px; height: 23px; position: relative; cursor: pointer; padding-top: 6px; z-index: 2; opacity: 1; transition: all 0.2s linear;}
#ham svg rect {height: 3px; fill: #101010; transition: all 0.2s linear;}
#ham_r1 {width: 36px;}
#ham_r2 {width: 25px; y: 7px; x: 11px;}
#ham_r3 {width: 25px; y: 14px; x: 11px;}
#ham:hover #ham_r2, #ham:hover #ham_r3 {width: 36px; x: 0px; transition: all 0.2s linear;}
#lang {margin-top: 32px; height: 20px; width: 100%; cursor: pointer;}
#lang p {text-align: center; height: 20px; line-height: 1; font-size: 20px; font-weight: 500; color: #101010;}
#mp_block1 {width: 100%; position: relative; margin-top: -108px; z-index: 1; height: auto;}
#mp_block1_body {position: relative; height: auto;}
#mp_block1_body > .centered {position: relative; z-index: 1;}
#mp_block1_body__info {position: relative;}
#mp_block1_body__info > div {vertical-align: middle; position: relative; padding-right: 40%; padding-top: 40px;}
#mp_block1_body__info > div > div {padding: 160px 0px;}
#mp_block1_body__info > div h1 {font-size: 60px; line-height: 1.2; font-weight: 600; padding-right: 10%;}
#menu, #tags_menu {list-style: none;}
#mp_block1_body__info > div #menu {margin-top: 88px;}
#menu li, #tags_menu li {float: left; margin-right: 36px;}
#menu li a, #menu li a:visited {font-size: 24px; font-weight: 600; color: #101010; text-decoration: none; display: inline-block;}
.border {position: relative; transition: all 0.2s linear;}
.border--cian {
background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #92FE9D, #00C9FF);
background-repeat: no-repeat;
background-position: 100%, 100%, 0 93%;
background-size: 100% 8px;
}
.border--pink {
background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #FF017E, #3E92A3);
background-repeat: no-repeat;
background-position: 100%, 100%, 0 93%;
background-size: 100% 8px;
}
.border--cian:hover, .border--pink:hover {transition: all 0.2s linear; background-position: 100%, 100%, 0 93%; background-size: 100% 40%;}
#showreal {position: absolute; width: 32%; height: 100%; top: 0px; right: 116px; overflow: hidden;}
#showreal > .bg {z-index: 1;}
#showreal_body {padding: 120px 0px; position: relative; z-index: 2;}
#showreal_bottom {position: relative; z-index: 2;}
#showreal_bottom a {text-decoration: none; color: #fff; display: block; width: 180px; height: auto;}
#showreal_bottom a > div {width: 112px; height: 112px; position: relative; margin: 0 auto; margin-bottom: 20px;}
#showreal_bottom a > div > div {width: 100%; height: 100%; background: url('../img/showrl1.svg') no-repeat; background-size: 112px 112px; position: relative; z-index: 1;
  -webkit-animation-name: cog;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cog;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
   -ms-animation-name: cog;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: cog;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes cog {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes cog {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cog {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes cog {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}
#showreal_bottom a > div > img {position: absolute; width: 60px; height: 60px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; display: block; z-index: 2;}
#showreal_bottom a p {text-align: center; font-size: 28px; font-weight: 500; line-height: 1;}
#showreal_bottom a p span {font-weight: normal;}
.showreal_body__el {margin-top: 24px;}
.showreal_body__el:first-child {margin-top: 0px;}
.showreal_body__el a {font-size: 34px; text-decoration: none; color: #fff; font-weight: 600; margin-right: 40px;}
.showreal_body__el .border--cian {
background-position: 100%, 100%, 0 93%;
background-size: 100% 8px;
}
.showreal_body__el .border--pink {background-position: 100%, 100%, 0 93%; background-size: 100% 8px;}
.showreal_body__el .border--cian:hover, .showreal_body__el .border--pink:hover {background-position: 100%, 100%, 0 92%; background-size: 100% 40%;}
#mp_block2 {position: relative; width: 100%;}
#mp_block2__left {width: 50%; position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; height: 100%;}
#mp_block2__left > .bg {z-index: 1;}
#mp_block2 > .centered {position: relative; z-index: 2;}
#mp_block2__body {padding-left: 50%;}
#mp_block2__body .txt {padding: 100px 0px 100px 80px;}
.txt h2 {font-size: 48px; font-weight: 600; line-height: 1.2;}
.txt p {line-height: 1.6; margin-top: 28px;}
.txt p:first-child {margin-top: 0px;}
#mp_block2__body .txt h2 {width: 122%; margin-left: -22%; margin-bottom: 56px;}
.txt a, .txt a:visited {text-decoration: none; font-weight: 600; color: #101010; transition: all 0.2s linear;
background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #92FE9D, #00C9FF);
background-repeat: no-repeat;
background-position: 100%, 100%, 0 95%;
background-size: 100% 7px;
}
.txt a:hover {transition: all 0.2s linear; background-position: 100%, 100%, 0 95%; background-size: 100% 40%;}
#mp_block3 {background-color: #101010; padding: 16px 0px 48px;}
#mp_block3__body > div {margin-top: 32px;}
.theses--four > div {width: 25%;}
.theses--three > div {width: calc(100% / 3);}
.theses--two > div {width: 50%;}
.mp_block3__body__el {width: 100%; padding: 0px 40px;}
.mp_block3__body__el p {color: #fff;}
.mp_block3__body__el p:first-child {font-size: 60px; font-weight: bold; line-height: 1;}
.mp_block3__body__el p:last-child {margin-top: 8px; font-size: 20px; line-height: 1.3; font-weight: 600;}
#mp_block4 {padding: 80px 0px; position: relative;}
#mp_block4__top > div {vertical-align: top; position: relative;}
#mp_block4__top > div:first-child {}
#mp_block4__top > div:first-child .txt {width: 700px;}
#mp_block4__top > div:last-child {width: 280px;}
#presentation {display: block; width: 100%; text-decoration: none; color: #101010;}
#presentation > div {width: 100%; position: relative; height: 66px;}
#presentation > div > img {position: absolute; display: block; width: 97px; height: 46px; transition: all 0.2s linear;}
#presentation > div > img:first-child {z-index: 3; top: 0px; left: 0px;}
#presentation > div > img:nth-child(2) {z-index: 2; top: 10px; left: 10px;}
#presentation > div > img:last-child {z-index: 1; top: 20px; left: 20px;}
#presentation > p {font-size: 18px; font-weight: 500; line-height: 1.3; margin-top: 12px;}
#presentation:hover > div > img:first-child {top: -5px; left: -5px; transition: all 0.2s linear;}
/*#presentation:hover > div > img:nth-child(2) {top: 15px; left: 15px; transition: all 0.2s linear;}*/
#presentation:hover > div > img:last-child {top: 25px; left: 25px; transition: all 0.2s linear;}
.services_el {padding: 16px 0px; border-bottom: 1px solid #E7E7E7;}
#mp_block4 .services_el:first-child {border-top: 1px solid #E7E7E7;}
#mp_block4 #services {margin-top: 64px;}
.services_el__top {cursor: pointer;}
.services_el__top > div {vertical-align: middle; position: relative;}
.services_el__top > div:first-child {padding-right: 24px; width: 420px;}
.services_el__top > div:nth-child(2) {padding-right: 32px;}
.services_el__top > div:last-child {width: 32px;}
.txt h3 {font-size: 36px; font-weight: 600; line-height: 1.2; margin-top: 28px;}
.txt h3:first-child {margin-top: 0px;}
.services_el__top > div:last-child p {font-size: 48px; text-align: center; line-height: 1; font-weight: normal;}
.services_el__top > div:nth-child(2) p {color: #C4C4C4; font-weight: 600;}
.services_el__body {padding: 32px 0px 24px; display: none;}
.services_el--open .services_el__body {display: block !important;}
.services_el__body > .tbl > div {vertical-align: top; width: 50%; position: relative;}
.services_el__body > .tbl > div:first-child .txt, .services_el__body > .tbl > div:last-child .txt {padding-left: 80px;}
.services_el__body > .tbl > div:last-child .txt p {margin-top: 8px;}
.services_el__body > .tbl > div:last-child .txt p:first-child {margin-top: 0px;}
#portfolio {background-color: #E9E9E9; padding: 80px 0px;}
#portfolio_body {margin-top: 56px;}
.portfolio_body__el {color: #101010; text-decoration: none;}
.portfolio_body__el > div {width: 50%; position: relative; overflow: hidden;}
.portfolio_body__el--left > div:last-child, .portfolio_body__el--right > div:first-child {padding: 64px 80px;}
.portfolio_body__el__slogan {width: 130%; position: absolute; left: -10%; top: 50%; transform: translateY(-50%); font-size: 115px; font-weight: 600; z-index: 1; color: #101010; opacity: 0.05; line-height: 1.1;}
.portfolio_body__el__info {position: relative; z-index: 2; min-height: 360px; height: auto;}
.portfolio_body__el__info h3 .border--pink {background-position: 100%, 100%, 0 90%; background-size: 100% 8px;}
.portfolio_body__el:hover .portfolio_body__el__info h3 .border--pink {background-position: 100%, 100%, 0 90%; background-size: 100% 40%;}
.portfolio_body__el__info .clearfix {margin-top: 64px;}
.portfolio_body__el__info .clearfix p {float: left; margin-right: 24px; margin-top: 16px; font-size: 14px; line-height: 1.3; font-weight: 600;}
.portfolio_body__el__info .clearfix p .border--cian2 {background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #92FE9D, #00C9FF);
background-repeat: no-repeat;
background-position: 100%, 100%, 0 95%;
background-size: 100% 6px;
}
.portfolio_body__el .bg img {
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.portfolio_body__el:hover .bg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#portfolio_bottom {margin-top: 56px;}
#footer_body {padding: 80px 0px;}
#footer_body > div {width: 50%; position: relative; vertical-align: top;}
#footer_body > div:first-child {padding-right: 80px; color: #fff;}
#footer_body > div:first-child h2 {width: 520px;}
.social {margin-top: 80px;}
.social .clearfix a {display: block; width: 36px; height: 36px; position: relative; margin-top: 12px; float: left; margin-right: 16px;}
.social .clearfix a > svg {width: 100%; height: 100%;}
.c4 {fill: #c4c4c4; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.social .clearfix a:hover .c4 {fill: #fff; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.input {display: block; width: 100%; color: #fff; font-size: 18px; border-bottom: 2px solid #E7E7E7; height: 44px; font-family: 'Avenir Next Cyr'; font-weight: 500; background-color: transparent; margin-bottom: 24px; transition: all 0.2s linear;}
.input--two {width: calc((100% - 40px) / 2); float: left; margin-left: 40px;}
.input--two:nth-child(2n+1) {margin-left: 0px;}
.textarea {display: block; width: 100%; color: #fff; font-size: 18px; border-bottom: 2px solid #E7E7E7; height: 44px; font-family: 'Avenir Next Cyr'; font-weight: 500; background-color: transparent; margin-bottom: 24px; padding: 8px 0px; transition: all 0.2s linear;}
#attach_wrp {margin-top: 32px;}
#attach {cursor: pointer;}
#attach > div {vertical-align: middle; position: relative;}
#attach > div:first-child {width: 24px;}
#attach > div:last-child {padding-left: 16px;}
#attach > div:last-child p {font-weight: 500; color: #fff;}
#attach:hover .c4 {fill: #fff; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
#footer_body__send {margin-top: 48px;}
#footer_body__send > div {vertical-align: middle;}
#footer_body__send > div:first-child {width: 130px;}
#footer_body__send > div:last-child {padding-left: 32px;}
#footer_body__send > div:last-child p {font-size: 14px; font-weight: 600;}
#footer_body__send > div:last-child p a, #footer_body__send > div:last-child p a:visited {color: #fff; text-decoration: none;}
#footer_body__send > div:last-child p .border--pink {background-position: 100%, 100%, 0 95%; background-size: 100% 6px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
#footer_body__send > div:last-child p .border--pink:hover {background-position: 100%, 100%, 0 95%; background-size: 100% 40%; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.btn {height: 48px; display: inline-block; text-align: center; padding: 0px 24px; line-height: 48px; font-family: 'Avenir Next Cyr'; font-weight: 600; cursor: pointer; text-decoration: none; font-size: 16px; position: relative;}
.btn > span {position: relative; z-index: 2;}
.btn--pink {color: #fff; background: #FF017E;
background: -webkit-linear-gradient(left, #FF017E, #3E92A3);
background: -moz-linear-gradient(left, #FF017E, #3E92A3);
background: linear-gradient(to right, #FF017E, #3E92A3);}
.btn--pink:after {content: ''; display: block; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background: #FF017E; position: absolute;
background: -webkit-linear-gradient(right, #FF017E, #3E92A3);
background: -moz-linear-gradient(right, #FF017E, #3E92A3);
background: linear-gradient(to left, #FF017E, #3E92A3); opacity: 0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.btn--pink:hover:after{-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 1;}
.parallax__layer {position: absolute;}
.parallax__layer--first {z-index: 3; width: 410px; height: auto; left: 50%; margin-left: -205px; top: 50%;}
.parallax__layer > img {width: 100%;}
.parallax__layer--second {z-index: 2; width: 320px; height: auto; left: -80px; opacity: 0.8; top: -5%;}
.parallax__layer--third {z-index: 1; width: 230px; height: auto; right: 6%; opacity: 0.4; top: 15%;}
#top #menu {float: right; margin-top: 2px; opacity: 1;}
#top #menu li a {font-size: 18px;}
#top #menu li .border--cian, #top #menu li .border--pink {background-position: 100%, 100%, 0 95%; background-size: 100% 7px; transition: all 0.2s linear;}
#top #menu li .border--cian:hover, #top #menu li .border--pink:hover {transition: all 0.2s linear; background-position: 100%, 100%, 0 95%; background-size: 100% 40%;}
#inner_div1 {width: 100%; position: relative; margin-top: -108px; z-index: 1; height: auto; background-color: #E9E9E9; padding: 220px 0px 0px;}
#inner_div1 .txt {min-height: 160px; padding-bottom: 40px; width: 60%;}
.txt h1 {font-size: 60px; font-weight: 600; line-height: 1.2;}
#brcr {width: 100%;}
#brcr .tbl {height: 100px;}
#brcr .tbl > div {vertical-align: middle;}
#brcr ul {list-style: none;}
#brcr ul li {float: left; margin-right: 8px;}
#brcr ul li a, #brcr ul li a:visited, #brcr ul li span {color: #C4C4C4; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.2s linear;}
#brcr ul li a:hover {transition: all 0.2s linear; color: #A3A3A3;}
#inner_div2 {padding: 80px 0px;}
#inner_div3 > .tbl > div {vertical-align: top; width: 50%; padding: 80px;}
.white {background-color: #fff;}
.black {background-color: #101010; color: #fff;}
.black .txt a, .black .txt a:visited {background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #FF017E, #3E92A3); color: #fff;}
.txt ul {list-style: none; margin-top: 28px;}
.txt ul:first-child {margin-top: 0px;}
.txt ul > li {padding-left: 32px; font-size: 18px; line-height: 1.6; margin-top: 16px; position: relative;}
.txt ul > li:first-child {margin-top: 0px;}
.txt ul > li:before {content: ''; display: block; width: 14px; height: 14px; border: 2px solid #101010; position: absolute; left: 0px; top: 7px;}
.black .txt ul > li:before {border: 2px solid #fff;}
#inner_services {padding: 80px 0px 64px;}
#inner_services .services_el {border-bottom: none;}
#panel {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10; background-color: #101010; display: none; transition: all 0.2s linear; opacity: 0;}
.panel--open #panel {display: block !important;}
.panel--open #top_logo {color: #fff; transition: all 0.2s linear;}
.panel--open #top #menu {opacity: 0; transition: all 0.2s linear;}
.panel--open #lang p {color: #fff;}
#close {width: 46px; height: 33px; position: absolute; cursor: pointer; top: 1px; z-index: 1; left: 50%; margin-left: -23px; padding: 5px 0px; opacity: 0;}
#close svg {width: 20px; height: 20px; display: block; margin: 0 auto;}
.panel--open #ham {opacity: 0; z-index: 1; transition: all 0.2s linear;}
.panel--open #close  {opacity: 1; z-index: 2; transition: all 0.2s linear;}
#panel_bottom {width: 100%; padding: 0px 40px; position: absolute; height: 34px; bottom: 32px; left: 0px; z-index: 2;}
#panel_bottom > p {float: left; line-height: 34px; color: #C4C4C4; font-size: 16px;}
#panel_bottom > a {display: block; width: 34px; height: 34px; float: right; position: relative;}
#panel_bottom > a > img {width: 100%; height: 100%;}
#panel_body {position: relative; z-index: 1; width: 100%; height: 100%; padding: 120px 0px 80px; overflow-y: auto;}
#panel_body > div {vertical-align: middle;}
#panel_body__info {color: #fff;}
#panel_body__info > div {vertical-align: middle; width: 50%;}
#panel_body__info .social {margin-top: 56px; color: #fff;}
#panel_body__info > div:first-child {padding-right: 80px;}
#panel_body__info > div:first-child .txt {margin-bottom: 32px;}
#panel_body__info > div:first-child p {font-size: 22px; margin-top: 8px; font-weight: 500;}
#panel_body__info > div:first-child p a, #panel_body__info > div:first-child p a:visited {color: #fff; text-decoration: none;}
#menu2 {list-style: none;}
#menu2 > li {margin-top: 16px;}
#menu2 > li:first-child {margin-top: 0px;}
#menu2 > li a, #menu2 > li a:visited {font-size: 42px; font-weight: 600; color: #fff; text-decoration: none;}
#menu2 > li a.border--pink {background-position: 100%, 100%, 0 90%; background-size: 100% 8px;}
#menu2 > li a.border--pink:hover {background-position: 100%, 100%, 0 90%; background-size: 100% 40%;}
.inner_div3__single {max-width: 980px; /*padding: 0px 13%;*/ margin: 0 auto; position: relative;}
.inner_div3__single > div {padding: 80px 0px;}
.inner_div3--black {background-color: #101010;}
.inner_div3--white {background-color: #fff;}
.services_el__top--disabled .services_el__top {cursor: default !important;}
#inner_services2 {padding: 0px;}
#inner_services2 > .flex > div {width: calc(100% / 2);}
.inner_services2__el {padding: 80px; text-decoration: none; color: #101010; display: block; width: 100%; height: 100%; position: relative;}
.inner_services2__el .txt {position: relative; z-index: 2;}
.inner_services2__el__bg {position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; transition: all 0.2s linear;}
.inner_services2__el__bg--cian {background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #92FE9D, #00C9FF); background-repeat: no-repeat; background-size: 100% 100%; opacity: 0;}
.inner_services2__el:hover .inner_services2__el__bg {opacity: 1; transition: all 0.2s linear;}
#inner_tags__body {height: auto;}
#inner_tags__body > div {padding: 30px 0px;}
#tags_menu li a, #tags_menu li a:visited {font-size: 24px; font-weight: 600; color: #101010; text-decoration: none; display: inline-block; margin: 6px 0px;/* font-size: 20px;*/}
#btn_bottom {margin-top: 56px; margin-bottom: 80px;}
.show_more {cursor: pointer;}
.centered .txt img {max-width: 100%;}
.centered2 .txt img {width: 1480px; position: relative; margin-left: -250px; margin-top: 16px; margin-bottom: 16px;}
.mansonry {column-count: 3; column-gap: 0;}
.inner_gallery__el {background-color: #eee; display: inline-block; margin: 0 0 0; width: 100%; position: relative;}
.inner_gallery__el > a, .inner_gallery__el img {width: 100%; height: auto;}
#loader {width: 40px; height: 40px; position: relative;}
#loader > svg {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; animation: pulse-me 1.5s linear infinite;}
@keyframes pulse-me {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
#attach_wrp #loader {width: 24px; height: 24px;}
#attach_body {color: #fff;}
#attach_body > div {vertical-align: middle; position: relative;}
#attach_body > div:first-child {padding-right: 24px;}
#attach_body > div:last-child {width: 24px;}
.async_file__del {width: 24px; height: 24px; display: block; cursor: pointer; z-index: 1; font-size: 24px; font-weight: bold; text-align: center; line-height: 1; color: #c4c4c4; transition: all 0.2s linear;}
.async_file__del:hover {color: #fff; transition: all 0.2s linear;}
#mdl {width: 640px; padding: 40px; background-color: #fff; color: #101010; display: none;}
.red--color {border-color: #FF017E; transition: all 0.2s linear;}
#mdl #loader {margin-top: 24px; width: 32px;}
.services_el:last-child {border-bottom: none;}
.scroll_tracking {opacity: 0;}
#preloader {width: 100%; height: 100%; display: none; background-color: #fff; position: fixed; z-index: 30; top: 0px; left: 0px;}
.not_loaded {overflow: hidden; position: fixed;}
.not_loaded #preloader {transition: 0.3s opacity; opacity: 1; display: block;}
#preloader #loader {position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px;}
.loaded_hiding #preloader {transition: 0.3s opacity; opacity: 0;} 
.loaded #preloader {display: none !important;}
/**/
#news_body {}
#news_body__wrp {width: 100%; position: relative;}
#news_body__wrp > div {width: calc(100% / 3); position: relative; overflow: hidden;}
.news_el {display: block; min-height: 320px; height: auto; width: 100%; padding: 80px; position: relative; color: #101010; text-decoration: none;}
.news_el .txt {position: relative; z-index: 3;}
.news_el .bg {z-index: 2; opacity: 0.2;  transition: all 0.2s linear;}
.news_el .bg img {filter: grayscale(1); transition: all 0.2s linear;}
.news_el:hover .inner_services2__el__bg {opacity: 1; transition: all 0.2s linear;}
.news_el__tags {margin-top: 64px; position: relative; z-index: 3;}
.news_el__tags p {float: left; margin-right: 24px; margin-top: 16px; font-size: 14px; line-height: 1.3; font-weight: 600;}
.news_el__tags p .border--cian2 {background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #92FE9D, #00C9FF);
background-repeat: no-repeat;
background-position: 100%, 100%, 0 95%;
background-size: 100% 6px;
}
.news_el:hover .bg {opacity: 0.3; transition: all 0.2s linear;}
.news_el:hover .bg img {filter: grayscale(0.4); transition: all 0.2s linear;}
#share_wrp {padding: 32px; background-color: #E9E9E9;}
#share_wrp > div {vertical-align: middle; position: relative;}
#share_wrp > div:first-child, #share_wrp > div:last-child {width: 160px;}
#share_wrp > div:nth-child(2) {padding: 0px 24px;}
.btn--black {background-color: #101010; color: #fff; transition: all 0.2s linear;}
.btn--cian:after {content: ''; display: block; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background: #00C9FF; position: absolute;
background: -webkit-linear-gradient(right, #00C9FF, #92FE9D);
background: -moz-linear-gradient(right, #00C9FF, #92FE9D););
background: linear-gradient(to left, #00C9FF, #92FE9D);); opacity: 0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.btn--cian:hover:after{-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 1;}
.btn--black:hover {color: #101010; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
#share_wrp .btn--black {width: 100%;}
/**/
#mdl_ifr {width: 100%; position: relative;}
.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}