@font-face {
  font-family: 'Verdana';
  src: url('fonts/Verdana.eot');
  src: local('Verdana'),
    url('fonts/Verdana.eot?#iefix') format('embedded-opentype'),
    url('fonts/Verdana.woff') format('woff'),
    url('fonts/Verdana.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Verdana';
  src: url('fonts/Verdana-Bold.eot');
  src: local('Verdana Bold'), local('Verdana-Bold'),
    url('fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Verdana-Bold.woff') format('woff'),
    url('fonts/Verdana-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
input, button, textarea, select, a, img {outline: none;}
body {width: 100%; color: #ffffff; background-color: #1D1D1D; font-size: 17px; overflow-x: hidden; min-width: 320px; position: relative; font-family: 'Verdana'; font-weight: normal; font-style: normal; -webkit-overflow-scrolling: touch; max-height: 99999px; -webkit-text-size-adjust: none; text-size-adjust: none;} 
.wrap {min-height: 100%;}
#main {padding-bottom: 420px;}
footer {min-height: 420px; margin-top: -420px; position: relative; width: 100%; background-color: #1D1D1D;  color: #fff;}
.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, .bg video {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;';}
.ratio-inner {position: relative; height: 0; border: none;} 
.ratio-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ratio-1-1 {padding-top: 100%;}
.ratio-2-3 {padding-top: 64%;}
.ratio-3-2 {padding-top: 140%;}
.flex2, .flex3 {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.flex2 > div, .flex3 > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex2 > div:first-child, .flex3 > div:last-child {height: auto; align-self: stretch;}
.flex2 > div:last-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end;}
.flex3 > div:first-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.stickySide {position: sticky; top: 20px; min-height: 32px; margin: 0 0 0px;} 
.marginTop-80 {margin-top: 80px;}
.marginTop-88 {margin-top: 88px;}
.marginTop-100 {margin-top: 100px;}
.marginTop-24 {margin-top: 24px;}
.marginTop-16 {margin-top: 16px;}
.marginTop-8 {margin-top: 8px;}
.marginTop-32 {margin-top: 32px;}
.marginTop-40 {margin-top: 40px;}
.marginTop-48 {margin-top: 48px;}
.marginTop-56 {margin-top: 56px;}
.marginTop-64 {margin-top: 64px;}
.marginTop-120 {margin-top: 120px;}
/*transition: all 0.1s linear;*/
.centered {width: 1680px; margin: 0 auto;}
#top {position: relative; z-index: 5; padding-top: 32px;}
#topBody > div {align-items: center; position: relative;}
#topBody > div:nth-child(2) {width: 300px; padding: 0 20px; justify-content: center;}
#topBody > div:nth-child(2) img {display: block; width: auto; height: 32px;}
#topBody > div:first-child, #topBody > div:last-child {width: calc((100% - 300px) / 2);}
#topBody > div > div {width: 100%;}
.langWrp {position: relative; float: left;}
.langWrpBody {cursor: pointer; position: relative; z-index: 2;}
.langWrpBody > div:first-child, .topBodySearchWrpBody > div:first-child {width: 24px;}
.langWrpBody > div:first-child svg, .topBodySearchWrpBody > div:first-child svg {display: block; width: 24px; height: 24px;}
.langWrpBody > div:last-child {padding-left: 6px;}

.langWrpBottom {position: absolute; left: -8px; top: -8px; width: calc(100% + 16px); z-index: 1; background-color: #292929; border-radius: 6px; padding-top: 30px; display: none;}
.langWrpBottom a, .langWrpBottom a:visited {color: #fff; text-decoration: none; display: block; /*padding: 3px 6px;*/ transition: all 0.1s linear; line-height: 1; font-weight: normal; font-size: 17px; margin-top: 0px; line-height: 1; width: 100%; padding: 3px 3px 3px 38px; margin-top: 5px;}
.langWrpBottom a:last-child {margin-bottom: 5px;}
.langWrpBottom a:hover {color: #efea50; transition: all 0.1s linear;}
/*.langWrpBottom p:not(:last-child):first-child a {padding: 4px 4px 2px;}
.langWrpBottom p:not(:first-child):last-child a {padding: 2px 4px 4px;}*/
.langWrp--open .langWrpBottom {display: block;}

.topBodySearchWrp {float: left; margin-left: 88px; position: relative;}
.topBodySearchWrpBody > div {align-items: center;}
.topBodySearchWrpBody > div:last-child {padding-left: 12px;}
.topBodySearchWrpBody > div:last-child input {width: 160px; background-color: transparent; color: #fff; font-family: 'Verdana'; font-weight: normal; font-style: normal; font-size: 17px;}
.topBodySearchWrpBody {position: relative; z-index: 2;}
#topSearchResults {position: absolute; left: -8px; top: -8px; width: calc(220% + 16px); z-index: 1; background-color: #292929; border-radius: 6px; padding-top: 30px; padding-bottom: 20px; display: none;}
.topsearchEl {width: 100%; display: block; margin-top: 16px; padding: 0 20px; font-size: 15px; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; text-decoration: none; color: #fff; transition: all 0.1s linear;}
.topsearchEl:first-child {margin-top: 10px; padding-top: 16px; border-top: 1px solid #808080;}
.topsearchEl:hover {transition: all 0.1s linear; color: #efea50;}
#topSearchResults .txt {padding: 16px 20px 0; margin-top: 10px; border-top: 1px solid #808080;}

.topBodyMenu {list-style: none; float: right;}
.topBodyMenu li {float: left; margin-left: 32px;}
.topBodyMenu li:first-child {margin-left: 0px;}
.topBodyMenu li a, .topBodyMenu li a:visited {transition: all 0.1s linear; color: #fff; text-decoration: none;}
.topBodyMenu li a:hover {transition: all 0.1s linear; color: #efea50;}
.topBodyMenuIcon {width: 24px; height: 24px; margin-left: 48px; float: right; cursor: pointer; position: relative;}
.topBodyMenuIcon svg {display: block; width: 100%; height: 100%;}
.topBodyMenuIcon svg line {stroke: #fff; transition: all 0.1s linear;}
.topBodyMenuIcon:hover svg line {stroke: #efea50; transition: all 0.1s linear;}
#mpBlock1 {position: relative; z-index: 1; margin-top: -64px;}
#mpBlock1 .bg {z-index: 1;}
#mpBlock1Body {max-height: 930px; min-height: 760px; height: 100vh; width: 100%; position: relative; z-index: 4; background: rgba(0,0,0,0.48);}
#mpBlock1Body:after {content: ''; width: 100%; height: 210px; position: absolute; bottom: 0px; left: 0px;background: linear-gradient(to bottom,  rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); z-index: 1;}
#mpBlock1:before {content: ''; display: block; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; position: absolute; opacity: 0.4; background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
/*#mpBlock1:after {content: ''; display: block; width: 1300px; height: 1300px; border-radius: 50%; z-index: 3; background-color: #efea50; opacity: 0.08; position: absolute; top: -650px; left: -650px; filter: blur(400px);}*/
#mpBlock1Body > div {position: relative; z-index: 2;}
#mpBlock1Body > div:first-child {padding-top: 120px; align-items: flex-end;}
#mpBlock1Body > div h1 {font-size: 64px; font-weight: ; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; width: 75%;}
.labels > div {float: left; margin-right: 10px;}
.label {font-size: 17px; padding: 8px 16px; border-radius: 6px; line-height: 1;}
#mpBlock1Body .label {background-color: rgba(255,255,255,0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #CCCCCC;}
#mpBlock1Body > div:last-child {padding: 100px 0 80px;}
#mpBlock1Body > div:last-child .flex {margin-top: 32px; padding-top: 32px; border-top: 1px solid #808080;}
#mpBlock1Body > div:last-child .flex > div {align-items: center; width: calc(50% - 10px);}
#mpBlock1Body > div:last-child .flex > div:first-child {margin-right: 20px;}
#mpBlock1Body > div:last-child .flex > div:first-child p {font-size: 20px; font-weight: normal; line-height: 1.2;}
#mpBlock1Body > div:last-child .flex > div:last-child {justify-content: flex-end;}
.width-65 {width: 65%;}
.txt h2 {font-size: 40px; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; margin-bottom: 48px;}
.txt h2:last-child {margin-bottom: 0px;}
.cards > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative; border-radius: 6px; overflow: hidden;}
.cards > div:nth-child(3n+1) {margin-left: 0px;}
.cards > div:nth-child(-n+3) {margin-top: 0px;}
.cardsEl {width: 100%; height: 100%;}
.cardsEl .ratio_inner {padding-top: 120%;}
.cardsEl .bg {z-index: 1;}
.cardsEl .flex {width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 2; align-items: flex-end; padding: 48px;background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 100%);}
.txt p {margin-top: 20px; line-height: 1.2;}
.txt p:first-child {margin-top: 0px;}
.txt h3, .likeH3 {font-size: 26px; line-height: 1.1 !important; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; margin-top: 40px; margin-bottom: 24px;}
.txt h3:first-child, .likeH3:first-child {margin-top: 0px;}
.txt h3:last-child, .likeH3:last-child {margin-bottom: 0px;}
.cardsEl h3 {border-bottom: 1px solid #808080; padding-bottom: 40px;}
.columns > div {align-items: flex-start;}
.columns-2-32 > div:first-child {width: calc((100% - 40px) / 3); padding-right: 8%; margin-right: 10px;}
.columns-2-32 > div:last-child {width: calc(100% - ((100% - 40px) / 3) - 20px); margin-left: 10px; padding-left: 0;}
.sideSearch {width: 100%;}
.sideSearch > div {align-items: center;}
.sideSearch > div:first-child {flex: 1 1 0; padding-right: 10px;}
.sideSearch > div:first-child input {width: 100%; height: 48px; border: 1px solid #fff; border-radius: 6px; display: block; background-color: transparent; color: #fff; font-family: 'Verdana'; font-weight: normal; font-style: normal; font-size: 17px; padding: 0 20px;}
.sideSearch > div:last-child {width: 48px;}
.sideSearch > div:last-child button {display: block; width: 48px; height: 48px; padding: 14px; border-radius: 6px; cursor: pointer; background-color: #efea50; transition: all 0.1s linear;}
.sideSearch > div:last-child button svg {width: 20px; height: 20px; display: block;}
.sideSearch > div:last-child button svg path {fill: #1D1D1D;}
.sideSearch > div:last-child button:hover {background-color: #F3EF7C; transition: all 0.1s linear;}
.categoryEl {width: 100%; color: #fff; text-decoration: none; background-color: #292929; border-radius: 6px; margin-top: 10px; padding: 10px;}
.categoryEl:first-child {margin-top: 0px;}
.categoryEl > div {align-items: flex-start;}
.categoryEl > div:first-child {width: 20%;}
.categoryEl > div:first-child > div {width: 100%; padding: 10px; border-radius: 3px; background-color: #525252; overflow: hidden; }
.categoryEl > div:first-child .ratio {width: 100%; position: relative;}
.categoryEl > div:last-child {width: 80%; padding-left: 32px;}
.categoryEl > div:last-child > .flex > div {align-items: flex-start;}
.categoryEl > div:last-child > .flex > div:first-child {flex: 1 1 0; padding: 22px 20px 22px 0;}
.categoryEl > div:last-child > .flex > div:last-child {width: 40px;}
.mark {width: 40px; height: 40px; align-items: center; justify-content: center;}
.categoryEl .mark {border: 1px solid #808080; border-radius: 3px; transition: all 0.1s linear;}
.mark svg {display: block; width: 20px; height: auto;}
.categoryEl .mark svg path {fill: #808080; transition: all 0.1s linear;}
.categoryEl .txt h3 {width: 70%;}
.categoryEl .txt p {width: 90%;}
.categoryEl > div:first-child .ratio img {transition: all 0.1s linear;}
.categoryEl:hover > div:first-child .ratio img {transform: scale(1.1,1.1); transition: all 0.1s linear;}
.categoryEl:hover .mark {border-color: #efea50; background-color: #efea50; transition: all 0.1s linear;}
.categoryEl:hover .mark svg path {fill: #1D1D1D; transition: all 0.1s linear;}
.bg-F5F5F5 {background-color: #f5f5f5; color: #1D1D1D;}
.bg-EBEBEB {background-color: #EBEBEB; color: #1D1D1D;}
.paddingBottom-120 {padding-bottom: 120px;}
.padding-120 {padding: 120px 0;}
.paddingTop-120 {padding-top: 120px;}
.columns-2-50 > div {width: calc(50% - 10px);}
.columns-2-50 > div:first-child {padding-right: 8%;}
.columns-2-50 > div:last-child {margin-left: 20px;}
.columns-2-50 > div:first-child .txt p {padding-right: 20%;}
.bg-F5F5F5 .txt h2, .bg-EBEBEB .txt h2 {color: #003366;}
.txt h4 {font-size: 20px; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; margin-top: 40px; margin-bottom: 40px;}
.txt h4:first-child {margin-top: 0px;}
.txt h4:last-child {margin-bottom: 0px;}
.button {float: left; height: 48px; padding: 0 20px; border: 1px solid #003366; border-radius: 6px; margin-right: 10px; text-decoration: none; font-size: 17px; font-family: 'Verdana'; font-weight: normal; font-style: normal; color: #003366; transition: all 0.1s linear; /*text-shadow: 0.2px 0 0 #003366, 0 0.2px 0 #003366, -0.2px 0 0 #003366, 0 -0.2px 0 #003366;*/ line-height: 1; background-color: transparent; cursor: pointer;}
.button > div {height: 100%; align-items: center;}
.button:last-child {margin-right: 0px;}
.button--primary {background-color: #003366; border-color: #003366; color: #fff; /*text-shadow: 0.2px 0 0 #fff, 0 0.2px 0 #fff, -0.2px 0 0 #fff, 0 -0.2px 0 #fff;*/}
.button svg {display: block; width: 24px; height: auto;}
.button svg .fill {fill: #003366; transition: all 0.1s linear;}
.button > div:nth-child(2) {margin-left: 10px;}
.button:hover {background-color: #449AE0; border-color: #449AE0; color: #fff; /*text-shadow: 0.2px 0 0 #fff, 0 0.2px 0 #fff, -0.2px 0 0 #fff, 0 -0.2px 0 #fff;*/}
.button:hover svg .fill {fill: #fff; transition: all 0.1s linear;}
.smallBlock {position: relative; border-radius: 6px; overflow: hidden; width: 100%; background-color: #292929;}
.smallBlock .bg {z-index: 1;}
.smallBlockBody {position: relative; z-index: 3; color: #fff; padding: 56px; }
.smallBlock--image {background-color: transparent;}
.smallBlock--image:before {content: ''; width: 100%; height: 100%; z-index: 2; top: 0px; left: 0px; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);}
.smallBlock--image .smallBlockBody {background-color: rgba(0,0,0,0.24);}
.smallBlockBody .txt {width: 70%;}
.thesis > div {width: calc((100% - 20px ) / 2); margin-left: 20px; margin-top: 40px; position: relative; padding-top: 16px; border-top: 1px solid #808080;}
.thesis > div:nth-child(2n+1) {margin-left: 0px;}
.thesis > div:nth-child(-n+2) {margin-top: 0px;}
.thesisEl {width: 100%; height: 100%;}
.thesisEl p:first-child {padding-right: 20px;}
.thesisEl p:nth-child(2) {font-size: 32px; margin-top: 8px;}
.smallBlockBody .thesis {margin-top: 120px;}
#wheretobuy {width: 1380px; margin: 0 auto; position: relative;}
.txtCenter {text-align: center;}
#wheretobuyBody {position: relative; z-index: 2;}
#wheretobuyBody .txt h2 {width: 80%; margin-left: 10%;}
#wheretobuyBody .txt p {width: 580px; margin: 0 auto; display: block;}
#wheretobuyBody .btnWrp, #wheretobuyBody .buttonWrp {justify-content: center;}
#wheretobuy > img {position: absolute; left: 0px; top: -40px; display: block; width: 100%; height: auto;}
.wheretobuy-ru {min-height: 560px;}
.slickWrp {overflow: hidden;}
.slickWrpBody {width: calc(100% + 10px); margin-left: -10px; position: relative;}
.slickWrpBody .slick-slide {margin-left: 10px;}
.partnersSlider .ratio-inner {padding-top: 40%;}
.partnersSlider .ratio {border-radius: 6px; background-color: #fff; overflow: hidden; padding: 20px; width: 100%; position: relative;}
.blockTop > div {align-items: center;}
.blockTop > div:first-child {flex: 1 1 0; padding-right: 48px;}
.button--icon2 svg {width: 20px;}
.blog > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
.blog > div:nth-child(4n+1) {margin-left: 0px;}
.blog > div:nth-child(-n+4) {margin-top: 0px;}
.block:last-child {padding-bottom: 120px;}
.blogEl {width: 100%; height: 100%; padding: 10px; background-color: #fff; border-radius: 3px; color: #1D1D1D; text-decoration: none; position: relative; overflow: hidden;} 
.blogEl .mark {border: 1px solid #449AE0; border-radius: 3px; transition: all 0.1s linear; float: right;}
.blogEl .mark svg path {fill: #449AE0; transition: all 0.1s linear;}
.blogEl:hover .mark {background-color: #449AE0; transition: all 0.1s linear;}
.blogEl:hover .mark svg path {fill: #ffffff; transition: all 0.1s linear;}
.blogEl .flex3 {width: 100%; height: calc(100% - 40px);}
.blogEl .txt h3 {font-size: 22px; color: #003366; transition: all 0.1s linear; margin-top: 16px; margin-bottom: 40px;}
/*.blogEl:hover .txt h3 {color: #449AE0; transition: all 0.1s linear;}*/
.blogElDate {color: rgba(29,29,29,0.5); font-size: 15px; line-height: 1; margin-bottom: 16px;}
.blogEl .flex3 > div:first-child {padding: 0 22px 80px;}
.blogEl .txt p {font-size: 15px; padding-top: 16px; border-top: 1px solid rgba(29,29,29,0.5);}
.blogEl .label {background-color: rgba(29,29,29,0.1); color: rgba(29,29,29,0.5); font-size: 15px; padding: 8px 16px; border-radius: 3px;}
.blogEl.blogEl--image {color: #ffffff; background-color: #1D1D1D;}
.blogEl.blogEl--image .txt h3 {color: #fff;}
/*.blogEl.blogEl--image:hover .txt h3 {color: #fff; transition: all 0.1s linear;}*/
.blogEl.blogEl--image .blogElDate {color: #ffffff;}
.blogEl.blogEl--image .label {background-color: rgba(255,255,255,0.1); color: #ffffff;}

.blogEl.blogEl--image .mark {border: 1px solid #a3a3a3;}
.blogEl.blogEl--image .mark svg path {fill: #a3a3a3;}
.blogEl.blogEl--image:hover .mark {background-color: #449AE0; border-color: #449AE0; transition: all 0.1s linear;}
.blogEl.blogEl--image:hover .mark svg path {fill: #ffffff; transition: all 0.1s linear;}
.blogEl.blogEl--image .bg {z-index: 1;}
.blogEl.blogEl--image > div:not(.bg) {position: relative; z-index: 4;}
.blogEl.blogEl--image .txt p {border-color: #a3a3a3;}
.blogEl.blogEl--image:before {content: ''; width: 100%; height: 100%; z-index: 2; top: 0px; left: 0px; position: absolute; background: rgba(0,0,0, 0.48);}
.blogEl.blogEl--image:after {content: ''; width: 100%; height: 100%; z-index: 2; top: 0px; left: 0px; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0.32) 0%,rgba(0,0,0,0) 100%);}
#footerTopBody {padding: 80px 0;}
#footerTopBody > div {width: calc(50% - 10px); position: relative;}
#footerTopBody > div:last-child {margin-left: 20px;}
#footerTopBody > div > div {width: 100%;}
#footerTopBody > div:last-child > div {padding-left: calc(50% + 10px);}
.footerTopBodyAddress {width: 100%;}
.footerTopBodyAddress > div {width: calc(50% - 10px); margin-right: 20px; position: relative;}
.footerTopBodyAddress > div:last-child {margin-right: 0px;}
.footerTopBodyAddressEl {width: 100%;}
.footerTopBodyAddressEl > p {font-size: 20px;}
.footerTopBodyAddressEl > div {margin-top: 32px; border-top: 1px solid #808080;}
.footerTopBodyAddressEl > div > div {margin-top: 16px;}
.footerTopBodyAddressEl > div > div > p:first-child {font-size: 15px; line-height: 1; color: #808080;}
.footerTopBodyAddressEl > div > div > p:nth-child(2) {margin-top: 4px;}
#footerTopBody > div:last-child p {margin-top: 12px;}
#footerTopBody > div:last-child p:first-child {margin-top: 0px;}
#footerTopBody > div:last-child p a, #footerTopBody > div:last-child p a:visited {color: #fff; text-decoration: none; transition: all 0.1s linear;}
#footerTopBody > div:last-child p a:hover {color: #efea50; transition: all 0.1s linear;}
#footerBody {position: relative; z-index: 2;}
#footerBodyBody > div {align-items: center; position: relative;}
#footerBodyBody > div:first-child {width: calc((100% - 60px) / 4);}
#footerBodyBody > div:first-child img {display: block; height: 32px; width: auto;}
#footerBodyBody > div:nth-child(2) {width: calc((100% - 60px) / 4); margin-left: 20px;}
#footerBodyBody > div:last-child {flex: 1 1 0; justify-content: flex-end;}
#footerBodyBody > div:last-child .button {padding: 0 0; width: 40px; height: 40px; border-color: #808080; justify-content: center; cursor: pointer;}
#footerBodyBody > div:last-child .button svg {transform: rotate(-90deg); width: 20px; height: auto;}
#footerBodyBody > div:last-child .button svg path {fill: #808080; transition: all 0.1s linear;}
#footerBodyBody > div:last-child .button:hover {background-color: transparent; border-color: #fff; color: #fff; transition: all 0.1s linear;}
#footerBodyBody > div:last-child .button:hover svg path {fill: #fff; transition: all 0.1s linear;}
#footerBottom {position: relative; z-index: 1;}
#footerBottomBody {padding: 20px 0 24px; border-top: 1px solid #808080; margin-top: 20px;}
#footerBottomBody > div:first-child {flex: 1 1 0; padding-right: 20px;}
#footerBottomBody > div:last-child {align-items: flex-end;}
#footerBottomBody > div p {font-size: 15px; color: #808080;}
#footerBottomBody > div p a, #footerBottomBody > div p a:visited {color: #808080; text-decoration: none; transition: all 0.1s linear;}
#footerBottomBody > div:first-child .clearfix {margin-top: 8px;}
#footerBottomBody > div:first-child .clearfix p {float: left; margin-right: 20px;}
#footerBottomBody > div p a:hover {color: #fff; transition: all 0.1s linear;}
#footerBottomBody > div p a span {border-bottom: 1px solid #808080; transition: all 0.1s linear;}
#footerBottomBody > div p a:hover span {border-color: #fff; transition: all 0.1s linear;}
#innerTop {position: relative; z-index: 1; margin-top: -64px;}
#innerTop .bg {z-index: 1;}
#innerTopInfo {position: relative; z-index: 4; padding: 164px 0 80px;}
.innerTopCover #innerTopInfo {background: rgba(0,0,0,0.4);}
.innerTopCover:before {content: ''; display: block; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; position: absolute; opacity: 0.32; background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.innerTopCover #innerTopInfo:after {content: ''; width: 100%; height: 210px; position: absolute; bottom: 0px; left: 0px;background: linear-gradient(to bottom,  rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); z-index: 1;}
#innerTopInfo > div, #innerTopInfo > ul {position: relative; z-index: 2;}
#breadcrumbs {list-style: none; margin-bottom: 16px;}
#breadcrumbs > li {float: left; margin-right: 8px; margin-bottom: 8px; color: #959BAD; line-height: 1; font-size: 14px; color: #fff;}
#breadcrumbs > li a, #breadcrumbs > li a:visited {color: #fff; transition: all 0.1s linear;}
#breadcrumbs > li a:hover {color: #efea50; transition: all 0.1s linear;}
#innerTopInfo h1 {font-size: 48px; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; width: 75%;}
#innerTopInfo .txt {margin-top: 80px; padding-top: 32px; border-top: 1px solid #808080;}
#innerTopInfo .txt p {font-size: 20px; font-weight: normal; line-height: 1.1; width: calc(50% - 10px); display: block;}
.button--primary.button--blue {border-color: #efea50; background-color: #efea50; color: #1d1d1d; color: #1d1d1d; /*text-shadow: 0.2px 0 0 #1d1d1d, 0 0.2px 0 #1d1d1d, -0.2px 0 0 #1d1d1d, 0 -0.2px 0 #1d1d1d;*/}
.button--primary.button--blue:hover {background-color: #F3EF7C; border-color: #F3EF7C; transition: all 0.1s linear;}
.button--secondary.button--white {border-color: #fff; color: #fff; /*text-shadow: 0.2px 0 0 #fff, 0 0.2px 0 #fff, -0.2px 0 0 #fff, 0 -0.2px 0 #fff;*/}
.button--secondary.button--white svg .fill {fill: #fff; transition: all 0.1s linear;}
.button--secondary.button--white:hover {border-color: #efea50; background-color: #efea50; color: #1d1d1d; /*text-shadow: 0.2px 0 0 #1d1d1d, 0 0.2px 0 #1d1d1d, -0.2px 0 0 #1d1d1d, 0 -0.2px 0 #1d1d1d;*/}
.button--secondary.button--white:hover svg .fill {fill: #1d1d1d; transition: all 0.1s linear;}
#history {width: 100%; position: relative;}
#historyTop {width: calc((100% - 40px) / 3); padding-right: 8%; margin-right: 10px; position: absolute; left: 0px; top: 0px; z-index: 2;}
#historyBody > div {width: calc((100% - 40px) / 3); margin-left: 20px; position: relative; padding-bottom: 56px;}
#historyBody > div:first-child {margin-left: 0px;}
.historyBodySideFlex {width: 100%;}
.historyBodySideFlex > div {width: calc((100% - 20px) / 2); margin-left: 20px; font-size: 40px; align-items: flex-end;}
.historyBodySideFlex > div p {line-height: 1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; color: #808080; cursor: pointer;}
.historyBodySideFlex > div:first-child {margin-left: 0px;} 
.hbsfClick {cursor: pointer;}
#historyBody {position: relative; z-index: 1;}
#historyBody > div:nth-child(2) {min-height: 400px; padding-left: 56px;}
#historyBody > div:nth-child(2):before {content: ''; width: 1px; height: calc(100% - 40px); border-left: 1px dashed #fff; position: absolute; left: 0px; top: 40px;}
#historyBody > div:nth-child(2):after {content: ''; width: 24px; height: 24px; position: absolute; left: -12px; top: 8px; background: url('../img/history-pointer.svg?v=1') no-repeat; background-size: 24px 24px;}
#historyBody > div:nth-child(2) > div {width: 100%;}
#historyBodyActive {width: 100%;}
#historyBodyActive > p {font-size: 40px; align-items: flex-end; line-height: 1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
#historyBodyActive > div {margin-top: 56px;}
#historyBodyActive > div p:first-child {font-size: 20px; line-height: 1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; width: 60%;}
#historyBodyActive > div p:nth-child(2) {color: #b3b3b3; line-height: 1.1; margin-top: 16px; padding-right: 40px; font-size: 15px;}
.block {position: relative;}
#historyWrp .centered {position: relative;}
#historyBottom {width: 100%;}
#historyBottom > span {width: 1px; height: 80px; display: block; float: left; background-color: #808080; margin-left: 3.31%; position: relative;}
#historyBottom > span:first-child {margin-left: 0px;}
.hb11:before {content: ''; width: 3px; height: 100%; left: -1px; top: 0px; background-color: #efea50; display: block; position: absolute;}
.historyTopNavEl {width: 40px; height: 40px; float: left; margin-right: 10px; background-color: transparent; border: 1px solid #fff; border-radius: 6px; transition: all 0.1s linear; justify-content: center; align-items: center;}
.historyTopNavEl:not(.htne--disabled) {cursor: pointer;}
.htne--disabled {border-color: #808080;}
.historyTopNavEl:first-child svg {transform: rotate(-180deg);}
.historyTopNavEl svg {width: 20px; height: auto; display: block;}
.historyTopNavEl svg path {fill: #fff; transition: all 0.1s linear;}
.htne--disabled svg path {fill: #808080;}
.historyTopNavEl:not(.htne--disabled):hover {border-color: #efea50; background-color: #efea50; transition: all 0.1s linear;}
.historyTopNavEl:not(.htne--disabled):hover svg path {fill: #1d1d1d; transition: all 0.1s linear;}
.columns-2-50-2 > div {width: calc(50% - 10px); position: relative;}
.columns-2-50-2 > div:first-child {margin-right: 20px;}
.columns-2-50-2 > div > div {width: 100%;}
.columns-2-50-2 > div:last-child > div {padding-left: 34%;}
.thesis2 > div {width: calc((100% - 20px ) / 2); margin-left: 20px; margin-top: 56px; position: relative;}
.thesis2 > div:nth-child(2n+1) {margin-left: 0px;}
.thesis2 > div:nth-child(-n+2) {margin-top: 0px;}
.thesis2El {width: 100%; height: 100%;}
.thesis2El p:first-child {line-height: 1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 20px;}
.thesis2El p:nth-child(2) {padding-top: 16px; border-top: 1px solid rgba(29,29,29,0.5); font-size: 15px; margin-top: 32px;}
.columns-2-50-2 > div:last-child .ratio {width: 100%; border-radius: 6px; overflow: hidden; position: relative;}
.columns-2-50-2 > div:last-child .ratio_inner {padding-top: 130%;}
.columns-2-50-2 > div:first-child .txt {padding-right: 16%;}
.columns-2-50-2 > div:first-child .txt p {padding-right: 20%;}
.columns-2-32 > div:last-child > div {width: 100%; position: relative;}
.docsSliderEl {position: relative; background-color: #fff; border-radius: 6px; text-decoration: none; color: #1D1D1D; display: block; width: 100%;}
.docsSliderEl .flex2 {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; padding: 10px;}
.docsSliderEl .flex2 > div:first-child {justify-content: flex-end;}
.docsSliderEl .flex2 > div:last-child {padding: 22px;}
.docsSliderEl .flex2 > div:last-child p {line-height: 1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 18px;}
.docsSliderEl .mark {border: 1px solid #449AE0; border-radius: 3px; transition: all 0.1s linear;}
.docsSliderEl .mark svg path {fill: #449AE0; transition: all 0.1s linear;}
.docsSliderEl:hover .mark {background-color: #449AE0; transition: all 0.1s linear;}
.docsSliderEl:hover .mark svg path {fill: #ffffff; transition: all 0.1s linear;}

.button2 {width: 40px; height: 40px; float: left; margin-right: 10px; background-color: transparent; border: 1px solid rgba(29,29,29,0.5); border-radius: 6px; transition: all 0.1s linear; justify-content: center; align-items: center; cursor: pointer;}
.button2:first-child svg {transform: rotate(-180deg);}
.button2 svg {width: 20px; height: auto; display: block;}
.button2 svg path {fill: rgba(29,29,29,0.5); transition: all 0.1s linear;}
.button2:hover {border-color: #449AE0; background-color: #449AE0; transition: all 0.1s linear;}
.button2:hover svg path {fill: #fff; transition: all 0.1s linear;}
#salepoints .flex2 > div:last-child {margin-top: 80px;}
.select {width: 100%; display: block; height: 40px; background-color: #fff; color: #1D1D1D; padding: 0 16px; border-radius: 6px; font-family: 'Verdana'; font-weight: normal; font-style: normal; font-size: 17px;}
#salepointsBody {width: 100%; height: 720px; position: relative;}
#salepointsBody > div {width: calc((100% - 20px) / 2); position: relative;}
#salepointsBody > div:first-child {margin-right: 20px; border-radius: 6px; overflow: hidden;}
#mapWrp {background-color: #fff;}
#map {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.9;}
.ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright__content-cell {display: none !important;}
.ymaps-layers-pane, .ymaps-2-1-79-ground-pane {filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1);}
#salepointsBody > div:last-child {height: 100%; overflow-y: auto;}
#salepointsBody > div:last-child > div {width: 100%; height: auto;}
.salepointsBodyEl {margin-top: 10px; width: 100%; background-color: #292929; border: 1px solid #292929; border-radius: 6px; padding: 24px; cursor: pointer; transition: all 0.1s linear;}
.salepointsBodyEl:first-child {margin-top: 0px;}
.salepointsBodyEl > p {font-size: 20px;}
.salepointsBodyEl > div {margin-top: 12px;}
.salepointsBodyEl > div > p {margin-top: 8px; font-size: 15px; line-height: 1.3;}
.salepointsBodyEl--active {border-color: #efea50; transition: all 0.1s linear;}
.accordeon {background-color: #fff; border-radius: 6px; margin-top: 10px; width: 100%;}
.accordeon:first-child {margin-top: 0px;}
.accordeonTop {width: 100%; padding: px;}
.accordeonTop > div {align-items: center; position: relative;}
.columns-2-50 > div:last-child > div {width: 100%;}
.accordeonTop {cursor: pointer; padding: 20px 20px 20px 24px;}
.accordeonTop > div:last-child {width: 32px;}
.accordeonTop > div:first-child {flex: 1 1 0; padding-right: 40px;}
.accordeonTop > div:first-child p {font-size: 20px; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; width: 70%;}
.accordeonTop > div:last-child .mark {width: 32px; height: 32px; border: 1px solid rgba(29,29,29,0.5); border-radius: 6px;}
.accordeonTop > div:last-child .mark svg {width: 18px; height: auto; display: block;}
.accordeonTop > div:last-child .mark path {fill: rgba(29,29,29,0.5);}
.accordeonBody {padding: 10px 24px 24px; width: 85%; display: none;}
.accordeonBody .txt {border-top: 1px solid rgba(29,29,29,0.5); padding-top: 16px;}
.accordeonBody .txt p {font-size: 15px;}
.accordeon--open .accordeonBody {display: block !important;}
.bg-F5F5F5 .sideSearch > div:first-child input {border: 1px solid rgba(29,29,29,0.5); color: #1d1d1d;}
.bg-F5F5F5 .sideSearch > div:last-child button {background-color: #003366;}
.bg-F5F5F5 .sideSearch > div:last-child button:hover {background-color: #449AE0;;}
.bg-F5F5F5 .categoryEl {color: #1D1D1D; background-color: #fff;}
.bg-F5F5F5 .categoryEl > div:first-child > div {background-color: #EBEBEB;}
.bg-F5F5F5 .categoryEl .mark {border: 1px solid rgba(29,29,29,0.5);}
.bg-F5F5F5 .categoryEl .mark svg path {fill: rgba(29,29,29,0.5);}
.bg-F5F5F5 .categoryEl:hover .mark {border-color: #449AE0; background-color: #449AE0;}
.bg-F5F5F5 .categoryEl:hover .mark svg path {fill: #fff;}
.catalogEl {width: 100%; margin-top: 100px;}
.catalogEl:first-child {margin-top: 0px;}
.catalogEl > div {align-items: flex-start; position: relative;}
.catalogEl > div > div {width: 100%;}
.catalogEl > div:first-child {width: 8%; font-size: 22px; color: #808080; line-height: 40px;}
.catalogEl > div:last-child {width: calc((100% - 60px) / 4);}
.catalogEl > div:nth-child(2) {flex: 1 1 0; padding: 0 16% 0 20px;}
.catalogEl > div:nth-child(2) .txt h2 {margin-bottom: 56px;}
.catalogEl > div:nth-child(2) .label {background-color: rgba(255,255,255,0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #CCCCCC; margin-bottom: 10px;}
.catalogElText {margin-top: 14px; padding-top: 24px; border-top: 1px solid #808080;}
.catalogEl > div:last-child > div {width: 100%; padding: 10px; border-radius: 6px; background-color: #292929; overflow: hidden;}
.catalogEl > div:last-child .ratio {width: 100%; position: relative;}
.bg-F5F5F5 .sideSearch > div:last-child button svg path {fill: #fff;}
#innerBlog .blogEl:not(.blogEl--image) {background-color: #292929; color: #1D1D1D;}
#innerBlog .blogEl:not(.blogEl--image) .blogElDate {color: #808080;}
#innerBlog .blogEl:not(.blogEl--image) .txt h3 {color: #fff;}
#innerBlog .blogEl:not(.blogEl--image) .txt p {color: #fff; border-top: 1px solid #a3a3a3;}
#innerBlog .blogEl:not(.blogEl--image) .label {background-color: rgba(255,255,255,0.1); color: #ffffff;}
#innerBlog .blogEl:not(.blogEl--image) .mark {border: 1px solid #a3a3a3;}
#innerBlog .blogEl:not(.blogEl--image) .mark svg path {fill: #a3a3a3;}
#innerBlog .blogEl.blogEl--image:hover .mark, #innerBlog .blogEl:not(.blogEl--image):hover .mark {background-color: #efea50; border-color: #efea50;}
#innerBlog .blogEl.blogEl--image:hover .mark svg path, #innerBlog .blogEl:not(.blogEl--image):hover .mark svg path {fill: #1d1d1d;}
.filter {margin-bottom: 24px; padding-bottom: 40px; border-bottom: 1px solid #808080;}
.filter > div {width: calc(50% - 10px);}
#mpBlock1Body > div:last-child .flex > div:last-child svg {animation: bounce 1s infinite;}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
#mdl {width: 680px; padding: 48px; background-color: #fff; color: #1d1d1d; display: none;}
.red--color {border-color: #FB3640 !important; transition: all 0.1s linear;}
#loader {display: block; width: 48px; height: 48px; position: relative;}
#loader > img {width: 100%; height: 100%;}
.input {display: block; float: left; width: 100%; height: 48px; border: 1px solid rgba(29,29,29,0.5); border-radius: 6px; background-color: transparent; color: #1d1d1d; font-family: 'Verdana'; font-weight: normal; font-style: normal; font-size: 17px; padding: 0 20px; margin-top: 10px;}
.input:first-child {margin-top: 0px;}
.marginTop-20 {margin-top: 20px;}
.textarea {display: block; float: left; width: 100%; height: 100px; border: 1px solid rgba(29,29,29,0.5); border-radius: 6px; background-color: transparent; color: #1d1d1d; font-family: 'Verdana'; font-weight: normal; font-style: normal; font-size: 17px; padding: 14px 20px; margin-top: 10px;}
.textarea:first-child {margin-top: 0px;}
.txt a, .txt a:visited {color: #efea50; transition: all 0.1s linear;}
.txt a:hover {color: #F3EF7C; transition: all 0.1s linear;}
.bg-F5F5F5 .txt a, .bg-F5F5F5 .txt a:visited {color: #003366;}
.bg-F5F5F5 .txt a:hover {color: #449AE0;}
.conf {font-size: 14px;}
#innerSearchTop {width: calc(50% - 10px); padding: 32px; background-color: #292929; border-radius: 6px;}
#innerSearchTop > div {align-items: center;}
#innerSearchTop > div > div {width: 100%;}
#innerSearchTop > div:first-child input {width: 100%; height: 48px; border: 1px solid #fff; border-radius: 6px; display: block; background-color: transparent; color: #fff; font-family: 'Verdana'; font-weight: normal; font-style: normal; font-size: 17px; padding: 0 20px;}
#innerSearchTop > div:first-child {flex: 1 1 0; padding-right: 10px;}
#innerSearchTop > div:last-child button {display: block; width: 48px; height: 48px; padding: 14px; border-radius: 6px; cursor: pointer; background-color: #efea50; transition: all 0.1s linear;}
#innerSearchTop > div:last-child button:hover {background-color: #F3EF7C; transition: all 0.1s linear;}
#innerSearchTop > div:last-child button svg {width: 20px; height: 20px; display: block;}
#innerSearchTop > div:last-child button svg path {fill: #1D1D1D;}
#searchResult {margin-top: 40px;}
.searchResultBodyEl {display: block; color: #fff; text-decoration: none; margin-top: 32px; transition: all 0.1s linear; font-size: 20px; line-height: 1.1; font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.searchResultBodyEl:hover {color: #efea50; transition: all 0.1s linear;}
.searchResultBodyEl:first-child {margin-top: 0px;}

#bblogBottom {display: none;}
#footerSocWrp {display: none;}
.button--white .stroke {stroke: #fff; transition: all 0.1s linear;}
.button--white:hover .stroke {stroke: #1D1D1D; transition: all 0.1s linear;}
#footerSocWrp svg {width: 20px;}
.button--primary2 {border-color: #009BCE; background-color: #009BCE; color: #fff; /*text-shadow: 0.2px 0 0 #fff, 0 0.2px 0 #fff, -0.2px 0 0 #fff, 0 -0.2px 0 #fff;*/}
.button--primary2:hover {border-color: #efea50; background-color: #efea50; color: #1d1d1d; /*text-shadow: 0.2px 0 0 #1d1d1d, 0 0.2px 0 #1d1d1d, -0.2px 0 0 #1d1d1d, 0 -0.2px 0 #1d1d1d;*/}
.button--icon3 {padding: 0 0; width: 48px; justify-content: center;}
#panel {width: 420px; background-color: #1D1D1D; position: fixed; top: 0px; right: -620px; height: 100%; z-index: 20; transition: right .4s ease-in-out;}
.panel--open #panel {right: 0; transition: right .4s ease-in-out;}
#panelTop {padding: 30px 32px 0; width: 100%; align-items: center;}
#panelTop > div {width: 50%; border-bottom: 1px solid #808080; padding-bottom: 32px;}
#panelTop > div:first-child {justify-content: flex-start; height: 65px; align-items: center;}
#panelTop > div:last-child {justify-content: flex-end;}
#panelTop button {width: 32px; height: 32px; border: none; padding: 4px; background-color: transparent; cursor: pointer;}
#panelTop button svg {width: 24px;}
#panelTop button svg path {fill: #fff;}
#panelBodyContent {padding: 20px 32px 40px 32px;}
#panelBody {width: 100%; height: calc(100% - (95px + 80px)); position: relative; overflow-x: hidden; overflow-y: auto;}
#panelBodyContent > p {font-size: 22px; margin-top: 16px; display: block; position: relative;} 
#panelBodyContent > p:first-child {margin-top: 0;}
#panelBodyContent > p > a, #panelBodyContent > p > a:visited {color: #fff; text-decoration: none; transition: all 0.1s linear; width: 100%; display: block;}
#panelBodyContent > p > a:hover {color: #efea50; transition: all 0.1s linear;}
#pannelBottom {padding: 0 32px 32px;}
#overlay {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background: rgba(0,0,0,.3); opacity: 0; visibility: hidden; transition: all .25s ease-in-out;} 
.panel--open #overlay {z-index: 15; opacity: 1; visibility: visible; transition: all .25s ease-in-out;}

.tabsTopElMap {width: 100%; height: 280px; position: relative;}
.tabsTopElMap > div {width: 100%; height: 100%; position: absolute;}
#innerContacts > div {width: calc(50% - 10px); border-radius: 6px; overflow: hidden; position: relative; background-color: #292929; }
#innerContacts > div:last-child {margin-left: 20px;}
.innerContactsEl {width: 100%; height: 100%;}
.innerContactsEl > div:first-child {padding: 40px;}
.innerContactsElDiv {margin-top: 40px; padding-top: 24px; border-top: 1px solid #808080;}
.innerContactsElDiv > p {margin-top: 8px;}
.innerContactsElDiv > p:first-child {margin-top: 0;}
.innerContactsEl .txt p > a, .innerContactsEl .txt p > a:visited {color: #fff; text-decoration: none !important;}
.innerContactsEl .txt p > a:hover {color: #efea50;}
.innerContactsElPhone {font-size: 24px; margin-bottom: 20px;}
.innerContactsEl > div:first-child > div {width: 100%;}

#article {border-top: 1px solid #808080; padding-top: 32px;}
#article > div {align-items: flex-start; position: relative; width: calc(50% - 10px);}
#article > div > div {width: 100%;}
#article > div:first-child {margin-right: 20px;}
#article > div:last-child > div {padding-left: 34%;}
#articleRight {width: 100%; background-color: #292929; border-radius: 6px; padding: 10px; position: relative;}
#articleRight .ratio {width: 100%; overflow: hidden; border-radius: 3px; margin-bottom: 10px;}
#articleRightPic .ratio-inner {padding-top: 66%;}
#articleRight .label {background-color: rgba(255,255,255,0.1); color: #ffffff; margin-bottom: 10px;}
#articleRight .labels {padding: 14px 14px 4px;}
#share {padding-bottom: 14px; width: calc(100% - 28px); margin-left: 14px; border-top: 1px solid #808080; padding-top: 24px; margin-top: 10px;}

#innerLogin {width: 100%; position: relative;}
.visWrp {position: relative; float: left;}
.visWrp input {position: relative; z-index: 1;}
.visWrp > div {position: absolute; z-index: 2; height: 100%; right: 0px; top: 0px; cursor: pointer; padding: 0 16px;}
.visWrp--hide .flex > div:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; background: url('../img/eye2.svg') no-repeat; background-size: 20px 20px;}
.visWrp--show .flex > div:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; background: url('../img/eye1.svg') no-repeat; background-size: 20px 20px;}
.visWrp > div > div {align-items: center; justify-content: center; position: relative; width: 20px;}
.input--two {width: calc(50% - 5px); float: left; margin-left: 10px;}
.input--two:nth-child(2n+1) {margin-left: 0;}
#innerLogin .conf {color: #1d1d1d; width: 100%; padding-right: 0;}

.scrollTracking, .scrollTracking3 {opacity: 0;}
.scrollTracking.scrollTracking--active, .scrollTracking3.scrollTracking--active {opacity: 1; -webkit-transition: all 0.6s 0.2s ease; -moz-transition: all 0.6s 0.2s ease; -o-transition: all 0.6s 0.2s ease; transition: all 0.6s 0.2s ease;}
.scrollTracking2 {-moz-transform: translate(0px, 80px); -webkit-transform: translate(0px, 80px); -o-transform: translate(0px, 80px); -ms-transform: translate(0px, 80px); transform: translate(0px, 80px); opacity: 0; -webkit-transition: all 0.3s 0.2s ease; -moz-transition: all 0.3s 0.2s ease; -o-transition: all 0.3s 0.2s ease; transition: all 0.3s 0.2s ease;}
.scrollTracking2.scrollTracking--active {-moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.lA {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; transition: all 0.1s linear;}
.lA:hover {background-color: rgba(255,255,255,0.24); transition: all 0.1s linear;}