@font-face {

  font-family: 'Myriad Pro';

  src: url('fonts/MyriadPro-Bold.eot');

  src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),

    url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),

    url('fonts/MyriadPro-Bold.woff') format('woff'),

    url('fonts/MyriadPro-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

}

@font-face {

  font-family: 'Myriad Pro';

  src: url('fonts/MyriadPro-Semibold.eot');

  src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'),

    url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),

    url('fonts/MyriadPro-Semibold.woff') format('woff'),

    url('fonts/MyriadPro-Semibold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: 'Myriad Pro';

  src: url('fonts/MyriadPro-Regular.eot');

  src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),

    url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),

    url('fonts/MyriadPro-Regular.woff') format('woff'),

    url('fonts/MyriadPro-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Myriad Pro';

  src: url('fonts/MyriadPro-Light.eot');

  src: local('Myriad Pro Light'), local('MyriadPro-Light'),

    url('fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),

    url('fonts/MyriadPro-Light.woff') format('woff'),

    url('fonts/MyriadPro-Light.ttf') format('truetype');

  font-weight: 300;

  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 {outline: none;}

body {width: 100%; /*min-width: 1800px;*/ color: #231F20; background-color: #F3F3F3; font-family: 'Myriad Pro'; font-weight: normal; font-size: 20px; -webkit-overflow-scrolling: touch; overflow-x: hidden;}

.wrap {min-height: 100%;}

#main {padding-bottom: 540px;}

footer {min-height: 540px; margin-top: -540px; position: relative; background-color: #231F20;}

.centered {width: 100%; padding: 0 60px; 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, .clearfix2: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, .bg > iframe {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%;}

.ratio-16-9 {padding-top: 56.25%;}

#top {position: relative; width: 100%;}

#topMenu {position: relative; z-index: 2;}

#topMenu > .tbl {height: 146px; padding: 24px 0; width: 100%;}

#topMenu > .tbl > div {vertical-align: bottom; position: relative;}

#topMenu > .tbl > div:first-child {width: 126px;}

#topMenu > .tbl > div:first-child > a {display: block; width: 100%; height: 98px; position: relative;}

#topMenu > .tbl > div:first-child > a img {display: block; width: 100%; height: 100%;}

#topMenu > .tbl > div:nth-child(2) {padding: 0 60px;}

#topMenu > .tbl > div:last-child {width: 126px; /*7%*/}

#topMenu > .tbl > div:nth-child(2) ul {list-style: none; float: right;}

#topMenu > .tbl > div:nth-child(2) ul > li {float: left; margin-left: 40px;}

#topMenu > .tbl > div:nth-child(2) ul > li a, #topMenu > .tbl > div:nth-child(2) ul > li a:visited {color: #FFFFFF; text-decoration: none; font-size: 22px; line-height: 38px; height: 38px; transition: all 0.2s linear;}

.lightTheme #topMenu > .tbl > div:nth-child(2) ul > li a, .lightTheme #topMenu > .tbl > div:nth-child(2) ul > li a:visited {color: #231F20; transition: all 0.2s linear;}

#topMenu > .tbl > div:nth-child(2) ul > li a:hover, #topMenu > .tbl > div:last-child a:hover {color: #009F4F !important; transition: all 0.2s linear;}

#topMenu > .tbl > div:last-child a:not(.langABodyA) {display: block; width: 30px; height: 30px; float: right; position: relative; margin-bottom: 1px; padding: 4px; margin-left: 20px; text-decoration: none; color: #fff; transition: all 0.2s linear;}

.lightTheme #topMenu > .tbl > div:last-child a:not(.langABodyA) {color: #231F20; transition: all 0.2s linear;}

#topMenu > .tbl > div:last-child a > svg {display: block; width: 100%; height: 100%;}

#topMenu > .tbl > div:last-child a > svg path {fill: #fff; transition: all 0.2s linear;}

.lightTheme #topMenu > .tbl > div:last-child a > svg path {

    fill: #231F20; transition: all 0.2s linear;}

#topMenu > .tbl > div:last-child a:hover > svg path {fill: #009F4F !important; transition: all 0.2s linear;}

#topMenu > .tbl > div:last-child a > p {position: absolute; width: 100%; text-align: center; line-height: 1; font-size: 14px; font-weight: 600; top: -16px; left: 0px; text-transform: uppercase;}

#topSlider {width: 100%; position: relative; margin-top: -146px; overflow: hidden; z-index: 1;}

#topSliderBody {width: 100%; position: relative; z-index: 1; min-height: 100vh; height: auto;}

#topSliderBody2 {width: 100%; position: relative; z-index: 1; min-height: 100vh; height: auto;}

#topSliderBody2 > .bg {z-index: 1; width: 110%; height: 110%; left: -5%; top: -5%;}

#topSliderBodyWrp {display: block; width: 100%; height: 100%; z-index: 2; top: 0px; left: 0px; position: absolute;}



.topSliderBodyEl {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; /*position: relative; width: 100%; min-height: 100vh; height: auto;*/ z-index: 1; opacity: 0; text-decoration: none;}

.topSliderBodyEl--active {z-index: 3 !important;}

.topSliderBodyEl .bg {z-index: 1;}

.topSliderBodyElBody {/*position: relative; width: 100%; min-height: 100vh; height: auto; padding: 246px 0 100px 9%; z-index: 4;*/

position: relative; width: 100%; height: 100%; z-index: 4; padding: 246px 0 100px 9%; opacity: 0; transition: all 0.4s linear;

}

.topSliderBodyElBody > div, .topSliderBodyElBody2 > div {vertical-align: middle;}

.topSliderBodyElBody > div:first-child {/*width: 990px;*/padding-right: 60px;}

.topSliderBodyElBody > div:first-child > div {width: 990px;}

.topSliderBodyElBody > div:first-child h3 {color: #fff; font-size: 88px; line-height: 1.1; font-weight: normal; text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);}

.topSliderBodyEl--light .topSliderBodyElBody > div:first-child h3 {color: #231F20; text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);} 



.topSliderBodyElBody > div:first-child .tbl {width: 100%; position: relative; margin-top: 64px;}

.topSliderBodyElBody > div:first-child .tbl > div {vertical-align: middle; position: relative;}

.topSliderBodyElBody > div:first-child .tbl > div:first-child {width: 18%;}

.topSliderBodyElBody > div:first-child .tbl > div:first-child > span {display: block; width: 100%; height: 2px; background-color: #fff; border-radius: 1px;}

.topSliderBodyEl--light .topSliderBodyElBody > div:first-child .tbl > div:first-child > span {background-color: #231F20;}



.topSliderBodyElBody > div:first-child .tbl > div:last-child {padding-left: 60px;}

.topSliderBodyElBody > div:first-child .tbl > div:last-child p {font-size: 32px; color: #fff; line-height: 1.4; text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);}

.topSliderBodyEl--light .topSliderBodyElBody > div:first-child .tbl > div:last-child p {color: #231F20; text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);}



.topSliderBodyElSide {/*width: 246px;*/ width: 0; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 3; /*background-color: rgba(0,160,80,0.16);*/ background-color: rgba(0,122,61,0.16); transition: all 0.4s linear;}

.topSliderBodyEl--active .topSliderBodyElSide {width: 246px; transition: all 0.3s linear;}

.topSliderBodyEl--active .topSliderBodyElBody {opacity: 1; transition: all 0.4s linear;}

.topSliderBodyEl--animate .topSliderBodyElSide {width: 100%; background-color: rgba(0,122,61,1); transition: all 0.5s linear;}

.topSliderBodyEl--animate .topSliderBodyElBody {opacity: 0; transition: all 0.4s linear;}

#topSliderOverlay {width: 100%; height: 100%; background-color: rgba(0,122,61,1); top: 0px; left: 0px; z-index: 2; display: none; position: absolute;}





.topSliderBodyEl:before {content: ''; display: block; z-index: 2; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; opacity: 0.64;

background: rgba(35, 32, 32, 1.0);

background: -webkit-linear-gradient(top, rgba(35, 32, 32, 1.0), rgba(35, 32, 32, 0.3));

background: -moz-linear-gradient(top, rgba(35, 32, 32, 1.0), rgba(35, 32, 32, 0.3));

background: linear-gradient(to bottom, rgba(35, 32, 32, 1.0), rgba(35, 32, 32, 0.3));

}

.topSliderBodyEl--light:before {content: ''; display: block; z-index: 2; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; opacity: 0.8;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */



}



.topSliderBodyElRttr .topSliderBodyElRttrSvg1 path {stroke: #ffffff;}

.topSliderBodyEl--light .topSliderBodyElRttr .topSliderBodyElRttrSvg1 path {stroke: #231F20;}

.topSliderBodyElRttr .topSliderBodyElRttrSvg2 circle {stroke: #ffffff;}

.topSliderBodyEl--light .topSliderBodyElRttr .topSliderBodyElRttrSvg2 circle {stroke: #231F20;}



.topSliderBodyElBody > div:last-child {width: 29%;}

.topSliderBodyElRttr {width: 126px; height: 126px; display: block; border: 2px solid #909090; border-radius: 50%; position: relative; cursor: pointer;}

.topSliderBodyElRttrSvg1 {display: block; width: 88px; height: 44px; position: absolute; top: 50%; margin-top: -22px; left: 50%; margin-left: -44px;}

.topSliderBodyElRttrSvg2 {display: block; width: 126px; height: 126px; position: absolute; top: -2px; left: -2px; z-index: 3; stroke-dasharray: 440; stroke-dashoffset: 440; /*transition: all 1s linear;*/ transform:rotate(-90deg);}

/**/

#topSliderBody2 .topSliderBodyElBody {padding: 246px 9% 100px 9%;}

#topSliderBody2 .topSliderBodyElBody > div:first-child h3 {font-size: 75px;}

#topSliderBody2 .topSliderBodyElBody > div:first-child .tbl > div:first-child {width: 9%;}

#topSliderBody2 .topSliderBodyElBody > div:first-child, .topSliderBodyElBody2 > div:first-child {padding-right: 9%;}

#topSliderBody2 .topSliderBodyElBody > div:first-child .tbl > div:last-child p {font-size: 28px;}

/**/

#block1 {width: 100%; height: auto; position: relative; padding-top: 140px; background: url('../img/bg1.jpg') no-repeat #fff; background-size: cover;}

#block1 > .bg {z-index: 1;}

.single-40 {padding: 0 10.33% 0 40%;}

#block1 .txt {width: 85%;}

.txt h2 {font-size: 56px; line-height: 1.05; font-weight: normal;}

.txt h3 {font-size: 32px; line-height: 1.25; font-weight: normal; margin-top: 48px;}

.txt h3:first-child {margin-top: 0px;}

#block1 .txt h3 {margin-top: 24px;}

.link {color: #009F4F; text-decoration: none; position: relative; display: inline-block; transition: all 0.2s linear; border-bottom: 1px solid #009F4F;}

.link > span {display: block; height: 40px; line-height: 40px; padding-right: 48px;}

.link > svg {position: absolute; right: 0px; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px;}

.link > svg circle {fill: #009F4F; transition: all 0.2s linear;}

.link > svg path {stroke: #fff; transition: all 0.2s linear;}

.link:hover {color: #0066B3; border-color: #0066B3; transition: all 0.2s linear;}

.link:hover > svg circle {fill: #0066B3; transition: all 0.2s linear;}

.link--green {color: #fff; border-bottom: 1px solid #fff;}

.link--green > svg circle {fill: #fff; transition: all 0.2s linear;}

.link--green > svg path {stroke: #009F4F; transition: all 0.2s linear;}

.link--green:hover {color: #5D5D5D; border-color: #5D5D5D; transition: all 0.2s linear;}

.link--green:hover > svg circle {fill: #5D5D5D; transition: all 0.2s linear;}

#block1 .link {margin-top: 48px;}

#block1 .txt {position: relative;}

#block1 .txt:before {content: ''; display: block; width: 126px; height: 78px; background: url('../img/flag.png') no-repeat; background-size: 126px 78px; position: absolute; left: -186px; top: 12px;}

#block2 {padding: 96px 0 120px; background-color: #fff;}

.single-50 {width: 50%;}

#block2 .flex {margin-top: 48px; position: relative;}

#block2 .flex > div {/*width: 17.33%;*/ width: 312px; position: relative; margin-left: 3.33%; margin-bottom: 120px;}

#block2 .flex > div:first-child {margin-left: 0px;}

.block2El {height: 100%; padding-bottom: 180px; display: block; text-decoration: none;}

.block2ElBody {padding: 32px; color: #fff;}

.txt p {line-height: 1.4; margin-top: 32px;}

.txt p:first-child {margin-top: 0px;}

.block2ElBody .txt h3 {font-size: 40px;}

.block2ElBody .txt p {margin-top: 16px;}

.block2El > img {position: absolute; width: 90%; margin-left: 5%; height: auto; bottom: -120px; transition: all 0.2s linear;}

.block2El:hover > img {bottom: -80px; transition: all 0.2s linear;}

#block2ElPraktisk {background-color: #B18654;}

#block2ElForst {background-color: #009F4F;}

#block2ElHardig {background-color: #0066B3;}

#block2ElHd {background-color: #8697A6;}

#block3 {padding: 120px 0;}

.triple-1 {width: 100%; position: relative;}

.triple-1 > div {position: relative;}

.triple-1 > div:first-child {width: 27.66%; vertical-align: top;}

.triple-1 > div:nth-child(2) {vertical-align: bottom; padding: 0 10.33% 0 3.33%;}

.triple-1 > div:last-child {vertical-align: top; width: 38%;}

.triple-1 > div:last-child .ratio {width: 100%;}

.triple-1 > div:nth-child(2) .link {margin-top: 48px;}

.txt h1 {font-size: 64px; line-height: 1.15; font-weight: normal;}

.triple-1 > div:last-child .ratio-2-3 {padding-top: 54%;}

.blocks {width: 100%; position: relative;}

.blocks > div {width: calc((100% - 3.33%) / 2); margin-left: 3.33%;}

.blocks > div > div {width: 100%; position: relative;}

.blocks > div:nth-child(2n+1) {margin-left: 0px;}

#block4 {padding: 120px 0 0;}

.blocksEl {width: 100%; height: auto; background-color: #fff; padding: 40px; position: relative;}

.blocksEl h2 {font-size: 40px;}

.blocksEl .tabs {margin-top: 32px;}

.tabsTop {}

.tabsTop p {display: inline-block; height: 32px; line-height: 32px; cursor: pointer; margin-right: 40px; font-size: 24px; color: #909090; transition: all 0.2s linear;}

.tabsTop p:last-child {margin-right: 0px;}

.tabsTop p:hover, .tabsTop--active {color: #009F4F !important; transition: all 0.2s linear;}

.tabsBody {width: 100%; margin-top: 24px; display: none;}

.tabsBody--active {display: block !important;}

.select {width: 100%; height: 56px; border: 1px solid #5D5D5D; border-radius: 4px; padding: 0 20px; color: #5D5D5D; font-family: 'Myriad Pro'; font-weight: normal; font-size: 20px; margin-top: 24px;  transition: all 0.2s linear; max-height: 280px;}

.select:first-child {margin-top: 0px;}

.blocksEl > .txt {width: 100%;}

#blocksElUnicode > .tbl {width: 100%; margin-top: 24px;}

#blocksElSearch .tabsBody .tbl {width: 100%;}

#blocksElUnicode > .tbl > div, #blocksElSearch .tabsBody .tbl {vertical-align: middle; position: relative;}

#blocksElUnicode > .tbl > div:first-child, #blocksElSearch .tabsBody .tbl > div:first-child {padding-right: 24px;}

#blocksElUnicode > .tbl > div:last-child, #blocksElSearch .tabsBody .tbl > div:last-child {width: 160px;}

.input {width: 100%; height: 56px; border: 1px solid #5D5D5D; border-radius: 4px; padding: 0 20px; color: #5D5D5D; font-family: 'Myriad Pro'; font-weight: normal; font-size: 20px; margin-top: 24px; transition: all 0.2s linear;}

.input:first-child {margin-top: 0px;}

.button {display: inline-block; height: 56px; text-align: center; padding: 0 32px; border-radius: 4px; background-color: #009F4F; font-family: 'Myriad Pro'; font-weight: normal; font-size: 20px; color: #fff; cursor: pointer; transition: all 0.2s linear; text-decoration: none;}

a.button {line-height: 54px;}

.button:hover {background-color: #0066B3; transition: all 0.2s linear;}

#blocksElUnicode > .tbl > div:last-child .button, #blocksElSearch .tabsBody .tbl > div:last-child .button {width: 100%;}

#tb3 .button {margin-top: 48px; width: 160px;}

#blocksElUnicode .link {margin-top: 28px;}

.blockWide {width: 100%; position: relative; background-color: #009F4F; margin-top: 60px; padding: 56px 0;}

.blockWide .txt {color: #fff;}

.blockWide .link {margin-top: 48px;}

.blockWide .single-40 {position: relative; z-index: 2;}

.blockWideBg {position: absolute; width: 37%; height: 100%; left: 0px; top: 0px; z-index: 1; overflow: hidden;}

.blockWideBg img {width: 462px; height: 462px; display: block; position: absolute; top: 50%; margin-top: -231px; left: 50%; margin-left: -231px;}

#block5 {padding: 120px 0; background-color: #fff;}

.double-1 {width: 100%; position: relative;}

.double-1 > div {vertical-align: top; position: relative;}

.double-1 > div:first-child {width: 27.66%;}

.double-1 > div:last-child {padding-left: 12.34%;}

.blogEl {width: 100%; position: relative; padding: 32px 0; border-bottom: 1px solid #C4C4C4; text-decoration: none; color: #231F20;}

.blogEl:first-child {border-top: 1px solid #C4C4C4;}

.blogEl > div {vertical-align: top;}

.blogEl > div:first-child {width: 29.16%; position: relative;}

.blogEl > div:first-child .ratio, .innerCatalogItemsEl > div:first-child .ratio {width: 100%; overflow: hidden;}

.blogEl > div:nth-child(2) {padding: 0 11.68% 32px 5.6%; position: relative;}

.blogEl > div:last-child, .platformsListEl > div:last-child, .innerCatalogItemsEl > div:last-child {width: 24px; vertical-align: top; padding-top: 6px;} 

.blogEl > div:last-child > svg, .platformsListEl > div:last-child > svg, .innerCatalogItemsEl > div:last-child > svg {position: relative; display: block; width: 24px; height: 24px;}

.blogEl > div:last-child > svg circle, .platformsListEl > div:last-child > svg circle, .innerCatalogItemsEl > div:last-child > svg circle {fill: #009F4F; transition: all 0.2s linear;}

.blogEl > div:last-child > svg path, .platformsListEl > div:last-child > svg path, .innerCatalogItemsEl > div:last-child > svg path {stroke: #fff; transition: all 0.2s linear;}

.blogEl:hover > div:last-child {color: #0066B3; border-color: #0066B3; transition: all 0.2s linear;}

.blogEl:hover > div:last-child > svg circle, .platformsListEl:hover > div:last-child > svg circle, .innerCatalogItemsEl:hover > div:last-child > svg circle {fill: #0066B3; transition: all 0.2s linear;}

.blogElDate {position: absolute; bottom: 0px; line-height: 1; color: #909090; left: 8.17%;}

.blogEl > div:first-child .bg, .innerCatalogItemsEl > div:first-child .bg {transition: all 0.2s linear;}

.blogEl:hover > div:first-child .bg, .innerCatalogItemsEl:hover > div:first-child .bg {transform: scale(1.1); transition: all 0.2s linear;}

#block5 .link {margin-top: 56px;}

#block6 {width: 100%; background-color: #fff;}

#block6Body {background-color: #F3F3F3; padding: 120px 0; position: relative;}

#block6BodyTbl {margin-top: 48px; width: 100%; position: relative;}

#block6BodyTbl > div {position: relative;}

#block6BodyTbl > div:first-child {padding-right: 6.9%; vertical-align: top;}

#block6BodyTbl > div:last-child {width: 35.86%; vertical-align: middle;}

#block6BodyTbl ul, .innerBlogSide {list-style: none;}

#block6BodyTbl ul > li, .innerBlogSide > li {margin-top: 24px;}

#block6BodyTbl ul > li:first-child, .innerBlogSide > li:first-child {margin-top: 0px;}

#block6BodyTbl ul > li a, #block6BodyTbl ul > li a:visited {color: #231F20; text-decoration: none; font-size: 48px; transition: all 0.2s linear; position: relative; padding-right: 40px;}

.innerBlogSide > li a, .innerBlogSide > li a:visited {color: #231F20; text-decoration: none; font-size: 32px; transition: all 0.2s linear; position: relative; padding-right: 40px;}

#block6BodyTbl ul > li a:hover, .b6a--active, .innerBlogSide > li a:hover {color: #009F4F !important; transition: all 0.2s linear;}

.b6a > svg, .innerBlogSide a > svg {position: absolute; right: 10px; top: 50%; margin-top: -7px; display: block; width: 24px; height: 24px;}

.innerBlogSide a > svg {margin-top: -9px;}

.b6a > svg circle, .innerBlogSide a > svg circle {fill: #009F4F; transition: all 0.2s linear;}

.b6a > svg path, .innerBlogSide a > svg path {stroke: #fff; transition: all 0.2s linear;}

.b6a:hover > svg circle, .b6a--active > svg circle, .innerBlogSide a:hover > svg circle {fill: #0066B3 !important; transition: all 0.2s linear;}

.b6txt {display: none;}

.b6txt--active {display: block;}

#block6BodyBg {width: 37%; height: 100%; position: absolute; top: 0px; left: 0px;}

#block6BodyBg > div {vertical-align: middle; text-align: center;}

#block6BodyBgImg {width: 55%; margin: 0 auto;}

#block6BodyBgImg img {display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; transition: all 0.2s linear;}

.b6img--active {opacity: 1 !important; z-index: 3 !important; transition: all 0.2s linear;}

#block7 {background-color: #fff; padding: 120px 0; position: relative;}

#block7Slick {width: 100%; overflow: hidden; position: relative; margin-top: 48px;}

.slick {width: 100%; position: relative;}

.slick-slide {position: relative;}

.slick-slide .ratio {width: calc(100% - (9.43% * 2)); margin: 0 9.43%;}

.slick-slide .ratio-2-3 {padding-top: 42%;}

.slick-slide img {transition: all 0.2s linear;

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}

.slick-slide .ratio:hover img {transition: all 0.2s linear;

-webkit-filter: none;

-moz-filter: none;

-ms-filter: none;

-o-filter: none;

filter: none;

filter: none;  

}

#footerTop {width: 100%; position: relative; padding-top: 56px; color: #fff;}

#footerTop > div {vertical-align: top; position: relative;}

#footerTop > div:first-child {padding-right: 3.33%;}

#footerTop > div:last-child {width: 27.66%;}

#footerTop > div:first-child .flex {width: 100%; position: relative;}

#footerTop > div:first-child .flex > div {width: 30.24%; position: relative; margin-bottom: 56px;}

.footerTopEl {padding-right: 16.3%;}

.footerTopEl .txt p {line-height: 1.4;}

.footerTopElInfo {margin-top: 20px; width: 100%; padding-right: 16px;}

.footerTopElInfo > p:first-child {line-height: 1; color: #5D5D5D; font-size: 18px;}

.footerTopElInfo > p:last-child {line-height: 1.4; font-size: 18px; margin-top: 6px;}

.footerTopElInfo > p a, .footerTopElInfo > p a:visited {color: #fff; text-decoration: none;}

#footerTop > div:last-child > .tbl {width: 100%;}

#footerTop > div:last-child > .tbl > div {vertical-align: top; position: relative;}

#footerTop > div:last-child > .tbl > div:last-child {width: 22px;}

#footerTop > div:last-child > .tbl > div:first-child {padding-right: 32px;}

#footerTop .langA {display: block; width: 30px; height: 30px; float: right; position: relative; margin-bottom: 1px; padding: 4px; margin-left: 20px; text-decoration: none; color: #fff; transition: all 0.2s linear; margin-top: 16px;}

#footerTop .langA > svg {display: block; width: 100%; height: 100%;}

#footerTop .langA > svg path {fill: #fff; transition: all 0.2s linear;}

#footerTop .langA:hover > svg path {fill: #009F4F; transition: all 0.2s linear;}

#footerTop .langA > p {position: absolute; width: 100%; text-align: center; line-height: 1; font-size: 14px; font-weight: 600; top: -16px; left: 0px; text-transform: uppercase;}

#footerTop .langA:hover {color: #009F4F; transition: all 0.2s linear;}

#footerTop > div:last-child > .tbl > div:first-child ul {list-style: none;}

#footerTop > div:last-child > .tbl > div:first-child ul > li {margin-top: 16px;}

#footerTop > div:last-child > .tbl > div:first-child ul > li:first-child {margin-top: 0px;}

#footerTop > div:last-child > .tbl > div:first-child ul > li a, #footerTop > div:last-child > .tbl > div:first-child ul > li a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;}

#footerTop > div:last-child > .tbl > div:first-child ul > li a:hover {color: #5D5D5D; transition: all 0.2s linear;}

#footerBottom {width: 100%; margin-top: 40px; padding-bottom: 56px;}

#footerBottom > div {vertical-align: top; position: relative; color: #fff;}

#footerBottom > div:first-child {padding-right: 3.33%; color: #5D5D5D;}

#footerBottom > div:nth-child(2) {width: 30.5%; padding-right: 3.33%;}

#footerBottom > div:last-child {width: 27.66%;}

.buttonWhite {background-color: transparent; border: 1px solid #fff; color: #fff; cursor: pointer; transition: all 0.2s linear;}

.buttonWhite:hover {background-color: #5D5D5D; border-color: #5D5D5D; transition: all 0.2s linear;}

#footerBottom > div:nth-child(2) p, #footerBottom > div:first-child p {font-size: 18px; margin-top: 8px;}

#footerBottom > div:nth-child(2) p:first-child, #footerBottom > div:first-child p:first-child {margin-top: 0px;}

#footerBottom > div:nth-child(2) p a, #footerBottom > div:nth-child(2) p a:visited {color: #fff; border-bottom: 1px solid #5D5D5D; text-decoration: none; transition: all 0.2s linear;}

#footerBottom > div:nth-child(2) p a:hover {color: #5D5D5D; transition: all 0.2s linear;}

#footerBottom > div:first-child p a, #footerBottom > div:first-child p a:visited {color: #5D5D5D; text-decoration: none;}

#topSticky {width: 100%; position: fixed; z-index: 10; left: 0px; padding: 8px 60px; background-color: rgba(0,160,80,0.6); transition: all 0.2s linear; top: -400px;}

.topStickyShow {transition: all 0.2s linear; top: 0px !important;}

#topSticky:hover {background-color: rgba(0,160,80,1); transition: all 0.2s linear;}

#topSticky > .tbl {width: 100%; position: relative;}

#topSticky > .tbl > div:first-child {width: 80px; vertical-align: middle;}

#topSticky > .tbl > div:first-child > a:not(.langABodyA) {display: block; width: 100%; height: 62px; position: relative;}

#topSticky > .tbl > div:first-child > a img {display: block; width: 100%; height: 62px;}

#topSticky > .tbl > div:last-child {width: 126px; vertical-align: middle;}

#topSticky > .tbl > div:last-child a:not(.langABodyA) {display: block; width: 30px; height: 30px; float: right; position: relative; margin-bottom: 1px; padding: 4px; margin-left: 20px; text-decoration: none; color: #231F20; transition: all 0.2s linear;}

#topSticky > .tbl > div:last-child a > svg {display: block; width: 100%; height: 100%;}

#topSticky > .tbl > div:last-child a > svg path {fill: #231F20; transition: all 0.2s linear;}

#topSticky > .tbl > div:last-child a:hover > svg path {fill: #FFFFFF; transition: all 0.2s linear;}

#topSticky > .tbl > div:nth-child(2) {vertical-align: middle; padding: 0 60px;}

#topSticky > .tbl > div:nth-child(2) ul {list-style: none; float: right;}

#topSticky > .tbl > div:nth-child(2) ul > li {float: left; margin-left: 40px;}

#topSticky > .tbl > div:nth-child(2) ul > li a, #topSticky > .tbl > div:nth-child(2) ul > li a:visited {color: #231F20; text-decoration: none; font-size: 20px; line-height: 32px; height: 32px; transition: all 0.2s linear;}

#topSticky > .tbl > div:nth-child(2) ul > li a:not(.langABodyA):hover, #topMenu > .tbl > div:last-child a:not(.langABodyA):hover {color: #FFFFFF; transition: all 0.2s linear;}

.innerTop #topMenu > .tbl > div:nth-child(2) ul > li a:not(.langABodyA), .innerTop #topMenu > .tbl > div:nth-child(2) ul > li a:not(.langABodyA):visited {color: #231F20; text-decoration: none; font-size: 22px; line-height: 38px; height: 38px; transition: all 0.2s linear;}

.innerTop #topMenu > .tbl > div:nth-child(2) ul > li a:not(.langABodyA):hover, .innerTop #topMenu > .tbl > div:last-child a:not(.langABodyA):hover {color: #009F4F; transition: all 0.2s linear;}

.innerTop #topMenu > .tbl > div:last-child a:not(.langABodyA) {display: block; width: 30px; height: 30px; float: right; position: relative; margin-bottom: 1px; padding: 4px; margin-left: 20px; text-decoration: none; color: #231F20; transition: all 0.2s linear;}

.innerTop #topMenu > .tbl > div:last-child a > svg path {fill: #231F20; transition: all 0.2s linear;}

.innerTop #topMenu > .tbl > div:last-child a:hover > svg path {fill: #009F4F; transition: all 0.2s linear;}

.innerTop {background-color: #fff;}

#topInnerInfo {padding-top: 100px; padding-bottom: 56px;}

#topInnerInfoBrcr {list-style: none; width: 100%; margin-bottom: 16px;}

#topInnerInfoBrcr li {float: left; margin-right: 10px;}

#topInnerInfoBrcr li a, #topInnerInfoBrcr li a:visited, #topInnerInfoBrcr li span {line-height: 1.3; font-size: 16px; color: #909090; text-decoration: none; transition: all 0.2s linear;}

#topInnerInfoBrcr li a:hover {color: #009F4F; transition: all 0.2s linear;}

#topInnerInfo h1 {font-size: 88px; line-height: 1.05; font-weight: normal; width: 85%;}

#topInnerInfo p {font-size: 24px; line-height: 1.4; width: 70%; margin-top: 16px;}

.double-2 {width: 100%; position: relative;}

.double-2 > div {vertical-align: top; position: relative;}

.double-2 > div:first-child {width: 50%; padding-right: 6.66%;}

.double-2 > div:last-child {width: 50%;}

#inner .txt h2 {font-size: 48px;}

.double-2 > div:first-child .txt h2 {width: 90%;}

#inner{padding: 120px 0 0;}

.innerThesises {margin-top: 48px; width: 100%;}

.innerThesises:first-child {margin-top: 0px;}

.innerThesises > div {width: calc(100% / 3); position: relative; margin-top: 24px;}

.innerThesisesEl {width: 100%; padding-right: 23.2%;}

.innerThesisesEl > p:first-child {font-size: 34px; line-height: 1;}

.innerThesisesEl > p:nth-child(2) {line-height: 1.3; margin-top: 12px; color: #909090;}

.innerThesises > div:nth-child(-n+3) {margin-top: 0px;}

.innerBlock {margin-top: 120px;}

.innerBlock:first-child {margin-top: 0px;}

.innerBlock:last-child {margin-bottom: 120px;}

.innerSentencesEl {width: 100%; position: relative; padding: 24px 0; border-bottom: 1px solid #C4C4C4;}

.innerSentencesEl:first-child {border-top: 1px solid #C4C4C4;}

.innerSentencesEl > div {vertical-align: middle; position: relative;}

.innerSentencesEl > div:first-child {width: 11.77%;}

.innerSentencesEl > div:first-child p {width: 100%; text-align: center; color :#C4C4C4; font-size: 48px; line-height: 1;}

.innerSentencesEl > div:last-child {padding: 0 11.77% 0 5.6%;}

.innerSentencesEl > div:last-child .txt p {font-size: 24px;}

.txt table {width: 100%; margin-top: 24px; border-collapse: collapse;}

.txt table:first-child {margin-top: 0px;}

.txt table:first-child td {border-top: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; line-height: 1.5; padding: 12px 0;}

#requisites tr td:first-child {width: 40%;}

#requisites tr td:last-child {width: 60%; text-align: right;}

.tabsBody .link {margin-top: 32px;}

#blocksElMore {background-color: #009F4F;}

#blocksElMore .txt {color: #fff;}

.blocksElMoreLinks {margin-top: 16px;}

.blocksElMoreLinks .link {margin-right: 32px; margin-top: 16px;}

.blocksElCall {margin-top: 72px;}

.blocksElCall:first-child {margin-top: 0px;}

.blocksElCall .button {margin-top: 32px;}

.tabs2Top {margin-bottom: 60px; width: 100%;}

/*.tabs2Top > div {width: calc((100% - 3.33%) / 2); margin-left: 3.33%; position: relative;}

.tabs2Top > div:nth-child(2n+1) {margin-left: 0px;}

.tabs2TopEl {cursor: pointer; width: 100%; height: 100%; border: 1px solid #909090; border-radius: 4px; padding: 16px 24px;}*/

.tabs2Top > div {width: calc((100% - 6.66%) / 3); margin-left: 3.33%; position: relative;}
.tabs2Top > div:nth-child(3n+1) {margin-left: 0px;}
.tabs2TopEl {cursor: pointer; width: 100%; height: 100%; border: 1px solid #909090; border-radius: 4px; padding: 16px 24px;}

.tabs2Top-2  > div {width: calc((100% - 3.33%) / 2); margin-left: 3.33%; position: relative;}
.tabs2Top-2 > div:nth-child(3n+1) {margin-left: 3.33%;}
.tabs2Top-2 > div:nth-child(2n+1) {margin-left: 0px;}

.tabs2TopEl > div {vertical-align: middle; position: relative;}

.tabs2TopEl > div:last-child {width: 44px;}

.tabs2TopEl > div:last-child svg {display: block; width: 44px; height: 44px;}

.tabs2TopEl > div:last-child svg path {stroke: #909090; transition: all 0.2s linear;}

.tabs2TopEl > div:last-child svg circle {stroke: #909090; transition: all 0.2s linear;}

.tabs2TopEl > div:first-child {padding: 0 24px 0 8px;}

.tabs2TopElP {/*width: 21.57%; padding-right: 6.96%; text-align: right;*/ display: none !important;}

.tabs2TopEl--active {border-color: #009F4F; background-color: #009F4F; color: #fff; transition: all 0.2s linear;}

.tabs2TopEl--active > div:last-child svg path {stroke: #fff !important; transition: all 0.2s linear;}

.tabs2TopEl--active > div:last-child svg circle {stroke: #fff !important; transition: all 0.2s linear; background-color: transparent !important;}

.tabs2TopEl:not(.tabs2TopEl--active):hover > div:last-child svg path {stroke: #fff; transition: all 0.2s linear;}

.tabs2TopEl:not(.tabs2TopEl--active):hover > div:last-child svg circle {stroke: #E5E5E5; transition: all 0.2s linear; fill: #E5E5E5;}

.tabs2TopEl:not(.tabs2TopEl--active):hover > div:last-child svg path {stroke: #231F20; transition: all 0.2s linear;}

.tabs2Body {display: none; width: 100%;}

.tabs2Body--active {display: block !important;}


.tabs2TopEl h3 {font-size: 28px;}
.innerItemLine--spare .formOpen {margin-top: 16px;}
.distListEl {margin-top: 56px;}
.distListEl:first-child {margin-top: 0px;}
.distListElBody {margin-top: 32px;}
.distListElBodyFlex {padding: 24px 0; border-bottom: 1px solid #C4C4C4; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.distListElBodyFlex:first-child {border-top: 1px solid #C4C4C4;}
.distListElBodyFlex > div {display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start;}
.distListElBodyFlex > div:first-child {width: calc((100% - 6.66%) / 3);}
.distListElBodyFlex > div:last-child {width: calc(100% - ((100% - 6.66%) / 2)); padding-left: 3.33%;}
.distListElBodyFlex > div:last-child .txt p {margin-top: 12px;}
.distListElBodyFlex > div:last-child .txt p:first-child {margin-top: 0px;}


#distributorsTop {width: 100%; background-color: #fff; padding: 40px; position: relative; z-index: 2;}

#distributorsTop > div {width: calc((100% - 64px) / 3); margin-left: 32px; position: relative;}

#distributorsTop > div:nth-child(3n+1) {margin-left: 0px;}

.distributorsTopEl {width: 100%; position: relative;}

.distributorsTopEl > p {font-size: 24px; line-height: 1;}

.distributorsTopEl .input, .distributorsTopEl .select {margin-top: 16px;}

#distributorsMap {width: 100%; height: 100%; position: relative; z-index: 1;}

#distributors .ratio-2-3 {padding-top: 48%;}

.ymaps-2-1-78-gotoymaps, .ymaps-2-1-78-map-copyrights-promo, .ymaps-2-1-78-copyright__wrap {display: none !important;}

.double-3 {width: 100%; position: relative;}

.double-3 > div {position: relative;}

.double-3 > div:first-child {vertical-align: top; width: 50%; padding-right: 1.66%;}

.double-3 > div:last-child {padding: 0 10.33% 0 22.33%; vertical-align: middle;}

.double-3 > div:last-child .link {margin-top: 16px;}

#platformsList {margin-top: 60px; width: 100%; position: relative; z-index: 1;}

#platformsList > .flex {width: 100%;}

#platformsList > .flex > div {width: calc((100% - 3.33%) / 2); margin-left: 3.33%; position: relative;}

#platformsList > .flex > div:nth-child(2n+1) {margin-left: 0px;}

.platformsListEl {width: 100%; padding: 16px 0; border-bottom: 1px solid #C4C4C4; color: #231F20; text-decoration: none;}

#platformsList > .flex > div:nth-child(-n+2) .platformsListEl {border-top: 1px solid #C4C4C4;}

.platformsListEl > div:first-child {width: 14.61%; position: relative; background-color: #F3F3F3;}

.platformsListEl > div:first-child .ratio-2-3 {padding-top: 48%;}

.platformsListEl > div:first-child .bg {background-color: #F3F3F3;}

.platformsListEl > div:first-child img {mix-blend-mode: darken;}

.platformsListEl > div:nth-child(2) {padding: 0 6.96%; vertical-align: middle;}

.txt h4 {font-size: 24px; font-weight: normal; line-height: 1.3; margin-top: 32px;}

.txt h4:first-child {margin-top: 0px;}

.platformsListEl .txt p {margin-top: 6px; color: #909090; line-height: 1.3}

.show_more {margin-top: 56px;}

#innerCatalogItems {margin-top: 60px;}

.innerCatalogItemsEl {width: 100%; position: relative; padding: 32px 0; border-bottom: 1px solid #C4C4C4; text-decoration: none; color: #231F20;}

.innerCatalogItemsEl:first-child {border-top: 1px solid #C4C4C4;}

.innerCatalogItemsEl > div {vertical-align: top; position: relative;}

.innerCatalogItemsEl > div:first-child {width: 17.33%;}

.innerCatalogItemsEl > div:nth-child(2) {width: 34.33%; padding: 0 3.33%;}

.innerCatalogItemsEl > div:nth-child(2) .txt p {margin-top: 6px;}

.innerCatalogItemsEl > div:nth-child(3) {padding-right: 3.33%;}

.innerCatalogItemsEl > div:nth-child(3) .txt p {margin-top: 8px;}

.innerCatalogItemsEl > div:nth-child(3) .txt p:first-child {margin-top: 0px;}

.empty {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #E5E5E5;}

.empty > img {width: 110px; height: 86px; display: block; position: absolute; top: 50%; margin-top: -43px; left: 50%; margin-left: -55px;}

.triple-2 {width: 100%; position: relative;}

.triple-2 > div {position: relative;}

.triple-2 > div:first-child {width: 27.66%; vertical-align: top;}

.triple-2 > div:nth-child(2) {vertical-align: top; padding: 0 3.33%;}

.triple-2 > div:last-child {vertical-align: bottom; width: 38%; padding: 0 10.33%;}

.triple-2 > div:first-child img:not(.emptyImg) {width: 100%; height: auto; display: block;}

#innerItemInfo table {width: 100%; border-collapse: collapse; margin-bottom: 48px;}

#innerItemInfo table tr td:first-child {padding-right: 24px;}

#innerItemInfo table tr td:last-child {text-align: right;}

#innerItemInfo table tr td {padding: 4px 0; line-height: 1.4;}

#innerItemInfo table tr:first-child td {font-size: 32px; padding: 0px 0 16px;}

#innerItemInfo > div:last-child .link {margin-top: 8px;}

.innerItemLine {padding: 16px 0; border-bottom: 1px solid #C4C4C4;}

.innerItemLine:first-child {border-top: 1px solid #C4C4C4;}

.innerItemLine > div {vertical-align: top;}

#compatibility .innerItemLine > div:first-child {width: 10.33%; padding-right: 1.66%;}

#compatibility .innerItemLine > div:nth-child(2), #compatibility .innerItemLine > div:nth-child(3), #compatibility .innerItemLine > div:nth-child(4) {width: 20.66%; padding-right: 1.66%;}

#compatibility .innerItemLine > div:nth-child(5), #compatibility .innerItemLine > div:nth-child(6) {width: 10.33%; padding-right: 1.66%;}

#alternative .innerItemLine > div:first-child {width: 51.66%; padding-right: 3.33%;}

.txt ul {margin-top: 32px; list-style: none;}

.txt ul:first-child {margin-top: 0px;}

.txt ul > li {padding-left: 32px; position: relative; margin-top: 16px; line-height: 1.5;}

.txt ul > li:first-child {margin-top: 0px;}

.txt ul > li:before {content: ''; display: block; width: 14px; height: 14px; background-color: #009F4F; top: 8px; left: 0px; position: absolute; border-radius: 50%;}

#innerArticleCover {width: 100%;}



.double-4 {width: 100%; position: relative;}

.double-4 > div {vertical-align: top; position: relative;}

.double-4 > div:first-child {width: 50%;}

.double-4 > div:last-child {padding-left: 13.66%;}

#innerArticleCover {position: relative;}

#innerArticleCover > img {display: block; width: 100%; height: auto;}

#innerArticleShare {margin-top: 64px; padding: 0 28.7% 0 28.7%; width: 100%;}

#innerArticleShare p {line-height: 1; margin-bottom: 16px;}

#login, #registration {margin-top: 32px;}

.input--two {width: calc((100% - 32px) / 2); margin-left: 32px; float: left; margin-top: 24px;}

.input--two:nth-child(2n+1) {margin-left: 0px;}

.input--two:nth-child(-n+2) {margin-top: 0px;}

#login .button, #registration .button, #settings .button, #mdl .button, #vehicle .button {margin-top: 40px}

.conf {width: 100%; margin-top: 32px; line-height: 1.4; font-size: 16px;}

.conf b {font-weight: 600;}

.conf a, .conf a:visited {color: #009F4F; text-decoration: none; transition: all 0.2s linear;}

.conf a:hover, .innerContactsInfoBodyElDivs .footerTopElInfo > p a:hover {color: #0066B3; transition: all 0.2s linear;}

#registration .clearfix, #settings .clearfix, #call .clearfix, #vehicle .clearfix {margin-top: 24px;}

#innerContactsMap {background-color: #E5E5E5; width: 100%; height: 100%;}

#innerContactsInfo {width: 76.68%; position: relative;}

#innerContactsInfo select {width: 100%; height: 72px; border-bottom: 1px solid #C4C4C4; background-color: transparent; font-size: 48px; font-family: 'Myriad Pro'; font-weight: normal; color: #231F20;}

#innerContactsInfoBody {width: 100%; position: relative; margin-top: 60px;}

.innerContactsInfoBodyEl {width: 100%; position: relative; display: none;}

.innerContactsInfoBodyEl--active {display: block !important;}

.innerContactsInfoBodyEl > .txt {width: 83.97%;}

.innerContactsInfoBodyElDivs {width: 52.61%;}

.innerContactsInfoBodyElDivs .footerTopElInfo {padding-right: 0px;}

.innerContactsInfoBodyElDivs .footerTopElInfo > p a, .footerTopElInfo > p a:visited {color: #231F20; text-decoration: none; transition: all 0.2s linear;}

#innerPersonalServ {margin-bottom: 56px;}

#innerPersonalSide {width: 100%; background-color: #fff;}

#innerPersonalSideTop {background-color: #009F4F; padding: 32px; color: #fff;}

#innerPersonalSideTop .txt p {margin-top: 16px;}

#innerPersonalSideBody {padding: 32px;}

#innerPersonalSideBody .innerBlogSide > li a, .innerBlogSide > li a:visited {font-size: 28px;}

#innerPersonalSideBody .innerBlogSide > li {margin-top: 16px;}

#innerPersonalSideBody .innerBlogSide > li:first-child {margin-top: 0px;}

#innerPersonalSide .link {margin-top: 96px;}

#innerPersonalSideBody .innerBlogSide > li a > span:nth-child(2) {position: absolute; right: 0px; top: 8px; width: 24px; height: 24px; background-color: #E3170A; border-radius: 50%; text-align: center; line-height: 24px; color: #fff; font-size: 14px; font-weight: 600;}

.hdn {display: none;}

#ham, #ham2 {display: none;}

#panel {display: none;}

#innerArticleCover2 {display: none;}

.innerCatalogItemsElTxt {display: none;}

.triple-2 > div:last-child > img {display: block; width: 68px; height: 94px;}

.innerItemLineP3 {display: none;}

.innerContactsInfoBodyElDivs .footerTopElInfo > p:last-child, .innerContactsInfoBodyElDivs .footerTopElInfo > p:last-child {font-size: 20px;}

#h1Article {width: 85% !important; font-size: 72px !important;}

#innerArticleGallery {margin-top: 48px;}

#innerArticleGallery > div {width: calc((100% - 64px) / 3); margin-left: 32px; margin-top: 32px; position: relative;}

#innerArticleGallery > div:nth-child(3n+1) {margin-left: 0px;}

.galleryEl {width: 100%;}

#innerCatalogCover {width: 70%;}

#innerCatalogCover img {width: 100%; height: auto;}

#modificationWrp {margin-top: 24px; position: relative; display: none;}

#modificationBody {position: relative; max-height: 200px; overflow-y: auto; margin-bottom: 16px;}

#modificationBody:last-child {margin-bottom: 0px;}

#modificationBody table {border-collapse: collapse; width: 100%; margin-top: 8px;}

#modificationBody table td {padding: 8px; font-size: 16px; border-top: 1px solid #5D5D5D; transition: all 0.2s linear; background: transparent;}

#modificationBody table tr:first-child td {border-top: none;}

#modificationBody table tr {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}

#modificationBody table thead td {font-weight: 600; color: #fff; background-color: #009F4F;}

.modificationBody--active, #modificationBody table tbody tr:hover td {background-color: #F3F3F3 !important; transition: all 0.2s linear;}

#loader {width: 56px; height: 56px; display: block; position: relative;}

#loader img {width: 100%; height: 100%;}

#bottom_btn #loader, .bottom_btn #loader {margin-top: 56px;}

.red--border {border-color: #E3170A !important; transition: all 0.2s linear;}

#innerCatalogUnocode > div {padding: 32px 40px;}

.innerCatalogUnocode--success {background-color: rgba(108,239,154,0.5);}

.innerCatalogUnocode--failure {background-color: rgba(231,29,54,0.5);}

.innerCatalogUnocode--warning {background-color: rgba(250,223,127,0.7);}

#blocksElUnicode > .txt p:first-child {margin-top: 0px !important;}

#platforms {position: relative; z-index: 2;}

.asyncRes {position: absolute; left: 0px; width: 100%; max-height: 240px; overflow-y: auto;}

.asyncRes > div {background-color: #fff; margin-top: 16px;}

#platforms .asyncRes > div {padding: 0 40px 20px;}

.asyncRes .platformsListEl > div:first-child {display: none;}

.asyncRes .platformsListEl > div:nth-child(2) {padding-left: 0px;}

#distributors .asyncRes > div {padding: 0 20px 20px;}

.ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright__wrap {display: none !important;}

.scroll_tracking {opacity: 0;}

#mdl {display: none; width: 860px; padding: 40px; background-color: #ffffff; color: #231F20;}

#mdl #loader {margin-top: 40px;}

.txt a, .txt a:visited {color: #009F4F; text-decoration: none; transition: all 0.2s linear; border-bottom: 1px solid #009F4F;}

.txt a:hover {color: #0066B3; border-color: #0066B3; transition: all 0.2s linear;}

#innerPartsItems, #innerRafflesItems {margin-top: 56px;}

#innerPartsItems .innerItemLine > div, #innerRafflesItems .innerItemLine > div {vertical-align: middle;}

#innerPartsItems .innerItemLine > div:first-child, #innerRafflesItems .innerItemLine > div:first-child {padding-right: 24px;}

#innerPartsItems .innerItemLine > div:first-child .tbl, #innerRafflesItems .innerItemLine > div:first-child .tbl {width: 100%; color: #231F20; text-decoration: none;}

#innerPartsItems .innerItemLine > div:first-child .tbl > div, #innerRafflesItems .innerItemLine > div:first-child .tbl > div {vertical-align: middle; position: relative;}

#innerPartsItems .innerItemLine > div:first-child .tbl > div:first-child, #innerRafflesItems .innerItemLine > div:first-child .tbl > div:first-child {width: 40%;}

#innerPartsItems .innerItemLine > div:last-child {width: 24px;}

/*#innerPartsItems .innerItemLine > div:last-child svg {fill: #C4C4C4; transition: all 0.2s linear; cursor: pointer;}

#innerPartsItems .innerItemLine > div:last-child path {fill: #222222; transition: all 0.2s linear;}*/

#innerPartsItems .innerItemLine > div:last-child svg:hover circle {fill: #E3170A; transition: all 0.2s linear;}

.textarea {width: 100%; height: 140px; border: 1px solid #5D5D5D; border-radius: 4px; padding: 16px 20px; color: #5D5D5D; font-family: 'Myriad Pro'; font-weight: normal; font-size: 20px; margin-top: 24px; transition: all 0.2s linear;}

.textarea:first-child {margin-top: 0px;}

#innerRafflesBody {margin-top: 48px; width: 100%; position: relative;}

#innerRaffles > .txt {margin-top: 48px;}

.raffleEl > div:last-child {display: none !important;}

.raffleEl > div:nth-child(2) {padding: 0 0px 0px 5.6%;}

.raffleEl--nopic > div:first-child {display: none !important;}

.raffleEl--nopic > div:nth-child(2) {padding: 0 0 0px 0px;}

.raffleEl .txt p {margin-top: 16px;}

.raffleEl .txt p:first-child {margin-top: 0px;}



#chat_body__top {background-color: #F3F3F3; height: 360px; overflow-y: auto; position: relative; width: 100%; /*border: 1px solid #5D5D5D;*/ border-radius: 4px;}

#chat_body__top__rlr {padding: 16px 24px; width: 100%;}

.chat_body__top__rlr__el {width: 100%; padding: 16px 0px; border-top: 1px solid #dddddd;}

/*#inner_content__chat .textarea {border-color: #dddddd;}*/

.chat_body__top__rlr__el:first-child {border-top: 0px; padding: 0px 0px 16px;}

.chat_body__top__rlr__el__p1 {font-weight: normal; font-size: 18px; line-height: 1.2;}

.chat_body__top__rlr__el__p1 > span:last-child {font-size: 13px; color: #454545; margin-left: 0px;}

.chat_body__top__rlr__el .txt {}

.chat_body__top__rlr__el .txt p {margin-top: 8px; font-size: 16px;}

#chat_body__bottom {margin-top: 24px;}

#chat_body__bottom .btn {margin-top: 24px;}

#chat_body__bottom .textarea {height: 140px;}

.chat_lbl {width: 15px; height: 15px; background-color: #ED2715; position: absolute; border-radius: 50%; color: #fff; text-align: center; line-height: 15px; font-size: 10px; font-weight: 600; margin-left: 8px; display: inline; margin-top: 4px;}

#innerChat .button {margin-top: 40px;}

.langABody {position: absolute; list-style: none; width: 32px; display: none; opacity: 0;}

.langABody li {display: block; width: 100%; height: 32px; margin-top: 3px;}

.langABody li a, .langABody li a:visited {text-align: center; display: block; width: 32px; height: 32px; line-height: 32px; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase;}

#topMenu > .tbl > div:last-child .langABody {right: 0px; padding-top: 40px;}

#topMenu > .tbl > div:last-child .langABody li {background-color: #F3F3F3;}

#topMenu > .tbl > div:last-child .langABody li a, #topMenu > .tbl > div:last-child .langABody li a:visited {color: #231F20; transition: all 0.2s linear;}

#topMenu > .tbl > div:last-child .langABody--active a, #footerTop > div:last-child > .tbl > div:last-child .langABody--active a {background-color: #009F4F; color: #fff !important;}

#footerTop > div:last-child > .tbl > div:last-child .langABody li {background-color: #F3F3F3;} 

#footerTop > div:last-child > .tbl > div:last-child .langABody li a, #footerTop > div:last-child > .tbl > div:last-child .langABody li a:visited {color: #231F20; transition: all 0.2s linear;}

#footerTop > div:last-child > .tbl > div:last-child .langABody {right: 0px; top: 56px;}

#footerTop > div:last-child > .tbl > div:last-child .langABody li a:hover, #topSticky > .tbl > div:last-child .langABody li a:hover {color: #009F4F; transition: all 0.2s linear;}

#topSticky > .tbl > div:last-child .langABody {right: 0px; padding-top: 36px;}

#topSticky > .tbl > div:last-child .langABody li {background-color: #F3F3F3;}

#topSticky > .tbl > div:last-child .langABody--active a {background-color: #009F4F; color: #fff !important;}

#topSticky > .tbl > div:last-child .langABody li a, #topSticky > .tbl > div:last-child.langABody li a:visited {color: #231F20; transition: all 0.2s linear;}

.langAWrp--active .langA svg path {fill: #009F4F !important; transition: all 0.2s linear;}

.langAWrp--active .langA > p {color: #009F4F !important; transition: all 0.2s linear;}

.langAWrp--active .langABody {display: block !important; opacity: 1 !important; transition: all 0.2s linear;}

#panelBodyTopLang {position: absolute; top: 0%; left: 0px; width: 100%; height: 100%; background-color: #ffffff; z-index: 1; display: none;}

.langAWrp--active #panelBodyTopLang {z-index: 2; display: block !important;}

#panelBodyTopLang ul {list-style: none; height: 32px; padding-top: 19px;}

#panelBodyTopLang ul li {float: left; margin-left: 8px; background-color: #F3F3F3;}

#panelBodyTopLang ul li:first-child {margin-left: 0px;}

#panelBodyTopLang ul li a, #panelBodyTopLang ul li a:visited {text-align: center; display: block; width: 42px; height: 32px; line-height: 32px; text-decoration: none; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #231F20;}

#panelBodyTopLang ul li a:hover {color: #009F4F; transition: all 0.2s linear;}

#panelBodyTopLang ul .langABody--active a {background-color: #009F4F; color: #ffffff !important;}

.scrollTracking {/*opacity: 0;*/

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;

}

.scrollTracking.scrollTracking--active {

opacity: 1;

-webkit-transition: all 0.8s 0.2s ease;

-moz-transition: all 0.8s 0.2s ease;

-o-transition: all 0.8s 0.2s ease;

transition: all 0.8s 0.2s ease;

}

.scrollTracking2 {/*opacity: 0; margin-top: 80px;*/

-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 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;

}

/*.foto_tp1 > img {width: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

.foto_tp2 > img {height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}*/

img.imgborder {

  /*display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;*/

  max-height: 100%;

  max-width: 100%;

  height: auto;

  width: auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.chkbx {cursor: pointer; margin-top: 24px; cursor: pointer;}

.chkbx:first-child {margin-top: 0px;}

.chkbx > div {vertical-align: middle; position: relative;}

.chkbx > div:first-child {width: 20px;}

.chkbx > div:first-child span {display: block; width: 20px; height: 20px; border: 1px solid #5D5D5D;; border-radius: 4px; position: relative;}

.chkbx > div:last-child {padding-left: 16px;}

.chkbx > div:last-child .txt p {line-height: 1.3;}

.chkbx > div:first-child span:after {content: ''; display: block; width: 12px; height: 12px; background-color: #009F4F; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; opacity: 0; transition: all 0.2s linear; border-radius: 3px;}

.chkbx--active > div:first-child span:after {opacity: 1; transition: all 0.2s linear;}

#innerBlockVideo {width: 70%; margin: 0 auto;}

#tecdoc {margin-top: 0px; width: 100%; position: relative; padding-bottom: 56px; display: none;}

#tecdoc > div {vertical-align: middle; position: relative;}

#tecdoc > div:first-child {width: 180px;}

#tecdoc > div:first-child > img {width: 100%; height: auto; display: block;}

#tecdoc > div:last-child {padding: 0 40px;}

#tecdoc > div:last-child p {line-height: 1.4; font-size: 18px; /*color: #5D5D5D;*/ width: 450px; color: #ffffff;}

#footerSoc {float: right; width: 30px; position: relative; z-index: 1; margin-top: 56px;}

#footerSoc > a {display: block; width: 30px; height: 30px; padding: 4px; margin-top: 8px; position: relative;}

#footerSoc > a:first-child {margin-top: 0px;}

#footerSoc > a img, #footerSoc2 > a img {display: block; width: 100%; height: 100%;transition: all 0.2s linear; opacity: 1;}

#footerSoc > a:hover img, #footerSoc2 > a:hover img {opacity: 0.7;}

#footerTop .langABody {z-index: 3 !important;}

#footerSoc2 {display: none;}

#inner #block2 {padding-top: 0px; background-color: transparent;}

#inner #block2 .flex {margin-top: 0px;}

.block2ElInner {width: 420px; padding: 24px; position: relative; border-radius: 50%;}

.block2ElInner > img {width: 100%; height: auto;}

#ui-datepicker-div {width: auto; background-color: #fff; border: 1px solid #e1e1e1;}

.ui-datepicker-calendar {padding: 10px; width: 250px; margin-top: 8px;}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {text-align: center; cursor: pointer; padding: 6px 6px !important; font-size: 16px;}

.ui-datepicker-calendar td a {text-decoration: none;}

.ui-datepicker-today {background-color: #009F4F; color: #fff;}

.ui-datepicker-today a {color: #fff !important;}

.ui-datepicker-title {text-align: center; padding-top: 16px;}

.ui-datepicker-prev {float: left; margin-left: 20px; margin-top: 16px; cursor: pointer;}

.ui-datepicker-next {float: right; margin-right: 20px; margin-top: 16px; cursor: pointer;}

#modificationBodyP > span {border-bottom: 1px solid #fff; transition: all 0.2s linear;}

.serviceEl { width: 100%; position: relative; padding: 32px 0; border-bottom: 1px solid #C4C4C4;}

.serviceEl:first-child {border-top: 1px solid #C4C4C4;}

.serviceEl > div {vertical-align: top;}

.serviceEl > div:first-child {width: 29.16%; position: relative;}

.serviceEl--nopic > div:first-child {display: none !important;}

.serviceEl > div:first-child .bg {background-color: #fff;}

.serviceEl > div:nth-child(2) {padding: 0 32px 0 5.6%;}

.serviceEl--nopic > div:nth-child(2) {padding: 0 32px 0 0 !important;}

.serviceEl > div:nth-child(2) .txt p {margin-top: 12px;}

.serviceEl > div:last-child {width: 120px;}

.serviceEl > div:last-child a, .innerItemLine--spare > div:last-child a {float: right; margin-left: 12px; display: block; width: 24px; height: 24px; border-radius: 50%;}

.serviceEl > div:last-child a svg, .innerItemLine--spare > div:last-child a svg {position: relative; display: block; width: 24px; height: 24px;}

.serviceElEdit svg circle {fill: #009F4F; transition: all 0.2s linear;}

.serviceElEdit svg path {stroke: #fff; transition: all 0.2s linear;}

.serviceElDelete svg circle {fill: #C4C4C4; transition: all 0.2s linear;}

.serviceElParts svg circle {fill: #C4C4C4; transition: all 0.2s linear;}

.serviceElParts svg path, .serviceElDelete svg path {stroke: #231F20; transition: all 0.2s linear;}

.serviceElEdit:hover svg circle, .serviceElParts:hover svg circle {fill: #0066B3; transition: all 0.2s linear;}

.serviceElDelete:hover svg circle {fill: #ED2715; transition: all 0.2s linear;}

.serviceElParts:hover svg path, .serviceElDelete:hover svg path {stroke: #ffffff; transition: all 0.2s linear;}

#vehicleForm .txt {margin-bottom: 40px;}

#vehicle #modificationWrp {margin-bottom: 32px;}

.buttonGreen {background-color: transparent; border: 1px solid #009F4F; color: #009F4F; cursor: pointer; transition: all 0.2s linear; }

.buttonGreen:hover {background-color: #0066B3; transition: all 0.2s linear; border-color: #0066B3; color: #fff; transition: all 0.2s linear;}

#vehicle .clearfix2 .button, #bottomButtons .button {margin-right: 32px;}

#vehicle .clearfix2 .button:last-child, #bottomButtons .button:last-child {margin-right: 0px;} 

.innerPersonalServSparesEl {margin-top: 48px;}
/*
.innerItemLine--spare > div:first-child {padding: 0 24px 0px 0px;}

.innerItemLine--spare > div:last-child {width: 80px;}

.innerItemLine--spare > div:first-child .tbl {width: 100%; color: #231F20; text-decoration: none;}

.innerItemLine--spare > div:first-child .tbl > div:first-child {width: 40%;}

.innerItemLine--spare > div:first-child .tbl > div {vertical-align: top; position: relative;}
*/
.innerItemLine--spare > div:first-child {width: 29.16%; position: relative;}
.innerItemLine--spare > div:last-child {width: 120px;}
.innerItemLine--spare > div:nth-child(2) {padding: 0 0 0 5.6%;}
.innerItemLine--spare > div:first-child img {width: 100%; height: auto;}
.innerItemLine--spare {padding: 24px 0;}

.innerPersonalServSparesElBody {margin-top: 24px;}

.innerItemLine--spare > div:first-child .tbl > div:last-child p {margin-top: 8px;}

.innerItemLine--spare > div:first-child .tbl > div:last-child p:first-child {margin-top: 0px;}

.blocksElSpare {margin-top: 56px; display: none;}

.blocksElSpare:first-child {margin-top: 0px;}

.blocksElSpare .button, #blocksElSparePic .button {margin-top: 40px;}

.blocksElSpare form {margin-top: 40px;}

.input--one {float: left; margin-top: 24px; width: 100%;}

.input--one:first-child {margin-top: 0px;}

#spareFormCheck {margin-top: 24px;}

#blocksElUnicode #loader {margin-top: 40px; display: none;}

.input--one .input, .input--one .textarea, .input--one .select, .input--two .input, .input--two .textarea, .input--two .select {margin-top: 8px;}

.input--one .txt, .input--two .txt {margin-bottom: 0px !important;}

#blocksElSparePic {margin-top: 56px; padding-top: 24px; border-top: 1px solid #C4C4C4;}

#blocksElSparePic .txt {margin-bottom: 8px;}

#blocksElSparePic form {margin-top: 0px;}

#blocksElSparePic .ratio {width: 40%; position: relative;}

.txt--note {margin-top: 16px;}

.txt--note p {line-height: 1.4; font-size: 16px;}

#blocksElSpareItem .blogEl .txt p {margin-top: 16px;}

#blocksElSpareItem .blogEl > div:nth-child(2) {padding-bottom: 0px !important;}

#tecdoc2 {width: 100%; position: relative; background-color: #fff; padding: 48px 0;}

#tecdoc2 .tbl {width: 100%; position: relative;}

#tecdoc2 .tbl > div {vertical-align: middle; position: relative;}

#tecdoc2 .tbl > div:first-child {width: 220px;}

#tecdoc2 .tbl > div:first-child img {width: 100%; height: auto;}

#tecdoc2 .tbl > div:last-child {padding-left: 56px;}

#modalVehicles {margin: 32px 0 8px;}

.modalVehiclesEl {width: 100%; padding: 16px 0; border-bottom: 1px solid #C4C4C4; color: #231F20; text-decoration: none;}

.modalVehiclesEl:first-child {border-top: 1px solid #C4C4C4; overflow: hidden; }

.modalVehiclesEl > div:first-child {width: 14.61%; position: relative; background-color: #FFFFFF;}

.modalVehiclesEl > div:nth-child(2) {padding: 0 6.96%; vertical-align: middle;}

.modalVehiclesEl .txt p {margin-top: 6px; color: #909090; line-height: 1.3;}

#innerCatalogUnocode .link {margin-top: 6px;}

.modalVehiclesEl--nopic > div:first-child {display: none !important;}

.modalVehiclesEl--nopic > div:nth-child(2) {padding: 0 6.96% 0 0 !important;}

#innerPartsItems .innerItemLine > div:first-child .tbl > div {vertical-align: top; position: relative;}

#innerPartsItems .innerItemLine > div:first-child .tbl > div:nth-child(2) .txt p {margin-top: 8px;}

#innerPartsItems .innerItemLine > div:first-child .tbl > div:nth-child(2) .txt p:first-child {margin-top: 0px;}

#innerPartsItems .innerItemLine > div:first-child a:not(.link) {color: #231F20; text-decoration: none;}

#innerPartsItems .innerItemLine .link {margin-top: 16px;}

.innerItemLine--unicode > div:last-child {display: none !important;}

.innerItemLine--unicode > div:first-child {padding-right: 0px !important;}



.innerPersonalServSpares {background-color: #f3f3f3; margin-top: -1px; border-bottom: 1px solid #C4C4C4; padding: 0px 0px 16px; z-index: 2; position: relative;}

.innerPersonalServSpares .innerPersonalServSparesEl:first-child {margin-top: 0px;}

.innerPersonalServSpares .innerPersonalServSparesEl:last-child .innerItemLine:last-child {border-bottom: none;}

.innerPersonalServSpares .innerPersonalServSparesEl:last-child .txt--note {margin-bottom: 16px;}

.txt p b, .txt p strong {font-weight: 600;}

.txt .button {margin-top: 8px;}

.single-70 {width: 70%;}

#topSliderBodyElBodyImg {display: none;}

.padding-120 {padding-top: 120px;} 
.paddingb-120 {padding-bottom: 120px;}
/**/
.innerItemLine--work > div:first-child {display: none !important;}
.innerItemLine--work > div:nth-child(2) {padding-left: 0px !important;}
.innerCatalogItemsEl > div:first-child > img, .blogEl > div:first-child > img {width: 100%; height: auto;}
.innerItemLine--spare {border-top: none !important; border-bottom: none !important;}
.innerItemLine--spare:first-child {padding-top: 0px !important;}
.blogEl--nopic > div:first-child {display: none !important;}
.blogEl--nopic > div:nth-child(2) {padding-left: 0px !important;}
.blogEl--nopic .blogElDate {left: 0px !important;}
#block6BodyTbl .b6a > svg {display: none;}
/**/
#dformBody {width: 100%;}
.dformBodyEl {width: 80%; margin-top: 24px;}
.dformBodyEl > div {align-items: center;}
.dformBodyEl > div:first-child {width: 320px; padding-right: 0px;}
.dformBodyEl > div:last-child {width: calc(100% - 320px); padding-left: 20px;}
#dformBody .button {margin-top: 40px;}
#dformBody #loader {width: 32px; height: 32px; display: block; float: none; margin-top: 16px;}
#attach_wrp form {width: 100%;}
.attach_bodyEl {width: 100%;}
.attach_bodyEl > div {align-items: center;}
.attach_bodyEl > div:last-child {width: 24px;}
.async_file__del {display: block; width: 24px; height: 24px; cursor: pointer; text-align: center; line-height: 24px; color: red; font-size: 16px; font-weight: 500;}
.attach_bodyEl > div:first-child {width: calc(100% - 24px); padding-right: 20px;}
/*#attach_wrp {width: 100%;}*/
.iti {width: 100% !important;}