/* cyrillic-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: local('Fira Sans Light'), local('FiraSans-Light'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnPKreSxf6TF0.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }*/ /* cyrillic */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: local('Fira Sans Light'), local('FiraSans-Light'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnPKreQhf6TF0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: local('Fira Sans Light'), local('FiraSans-Light'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }*/ /* latin */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: local('Fira Sans Light'), local('FiraSans-Light'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(/templates/default/assets/fonts/firasans/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }*/ /* cyrillic */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(/templates/default/assets/fonts/firasans/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(/templates/default/assets/fonts/firasans/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }*/ /* latin */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(/templates/default/assets/fonts/firasans/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnZKveSxf6TF0.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }*/ /* cyrillic */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnZKveQhf6TF0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }*/ /* latin */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnLK3eSxf6TF0.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }*/ /* cyrillic */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnLK3eQhf6TF0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ /*@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }*/ /* latin */ @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(/templates/default/assets/fonts/firasans/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ------ basic ------ */ *, *::before, *::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);} body.ios, body.ios *{cursor: pointer;} button::-moz-focus-inner{border: none;} input[type=text], input[type=number], input[type=search], textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none;} input::-ms-clear{display: none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;appearance: none; margin: 0;} input[type="number"] { -moz-appearance: textfield;} img{border: none;} .touch *{outline: none;} article, aside, nav, main, section, header, footer{display: block;} html, body{margin: 0; padding: 0;} body{color: #252525; background-color: #fff; font: 300 15px/23px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; position: relative; min-height: 100vh; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: hidden;} ::-moz-selection{background: #147e4b; color: #fff;} ::selection{background: #147e4b; color: #fff;} /* --- хак, чтобы карта не загораживала контент --- */ .leaflet-pane, .leaflet-control,.leaflet-top, .leaflet-bottom { z-index: 1 !important; } /* --- документы для скачивания внизу страницы для мобильной версии --- */ .mobi-link {display:none!important;} .feedback-link {display:none!important;} #sticky { position: sticky; top: 20px; left: 10px; padding: 20px; background: red; color: #000; } /* --- colors --- */ .c-black{color: #252525 !important;} .c-white{color: #fff !important;} .c-gray-dark{color: #707070 !important;} .c-red{color: #d96e6e !important;} .bg-gray{background: #e1e1e1;} .w100_vip{ width: 100%; margin-bottom: 5px; cursor: pointer; } /* --- text --- */ h1, .h1{font-size: 44px; font-weight: 400; line-height: 54px; margin: 0px 0;} h2, .h2{font-size: 28px; font-weight: 400; line-height: 35px; margin: 0px 0;} h3, .h3{font-size: 22px; font-weight: 400; line-height: 30px; margin: 0px 0;} h4, .h4{font-size: 18px; font-weight: 500; line-height: 28px; margin: 0px 0;} h5, .h5{font-size: 15px; font-weight: 500; line-height: 23px; margin: 0px 0;} h6, .h6{font-size: 15px; font-weight: 500; line-height: 23px; margin: 0px 0;} strong, .strong{font-size: 20px; line-height: 32px; font-weight: 500;} .strongText{font-weight: 500;} small, .small{font-size: 12px; line-height: 16px;} .center{text-align: center; } .red {color:#f00;} p{margin: 20px 0;} b{font-weight: 500;} q{font-size: inherit; font-weight: inherit; font-style: italic;} q::before{content: open-quote;} q::after{content: close-quote;} ul, ol, li{list-style: none; padding: 0; margin: 0;} figure, figcaption{padding: 0; margin: 0;} a, .link{color: #147e4b; cursor: pointer; border-bottom: 1px solid rgba(69,167,62,.6); text-decoration: none; -webkit-transition: .2s; transition: .2s; outline: none;} .no-touch a:hover, .no-touch .link:hover{color: #45a73e;} .cur{border-bottom: none;}/*стиль для активной страницы РІ РїРѕРёСЃРєРµ РїРѕ сайту*/ /*a:focus{outline: 1px dotted; }*/ .black-title a{color: #414141; border-color: 1px solid rgba(69,167,62,.6); } .black-title a:hover{color: #3e5333; border-color: 1px solid rgba(69,167,62,.6)} .white-title a {color: #fff; border-color: rgba(255,255,255,.4); } .white-title a:hover {color:#f3f3f3; border-bottom: 1px solid rgba(221, 221, 221, 0.6);} .white-link a{color: #252525; border-bottom: none;} .white-link a:hover{color: #252525; border-bottom: 1px solid rgba(69,167,62,.6);} /*h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {color: #252525; border-bottom: none; cursor: pointer;} .no-touch h1>a:hover, .no-touch h2>a:hover, .no-touch h3>a:hover, .no-touch h4>a:hover, .no-touch h5>a:hover, .no-touch h6>a:hover {color: #252525; border-bottom: 1px solid rgba(69,167,62,.6);}*/ .link--w-arrow{padding-right: 15px; border-width: 0;} .link--w-arrow .svg-icon{margin-right: -15px; margin-left: 8px;} .no-touch .link--w-arrow:hover .svg-icon{-webkit-animation: btn-arrow-hover .4s ease-in-out .1s;animation: btn-arrow-hover .4s ease-in-out .1s;} .link--w-icon{padding-right: 25px; border: none;} .link--w-icon .svg-icon{margin-right: -25px; margin-left: 8px;} .link--gray{color: #707070;} .visually-impaired-icon { vertical-align: middle; } .link--undecorated{text-decoration: none; border-width: 0;} .link--undecorated .link__text{border-bottom: 1px solid; border-color: inherit;} .link__badge{vertical-align: middle;} .valign__top{vertical-align: top !important;} .link--back{position: relative; padding-left: 33px; display: inline-block; vertical-align: top;} .link--back::before, .link--back::after{content: ''; position: absolute; left: 0;} .link--back::before{top: 12px; border-top: 1px solid; width: 22px;} .link--back::after{top: 10px; width: 5px; height: 5px; border-left: 1px solid; border-bottom: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .blackout{color: #fff;} .blackout a, .blackout .link{color: #fff; border-color: rgba(255,255,255,.4);} .blackout a:hover, .blackout .link:hover{color: #fff; opacity: .7;} hr{border: none; border-top: 1px solid #d4d4d4; margin: 0;} .hr--null{margin: 0;} .hr--lg{margin: 50px 0;} .cookie-disclaimer { background-color:#fff; box-shadow:0 19px 38px 0 #00143c,0 15px 12px 0 #00143c; color:#000; display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:11px; margin:0 auto; max-width: 1180px; z-index:120; } @media only screen and (max-width:768px) { .cookie-disclaimer { -ms-flex-direction:column; flex-direction:column } .adaptive-lady-main-text{ display: block!important; } } .cookie-holder { bottom:0; position:fixed; width:100%; z-index:120; display: none; } @media only screen and (max-width:1025px) { .cookie-holder { bottom:10px } } .list-custom-styles { text-align: justify; font-size: 18px !important; margin-bottom: 0px; } @media only screen and (max-width:759px) { .list-custom-styles { text-align: justify; font-size: 16px !important; } } .cookie-img { background: url("/templates/default/i/cookie.png") no-repeat; display:block; height:60px; line-height:0; margin:12px; margin-left:20px; min-width: 60px; width: 64px } @media only screen and (max-width:768px) { .cookie-img { display:none } .cookie-button-dis{ width:100% !important; padding-bottom: 5px; } .cookie-main { margin: 12px !important; } } .cookie-main { -ms-flex-direction:column; flex-direction:column; line-height:12px; margin: 12px 8px; } .cookie-main span { display:block } .cookie-title { font-size:12px; font-weight:700; line-height:12px; } .cookie-text { font-size:11px; -webkit-text-size-adjust:100%; margin-top:6px; line-height: 14px; } .cookie-text br { margin-top: 3px; } .cookie-button { background-color:#45a73e; border-radius: 5px; cursor:pointer; line-height:16px; margin:12px; margin-top:0; min-width:124px; padding:10px; color:#fff; } .cookie-button-dis{ text-align: center; color: #545454; border-bottom: none; width: 120px; margin: auto 12px; text-decoration: underline; line-height: 15px; } @media only screen and (min-width:769px) { .cookie-button { margin:auto 5px; width: 220px; box-shadow: 2px 2px 1px #ccc; } } /* Start styles for buttonUP */ #butUp { display: inline-block; width: 50px; height: 50px; border-radius: 50%; text-align: center; border-radius: 4px; position: fixed; bottom: 80px; left: inherit; transition: opacity .2s; -moz-opacity: 0; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */ opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ visibility: hidden; z-index: 1000; } #butUp.show:hover { cursor: pointer; -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */ -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */ opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } #butUp.show { -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ visibility: visible; } #butUp.noFixed { position: absolute; } /* End styles for buttonUP */ .coins-list { padding-top: 10px; } .coins-list span { font-weight: 400; } .coins-list ul{margin: 0 0 0 5px; counter-reset: list;} .coins-list ul > li::before{content: ''; position: absolute; top: 11px; left: 0; width: 12px; border-top: 1px solid;} .coins-list li{padding-left: 15px; position: relative; margin-bottom: 0;} .text-guide--lg{font-size: 19px; line-height: 30px; margin-top: 30px;} .text-guide h1{margin: 30px 0;} .text-guide h2{margin: 50px 0 25px;} .text-guide h3{margin: 30px 0 20px;} .text-guide h4{margin: 30px 0 20px;} .text-guide h5{margin: 20px 0 10px;} .text-guide h5 + p, .text-guide h5 + ul, .text-guide h5 + ol{margin-top: 10px;} .text-guide small{ display: inline-block; vertical-align: middle; line-height: 20px;} .text-guide strong{margin: 10px 0;} /*.text-guide strong{display: block; margin: 10px 0;}*/ /*.text-guide img{display: block; margin: 24px 0; max-width: 100%; height: auto;} */ .text-guide td img{display: block; margin: 24px 0; max-width: none; height: auto;} .text-guide :not(a)>img{display: inline; margin: 24px 0; max-width: 100%; height: auto;} .text-guide img:first-child{margin-top: 0;} .text-guide img:last-child{margin-bottom: 0;} .text-guide ul, .text-guide ol{margin: 20px 0 20px 20px; /*counter-reset: list;*/} .text-guide ul ul, .text-guide ul ol, .text-guide ol ul, .text-guide ol ol{margin-top: 12px; margin-left: 0;} .text-guide li{padding-left: 25px; position: relative; margin-bottom: 12px;} .text-guide li:last-child{margin-bottom: 0;} .text-guide ul > li::before{content: ''; position: absolute; top: 11px; left: 0; width: 12px; border-top: 1px solid;} .text-guide ol > li{counter-increment: list;} .text-guide ol ol > li{padding-left: 40px;} .text-guide ol ol ol > li{padding-left: 55px;} .text-guide ol > li::before{content: counters(list, '.'); position: absolute; top: 0; left: 0; font-weight: 700; color: #147e4b;} .text-guide--lg ul > li::before{top: .8em; border-top: 2px solid #147e4b;} .text-guide figure, .figure{margin: 1.33em 0;} .text-guide figure .slider, .figure .slider{margin: 0;} .text-guide figure{display: table; width: 100%; table-layout: fixed;} .text-guide figure img, .figure img{float: none; margin: 0;} .text-guide figcaption, .figcaption{display: table-caption; caption-side: bottom; font-size: 15px; line-height: 23px; color: #707070; font-weight: 300; padding: 10px 0; clear: both;} .text-guide figcaption:first-child, .figcaption:first-child{padding-top: 0;} .text-guide figcaption:last-child, .figcaption:last-child{padding-bottom: 0;} .text-guide img[align="left"], .text-guide figure[align="left"]{max-width: 100%; float: left; margin-right: 50px; margin-top: 0;} .text-guide img[align="right"], .text-guide figure[align="right"]{max-width: 100%; float: right; margin-left: 50px; margin-top: 0;} .text-guide .slider img{float: left; width: 100%;} .text-guide .slider img, .text-guide .slider figure{margin: 0;} .table-scroller{overflow: auto; max-width: 100%; margin: 20px 0;} .table-scroller table{width: 100%; border-collapse: collapse; margin: 20px 0;} .table-scroller th, .table-scroller td{vertical-align: top; padding: 10px 15px; border: 1px solid #d4d4d4; text-align: left;} .table-scroller td{font-weight: 300;} .table-scroller th, .table-scroller thead td{font-weight: 400;} .table-scroller thead{color: #fff; background-color: #147e4b;} .table-scroller tbody th{background-color: #ccead9; padding: 5px 15px;} .table-scroller tr{-webkit-transition: .2s;transition: .2s;} .table-scroller tbody tr:hover{background-color: #f7f7f7;} .table-center-a { text-align: -webkit-center!important; text-align: -moz-center!important; border: #fff0!important; padding: 0!important; } .table-no-hover tr:hover{background-color: #fff0!important;} .miniTable { font-size: 15px; line-height: 20px; } .miniTable td, .miniTable th{ padding: 7px 9px; } .midiTable { font-size: 17px; line-height: 22px; } .midiTable td, .midiTable th{ padding: 8px 10px; } .maxiTable { font-size: 18px; line-height: 25px; } .maxiTable td, .maxiTable th{ padding: 10px 12px; } #vishnu-button{ right: 65px !important; } .miniFont {font: 300 15px/23px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; position: relative;} .th-sort{position: relative; cursor: pointer; padding-right: 25px;} .text-guide .th-sort{padding-right: 25px;} .th-sort::before, .th-sort::after{content: ''; position: absolute; top: 20px; right: 10px; border: 4px solid transparent; opacity: .5; -webkit-transition: .15s; transition: .15s;} .th-sort::before{border-top: none; border-bottom-color: currentColor; margin-top: -4px;} .th-sort::after{border-bottom: none; border-top-color: currentColor; margin-top: 4px;} .no-touch .th-sort:hover::before, .no-touch .th-sort:hover::after{opacity: 1;} .th-sort--up::after{visibility: hidden;} .th-sort--up::before{margin-top: 0;} .th-sort--down::before{visibility: hidden;} .th-sort--down::after{margin-top: 0;} .text-guide dt { font-size: 22px; font-weight: 400; line-height: 30px; } .text-guide blockquote, .blockquote{margin: 45px 0 15px; padding: 15px 25px 17px; border-left: 4px solid; font-style: italic; background: #f7f7f7; border-color: #d4d4d4;} .text-guide .blockquote--primary, .blockquote--primary{background: #ccead9; color: #252525; border-color: #147e4b;} .text-guide blockquote + blockquote, .text-guide h1 + blockquote, .blockquote + .blockquote, .text-guide h1 + blockquote, h1 + .blockquote, .text-guide h2 + blockquote, h2 + .blockquote, .text-guide h3 + blockquote, h3 + .blockquote{margin-top: 20px;} .text-guide .select-list{margin: 4px 0 0;} h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, p:first-child, ul:first-child, ol:first-child, table:first-child, blockquote:first-child{margin-top: 0;} h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child, blockquote:last-child{margin-bottom: 0;} /* --- grid --- */ .grid, .col{display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .grid{font-size: 0; width: 100%;} .grid--free{display: inline-block;} .col{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; font-size: 15px;} .col--free{display: inline-block;} .col--center{-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;} .col--bottom{-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;} .grid--default{margin: 0 -15px -30px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .grid--default .col{padding: 0 15px 30px;} .col-lg-1{width: 8.333%;} .col-lg-2{width: 16.666%;} .col-lg-3{width: 25%;} .col-lg-4{width: 33.33%;} .col-lg-5{width: 41.666%;} .col-lg-6{width: 50%;} .col-lg-7{width: 58.333%;} .col-lg-8{width: 66.666%;} .col-lg-9{width: 75%;} .col-lg-10{width: 83.333%;} .col-lg-11{width: 91.666%;} .col-lg-12{width: 100%;} .order-lg-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-lg-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-lg-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-lg-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-lg-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-lg-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-lg-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-lg-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-lg-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-lg-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-lg-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-lg-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} /* --- buttons --- */ button{border: none; background: transparent; outline: none; font-family: 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif;} .btn{display: inline-block; vertical-align: middle; border: none; -webkit-border-radius: 5px; border-radius: 5px; height: 40px; padding: 8px 15px 8px 20px; outline: none; position: relative; background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset, 0px -2px 0px #45a73e inset, 0px 2px 5px rgba(69,167,62,.2); box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset, 0px -2px 0px #45a73e inset, 0px 2px 5px rgba(69,167,62,.2); color: #147e4b; font-size: 15px; font-weight: 500; line-height: 24px; text-overflow: ellipsis; text-align: center; text-decoration: none; overflow: hidden; white-space: nowrap; -webkit-transition: .2s; transition: .2s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .btn_2rows {height: 70px; } .btn__arrow, .btn__text, .btn__icon{position: relative; z-index: 2; margin-right: 5px;} .btn__icon{margin-top: -2px;} .btn__arrow, .btn__arrow.svg-icon{margin-left: 5px; vertical-align: baseline; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: inherit; transition: inherit;} .btn::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 2px; background: rgba(69,167,62,.2); -webkit-transition: .3s; transition: .3s; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transform: translate3d(0,0,0) scaleX(0); transform: translate3d(0,0,0) scaleX(0); -webkit-transform-origin: top left; transform-origin: top left; opacity: 0;} .btn::after, .select::after, .select-list li::after{content: ''; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 4px; border: 1px dashed rgba(0,0,0,.6); -webkit-border-radius: 4px; border-radius: 4px; opacity: 0; pointer-events: none; -webkit-transition: .2s; transition: .2s;} /*.no-touch .btn:hover{color: #147e4b;}*/ .no-touch .btn:hover .btn__arrow{-webkit-animation: btn-arrow-hover .4s ease-in-out .15s;animation: btn-arrow-hover .4s ease-in-out .15s;} .no-touch .btn:hover::before{-webkit-transform: translate3d(0,0,0) scaleX(1);transform: translate3d(0,0,0) scaleX(1); opacity: 1;} .no-touch .btn:focus::after{opacity: 1;} .no-touch .btn:active, .btn:active{color: #147e4b; -webkit-box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset; box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset;} .btn:active::before{bottom: 0;} .btn.btn:disabled, .btn.btn.disabled, .no-touch .btn.btn:disabled, .no-touch .btn.btn.disabled{color: #d4d4d4; -webkit-box-shadow: 0 0 0 1px rgba(212,212,212,.5) inset, 0px -2px 0px #d4d4d4 inset; box-shadow: 0 0 0 1px rgba(212,212,212,.5) inset, 0px -2px 0px #d4d4d4 inset; cursor: default; background: #fff;} .btn.btn:disabled::before, .btn.btn.disabled::before{display: none;} .btn--primary{color: #fff !important; background-color: #00943f; -webkit-box-shadow: 0px -2px 0px #147e4b inset, 0px 2px 5px rgba(69,167,62,.3); box-shadow: 0px -2px 0px #147e4b inset, 0px 2px 5px rgba(69,167,62,.3);} .btn--primary::before{background: #45a73e;} .btn--primary::after{border-color: rgba(255,255,255,.7);} .no-touch .btn--primary:hover{color: #fff;} .no-touch .btn--primary:active, .btn--primary:active{color: #fff; -webkit-box-shadow: none; box-shadow: none;} .btn--primary-alt{color: #fff; background-color: #196eb7; -webkit-box-shadow: 0px -2px 0px #1c507d inset, 0px 2px 5px rgba(0,76,141,.3); box-shadow: 0px -2px 0px #1c507d inset, 0px 2px 5px rgba(0,76,141,.3);} .btn--primary-alt::before{background: rgba(255,255,255,.2);} .btn--primary-alt::after{border-color: rgba(255,255,255,.7);} .no-touch .btn--primary-alt:hover{color: #fff;} .no-touch .btn--primary-alt:active, .btn--primary-alt:active{color: #fff; -webkit-box-shadow: none; box-shadow: none;} .btn--sec-alt{color: #fff; background-color: #576374; -webkit-box-shadow: 0px -2px 0px #252525 inset, 0px 2px 5px rgba(0,76,141,.3); box-shadow: 0px -2px 0px #252525 inset, 0px 2px 5px rgba(0,76,141,.3);} .btn--sec-alt::before{background: rgba(255,255,255,.2);} .btn--sec-alt::after{border-color: rgba(255,255,255,.7);} .no-touch .btn--sec-alt:hover{color: #fff;} .no-touch .btn--sec-alt:active, .btn--sec-alt:active{color: #fff; -webkit-box-shadow: none; box-shadow: none;} .btn--green-alt{color: #fff; background-color: #00943f; -webkit-box-shadow: 0px -2px 0px #007d0d inset, 0px 2px 5px rgba(0,76,141,.3); box-shadow: 0px -2px 0px #007d0d inset, 0px 2px 5px rgba(0,76,141,.3);} .btn--green-alt:hover{color: #fff; cursor: default;} .btn--light{color: #252525; font-weight: 300; -webkit-box-shadow: 0px 0px 0px 1px #d4d4d4 inset; box-shadow: 0px 0px 0px 1px #d4d4d4 inset; background: transparent;} .btn--light::after{bottom: 3px;} .btn--light::before{display: none;} .no-touch .btn--light:hover{-webkit-box-shadow: 0 0 0 1px #00943f inset;box-shadow: 0 0 0 1px #00943f inset; color: #00943f;} .no-touch .btn--light:hover .svg-icon{color: #00943f;} .no-touch .btn--light:active, .btn--light:active{-webkit-box-shadow: 0 0 0 1px #00943f inset;box-shadow: 0 0 0 1px #00943f inset; background: #00943f; color: #fff;} .no-touch .btn--light:active .svg-icon, .btn--light:active .svg-icon{color: #fff;} .btn--light.btn--light:disabled{cursor: default; color: #707070; background: transparent;} .btn--light.btn--light:disabled .svg-icon{color: #707070;} .btn--light-active, .no-touch .btn--light-active:hover, .no-touch .btn--light-active:active, .btn--light-active:active{color: #fff; background: #147e4b; -webkit-box-shadow: none; box-shadow: none; cursor: default;} .btn--light .svg-icon{color: #ababab; -webkit-transition: .2s; transition: .2s;} .btn--fav{color: #d4d4d4; -webkit-box-shadow: 0 0 0 1px rgba(212,212,212,.5) inset, 0px -2px 0px #d4d4d4 inset; box-shadow: 0 0 0 1px rgba(212,212,212,.5) inset, 0px -2px 0px #d4d4d4 inset;} .btn--fav::before{background: rgba(244,156,28,.2);} .no-touch .btn--fav:hover{color: #707070;} .no-touch .btn--fav:active, .btn--fav:active{color: #707070; -webkit-box-shadow: 0 0 0 1px rgba(212,212,212,.5) inset; box-shadow: 0 0 0 1px rgba(212,212,212,.5) inset;} .btn--fav.active, .no-touch .btn--fav.active{color: #f49c1c;} .btn--lg{height: 50px; padding: 13px 25px 13px 30px; margin-bottom: 5px;} .btn--lg .btn__arrow{margin-left: 5px;} .btn--sm{height: 30px; padding: 3px 8px 3px 13px; font-weight: 400;} .btn--sm .btn__arrow{margin-left: 0px;} .btn--sm.btn--light{font-weight: 300;} .btn--sq{padding-left: 5px; padding-right: 0; width: 40px;} .btn--sq.btn--lg{width: 50px;} .btn--sq.btn--sm{width: 30px;} .btn--sq.btn--i10s{width: 80px;} .btn--sq.btn--i10s .btn__icon{margin-right: 0;} .btn--round{-webkit-border-radius: 50%;border-radius: 50%;} .btn--round::after{-webkit-border-radius: 50%;border-radius: 50%;} .btn--block{display: block; width: 100%;} .btn--full{height: auto; line-height: 1.25;} .btn--i10s{display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; min-height: 80px; padding: 18px 20px; text-align: left; white-space: normal; color: #252525; font-weight: 300; font-size: 20px; line-height: 32px;} .btn--i10s .btn__icon{max-width: 40px; max-height: 40px; vertical-align: middle; margin: -4px 15px -4px 0;} .btn--i10s .btn__text{display: inline-block; max-width: -webkit-calc(100% - 67px); max-width: calc(100% - 67px); vertical-align: top;} .btn--i10s .btn__icon.svg-icon{width: 40px; height: 40px;} .btn--soc{color: #ababab;} @-webkit-keyframes btn-arrow-hover { 0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 50%{-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);} 100%{-webkit-transform: translate3d(0px,0,0);transform: translate3d(0px,0,0);} } @keyframes btn-arrow-hover { 0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 50%{-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);} 100%{-webkit-transform: translate3d(0px,0,0);transform: translate3d(0px,0,0);} } /* --- input --- */ ::-webkit-input-placeholder{color: #707070; font: 300 15px/24px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; -webkit-transition: color .2s, -webkit-transform .2s; transition: color .2s, -webkit-transform .2s; transition: color .2s, transform .2s; transition: color .2s, transform .2s, -webkit-transform .2s;} ::-moz-placeholder{color: #707070; font: 300 15px/24px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; -webkit-transition: color .2s, -webkit-transform .2s; transition: color .2s, -webkit-transform .2s; transition: color .2s, transform .2s; transition: color .2s, transform .2s, -webkit-transform .2s;} :-ms-input-placeholder{color: #707070; font: 300 15px/24px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; -webkit-transition: color .2s, -webkit-transform .2s; transition: color .2s, -webkit-transform .2s; transition: color .2s, transform .2s; transition: color .2s, transform .2s, -webkit-transform .2s;} ::placeholder{color: #707070; font: 300 15px/24px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; -webkit-transition: color .2s, -webkit-transform .2s; transition: color .2s, -webkit-transform .2s; transition: color .2s, transform .2s; transition: color .2s, transform .2s, -webkit-transform .2s;} input, textarea, select{font: 300 15px/24px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; color: #252525;} .text-input, .select{display: block; width: 100%; max-width: 100%; background: #fff; border: none; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 15px; font-size: 15px; line-height: 24px; height: 40px; color: #252525; border: 1px solid #d4d4d4; outline: none; -webkit-transition: .2s; transition: .2s; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .text-input--sm, .select--sm, .switch-select--sm .select, .text-span--sm{height: 30px; padding: 3px 15px;} .switch-select--sm .btn{height: 30px; padding: 3px 10px 3px 15px;} .select--sm .select-chevron.select-chevron, .switch-select--sm .select-chevron.select-chevron{bottom: 13px;} .text-input--light, .select--light{background: transparent;} textarea.text-input{height: 132px; resize: vertical; padding: 8px 15px;} .no-touch .text-input:hover, .no-touch .select:hover{-webkit-box-shadow: 0 0 0 1px #00943f inset;box-shadow: 0 0 0 1px #00943f inset;} .no-touch .text-input:focus, .text-input:focus, .no-touch .select.open, .select.open{-webkit-box-shadow: 0 0 0 1px #00943f inset, 0px 2px 5px rgba(0,148,63,.3);box-shadow: 0 0 0 1px #00943f inset, 0px 2px 5px rgba(0,148,63,.3);} .form-error .text-input, .form-error .select{-webkit-box-shadow: 0 0 0 1px #d96e6e inset;box-shadow: 0 0 0 1px #d96e6e inset;} .form-error .block-error {border: 1px solid #d96e6e;} .form-error .text-input:hover, .form-error .select:hover{-webkit-box-shadow: 0 0 0 1px #d96e6e inset;box-shadow: 0 0 0 1px #d96e6e inset;} .form-error .text-input:focus, .form-error .select.open{-webkit-box-shadow: 0 0 0 1px #d96e6e inset, 0px 2px 5px rgba(217,110,110,.4);box-shadow: 0 0 0 1px #d96e6e inset, 0px 2px 5px rgba(217,110,110,.4);} /*.form-error .text-input{ border-style: solid; border-color: rgb(255, 0, 0); border-width: 1px; }*/ /* --- one line form --- */ .one-line-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .one-line-form .one-line-form__input { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; z-index: 2; } .one-line-form .one-line-form__btn { margin-left: -4px; z-index: 2; } /* --- selects --- */ .select{display: inline-block; cursor: pointer; position: relative; text-align: left; vertical-align: top; padding-right: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .select.disabled, .select:disabled{cursor: default; background-color: #f7f7f7;} .select select{display: none;} .select:focus::after{opacity: 1;} .touch .select select{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; padding: 0; width: 100%; height: 100%; z-index: 10;} .no-touch select.js-select{opacity: 0;} .select-chevron.select-chevron{position: absolute; right: 12px; bottom: 18px; width: 8px; height: 8px; margin: -5px 0 0 -4px; border-left: 2px solid; border-bottom: 2px solid; -webkit-transform: rotate(-45deg) scale(.75); transform: rotate(-45deg) scale(.75); -webkit-transition: .2s; transition: .2s;} .no-touch .select:hover{border-color: #919191;} .select.open.open{border-color: #919191; z-index: 20;} .select.open .select-chevron.select-chevron{-webkit-transform: translateY(2px) rotate(135deg) scale(.75);transform: translateY(2px) rotate(135deg) scale(.75);} .form-error .select{border-color: rgba(230,60,47,.3);} .form-error .select:hover, .form-error .select.open{border-color: rgba(230,60,47,.6);} .select-value, .select-placeholder{display: inline-block; vertical-align: top; max-width: 100%; overflow: hidden; color: #252525; display: block; pointer-events: none; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: .2s; transition: .2s;} .select-placeholder{color: #707070; margin-bottom: -24px; opacity: 0; -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); -webkit-transform-origin: center top; transform-origin: center top;} .select-value{-webkit-transform-origin: center bottom;transform-origin: center bottom;} .select.placeholder-state .select-value{opacity: 0; -webkit-transform: translate3d(0,6px,0); transform: translate3d(0,6px,0);} .select.placeholder-state .select-placeholder{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .select.placeholder-state .select-list li.active{color: #252525; cursor: pointer; background: rgba(0,0,0,0); cursor: pointer;} .select-list{position: absolute; top: 100%; left: 0; min-width: 100%; max-height: 180px;; width: inherit; margin-top: 4px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); background-color: #fff; -webkit-transition: .2s; transition: .2s; opacity: 0; z-index: 3; visibility: hidden; overflow: auto; -webkit-transform-origin: center top; transform-origin: center top; cursor: default; -webkit-transform: scaleY(0); transform: scaleY(0);} .select-list li{padding: 3px 15px; font-size: 15px; font-weight: 300; line-height: 24px; color: #252525; cursor: pointer; background: rgba(0,0,0,0); -webkit-transition: .1s; transition: .1s; outline: none; position: relative;} .select-list li::after{-webkit-border-radius: 0;border-radius: 0;} .no-touch .select-list li:hover, .select.placeholder-state .select-list li.active:hover{color: #252525; outline: none; background: #ccead9;} .no-touch .select-list li:focus::after{opacity: 1;} .no-touch .select-list li.active::after{border-color: rgba(255,255,255,.7);} .select-list li.active, .select-list li.active:hover{color: #fff; background: #00943f; cursor: default;} .select-list li.disabled, .select-list li.disabled:hover{color: rgba(0,0,0,.5); cursor: default; pointer-events: none; text-decoration: line-through;} .select.open .select-list{-webkit-transform: scaleY(1);transform: scaleY(1); opacity: 1; visibility: visible;} .text-guide .select-list li{padding-left: 15px; margin: 0;} .text-guide .select-list li::before{display: none;} .select--block{display: block; width: 100%;} .select--multiple .select-list li{padding-left: 42px;} .select--multiple .select-list li::after{display: none;} .select--multiple .select-list .checkbox-row__visual{position: absolute; left: 14px; top: 5px;} .select--multiple .select-list li.active{background: rgba(0,0,0,0); color: #252525; cursor: pointer;} .select--multiple .select-list li.active:hover{background: #ccead9;} .select--multiple .select-list li.active .checkbox-row__visual{background: #00943f; border-color: #00943f;} .select--multiple .select-list li.active .checkbox-row__visual::before{-webkit-transform: rotate(-45deg) scale(1);transform: rotate(-45deg) scale(1); opacity: 1;} .select--multiple .select-list li:focus .checkbox-row__visual::after{opacity: 1;} /* --- rich text input --- */ .rich-text-input{display: block; position: relative;} .rich-text-input__label{position: absolute; top: 13px; left: 15px; right: 0; font-size: 15px; line-height: 24px; font-weight: 300; color: #707070; -webkit-transition: .2s; transition: .2s; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; pointer-events: none; cursor: text;} .rich-text-input__line{position: absolute; bottom: 0; height: 2px; width: 100%; background-color: #30a62a; pointer-events: none; cursor: text; -webkit-transition: .2s; transition: .2s; -webkit-transform: translate3d(0,0,0) scaleX(0); transform: translate3d(0,0,0) scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .rich-text-input__input{height: 50px; padding-top: 20px; padding-bottom: 4px;} .rich-text-input__input:focus ~ .rich-text-input__label, .rich-text-input.active .rich-text-input__label{top: 6px; font-size: 12px; line-height: 16px;} .rich-text-input__input::-webkit-input-placeholder{color: rgba(0,0,0,0);} .rich-text-input__input::-moz-placeholder{color: rgba(0,0,0,0);} .rich-text-input__input:-ms-input-placeholder{color: rgba(0,0,0,0);} .rich-text-input__input::placeholder{color: rgba(0,0,0,0);} .rich-text-input__input:focus::-webkit-input-placeholder{color: rgba(0,0,0,.5); -webkit-transition-delay: .2s; transition-delay: .2s;} .rich-text-input__input:focus::-moz-placeholder{color: rgba(0,0,0,.5); transition-delay: .2s;} .rich-text-input__input:focus:-ms-input-placeholder{color: rgba(0,0,0,.5); transition-delay: .2s;} .rich-text-input__input:focus::placeholder{color: rgba(0,0,0,.5); -webkit-transition-delay: .2s; transition-delay: .2s;} .text-input--nobg {background: none;} .form-bright .rich-text-input__label{color: #707070;} .form-error .rich-text-input__label{color: #d96f6e;} /* --- slidable input --- */ .slidable-input{position: relative;} .slidable-input__handle{position: absolute; top: 100%; left: 0; margin-left: -8px; border: 8px solid transparent; border-top: none; border-bottom: 12px solid #01734C; cursor: pointer;} .slidable-input__handle::after{content: ''; position: absolute; top: -4px; left: -12px; bottom: -12px; right: -16px;} .slidable-input__input{background-image: -webkit-gradient(linear, left top, right top, from(#ccead9), to(#ccead9));background-image: -webkit-linear-gradient(left, #ccead9, #ccead9);background-image: linear-gradient(to right, #ccead9, #ccead9); background-repeat: no-repeat; background-position: left top; background-size: 0 100%; -webkit-transition: .2s, background 0s; transition: .2s, background 0s;} /* --- badge --- */ .badge{display: inline-block; vertical-align: middle; padding: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 16px;} .badge--white{background-color: #fff; color: #01734C;} /* --- blocks --- */ .container{max-width: 1600px; margin: 0 auto; padding: 0 40px;} .container--sm{padding: 0 200px;} .container--xs{max-width: 1020px; } .rightMenuMobile {display: none; } .rightMenuDesktop, .visually-impaired {display: block; } /* --- overlay --- */ .overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; background: rgba(0,56,36,.85); opacity: 0; -webkit-transition: .3s, top 0s ease .3s; transition: .3s, top 0s ease .3s; z-index: 100; pointer-events: none;} .overlay.open, .state--main-menu-open .overlay, .state--fixed-nav-open .overlay, .state--mobile-menu-open .overlay, .state--modal-loading .overlay, .state--modal-open .overlay{opacity: 1; visibility: visible; pointer-events: all;} /* --- modal container --- */ .modal-container{visibility: hidden; height: 0; overflow: hidden; pointer-events: none;} /* --- modal --- */ .modal{position: absolute; margin: auto; top: 0; left: 50%; max-width: 96vw; max-width: -webkit-calc(100vw - 20px); max-width: calc(100vw - 20px); width: 520px; padding: 40px; background-color: #fff; color: #252525; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); -webkit-border-radius: 5px; border-radius: 5px; -webkit-transform: translate3d(-50%,300px,0); transform: translate3d(-50%,300px,0); opacity: 0; visibility: hidden; z-index: 100;} .modal--lg{width: 800px;} .modal--xs{width: 360px; padding: 0;} .modal:not(.loading){-webkit-transition: .3s;transition: .3s;} .state--modal-open .modal-container{visibility: visible; overflow: visible; pointer-events: all;} .state--modal-open .modal.open{opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);} .modal__header{margin-bottom: 0px;} .modal__header--tabs { margin: 0;} .modal-content {padding: 40px;} .modal-header-tab {float: left; color: #fff; font-weight: bold; background: #147e4b; padding: 20px 40px; font-size: 15px; cursor: pointer;width: 50%; margin-top: -2px; } .modal-header-tab:first-of-type { -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0;} .modal-header-tab:last-of-type { -webkit-border-radius: 0 6px 0 0px; border-radius: 0 6px 0 0px;} .modal-header-tab.open {background: #fff; color: #000; padding-top: 25px;margin-top: -7px; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;} .modal__title:first-child{margin-top: -10px;} .modal__title{margin-right: 50px;} .modal__close{position: absolute; top: 0; right: 0; padding: 0; width: 45px; height: 45px; background: transparent; color: #707070; cursor: pointer; -webkit-transition: .2s; transition: .2s;} .modal__close::before, .modal__close::after{content: ''; position: absolute; top: 50%; left: 50%; width: 14px; border-top: 3px solid; margin: -1px 0 0 -7px;} .modal__close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .modal__close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .no-touch .modal__close:hover{color: #147e4b;} .modal .form-row{max-width: none;} .modal__close--outer { top:-50px; right: -50px; color: white;} .modal-social-links {padding: 30px 40px; background: #f7f7f7; border-top: 1px solid #e2e2e2; font-size: 15px; color: 252525; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;} .modal-social-links--item { display: inline-block; line-height: 30px;} .modal-social-links--items {padding-left: 15px;} .switched-tabs {display: none;} .switched-tabs.open {display: block;} /* --- top nav --- */ .top-nav{border-bottom: 1px solid #d4d4d4;} .top-nav__row{position: relative;} .top-nav__close{display: none;} /* --- top nav menu --- */ .top-nav-menu{display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -20px -1px 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .top-nav-menu__item{padding: 0 20px 0 0; position: relative;} .top-nav-menu__btn, .top-nav-menu__search{display: inline-block; vertical-align: bottom; color: #707070; -webkit-transition: .2s; transition: .2s;} .top-nav-menu__btn{padding: 7px 0 4px; font-size: 14px; line-height: 20px; border-bottom: 3px solid rgba(255,255,255,0);} .top-nav-menu__btn-text{display: inline-block; vertical-align: middle; font-size: 14px;} .top-nav-menu__search{padding: 9px; margin: 0 -9px; cursor: pointer; line-height: 0;} .top-nav-menu__search-text{display: none;} .top-nav-menu__item--lang{display: none;} .top-nav-menu__item.active .top-nav-menu__btn{border-bottom-color: #147e4b; color: #252525;} .no-touch .top-nav-menu__btn:hover, .no-touch .top-nav-menu__search:hover{color: #45a73e;} .no-touch .top-nav-menu__item.active .top-nav-menu__btn:hover{border-bottom-color: #45a73e;} .top-nav-menu .folded-menu-header{display: none;} .top-nav-menu__container-l2{position: absolute; top: 100%; left: 0; width: 240px; background-color: #fff; z-index: 50; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); -webkit-transition: .3s, left 0s; transition: .3s, left 0s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform: translate3d(0,0,0) scaleY(0); transform: translate3d(0,0,0) scaleY(0); -webkit-transform-origin: top left; transform-origin: top left; padding: 15px 20px;} .top-nav-menu__container-l3{display: none;} .top-nav-menu__menu-l2{-webkit-transition: .3s;transition: .3s;} .top-nav-menu__item-l2{margin-bottom: 4px;} .top-nav-menu__item-l2:last-child{margin-bottom: 0;} .top-nav-menu__btn-l2{display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; font-weight: 300; color: #252525; border: none;} .top-nav-menu__container-l2 .top-nav-menu__btn-text{font-size: 15px;} .no-touch .top-nav-menu__btn-l2:hover{color: #45a73e;} .top-nav-menu__item.open .top-nav-menu__container-l2{-webkit-transform: none;transform: none; -webkit-transform: translate3d(0,0,0) scaleY(1); transform: translate3d(0,0,0) scaleY(1);} .top-nav-menu__item:not(.open) .top-nav-menu__menu-l2{opacity: 0;} @media (min-width: 992px) { .top-nav-menu__item{z-index: 61;} } /* --- top-nav-search --- */ .top-nav-search{position: absolute; top: 0; left: 0; right: 0; opacity: 0; overflow: hidden; visibility: hidden; -webkit-transition: .6s; transition: .6s; background-color: #fff; height: 33px;} .top-nav-search__input, .top-nav-search__input.text-input.text-input{display: block; width: 100%; height: 33px; padding: 0; border: none;} .state--top-search-open .top-nav-search{opacity: 1; visibility: visible;} .top-nav-search__close{position: absolute; top: 0; right: 0; height: 33px; padding: 0; margin: 0; border: none; background-color: #f00; color: #fff; cursor: pointer;} /* --- page header --- */ .page-header__box{display: table; width: 100%;} .page-header__cell-logo, .page-header__cell-menu{display: table-cell; vertical-align: middle; padding: 30px 0;} .page-header__cell-logo{width: 99%; padding-right: 40px;} .page-header__cell-menu{width: 1px;} /* --- page header menu --- */ .page-header-menu{font-size: 0; white-space: nowrap; margin-right: -50px;} .page-header-menu__item{display: inline-block; vertical-align: middle; margin-right: 50px; font-size: 15px;} .page-header-menu__item .dropdown-owner{z-index: 60; padding-bottom: 10px; margin-bottom: -10px;} .page-header-menu__item .dropdown{left: 0;} /* --- complex link --- */ .complex-link{display: inline-block; vertical-align: middle;} .complex-link__btn{display: table; color: #147e4b; -webkit-transition: .2s; transition: .2s; font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .complex-link__cell-icon, .complex-link__cell-number, .complex-link__cell-text, .complex-link__cell-arrow, .complex-link__cell-info{display: table-cell; vertical-align: middle; border: none; color: inherit; -webkit-transition: none; transition: none;} .complex-link__cell-icon, .complex-link__cell-number, .complex-link__cell-ib, .complex-link__online-chat{padding-right: 11px;} .complex-link__cell-number{font-size: 30px; line-height: 40px; font-weight: 500;} .complex-link__alt-title{color: #252525; font-weight: 500; margin-bottom: 4px;} .complex-link__alt-title:last-child{margin-bottom: 0;} .complex-link.open .complex-link__arrow{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .no-touch .complex-link__btn:hover, .no-touch .complex-link__btn:hover > *{color: #45a73e;} /* --- circle w arrow --- */ .circle-w-arrow{display: inline-block; vertical-align: middle; width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; color: #252525; background: #d4d4d4; position: relative; line-height: 0; -webkit-transition: .2s; transition: .2s;} .circle-w-arrow::after{content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-left: 2px solid; border-bottom: 2px solid; -webkit-transform: rotate(-45deg) scale(.75); transform: rotate(-45deg) scale(.75); margin: -5px 0 0 -4px;} /* --- main menu --- */ .main-menu{background: #147e4b; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); position: relative; z-index: 11; -webkit-transition: z-index 0s ease .3s; transition: z-index 0s ease .3s;} .main-menu__row{display: table; width: 100%; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); margin: 0 -1px; border-collapse: collapse;} .main-menu__item{display: table-cell; vertical-align: middle; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15);} .main-menu__btn{display: block; width: 100%; height: 60px; padding: 0 15px; cursor: pointer; -webkit-transition: .2s; transition: .2s; font-size: 0; border: none; color: #fff; background: #147e4b; text-align: center; position: relative; z-index: 10;} .main-menu__btn::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .main-menu__btn::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: -1px; background: #fff; -webkit-transition: .2s; transition: .2s; opacity: 0;} .main-menu__btn-text{display: inline-block; vertical-align: middle; font-size: 15px; line-height: 18px; font-weight: 500; position: relative; z-index: 2;} .main-menu__top-bg{position: absolute; top: -146px; left: 0; right: 0; height: 146px; background: #fff no-repeat center / 0 0; -webkit-transition: .3s; transition: .3s; opacity: 0; visibility: hidden; pointer-events: none;} .main-menu__top-bg::before, .main-menu__top-bg::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .main-menu__top-bg::before{background: inherit; background-size: auto 100%; background-size: cover; opacity: .7;} .main-menu__top-bg::after{background: rgba(0,56,36,.85); opacity: .5;} .main-menu__mobile-bg{display: none;} .main-menu__dd{-webkit-transition: .4s, opacity .2s;transition: .4s, opacity .2s; -webkit-transform-origin: center top; transform-origin: center top;} .main-menu__dd .main-menu-dd__row{-webkit-transition: .2s;transition: .2s; opacity: 0;} .state--main-menu-open .main-menu__dd .main-menu-dd__row{opacity: 1; -webkit-transition: .3s; transition: .3s;} .main-menu__item:not(.open) .main-menu__dd{ -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden;} .state--main-menu-open .main-menu__top-bg{opacity: 1; visibility: visible;} .state--main-menu-open .main-menu__item:not(.open) .main-menu__dd{display: none;} .no-touch .main-menu__btn:hover{background: rgba(0,0,0,.15); color: #fff;} .no-touch.state--main-menu-open .main-menu__btn:hover{color: #fff; background: #147e4b;} .main-menu__item.current .main-menu__btn{background: rgba(0,0,0,.15);} .main-menu__item.open .main-menu__btn, .main-menu__item.open .main-menu__btn:hover{color: #252525; padding-bottom: 4px;} .main-menu__item.open .main-menu__btn::before{opacity: 1; top: -4px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .state--main-menu-open .overlay{-webkit-transition: opacity .3s, top 0s;transition: opacity .3s, top 0s; top: 146px;} .state--main-menu-open .main-menu{z-index: 110; -webkit-transition: z-index 0s; transition: z-index 0s;} .state--main-menu-open .page-header::before{content: ''; position: absolute; top: -34px; left: 0; right: 0; height: 146px; z-index: 120;} .state--main-menu-open .page-header .logo{z-index: 120; -webkit-transition: .3s, z-index 0s; transition: .3s, z-index 0s; color: #fff;} .state--main-menu-open .page-header .logo::after{display: none;} .no-touch.state--main-menu-open .page-header .logo:hover{color: #fff; opacity: .6;} /* --- main menu dd --- */ .main-menu-dd{position: absolute; top: 60px; left: 0; right: 0; background-color: #fff; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); overflow: hidden;} .main-menu-dd__row{display: table; width: 100%; table-layout: fixed; position: relative;} .main-menu-dd__main, .main-menu-dd__aside{display: table-cell; vertical-align: top;} .main-menu-dd__main{padding: 32px 30px 32px 0;} .main-menu-dd__aside{width: 19%; border-left: 1px solid #d4d4d4; padding: 32px 0 32px 30px; position: relative; z-index: 10; background: #f7f7f7; cursor: default;} .main-menu-dd__aside::before{content: ''; position: absolute; top: 0; bottom: 0; left: 100%; margin-left: -1px; min-height: 2000px; width: 50vw; background: #f7f7f7;} .main-menu-dd__aside-btns, .main-menu-dd__aside-links{margin: 30px 0;} .main-menu-dd__aside-links a{color: #252525; border: none;} .main-menu-dd__aside-title{margin: 20px 0;} .main-menu-dd__aside-title + .main-menu-dd__aside-btns, .main-menu-dd__aside-title + .main-menu-dd__aside-links{margin-top: 0;} .main-menu-dd__main h2{margin-bottom: 20px;} /* --- main submenu --- */ .main-submenu, .main-submenu__l2{display: table; width: 100%; table-layout: fixed;} .main-submenu__l1-list, .main-submenu__l1-container, .main-submenu__l2-list, .main-submenu__l2-container{display: table-cell; vertical-align: top;} .main-submenu__l1-list{width: 21%; border-right: 1px solid #d4d4d4; padding: 0 30px 0 0;} .main-submenu__l1-container{padding-left: 30px;} .main-submenu__l2-list{width: 33.33%; padding-right: 30px;} .main-submenu__l3{padding-left: 40px;} .main-submenu .local-article{position: relative; z-index: 2; max-width: 500px; margin-bottom: 70px;} .main-submenu__l3-bg{position: absolute; left: -webkit-calc((100% - 19%) * 0.21 + (100% - (100% - 19%) * 0.21) * 0.26); left: calc((100% - 19%) * 0.21 + (100% - (100% - 19%) * 0.21) * 0.26); right: -webkit-calc(19% + 0.5px); right: calc(19% + 0.5px); top: 0; bottom: 0; background: no-repeat right center / auto 100%; background-size: cover;} .main-submenu__l3-bg::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,.1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.1)); background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,.1));} .main-submenu__l3-btns{position: absolute; bottom: 40px; left: 40px; z-index: 2;} .main-submenu__l3:only-child .main-submenu__l3-bg{left: -webkit-calc((100% - 19%) * 0.21);left: calc((100% - 19%) * 0.21);} .main-submenu__l1-li{margin-bottom: 6px;} .main-submenu__l2-li{margin-bottom: 0px;} .main-submenu__l1-li:last-child, .main-submenu__l2-li:last-child{margin-bottom: 0;} .main-submenu__l1-btn, .main-submenu__l2-btn{display: block; line-height: 23px; -webkit-transition: .0s; transition: .0s; padding: 8px 30px 8px 15px; margin: 0 -30px 0 -15px; position: relative; word-wrap: break-word; overflow: hidden; border: none;} .main-submenu__l1-btn{font-size: 17px; font-weight: 500; color: #147e4b;} .main-submenu__l2-btn{font-size: 15px; font-weight: 400; color: #252525;} .main-submenu__l2-btn--w-status{padding-left: 45px;} .main-submenu__l2-btn-status{position: absolute; left: 15px; top: 50%; width: 20px; height: 20px; margin-top: -10px;} .main-submenu__l1-btn::after, .main-submenu__l2-btn::after{content: ''; position: absolute; top: 50%; right: 15px; width: 5px; height: 5px; margin-top: -2px; border-left: 1px solid; border-bottom: 1px solid; opacity: 0; -webkit-transition: opacity .0s; transition: opacity .0s; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .no-touch .main-submenu__l1-btn:hover{color: #147e4b;} .no-touch .main-submenu__l2-btn:hover{color: #252525;} .no-touch .main-submenu__l1-btn.open, .no-touch .main-submenu__l2-btn.open{background-color: #ccead9; color: #252525;} .no-touch .main-submenu__l1-btn.open::after, .no-touch .main-submenu__l2-btn.open::after{opacity: 1;} .main-submenu__l2:not(.open), .main-submenu__l3:not(.open){display: none;} .main-submenu__l3:only-child{display: block; margin-left: -30px;} /* --- main menu alt grid --- */ .main-menu-alt-grid{display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); vertical-align: top; font-size: 0; margin: 0 -40px;} .main-menu-alt-grid__col{display: inline-block; vertical-align: top; padding: 0 40px; width: 33.33%; border-left: 1px solid #d4d4d4; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;} .main-menu-alt-grid__col:first-child{border-left: none;} .main-menu-alt-grid__group{margin-bottom: 40px;} .main-menu-alt-grid__group:last-child{margin-bottom: 0;} .main-menu-alt-grid__group-title{margin-bottom: 20px; font-size: 16px;} .main-menu-alt-grid__item{margin-bottom: 20px;} .main-menu-alt-grid__link-item{margin-bottom: 12px; font-size: 15px; line-height: 23px;} .main-menu-alt-grid__item:last-shild, .main-menu-alt-grid__link-item:last-child{margin-bottom: 0;} /* --- main menu alt grid item --- */ .main-menu-alt-grid-item{display: table; width: 100%; table-layout: fixed; font-size: 16px; line-height: 23px; -webkit-transition: color .2s; transition: color .2s; color: #252525; border: none;} .main-menu-alt-grid-item__cell-img{display: table-cell; vertical-align: top; width: 90px; padding-right: 20px;} .main-menu-alt-grid-item__cell-img img{display: block; max-width: 100%; max-height: 70px;} .main-menu-alt-grid-item__cell-text{display: table-cell; vertical-align: middle;} .no-touch .main-menu-alt-grid-item:hover{color: #45a73e;} /* --- main menu alt grid link --- */ .main-menu-alt-grid-link{color: #252525; font-size: 16px; line-height: 23px; border: none; text-decoration: none;} /* --- page title --- */ .page-title{margin: 25px 0;} .page-title + .page-section{margin-top: 0;} /* --- breadcrumbs block --- */ .breadcrumbs-block{border-bottom: 1px solid #d4d4d4; padding: 10px 0;} /* --- breadcrumbs --- */ .breadcrumbs{font-size: 0;} .breadcrumbs__item{display: inline-block; vertical-align: top; margin-right: 15px; font-size: 12px; line-height: 16px; position: relative;} .breadcrumbs__item>span{display: inline-block;vertical-align: top;padding: 6px 0;} .breadcrumbs__link{display: inline-block; vertical-align: top; padding: 6px 0; color: #707070; border: none;} .breadcrumbs__link:not(:last-child){margin-right: 20px;} .breadcrumbs__arrow{position: absolute; top: 10.5px; right: 0; color: #707070;} .breadcrumbs__arrow.svg-icon{width: 5px; height: 7px;} .breadcrumbs__link:hover ~ .breadcrumbs__arrow{-webkit-animation: btn-arrow-hover .4s ease-in-out .1s;animation: btn-arrow-hover .4s ease-in-out .1s;} /* --- local article --- */ .local-article__title{margin: 25px 0;} .local-article__subtitle{ display: block; margin-top: -20px; margin-bottom: 20px;} .local-article__info{margin: 20px 0;} .local-article__card{margin: 40px 0;} .local-article__card img{ -webkit-filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5)); filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5));} .local-article__status{margin: 12px 0;} .local-article__status + .local-article__title{margin-top: 0;} .local-article__title + .local-article__text{margin-top: -15px;} .local-article__params{margin: 18px 0; line-height: 0;} .local-article__top-row{display: table; width: 100%; table-layout: fixed;} .local-article__top-row .local-article__title, .local-article__top-row .local-article__info{display: table-cell; vertical-align: bottom;} .local-article__top-row .local-article__info{width: 33%;} .local-article__top-row .local-article__title, .card-list-item .local-article__top-row .local-article__title{width: 66%;} .local-article__top-row .local-article__info .small-i10s{margin-top: -10px;} /* --- medium article --- */ .medium-article{display: table; width: 100%; table-layout: fixed; border: none; color: #252525;} .medium-article__cell-image, .medium-article__cell-main{display: table-cell; vertical-align: top;} .medium-article__cell-image{width: 240px; padding-right: 20px;} .medium-article__cell-image img{display: block; max-width: 100%; -webkit-transition: .2s; transition: .2s;} .medium-article__img-box{display: inline-block; vertical-align: top; max-width: 100%; position: relative; overflow: hidden;} .medium-article__img-box::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(69,167,62,.2); opacity: 0; -webkit-transition: .2s; transition: .2s;} .medium-article .local-article__title .link{color: inherit; border-color: rgba(37,37,37,0);} .no-touch .medium-article:hover{color: #252525;} .no-touch .medium-article:hover .local-article__title .link{color: #45a73e; border-color: rgba(69,167,62,.6);} .no-touch .medium-article:hover .medium-article__img-box::before{opacity: 1;} /* --- article block --- */ .article-block{margin: 40px 0;} /* --- article --- */ .article{margin: 40px 0 70px; position: relative;} .article__status{margin: 10px 0;} .article__aside-link{position: absolute; top: 0; bottom: 0; width: -webkit-calc(50vw - 630px); width: calc(50vw - 630px); padding: 90px 0 0; border: none; color: #147e4b; -webkit-transition: .2s; transition: .2s; opacity: .5;} .article__aside-link .svg-icon{width: 20px; height: 30px; position: -webkit-sticky; position: sticky; top: 90px; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;} .article__aside-link--left{right: 100%; margin-right: 20px; text-align: right; padding-right: 80px;} .article__aside-link--right{left: 100%; margin-left: 20px; text-align: left; padding-left: 80px;} .no-touch .article__aside-link:hover{color: #147e4b; opacity: 1;} .no-touch .article__aside-link--left:hover .svg-icon{-webkit-transform: translate3d(-8px,0,0);transform: translate3d(-8px,0,0);} .no-touch .article__aside-link--right:hover .svg-icon{-webkit-transform: translate3d(8px,0,0);transform: translate3d(8px,0,0);} .back-link-block + .article{margin-top: 0;} /* --- article share --- */ .article-share{font-size: 15px; line-height: 23px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; margin: 20px 0; border-top: 1px solid #d4d4d4;} .article-share__main{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;} .article-share__aside{-webkit-box-flex: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;} /* --- back-link-block --- */ .back-link-block{margin: 28px 0;} /* --- inline form block --- */ .inline-form-block{margin: 30px 0;} /* --- inline form --- */ .inline-form{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .inline-form__label{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto; margin: 0 25px 0 0;} .inline-form__form{-webkit-box-flex: 1000;-webkit-flex: 1000 1 auto;-ms-flex: 1000 1 auto;flex: 1000 1 auto;} .inline-form .form-grid{margin: 0px -5px -10px; width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .inline-form .form-grid__item{padding-left: 5px; padding-right: 5px; margin-bottom: 10px;} /* --- links list --- */ .links-list__item{margin-bottom: 10px;} .links-list__item:last-child{margin-bottom: 0;} .links-list--inline{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px;} .links-list--inline .links-list__item{ display: inline-block; width: 50%; padding: 0 10px; margin-bottom: 20px;} /* --- links row --- */ .links-row{display: inline-block; vertical-align: top; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); margin: 0 -15px -10px; font-size: 0;} .links-row .link, .links-row__item{display: inline-block; vertical-align: top; margin: 0px 15px 10px; font-size: 15px;} .links-row a { display: inline-block; vertical-align: top; margin: 0px 10px 10px; font-size: 15px; } /* --- links strip --- */ .links-strip{margin: 0 -40px -20px 0; font-size: 1px; line-height: 1px; text-align: justify;} .links-strip::after{content: ''; display: inline-block; width: 100%; vertical-align: top;} .links-strip__group{display: inline-block; vertical-align: top; margin: 0 40px 20px 0;} /* --- list title --- */ .list-title{display: table; width: 100%; table-layout: fixed;} .list-title__icon{display: table-cell; vertical-align: top; width: 30px; padding-right: 10px;} .list-title__icon img, .list-title__icon .svg-icon{max-width: 100%;} .list-title__text{display: table-cell; vertical-align: middle;} .dropdown .list-title + ul li{padding-left: 30px;} .dropdown .list-title + ul li::before{margin-left: 4px;} /* --- btn grid --- */ .btn-grid{font-size: 0; margin: 0 -10px -10px 0; display: inline-block; vertical-align: top; width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .btn-grid .btn--block{width: -webkit-calc(100% - 10px);width: calc(100% - 10px);} .btn-grid--lg{margin: 0 -20px -20px 0; width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .btn-grid--lg .btn--block{width: -webkit-calc(100% - 20px);width: calc(100% - 20px);} .btn-grid .btn, .btn-grid__item{display: inline-block; vertical-align: middle; margin: 0 10px 10px 0;} .btn-grid__item{font-size: 15px;} .btn-grid--lg .btn, .btn-grid--lg .btn-grid__item{margin: 0 20px 20px 0;} .btn-grid--noMargin{font-size: 0; margin: 5px 0; display: inline-block; vertical-align: top; width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} /* --- offset btn row --- */ .offset-btn-row{margin: 25px 0;} /* --- hero btn --- */ .hero-btn{text-align: center; margin: 50px 0;} .hero-btn:last-child{margin-bottom: 20px;} /* --- home page section --- */ .home-page-section .container{padding: 0;} /* --- home page grid --- */ .home-page-grid > *:nth-child(1){-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .home-page-grid > *:nth-child(2){-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .home-page-grid > *:nth-child(3){-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .home-page-grid > *:nth-child(4){-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .home-page-grid > *:nth-child(5){-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .home-page-grid > *:nth-child(6){-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .home-page-grid > *:nth-child(7){-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .home-page-grid > *:nth-child(8){-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} /* --- home page block --- */ .home-page-block{padding: 30px 40px 40px; min-height: 240px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 15px; -webkit-transition: opacity .6s ease, -webkit-transform .6s; transition: opacity .6s ease, -webkit-transform .6s; transition: transform .6s, opacity .6s ease; transition: transform .6s, opacity .6s ease, -webkit-transform .6s;} @media (min-width: 1000px) { body:not(.page-loaded) .home-page-block{-webkit-transform: translate3d(-80px,80px,0);transform: translate3d(-80px,80px,0); opacity: 0;} } /* .home-page-block:nth-child(2){-webkit-transition-delay: .3s;transition-delay: .3s;} .home-page-block:nth-child(3){-webkit-transition-delay: .6s;transition-delay: .6s;} .home-page-block:nth-child(4){-webkit-transition-delay: .9s;transition-delay: .9s;} .home-page-block:nth-child(5){-webkit-transition-delay: 1.2s;transition-delay: 1.2s;} .home-page-block:nth-child(6){-webkit-transition-delay: 1.5s;transition-delay: 1.5s;} .home-page-block:nth-child(7){-webkit-transition-delay: 1.8s;transition-delay: 1.8s;} .home-page-block-group .home-page-block:nth-child(1){-webkit-transition-delay: .6s;transition-delay: .6s;} .home-page-block-group .home-page-block:nth-child(2){-webkit-transition-delay: .9s;transition-delay: .9s;} */ .home-page-block:nth-child(2){-webkit-transition-delay: .2s;transition-delay: .2s;} .home-page-block:nth-child(3){-webkit-transition-delay: .4s;transition-delay: .4s;} .home-page-block:nth-child(4){-webkit-transition-delay: .6s;transition-delay: .6s;} .home-page-block:nth-child(5){-webkit-transition-delay: .8s;transition-delay: .8s;} .home-page-block:nth-child(6){-webkit-transition-delay: 1s;transition-delay: 1s;} .home-page-block:nth-child(7){-webkit-transition-delay: 1.2s;transition-delay: 1.2s;} .home-page-block-group .home-page-block:nth-child(1){-webkit-transition-delay: .4s;transition-delay: .4s;} .home-page-block-group .home-page-block:nth-child(2){-webkit-transition-delay: .6s;transition-delay: .6s;} .home-page-block__link, .home-page-block__bg, .home-page-block__bg::before, .home-page-block__bg::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none;} .home-page-block__link--mobile{display: none;} .home-page-block__bg{background: #e8e8e8 no-repeat center / 0 0; z-index: -1; overflow: hidden;} .home-page-block__bg::before{content: ''; background: inherit; background-size: 100% auto; background-size: cover; -webkit-transition: .2s; transition: .2s;} .home-page-block__bg::after{content: ''; background: -webkit-gradient(linear, left top, right top, from(rgba(120, 192, 159, 0.6)), to(rgba(0,180,148,0))); background: -webkit-linear-gradient(left, rgba(120, 192, 159, 0.6), rgba(0,180,148,0)); background: linear-gradient(to right, rgba(120, 192, 159, 0.6), rgba(0,180,148,0));} .home-page-block__title, .home-page-block__links-grid{margin-bottom: 14px; max-width: 470px;} .home-page-block__btn-row{font-size: 0; margin: 15px -10px -10px 0;} .home-page-block__btn-row .btn{margin: 0 10px 10px 0; position: relative; z-index: 2;} .home-page-block__spacer{-webkit-box-flex: 100;-webkit-flex-grow: 100;-ms-flex-positive: 100;flex-grow: 100;} .home-page-block__video{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: opacity .6s; transition: opacity .6s; opacity: 0;} .home-page-block__video.ready{opacity: 1;} .home-page-block .text-input, .home-page-block .select{background: transparent; -webkit-box-shadow: 0 0 0 1px #6d8d77 inset; box-shadow: 0 0 0 1px #6d8d77 inset;} .home-page-block .form-error .text-input, .home-page-block .form-error .select{-webkit-box-shadow: 0 0 0 1px #d96e6e inset;box-shadow: 0 0 0 1px #d96e6e inset;} .home-page-block .form{margin: 30px 0 25px;} .home-page-block .form-grid{margin-bottom: -20px;} .home-page-block .form-grid__item{margin-bottom: 20px;} .home-page-block--lg{padding: 75px 80px; min-height: 480px;} .home-page-block--lg .home-page-block__title{margin-bottom: 28px;} .home-page-block--lg .home-page-block__btn-row{margin-top: 20px;} .home-page-block--md{min-height: 480px;} .home-page-block--bg-2 .home-page-block__bg::after{background: rgba(178,247,183,.6);} .home-page-block--bg-3 .home-page-block__bg::after{background: rgba(221,255,208,.5);} .home-page-block--bg-4 .home-page-block__bg::after{background: rgba(117,224,127,.6);} .home-page-block--bg-5 .home-page-block__bg::after{background: rgba(255,255,255,.2);} .home-page-block--bg-6 .home-page-block__bg::after{background: #147e4b;} .home-page-block--bg-7 .home-page-block__bg::after{background: #00943f;} /*#stoletz .home-page-block__bg::after{ background-image: url(/site_ru/18273/100_1.png); background-repeat: no-repeat; background-position: center; background-size: 80%; }*/ /*.home-page-block--bg-7 .home-page-block__bg::after{background-image: url(/site_ru/18273/100_1.png);background-repeat: no-repeat;background-position: center;background-size: 80%;}*/ .home-page-block--bg-8 .home-page-block__bg::after{background: #45a73e;} .home-page-block--white{color: #fff;} .home-page-block--white .local-header__aside{color: rgba(255,255,255,.5);} .home-page-block--decor .local-page-section{position: relative; z-index: 1;} .home-page-block--decor .home-page-block__bg{z-index: 0; background: transparent no-repeat 105% center; background-size: auto; } .home-page-block--decor .home-page-block__bg:before{ background-size: auto; z-index: 1;} .home-page-block--decor .local-page-section__body{padding-right: 15%;} .home-page-block .links-list a{border-bottom: 1px solid;} .home-page-block .links-list .link--undecorated{border-bottom: none;} .home-page-block--white .links-list a, .home-page-block--white .links-row a, .no-touch .home-page-block--white .links-list .link--undecorated .link__text{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .home-page-block--white .links-list a:hover, .no-touch .home-page-block--white .links-row a:hover{color: #fff; border-color: rgba(255,255,255,.4); opacity: .7;} /* --- page footer --- */ .page-footer{background: #f7f7f7;} .page-footer__top + .page-footer__bottom{margin-top: -1px;} /* --- page footer top --- */ .page-footer-top{border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 40px 0;} /* --- page footer bottom --- */ .page-footer-bottom{border-top: 1px solid #d4d4d4; padding: 30px 0 40px;} .page-footer-bottom__grid{margin: 0 -40px -40px 0;} .page-footer-bottom__col{padding: 0 40px 40px 0; font-size: 12px; line-height: 20px; color: #707070;} .page-footer-bottom__col p{margin: 0;} .page-footer-bottom__col .btn-grid + p{margin-top: 10px;} .page-footer-bottom__col a:not(.btn), .page-footer-bottom__col .link{color: #707070; border-bottom: 1px solid; font-size: 12px;} .page-footer-bottom__col .links-row a{line-height: 16px; margin-top: 4px;} .no-touch .page-footer-bottom__col a:not(.btn):hover{color: #45a73e;} .page-footer-bottom__col--toggle-mode{display: none;} .desktop-mode .page-footer-bottom__col--toggle-mode{display: inline-block;} @media (max-width: 1000px) { .touch .page-footer-bottom__col--toggle-mode{display: inline-block;} } .toggle-site-mode--to-resp{display: none;} .desktop-mode .toggle-site-mode--to-desk{display: none;} .desktop-mode .toggle-site-mode--to-resp{display: block;} /* --- footer logo grid --- */ .footer-logo-grid{display: inline-block; vertical-align: top; font-size: 0; margin: 0 -12px -12px 0;} .footer-logo-grid__item{display: inline-block; vertical-align: middle; margin: 0 12px 12px;} /* --- footer logo --- */ .footer-logo{display: inline-block; vertical-align: middle; max-height: 40px; -webkit-transition: .2s; transition: .2s; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; border: none;} .footer-logo--nbrb{opacity: 1;} .footer-logo img{display: block; max-height: 40px;} .no-touch .footer-logo:hover{opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%);} /* --- land section --- */ .land-section{padding: 80px 0 100px; background: no-repeat center / 100% auto; background-size: cover;} .land-section__title{text-align: center; margin-bottom: 50px;} .land-section__hero-cards{margin: 50px 0 10px;} .land-section__hero-cards img{display: block; margin: 0 auto; max-width: 100%;} /* --- slick slider (lib) --- */ .slick-slider{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%; min-height: 1px; outline: none;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} /* --- main slider --- */ .main-slider{position: relative; background-color: #ababab; z-index: 2;} .main-slider:not(.slick-initialized):not(.main-slider--slides-1){height: 480px; overflow: hidden;} .main-slider--sm:not(.slick-initialized){height: auto;} .main-slider .slick-track{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .main-slider:active .slick-arrow:not(:active){pointer-events: none;} .main-slider .slick-arrow{position: absolute; top: 0; bottom: 0; height: 100%; width: 190px; width: -webkit-calc(50vw - 610px); width: calc(50vw - 610px); padding: 0; cursor: pointer; background: transparent; color: transparent; font-size: 0; z-index: 10;} .main-slider .slick-prev{right: 50%; margin-right: 630px; cursor: w-resize;} .main-slider .slick-next{left: 50%; margin-left: 630px; cursor: e-resize;} .main-slider .slick-arrow .svg-icon{position: absolute; top: 50%; margin-top: -15px; width: 20px; height: 30px; color: #fff; opacity: .5; -webkit-transition: .2s; transition: .2s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5)); filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5));} .main-slider .slick-prev .svg-icon{right: 50px;} .main-slider .slick-next .svg-icon{left: 50px;} .no-touch .main-slider .slick-prev:hover .svg-icon{opacity: 1; -webkit-transform: translate3d(-8px,0,0); transform: translate3d(-8px,0,0);} .no-touch .main-slider .slick-next:hover .svg-icon{opacity: 1; -webkit-transform: translate3d(8px,0,0); transform: translate3d(8px,0,0);} .slick-round-dots.main-slider .slick-dots{bottom: 30px;} .slick-round-dots .slick-dots{position: absolute; bottom: 20px; left: 50%; white-space: nowrap; text-align: center; line-height: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); margin: 0;} .slick-round-dots .slick-dots li{display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin: 5px 5px 0; position: relative; padding: 0;} .slick-round-dots .slick-dots li::before{display: none;} .slick-round-dots .slick-dots button{position: absolute; top: 50%; left: 50%; font-size: 0; line-height: 0; padding: 0; cursor: pointer; overflow: visible; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transition: .2s; transition: .2s; opacity: .5; -webkit-filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5)); filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5)); width: 5px; height: 5px; border: 3px solid #fff; -webkit-border-radius: 50%; border-radius: 50%;} .slick-round-dots .slick-dots button::before{content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px;} .slick-round-dots .slick-dots .slick-active button{width: 10px; height: 10px;} .no-touch .slick-round-dots .slick-dots button:hover{width: 10px; height: 10px; opacity: 1;} .main-slider--slides-1 .slick-dots{display: none !important;} .main-slider--sm .main-slide{min-height: 396px;} /* --- main slide --- */ .main-slide{min-height: 480px; padding: 60px 0; background: #ababab; color: #000; position: relative; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: auto;} .main-slide--dark{color: #fff;} .main-slide__link, .main-slide__bg, .main-slide__bg::before, .main-slide__bg::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none;} .main-slide__bg{background: no-repeat center / 0 0;} .main-slide__bg::before{content: ''; background: no-repeat center / 100% auto; background-size: cover; background-image: inherit;} .main-slide__bg--green{background-color: #15b132;} .main-slide__bg--green::before{width: 61%; left: 39%;} .main-slide__bg--green::after{content: ''; background: url(/local/images/main-slide-bg.svg) no-repeat 0 0 / auto 100%, -webkit-gradient(linear, left top, right top, from(#15b132), color-stop(39%, #15b132), color-stop(90%, rgba(255,255,255,0))); background: url(/local/images/main-slide-bg.svg) no-repeat 0 0 / auto 100%, -webkit-linear-gradient(left, #15b132, #15b132 39%, rgba(255,255,255,0) 90%); background: url(/local/images/main-slide-bg.svg) no-repeat 0 0 / auto 100%, linear-gradient(to right, #15b132, #15b132 39%, rgba(255,255,255,0) 90%);} .main-slide__title, .main-slide__text, .main-slide__btns{max-width: 600px;} .main-slide__labels, .main-slide__title, .main-slide__text{margin: 15px 0;} .main-slide__text{display: block;} .main-slide__btns{margin: 24px 0 0;} .main-slide .btn, .main-slide .btn-grid__item{position: relative; z-index: 2;} .main-slide .container{position: relative;} .main-slide__breadcrumbs{margin: -48px 0 25px;} .main-slide--dark .breadcrumbs__link, .main-slide--dark .breadcrumbs__arrow{color: #fff;} .main-slide--dark .breadcrumbs__link{position: relative; z-index: 3;} .main-slide--dark .link{color: #fff; border-color: rgba(255,255,255,.4);} .main-slide__row{display: table; width: 100%; table-layout: fixed;} .main-slide__main, .main-slide__aside{display: table-cell; vertical-align: top;} .main-slide__aside{padding-left: 40px;} .no-touch .main-slide--dark .breadcrumbs__link:hover, .no-touch .main-slide--dark .link:hover{color: #fff; opacity: .7;} .gradientBW { background: linear-gradient(to right, #000, #bcbcbc); background-clip: border-box; background-clip: border-box; -ms-background-clip: text; -webkit-background-clip: text; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -webkit-text-fill-color: transparent; text-fill-color: transparent; color: transparent; } @media (max-width: 759px) { .main-slide__bg--desktop{display: none;} .no-mobile-menu{display: none;} } @media (max-width: 1080px) { .no-mobile-menu{display: none;} } @media (min-width: 760px) { .main-slide__bg--mobile{display: none;} } @media (min-width: 991px) { .mob_inf { display:none; } } /* --- slider (in text guide) --- */ .slider{margin: 1.33em -0px; position: relative;} .slider *{outline: none;} .slider .slick-arrow{position: absolute; top: 0; bottom: 0; width: 60px; color: #fff; -webkit-transition: .2s; transition: .2s; opacity: .5; z-index: 10; cursor: pointer; -webkit-filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5)); filter: drop-shadow(0px 1px 3px rgba(0,0,0,.5));} .slider .slick-prev{left: 0;} .slider .slick-next{right: 0;} .slider .slick-arrow .svg-icon{position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -10px; width: 20px; height: 30px; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;} .no-touch .slider .slick-arrow:hover{opacity: 1;} .slider .slick-next:hover .svg-icon{-webkit-transform: translate3d(8px,0,0);transform: translate3d(8px,0,0);} .slider .slick-prev:hover .svg-icon{-webkit-transform: translate3d(-8px,0,0);transform: translate3d(-8px,0,0);} /* --- small infographics --- */ .small-i10s{display: inline-block; vertical-align: top; width: -webkit-calc(100% + 25px); width: calc(100% + 25px); font-size: 0; margin: 0 -25px -25px 0;} .small-i10s__item{display: inline-block; vertical-align: top; margin: 0 25px 25px 0;} /* --- small infographics item --- */ .small-i10s-item{padding-left: 12px; border-left: 1px solid #45a73e;} .small-i10s-item small{display: block; font-size: 11px; font-weight: 300; line-height: 23px; text-transform: uppercase;} .small-i10s-item strong{display: block; font-size: 15px; font-weight: 500; line-height: 23px;} .small-i10s-item small:first-child, .small-i10s-item strong:first-child{margin-top: -4px;} .small-i10s-item small:last-child, .small-i10s-item strong:last-child{margin-bottom: -4px;} .small-i10s-item--lg small{font-size: 15px; line-height: 23px; text-transform: none;} .small-i10s-item--lg strong{font-size: 22px; line-height: 30px;} /* --- infographics block --- */ .infographics-block{margin: 80px 0;} /* --- ingographics grid --- */ .i10s-grid{margin: -30px; width: -webkit-calc(100% + 60px); width: calc(100% + 60px);} .i10s-grid__item{padding: 0 30px; margin: 30px 0;} /* --- i10s group --- */ .i10s-group{margin: 90px 0;} /* --- infographics item --- */ .i10s-item{display: table; width: 100%; table-layout: fixed;} .i10s-item__cell-text, .i10s-item__cell-image{display: table-cell; vertical-align: top;} .i10s-item__cell-image{width: 140px; padding-right: 40px;} .i10s-item__cell-image img{display: block; max-width: 100%; max-height: 100px;} .i10s-item__title, .i10s-item__text{margin: 8px 0;} /* --- alt i10s grid --- */ .alt-i10s-grid{width: -webkit-calc(100% + 30px);width: calc(100% + 30px); margin: 0 -15px -30px;} .alt-i10s-grid__item{padding: 0 15px; margin: 0 0 30px;} /* --- alt i10s item --- */ .alt-i10s-item{display: table; width: 100%; table-layout: fixed;} .alt-i10s-item__cell-image{display: table-cell; vertical-align: top; width: 60px; padding-right: 20px;} .alt-i10s-item__cell-image img{display: block; max-width: 100%;} .alt-i10s-item__cell-text{display: table-cell; vertical-align: middle;} .alt-i10s-item__title:first-child{margin-top: -4px;} .alt-i10s-item__title:last-child{margin-bottom: -4px;} /* --- alt i10s block 2 --- */ .alt-i10s-block-2{margin: 40px 0;} /* --- alt i10s grid 2 --- */ .alt-i10s-grid-2{margin: 0 -20px -30px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px);} .alt-i10s-grid-2__item{padding: 0 20px; margin: 0 0 30px;} /* --- alt i10s item 2 --- */ .alt-i10s-item-2{padding-left: 25px;} .alt-i10s-item-2__header{display: table; width: 100%; margin: 18px 0;} .alt-i10s-item-2__header-icon, .alt-i10s-item-2__header-label{display: table-cell; vertical-align: middle;} .alt-i10s-item-2__header-icon{width: 1px; padding-right: 20px;} .alt-i10s-item-2__header-label{width: 99%;} .alt-i10s-item-2__header-icon-box{display: inline-block; vertical-align: middle; width: 60px; height: 60px; border: 1px solid; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 58px; font-size: 40px; margin-left: -25px;} .alt-i10s-item-2__title{margin: 12px 0;} /* --- info card --- */ .info-card{background-color: #fff; color: #252525; padding: 30px 40px 40px;} /* --- inline form card --- */ .inline-form-card{padding: 30px; -webkit-border-radius: 4px; border-radius: 4px; margin: 40px 0;} .inline-form-card .form-row__label{margin-top: -5px;} .inline-form-card .form-row{margin-bottom: 5px;} .inline-form-card--white{background: rgba(255,255,255,.3); color: #fff;} .inline-form-card .form-grid{margin: 0px -10px -10px; width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .inline-form-card .form-grid__item{padding-left: 10px; padding-right: 10px; margin-bottom: 10px;} /* --- dot line list --- */ .dot-line-list__item{margin-bottom: 12px;} .dot-line-list__item:last-child{margin-bottom: 0;} .dot-line-list--compact .dot-line-list__item{margin: 0;} .text-guide .dot-line-list, .text-guide .dot-line-list__item{padding: 0; margin-left: 0;} .text-guide .dot-line-list__item::before{display: none;} /* --- small dot line list --- */ .small-dot-line-list{max-width: 400px;} /* --- dot line row --- */ .dot-line-row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; word-break: break-word;} .dot-line-row__start{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto; font-weight: 500;} .dot-line-row__end{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto; text-align: right;} .dot-line-row__dots{-webkit-box-flex: 1000;-webkit-flex: 1000 1 auto;-ms-flex: 1000 1 auto;flex: 1000 1 auto; min-width: 20px;} .dot-line-row__dots::after{content: ''; display: inline-block; border-top: 1px dotted; width: 100%; opacity: .3;} .dot-line-row--eq .dot-line-row__end, .dot-line-list--eq .dot-line-row__end{width: 50%; text-align: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;} .dot-line-list--light .dot-line-row__start, .dot-line-row--light .dot-line-row__start{font-weight: 300;} /* --- standalone banner --- */ .standalone-banner{margin: 60px 0;} /* --- currency table --- */ .currency-table{width: 100%; border-collapse: collapse;} .currency-table__cell-curr, .currency-table__cell-value{font-size: 15px; line-height: 23px; font-weight: 300; padding: 0 0 10px; text-align: left; vertical-align: top;} .currency-table tr:last-child td{padding-bottom: 0;} .currency-table__cell-value{padding-left: 20px; white-space: nowrap; width: 22%; text-align: right;} .currency-table__cell-value .icon-value-up, .currency-table__cell-value .icon-value-down, .currency-table__cell-value .icon-value-mid{margin-left: 5px; vertical-align: baseline;} .currency-table strong{font-size: inherit; line-height: inherit; font-weight: 500; display: inline; margin-right: 4px;} /* --- page grid block --- */ .page-grid-block{overflow: hidden; margin-bottom: -1px; padding-bottom: 1px;} /* --- page grid --- */ .page-grid{width: -webkit-calc(100% + 81px);width: calc(100% + 81px); margin: 0 -41px -1px -40px; position: relative;} .page-grid::after{content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 2px; background-color: #fff;} .page-grid__item{padding: 40px 70px 40px 40px; border-right: 1px solid #d4d4d4; position: relative; margin-top: -1px;} .page-grid__item.eng{padding: 40px 90px 40px 20px;} .page-grid__item-bg, .page-grid__item-bg::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2;} .page-grid__item-bg{background-size: 0; background-repeat: no-repeat; right: -1px;} .page-grid__item-bg::after{content: ''; background: no-repeat center / 100% auto; background-image: inherit; background-size: cover;} .page-grid__item .local-page-section{position: relative; z-index: 2; margin: -10px 0;} .page-grid__item--aside, .page-grid__item--main{display: block;} .page-grid__item--aside{max-width: 360px;} .page-grid__item--aside .aside-menu:first-child{margin-top: -5px;} .page-grid__item--main{-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;} .page-grid__item--main .page-title:first-child{margin-top: -5px;} .page-grid__item--dark{color: #fff; background-color: #ababab;} .page-grid__item--dark .page-grid__item-bg{z-index: 2;} .page-grid__item--dark .links-list a, .page-grid__item--dark .links-row a{color: #fff; border-color: rgba(255,255,255,.4);} .page-grid__item--dark .block-menu-link{color: #fff;} .page-grid__item--lg{min-height: 400px;} .page-grid__item--sm{min-height: 240px;} .page-grid__item::before, .page-grid__item::after{content: ''; position: absolute; left: -50vw; right: -50vw; height: 1px; background: #d4d4d4;} .page-grid__item::before{top: 0;} .page-grid__item::after{bottom: 0;} .page-grid__item--bg::before, .page-grid__item--bg::after{display: none;} .page-grid__item .page-grid{margin-top: -40px; margin-bottom: -40px;} .page-grid__item .page-grid__item::before, .page-grid__item .page-grid__item::after{left: 0;} .no-touch .page-grid__item--dark .links-list a:hover, .no-touch .page-grid__item--dark .links-row a:hover{opacity: .7;} /* --- aside menu --- */ .aside-menu .simple-menu-group{max-width: 240px;} /* --- local page section --- */ .local-page-section{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;} .local-page-section__body{-webkit-box-flex: 100;-webkit-flex: 100 0 auto;-ms-flex: 100 0 auto;flex: 100 0 auto;} .local-page-section__header{margin-bottom: 15px;} .local-page-section__header:last-child{margin-bottom: 0;} .local-page-section__footer{margin-top: 15px;} .local-page-section__footer:first-child{margin-top: 0;} /* --- local header --- */ .local-header{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .local-header__main{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;} .local-header__aside{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-flex: 100; -webkit-flex: 100 1 130px; -ms-flex: 100 1 130px; flex: 100 1 130px; font-size: 12px; line-height: 16px; color: #707070; margin: -2px 0 0 15px; width: 1px; min-width: 135px; -webkit-overflow-scroll: touch;} .local-header__aside:first-child{padding-left: 0;} .local-header__aside--shrink{-webkit-box-flex: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto; text-align: right; width: auto; text-align: right; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;} .local-header__aside .small-tab-labels{margin-bottom: 0px; margin-top: 7px;} .ios .local-header__aside .small-tab-labels{margin-right: 0;} .ios .local-header__aside .small-tab-labels__label{margin-right: 0; margin-left: 20px;} .local-header__title-count{opacity: .5; vertical-align: top; font-size: 15px; line-height: 18px;} h2 .local-header__title-count{line-height: 20px;} /* --- selectable title --- */ .selectable-title{cursor: pointer; -webkit-transition: .2s; transition: .2s;} .selectable-title__text{border-bottom: 1px dashed;} .selectable-title__icon{margin-right: 4px;} .selectable-title__arrow{margin-left: 4px; -webkit-transform: rotate(90deg); transform: rotate(90deg);} .no-touch .selectable-title:hover{opacity: .6;} .nome-page-block--white .selectable-title__text{border-bottom-color: rgba(255,255,255,.4);} /* --- small article --- */ .small-article{display: table; width: 100%; table-layout: fixed; color: #252525; border: none;} .small-article__cell-image, .small-article__cell-text{display: table-cell; vertical-align: top;} .small-article__cell-image{width: 140px; padding-right: 20px;} .small-article__image{display: block; padding-top: 75%; -webkit-border-radius: 5px; border-radius: 5px; background: #d4d4d4 no-repeat center / 100% auto; background-size: cover; position: relative;} .small-article__image::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(69,167,62,.2); -webkit-border-radius: inherit; border-radius: inherit; opacity: 0; -webkit-transition: .2s; transition: .2s;} .small-article__title{display: block; font-weight: 400;} .small-article__title:first-child{margin-top: -4px; } .small-article__date{display: block; font-size: 12px; line-height: 16px; margin-top: 10px; color: #147e4b;} .no-touch .small-article:hover .small-article__image::before{opacity: 1;} .small-article--short .small-article__cell-image{width: 90px;} .small-article--short .small-article__image{padding-top: 128.57%;} /* --- small article grid --- */ .small-article-grid{margin: 0 -40px -25px 0; width: -webkit-calc(100% + 40px); width: calc(100% + 40px);} .small-article-grid__item{padding: 0 40px 25px 0;} /* --- small tab labels --- */ .small-tab-labels{display: inline-block; vertical-align: top; font-size: 0; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin: 0 -20px -5px 0; overflow: auto;} .small-tab-labels__label{display: inline-block; vertical-align: top; margin: 0 20px 5px 0; font-size: 12px; line-height: 16px; color: #707070; padding: 0; font-weight: 300; border-bottom: 2px solid rgba(37,37,37,0); -webkit-transition: .2s; transition: .2s; cursor: pointer;} .no-touch .small-tab-labels__label:hover{color: #147e4b; border-bottom-color: rgba(83,147,71,.3);} .small-tab-labels__label.open.open{border-color: rgba(37,37,37,.3); color: #707070; cursor: default;} /* --- article grid block --- */ .article-grid-block{margin: 30px 0;} /* --- article grid --- */ .article-grid{margin: -25px; width: -webkit-calc(100% + 50px); width: calc(100% + 50px);} .article-grid__item{padding: 0 25px; margin: 25px 0;} /* --- page nav --- */ .page-nav{margin: 75px 0; font-size: 0; line-height: 0;} .page-nav__row{ display: inline-block; vertical-align: middle; margin-right: 30px;} .page-nav__row:last-child{margin-right: 0;} .page-nav__row .btn:not(:first-child){-webkit-border-top-left-radius: 0;border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;} .page-nav__row .btn:not(:last-child){-webkit-border-top-right-radius: 0;border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;} .page-nav__row .btn{z-index: 1;} .page-nav__row .btn:hover{z-index: 10;} .page-nav__row .btn--light-active{z-index: 11;} .page-nav__row .btn + .btn{margin-left: -1px;} .page-nav__hint{ display: inline-block; vertical-align: middle; margin: 13px 0; font-size: 14px; line-height: 14px;} /* --- block menu --- */ .block-menu{max-width: 300px; margin: 0 -15px;} /* --- block menu grid --- */ .block-menu-grid{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -20px 0 -15px;} .block-menu-grid .block-menu{display: inline-block; width: 100%; vertical-align: top; margin: 0 20px 0 0;} /* --- block menu link --- */ .block-menu-link{display: block; position: relative; border: none; text-decoration: none; -webkit-transition: .2s; transition: .2s; padding: 8px 30px 8px 15px; color: #252525; font-size: 15px; line-height: 23px;} .block-menu-link::after{content: ''; position: absolute; top: 50%; right: 15px; width: 5px; height: 5px; margin-top: -2px; border-left: 1px solid; border-bottom: 1px solid; opacity: 0; -webkit-transition: opacity .0s; transition: opacity .0s; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .no-touch .block-menu-link:hover{color: #252525; background-color: #ccead9;} .no-touch .block-menu-link:hover::after{opacity: 1;} /* --- banners grid --- */ .banners-grid{margin: -1px -40px; width: -webkit-calc(100% + 80px); width: calc(100% + 80px); position: relative;} /* --- banners grid block --- */ .banners-grid-block{background-color: #fff; position: relative;} /* --- basic banner --- */ .basic-banner{position: relative; min-height: 400px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;} .basic-banner__link{border: none;} .basic-banner__link, .basic-banner__bg, .basic-banner__bg::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .basic-banner__bg::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(69,167,62,.3)), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(69,167,62,.3), rgba(255,255,255,0) 70%, rgba(255,255,255,0)); background: linear-gradient(to right, rgba(69,167,62,.3), rgba(255,255,255,0) 70%, rgba(255,255,255,0));} .basic-banner__bg{background: no-repeat 70% 50% / 100% auto; background-size: cover;} .basic-banner__main{position: relative; z-index: 2; padding: 60px 40px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;} .basic-banner__labels{margin: 15px 0;} .basic-banner__title, .basic-banner__text{margin: 10px 0; max-width: 350px;} .basic-banner__text{font-size: 17px; line-height: 25px;} .basic-banner__action{margin: 25px 0 0; max-width: 360px;} .basic-banner__action .btn{z-index: 2;} .basic-banner--dark{color: #fff;} .basic-banner--dark .basic-banner__bg::after{background: -webkit-gradient(linear, left top, right top, from(rgba(37,37,37,.3)), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));background: -webkit-linear-gradient(left, rgba(37,37,37,.3), rgba(255,255,255,0) 70%, rgba(255,255,255,0));background: linear-gradient(to right, rgba(37,37,37,.3), rgba(255,255,255,0) 70%, rgba(255,255,255,0));} .basic-banner--lg{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .basic-banner--lg .basic-banner__main{padding: 50px 50px 60px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0;} .basic-banner--lg .basic-banner__text{font-size: 20px; line-height: 32px;} .basic-banner--lg .basic-banner__action{margin-top: 40px;} .basic-banner--lg .basic-banner__title{margin: 15px 0;} /* --- service-strip --- */ .service-strip{border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: -1px 0; background-color: #fff; position: relative; padding: 15px 0; cursor: default;} .service-strip__row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .service-strip__main{-webkit-box-flex: 100;-webkit-flex: 100 1 auto;-ms-flex: 100 1 auto;flex: 100 1 auto;} .service-strip__aside{-webkit-box-flex: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto; padding-left: 20px; white-space: nowrap;} /* --- prefooter links block --- */ .prefooter-links-block{padding: 40px 0; background-color: #f7f7f7; border-top: 1px solid #d4d4d4;} /* --- organization grid --- */ .org-grid{width: -webkit-calc(100% + 30px);width: calc(100% + 30px); margin: 0 -15px -25px;} .org-grid__item{padding: 0 15px; margin: 0 0 25px;} /* --- organization item --- */ .org-item{display: block; border: none; text-decoration: none; color: #252525;} .org-item__icon{margin: 0 0 10px; height: 140px; font-size: 0; text-align: left; position: relative; text-align: center;} .org-item__icon::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(69,167,62,.2); -webkit-transition: .2s; transition: .2s;} .org-item__icon::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .org-item__icon img{display: inline-block; max-width: 100%; max-height: 80%; vertical-align: middle;} .org-item__title{margin: 10px 0 20px;} .no-touch .org-item:hover{color: #252525;} .no-touch .org-item:hover .link{color: #45a73e;} .no-touch .org-item:hover .org-item__icon::before{opacity: 1;} /* --- organization detail --- */ .org-detail{margin: 40px 0;} .org-detail__head{margin-bottom: 30px;} .org-detail__head:last-child{margin-bottom: 0;} .org-detail__logo, .org-detail__info{display: inline-block;} .org-detail__logo{padding-right: 40px; text-align: center; font-size: 0;} .org-detail__logo img{display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 100%; max-height: 200px; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;} .org-detail__logo::after{content: ''; display: inline-block; vertical-align: middle; height: 140px;} .org-detail__title{margin: 20px 0;} .org-detail__title + .org-detail__link-row{margin-top: -20px;} .org-detail__link-row{margin: 20px 0;} .org-detail__features{margin: 20px 0;} .org-detail__descr{margin: 20px 0;} .org-detail__locations{margin: 30px 0;} /* --- switch tabs group --- */ .switch-tabs-group__switch{margin-bottom: 20px;} /* --- block links grid --- */ .block-links-grid{width: -webkit-calc(100% + 20px);width: calc(100% + 20px); margin: 0 -20px -20px 0;} .block-links-grid__item{padding: 0 20px 20px 0;} .block-links-grid .btn{-webkit-box-flex: 100;-webkit-flex-grow: 100;-ms-flex-positive: 100;flex-grow: 100;} /* --- block link --- */ .block-link{display: table; width: 100%; table-layout: fixed; padding: 0 20px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d4d4d4; color: #252525; -webkit-transition: .2s; transition: .2s;} .block-link__cell-icon{display: table-cell; vertical-align: top; width: 35px; padding: 20px 20px 20px 0;} .block-link__cell-text{display: table-cell; vertical-align: middle; padding: 7px 0;} .block-link__cell-icon img{display: block; max-width: 20px; max-height: 20px;} .no-touch .block-link:hover{-webkit-box-shadow: 0 0 0 1px #00943f inset;box-shadow: 0 0 0 1px #00943f inset; color: #147e4b;} /* --- mobile main nav --- */ .mobile-main-nav{background: #147e4b; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); position: relative; position: -webkit-sticky; position: sticky; top: 0; z-index: 50; display: none;} .mobile-main-nav__row{display: table; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); margin: 0 -2px; border-collapse: collapse;} .mobile-main-nav__cell-menu, .mobile-main-nav__cell-ib{display: table-cell; vertical-align: top; width: 50%; white-space: nowrap; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15);} /* --- mobile main nav btn --- */ .mobile-main-nav-btn{display: block; width: 100%; height: 40px; padding: 11px 20px 11px 50px; font-size: 15px; line-height: 18px; font-weight: 500; color: #fff; border: none; position: relative; text-align: left; cursor: pointer; -webkit-transition: .2s; transition: .2s;} .mobile-main-nav-btn__icon, .mobile-main-nav-btn__icon.svg-icon{position: absolute; left: 20px; top: 10px; width: 20px; height: 20px;} .mobile-main-nav-btn--menu .mobile-main-nav-btn__icon-bar{width: 20px; height: 2px; background-color: #fff; position: absolute; left: 0; -webkit-transition: .2s; transition: .2s;} .mobile-main-nav-btn--menu .mobile-main-nav-btn__icon-bar--1{top: 4px;} .mobile-main-nav-btn--menu .mobile-main-nav-btn__icon-bar--2{top: 9px;} .mobile-main-nav-btn--menu .mobile-main-nav-btn__icon-bar--3{bottom: 4px;} .no-touch .mobile-main-nav-btn:hover, .mobile-main-nav-btn:active{background: rgba(0,0,0,.15); color: #fff;} /* --- fixed nav --- */ body:not(.page-loaded) .fixed-nav{display: none;} .fixed-nav{position: fixed; top: 0; right: 0; height: 100vh; width: 330px; background-color: #fff; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 120;} .fixed-nav__close{position: absolute; top: 0; right: 100%; opacity: 0; visibility: hidden;} .fixed-nav__navigation{position: absolute; top: 50%; right: 100%; width: 55px; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: 7px 0px 0px #fff, 0px 2px 5px rgba(0,0,0,.2); box-shadow: 7px 0px 0px #fff, 0px 2px 5px rgba(0,0,0,.2); overflow: hidden; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);} .fixed-nav__navigation_eng {position: absolute; top: 50%; right: 100%; width: 80px; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: 7px 0px 0px #fff, 0px 2px 5px rgba(0,0,0,.2); box-shadow: 7px 0px 0px #fff, 0px 2px 5px rgba(0,0,0,.2); overflow: hidden; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);} .fixed-nav__navigation_eng a{border-bottom: none;} .fixed-nav__btn{display: block; padding: 15px 5px; width: 100%; color: #147e4b; background: rgba(69,167,62,0); border-bottom: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,0); font-size: 12px; line-height: 16px; font-weight: 300; text-align: center; position: relative; cursor: pointer; -webkit-transition: .2s; transition: .2s;} .fixed-nav__btn:last-child{border-bottom: none;} .fixed-nav__navigation_eng .fixed-nav__btn {border-bottom: 1px solid rgba(0,0,0,.15);} .fixed-nav__btn-icon{margin: 0 auto 6px;} .fixed-nav__btn-icon, .fixed-nav__btn .svg-icon{width: 20px; height: 20px; display: block;} .fixed-nav .folded-menu-header{display: none;} .no-touch .fixed-nav__btn:hover{background: rgba(69,167,62,.2);} .state--fixed-nav-open .fixed-nav{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .state--fixed-nav-open .fixed-nav__btn{border-right: 1px solid rgba(0,0,0,.15);} .state--fixed-nav-open .fixed-nav__btn.open{background-color: #fff; color: #147e4b; border-right-color: rgba(0,0,0,0);} .state--fixed-nav-open .fixed-nav__close{opacity: .7; visibility: visible;} /* --- fixed nav menu --- */ .fixed-nav-menu__item{position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px; overflow-x: hidden; overflow-y: auto; -webkit-transition: .2s ease .2s; transition: .2s ease .2s;} .fixed-nav-menu__item:not(.open){opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: .2s; transition: .2s;} .fixed-nav-menu__item .fixed-nav-title {padding-bottom: 20px; font: 400 24px 'Fira Sans', 'Roboto', Arial, Helvetica, sans-serif; color: #147e4b;} /* --- list btn --- */ .list-btn{display: table; width: 100%; table-layout: fixed; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; -webkit-transition: .2s; transition: .2s; color: #147e4b; font-weight: 500;} .list-btn + .list-btn{margin-top: -1px;} .list-btn__text{display: table-cell; padding: 15px 0; vertical-align: middle;} .list-btn__icon{display: table-cell; padding: 20px 15px 20px 0; vertical-align: top; width: 35px;} .list-btn__icon img{display: block; max-width: 100%; max-height: 100%; -webkit-transition: .2s; transition: .2s;} .no-touch .list-btn:hover .list-btn__icon img{opacity: .7;} /* --- outer close btn --- */ .outer-close-btn{position: absolute; width: 54px; height: 54px; -webkit-transition: .2s; transition: .2s; cursor: pointer; color: #fff; opacity: .7; padding: 0; z-index: 10;} .outer-close-btn::before, .outer-close-btn::after{content: ''; position: absolute; top: 50%; left: 50%; width: 40px; border-top: 2px solid; margin: -1px 0 0 -20px;} .outer-close-btn::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .outer-close-btn::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .no-touch .outer-close-btn:hover, .touch .outer-close-btn{opacity: 1;} /* --- folded-menu-header --- */ .folded-menu-header{position: relative; font-size: 0; font-weight: 500; line-height: 20px; color: #fff; background: #00943f; /*white-space: nowrap; overflow: hidden;*/} /*.folded-menu-header::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; background: linear-gradient(to right, rgba(0,148,63,0), rgba(0,148,63,1) 75%, rgba(0,148,63,1))}*/ .folded-menu-header__title{font-size: 15px; padding: 10px 20px;} .touch .folded-menu-header__title{padding-right: 35px; overflow: auto;} .folded-menu-header__back{position: absolute; top: 0; left: 0; bottom: 0; width: 60px; cursor: pointer; -webkit-transition: .2s; transition: .2s; background: rgba(0,0,0,0); border-right: 1px solid rgba(0,0,0,.15);} .folded-menu-header__back::before{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-left: 2px solid; border-bottom: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -5px 0 0 -3px;} .folded-menu-header__back + .folded-menu-header__title{margin-left: 60px; cursor: pointer;} .no-touch .folded-menu-header:hover .folded-menu-header__back, .folded-menu-header:active .folded-menu-header__back{background: rgba(0,0,0,.15);} /* --- group block header --- */ .group-block-header{display: table; width: 100%; border-collapse: collapse; table-layout: fixed; color: #fff; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #00943f url(/local/images/group-header.svg) no-repeat right top / auto 100%;} .group-block-header__cell-icon{display: table-cell; vertical-align: top; width: 60px; padding: 22px 0 22px 30px;} .group-block-header__cell-icon .svg-icon{width: 30px; height: 30px;} .group-block-header__cell-title{display: table-cell; vertical-align: middle; padding: 22px 30px;} /* --- group block --- */ .group-block{border: 1px solid #d4d4d4; -webkit-border-radius: 5px; border-radius: 5px; padding: 30px; background-color: #f7f7f7; margin: 25px 0;} .group-block__header{width: -webkit-calc(100% + 62px);width: calc(100% + 62px); margin: -31px -31px 30px;} .group-block--white{background-color: #fff;} .group-block--anketa{max-width: 700px;} /* --- group block i10s --- */ .group-block-i10s{display: table; width: 100%; table-layout: fixed;} .group-block-i10s__visual{display: table-cell; vertical-align: bottom; width: 200px; padding-right: 40px; text-align: center;} .group-block-i10s__visual img{max-width: 100%; max-height: 150px; vertical-align: top; margin-bottom: -30px; margin-top: -20px;} .group-block-i10s__consult, .group-block-i10s__links{display: table-cell; vertical-align: top; padding-right: 20px;} .group-block-i10s__consult:last-child, .group-block-i10s__links:last-child{padding-right: 0;} /* --- product block --- */ .product-block{-webkit-border-radius: 5px;border-radius: 5px; background-color: #f7f7f7; margin: 25px 0; padding: 0; border: none; overflow: hidden;} .product-block__inner{display: table; table-layout: fixed; width: 100%; min-height: 220px; border: none; color: #252525;} .product-block__cell-image{display: table-cell; vertical-align: top; width: 320px; position: relative; overflow: hidden; background: #147e4b no-repeat center / auto 100%; background-size: cover; -webkit-transition: 350ms; transition: 350ms;} .product-block__cell-image::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 999px; background: #147e4b; -webkit-transition: .2s; transition: .2s; opacity: 0;} .product-block__cell-main{display: table-cell; vertical-align: top; padding: 30px 30px 30px 40px;} .product-article__title{margin: 25px 0;} .product-article__title .link{color: #147e4b; border-color: rgba(37, 37, 37, 0);} .product-article__title + .product-article__text{margin-top: -15px;} .no-touch .product-block__inner:hover{color: #252525;} .no-touch .product-block__inner:hover .link{color: #45a73e; border-color: rgba(69, 167, 62, .6);} .no-touch .product-block__inner:hover .product-block__cell-image::before{opacity: .2;} /* --- pahe section --- */ .page-section{margin: 40px 0;} .page-section__header{margin-bottom: 25px;} .page-section__header:last-child{margin-bottom: 0;} /* --- input group --- */ .input-group__item:not(:last-child) .text-input, .input-group__item:not(:last-child) .select{-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;} .input-group__item:not(:first-child) .text-input, .input-group__item:not(:first-child) .select{-webkit-border-top-left-radius: 0;border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;} .input-group__item + .input-group__item{margin-top: -1px;} .input-group__item .text-input, .input-group__item .select{position: relative; z-index: 1;} .input-group__item .text-input:hover, .input-group__item .text-input:focus, .input-group__item .select:hover, .input-group__item .select:focus, .input-group__item .select.open{z-index: 10;} /* --- form row --- */ .form-row{max-width: 500px;} .form-row--lg, .form-row--submit{max-width: 100%;} .form-row__label{display: block; font-size: 15px; line-height: 23px; font-weight: 400; margin-bottom: 6px; margin-top: 6px;} .form-row__label + .form-row__text-value{margin-top: -3px;} .form-row__message{display: block; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 8px; color: #d96f6e;} .form-row__message--error{color: #d96f6e; font-size: 13px; line-height: 18px; text-align: center; margin-top: 3px;} .form-row__input + .form-row__input{margin-top: 10px;} .form-sm .form-row__label{font-size: 15px; line-height: 23px;} .form-row__subline{color: #262626; font-size: 13px; line-height: 18px; text-align: center; } .form-row__label--inherit{display: block; font-size: 15px; line-height: 23px; font-weight: inherit; margin-bottom: 6px; margin-top: 6px;} /* --- form grid --- */ .form-grid{margin: 0 -20px -25px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px);} .form-grid__item{padding: 0 20px; margin: 0 0 25px; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block;} /* oinline-block чтобы РЅРµ было бага https://prnt.sc/hcsyoa */ .form-grid__item .form-row--check{margin-bottom: -10px;} .form-grid__item .form-row--submit{margin-top: 10px;} .form-grid--sm{margin-bottom: -10px;} .form-grid--sm .form-grid__item{margin-bottom: 10px;} .form-grid--sm .form-row--check{margin-bottom: 0;} /* --- form group --- */ .form-group + .form-group{margin-top: 25px;} .form-group__header{margin-bottom: 20px;} .form-group--foldable:not(.open) .form-group__body{display: none;} .form-group--foldable.open .group-separator__arrow{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .form-group:not(:last-child) .form-group__body{margin-bottom: 20px;} .form-group__header + .form-group__body.form-group__body{margin-top: 0;} .form-group .form-group{margin-top: 30px;} .form-group:first-child{margin-top: 0;} /* --- group separator --- */ .group-separator{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;} .group-separator__ruler{line-height: 0; -webkit-box-flex: 100; -webkit-flex: 100 1 auto; -ms-flex: 100 1 auto; flex: 100 1 auto; padding-left: 10px;} .group-separator__ruler::after{content: ''; display: block; border-top: 1px solid #d4d4d4; margin-bottom: 13px;} .group-separator__btn{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 75%; outline: none; position: relative; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;} .group-separator__icon{vertical-align: top; padding-right: 15px; padding-top: 3px; width: 35px;} .group-separator__icon .svg-icon{width: 20px; height: 20px;} .group-separator__title{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;} .group-separator__title-text{padding-right: 30px;} .group-separator__title-text:only-child{padding-right: 0;} .group-separator__title::after{content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; border: 1px dashed rgba(0,0,0,.6); -webkit-border-radius: 3px; border-radius: 3px; opacity: 0; -webkit-transition: .2s; transition: .2s; pointer-events: none;} .group-separator__arrow{margin-left: -25px; margin-right: -5px;} .group-separator--reflex .group-separator__btn{color: #147e4b; -webkit-transition: .2s; transition: .2s; cursor: pointer;} .no-touch .group-separator--reflex .group-separator__btn:hover{color: #00943f;} .no-touch .group-separator__btn:focus .group-separator__title::after{opacity: 1;} .form-group .form-group .group-separator__btn{color: inherit;} /*.form-group .form-group .group-separator__ruler::after{margin-bottom: 10px;}*/ /* --- switch --- */ .switch{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .switch__input{position: absolute; top: 0; left: 0; padding: 0; margin: 0; opacity: 0; pointer-events: none;} .switch__btn{display: block; width: 100%; background-color: #fff; padding-left: 15px; padding-right: 10px; z-index: 1;} .switch__item{display: inline-block; vertical-align: top; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; min-width: 0;} .switch__item + .switch__item{margin-left: -1px;} .switch__item:not(:first-child) .switch__btn{-webkit-border-top-left-radius: 0;border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;} .switch__item:not(:last-child) .switch__btn{-webkit-border-top-right-radius: 0;border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;} .no-touch .switch__btn:hover{z-index: 10;} .no-touch .switch__btn:active{background: #fff; color: #00943f;} .switch__btn:active{background: #fff; color: #252525;} .switch__input:checked ~ .switch__btn{background: #00943f; color: #fff; -webkit-box-shadow: none; box-shadow: none; z-index: 11;} .switch__input:checked ~ .switch__btn::before{opacity: 0;} .no-touch .switch__input:focus ~ .switch__btn::after{opacity: 1; border-color: rgba(0,0,0,.6);} .no-touch .switch__input:checked:focus ~ .switch__btn::after{border-color: rgba(255,255,255,.7);} /* --- switch-select --- */ .switch-select{-webkit-transition: .2s;transition: .2s; max-width: 100%;} .switch-select:not(.initialized){background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d4d4d4;} /*.switch-select:not(.initialized) > *{opacity: 0;}*/ .switch-select .switch__item{-webkit-box-flex: 1;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto; -webkit-transition: .2s; transition: .2s;} .switch-select .select:not(select){display: none;} .switch-select.select-mode .select:not(select){display: block;} .switch-select.select-mode .switch{display: none;} .switch-select--inline .switch{width: auto; max-width: 100%;} .switch-select--inline .switch__item{-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;} /* --- checkbox row --- */ .checkbox-row{display: inline-block; vertical-align: top; position: relative; padding-left: 25px; cursor: pointer;} .checkbox-row__input{position: absolute; top: 0; left: 0; margin: 0; opacity: 0;} .checkbox-row__visual{position: absolute; top: 2px; left: 0; width: 18px; height: 18px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d4d4d4; background: #fff; -webkit-transition: .2s; transition: .2s;} .checkbox-row__visual::before, .checkbox-row__visual::after{content: ''; position: absolute; -webkit-transition: .2s; transition: .2s; opacity: 0;} .checkbox-row__visual::before{top: 50%; left: 50%; width: 10px; height: 6px; margin: -4px 0 0 -5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0);} .checkbox-row__visual::after{top: -3px; left: -3px; right: -3px; bottom: -3px; border: 1px dashed rgba(0,0,0,.6); -webkit-border-radius: 3px; border-radius: 3px;} .checkbox-row__input:checked ~ .checkbox-row__visual{background: #00943f; border-color: #00943f;} .checkbox-row__input:checked ~ .checkbox-row__visual::before{opacity: 1; -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} .no-touch .checkbox-row:hover .checkbox-row__visual{border-color: #00943f;} .no-touch .checkbox-row:hover .checkbox-row__input:checked ~ .checkbox-row__visual{background: #fff;} .no-touch .checkbox-row:hover .checkbox-row__input:checked ~ .checkbox-row__visual::before{border-color: #00943f;} .no-touch .checkbox-row__input:focus ~ .checkbox-row__visual::after{opacity: 1;} .checkbox-row__text:not(:last-child){padding-right: 25px;} .checkbox-row__icon{display: inline-block; vertical-align: middle; line-height: 0;} .checkbox-row__icon > img{max-width: 20px; max-height: 20px;} .checkbox-row__text + .checkbox-row__icon{margin-left: -22px;} .checkbox-row--radio .checkbox-row__visual, .checkbox-row--radio .checkbox-row__visual::before, .checkbox-row--radio .checkbox-row__visual::after{-webkit-border-radius: 50%;border-radius: 50%;} .checkbox-row--radio .checkbox-row__visual::before{border: none; width: 8px; height: 8px; margin: -4px 0 0 -4px; background-color: #fff;} .no-touch .checkbox-row--radio:hover .checkbox-row__visual::before{background-color: #00943f;} .checkbox-row.checkbox-row.checkbox-row .checkbox-row__input:disabled ~ .checkbox-row__visual{border-color: #d4d4d4; background: #e7e7e7;} .checkbox-row.checkbox-row.checkbox-row .checkbox-row__input:disabled ~ .checkbox-row__visual::before{border-color: #ababab;} .checkbox-row.checkbox-row.checkbox-row .checkbox-row__input:disabled ~ .checkbox-row__text{color: #252525; opacity: .5;} .checkbox-row.checkbox-row--radio .checkbox-row__input:disabled ~ .checkbox-row__visual::before{background-color: #ababab;} /* --- captcha --- */ .captcha__cell-img{white-space: nowrap; /*width: 1px;*/} .captcha__cell-img img{display: inline-block; vertical-align: middle; max-width: 200px; margin-right: 10px;} .captcha__cell-input{margin-top: 5px; max-width: 220px;} /* --- simple menu group --- */ .simple-menu-group{margin: 25px 0;} .simple-menu-group__title{margin-bottom: 12px;} .simple-menu-group__content{margin: 18px 0;} .simple-menu-group__content:last-child, .simple-menu-group__content.flc:last-child{margin-bottom: 32px;} /* --- simple menu list --- */ .simple-menu-list__item{margin: 0 0 2px;} .simple-menu-list__item:last-child{margin-bottom: 0;} .simple-menu-list__link{display: inline-block; vertical-align: top; padding: 4px 10px; margin: 0 -10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: .2s; transition: .2s; position: relative; border: none;} .simple-menu-list__link::after{content: ''; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; border: 1px dashed; opacity: 0; -webkit-transition: .2s; transition: .2s; -webkit-border-radius: 4px; border-radius: 4px;} .no-touch .simple-menu-list__link:hover{background: #ccead9; color: #252525;} .no-touch .simple-menu-list__link:focus::after{opacity: 1;} .simple-menu-list__link.simple-menu-list__link.simple-menu-list__link--active{color: #fff; background: #147e4b; font-weight: 400;} /* --- filter --- */ .page-section__header + .filter{margin-top: 0;} .page-title + .filter{margin-top: -10px;} .filter{margin: 40px 0;} .filter__grid{margin: 0 -10px -10px 0;} .filter__item{padding: 0 10px 10px 0;} .filter__item--search{-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;} .filter__va-box{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .filter__va-box--p{padding-left: 15px; padding-right: 15px;} .filter-item-hint{margin: 7px 0;} .filter-item-result{margin: 10px 0 0;} /* --- card list item --- */ .card-list-item{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; align-iitems: flex-start; width: 100%; table-layout: fixed; padding: 40px 30px; border-top: 1px solid #d4d4d4; position: relative;} .card-list-item__cell-main{position: relative; z-index: 2; -webkit-box-flex: 1000; -webkit-flex: 1000 1 auto; -ms-flex: 1000 1 auto; flex: 1000 1 auto;} .card-list-item__cell-card{width: 342px; padding-right: 60px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;} .card-list-item__card{display: inline-block; vertical-align: top; max-width: 100%; line-height: 0; position: relative; z-index: 2; border: none;} .card-list-item__card-box{display: block; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 15px 30px -20px rgba(0,0,0,1); box-shadow: 0px 15px 30px -20px rgba(0,0,0,1); overflow: hidden; -webkit-transition: .3s; transition: .3s; -webkit-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0);} .card-list-item__card-box::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-box-shadow: 0px -2px 0 rgba(0,0,0,.3) inset; box-shadow: 0px -2px 0 rgba(0,0,0,.3) inset;} .card-list-item__card img{display: block;/* width: 100%;*/} .card-list-item__action{margin: 30px 0;} .card-list-item__action a{position: relative; z-index: 2;} .card-list-item__fav{position: absolute; top: 40px; right: 30px; z-index: 3; padding-left: 20px;} .card-list-item__fav.dropdown-owner{position: absolute;} .card-list-item__fav .btn{margin-right: 0;} .card-list-item .local-article__text ul, .card-list-item .local-article__text ol{margin-left: 0;} .card-list-item .local-article__status, .card-list-item .local-article__title{margin-right: 60px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px);} .card-list-item__bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: inherit; border-radius: inherit; overflow: hidden; background: no-repeat center / 0 0;} .card-list-item__bg::before, .card-list-item__bg::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .card-list-item__bg::before{background: no-repeat center / 100% auto; background-size: cover; background-image: inherit;} .card-list-item--bg{-webkit-border-radius: 5px;border-radius: 5px; /*border-color: #fff;*/} .card-list-item--bg-blur .card-list-item__bg::before{-webkit-filter: blur(20px);filter: blur(20px); margin: -20px;} .card-list-item--bg-blur .card-list-item__bg::after{background: rgba(37,37,37,.2);} .ie .card-list-item--bg-blur .card-list-item__bg::after{background: rgba(37,37,37,.7);} .card-list-item--dark{color: #fff; background: #707070;} .card-list-item--dark .param{color: rgba(255,255,255);} .card-list-item--dark .param::before, .card-list-item--dark .param::after{border-color: rgba(255,255,255,.6);} .card-list-item--dark .status-row__text{color: rgba(255,255,255,.6);} .card-list-item--dark .small-i10s-item{border-color: rgba(255,255,255,.6);} .card-list-item--dark .card-list-item__detail-link, .card-list-item--dark .local-article__title a{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .card-list-item--dark .local-article__title a:hover, .no-touch .card-list-item--dark .card-list-item__detail-link:hover{opacity: .7; color: #fff;} .no-touch .card-list-item:hover .card-list-item__card-box{-webkit-transform: perspective(1000px) translate3d(0,0,0) rotateX(20deg) rotateY(-20deg) rotateZ(10deg);transform: perspective(1000px) translate3d(0,0,0) rotateX(20deg) rotateY(-20deg) rotateZ(10deg);} .no-touch .card-list-item:hover .local-article__title a{color: #45a73e;} .no-touch .card-list-item--dark:hover .local-article__title a{color: #fff; opacity: .7;} .card-list-item.disabled .card-list-item__card-box::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #147e4b; opacity: .6;} .card-list-item__card-stamp{position: absolute; top: 50%; left: 50%; max-width: 120px; max-height: 120px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* --- card list --- */ .card-list__switch{margin: 40px 30px -80px; max-width: 282px; position: relative; z-index: 10;} .card-list__switch ~ .card-list-item .card-list-item__cell-card{padding-top: 70px;} /* --- status row --- */ .status-row{display: table; width: 100%;} .status-row__icon{display: table-cell; vertical-align: top; width: 1px; padding-right: 15px; font-size: 0;} .status-row__icon::after{content: ''; display: inline-block; vertical-align: middle; height: 23px;} .status-row__icon img{max-width: 26px; max-height: 25px; vertical-align: middle;} .status-row__text{display: table-cell; vertical-align: middle; width: 99%; color: #9f0000; font-size: 80%;} /*.status-row__text{display: table-cell; vertical-align: middle; width: 99%; font-weight: 300; color: #707070;}*/ /* --- status list --- */ .status-list{font-size: 0; line-height: 0; margin: 0 -15px -10px;} .status-list .label, .status-list .status-label, .status-list__item{display: inline-block; vertical-align: middle; margin: 0 15px 10px;} /* --- params grid --- */ .params-grid{display: inline-block; vertical-align: top; font-size: 0; margin: 0 -20px -6px 0; line-height: 16px;} .params-grid:last-child{margin-bottom: -10px;} .params-grid__item{display: inline-block; vertical-align: top; margin: 0 20px 6px 0;} /* --- param --- */ .param{font-size: 12px; line-height: 16px; color: #707070;} .param--positive, .param--negative{padding-left: 20px; position: relative;} #result .param--positive::before{content: ''; position: absolute; top: 3px; left: 1px; width: 10px; height: 6px; border-left: 2px solid #c1c1c1; border-bottom: 2px solid #c1c1c1; color: #c1c1c1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);border-top: 0;} .param--positive::before{content: ''; position: absolute; top: 3px; left: 1px; width: 10px; height: 6px; border-left: 2px solid; border-bottom: 2px solid; color: #147e4b; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .param--negative::before, .param--negative::after{content: ''; position: absolute; border-left: 2px solid #707070; height: 10px; top: 3px; left: 3px; opacity: .6;} .param--negative::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .param--negative::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .param--positive{color: #147e4b;} /* --- subscription form --- */ .subscription-form{max-width: 700px; margin-left: auto;} /* --- contact dd content --- */ .contact-dd-content{display: table; width: 100%;} .contact-dd-content__main{display: table-cell; vertical-align: top; width: 99%;} .contact-dd-content__visual{display: table-cell; vertical-align: bottom; width: 1px;} .contact-dd-content__visual img{display: block; max-width: 140px; max-height: 140px; margin-bottom: -25px;} /* --- img selector --- */ .img-selector{display: inline-block; vertical-align: top; font-size: 0; margin: 0 -20px -20px 0;} .img-selector__item{display: inline-block; vertical-align: top; margin: 0 20px 20px 0; position: relative;} .img-selector__input{position: absolute; top: 0; left: 0; margin: 0; padding: 0; opacity: 0;} .img-selector__visual{display: block; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0px 0px 0px 1px #d4d4d4 inset; box-shadow: 0px 0px 0px 1px #d4d4d4 inset; cursor: pointer; -webkit-transition: .2s; transition: .2s; padding: 8px; background-color: #fff;} .img-selector__visual::before{content: ''; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px dashed #707070; opacity: 0; -webkit-transition: .2s; transition: .2s;} .img-selector__visual-icon{position: absolute; top: 0; right: 0; opacity: 0; -webkit-transition: .2s; transition: .2s; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; background-color: #d4d4d4; width: 18px; height: 18px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: top right; transform-origin: top right;} .img-selector__visual-icon::after{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 6px; margin: -4px 0 0 -5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .img-selector__visual img{display: block; max-width: 100%; margin: 0; padding: 0;} .no-touch .img-selector__visual:hover{-webkit-box-shadow: 0 0 0 1px #00943f inset;box-shadow: 0 0 0 1px #00943f inset;} .no-touch .img-selector__visual:hover .img-selector__visual-icon{background-color: #00943f;} .img-selector__input:checked ~ .img-selector__visual{-webkit-box-shadow: 0 0 0 1px #00943f inset;box-shadow: 0 0 0 1px #00943f inset;} .img-selector__input:checked ~ .img-selector__visual .img-selector__visual-icon{opacity: 1; background-color: #00943f; -webkit-transform: scale(1); transform: scale(1);} .img-selector__input:checked ~ .img-selector__visual .img-selector__visual-icon::after{-webkit-transform: rotate(-45deg) scale(1);transform: rotate(-45deg) scale(1); opacity: 1;} .img-selector__input:focus ~ .img-selector__visual::before{opacity: 1;} /* --- color input --- */ .color-input{position: relative; max-width: 124px;} .color-input__color{position: absolute; top: 50%; right: 10px; border: 1px solid #d4d4d4; padding: 0; background: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px;} .color-input .text-input{padding-right: 40px;} /* --- gallery grid --- */ .gallery-grid{margin: 0 -15px -50px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .gallery-grid__item{padding: 0 15px; margin: 0 0 50px; display: inline-block;} /* --- gallery grid item --- */ .gallery-grid-item{cursor: pointer;} .gallery-grid-item__img-box{font-size: 0; line-height: 0; position: relative; padding-top: 66.875%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin: 15px 0; overflow: hidden; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,1); box-shadow: 0px 0px 0px rgba(0,0,0,1);} .gallery-grid-item__img{background: #ababab no-repeat center / 100% auto; background-size: cover; z-index: 2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .gallery-grid-item__img, .gallery-grid-item__img::after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .3s; transition: .3s;} .gallery-grid-item__img::after{content: ''; background: #147e4b; opacity: 0;} .gallery-grid-item__img-icon{position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; border: 3px solid #fff; margin: -30px 0 0 -30px; -webkit-border-radius: 50%; border-radius: 50%; z-index: 3; -webkit-transition: .3s; transition: .3s; opacity: 0; -webkit-transform: translate3d(0,0,0) scale(0.5); transform: translate3d(0,0,0) scale(0.5);} .gallery-grid-item__img-icon::before, .gallery-grid-item__img-icon::after{content: ''; position: absolute; top: 50%; left: 50%; width: 30px; border-top: 3px solid #fff; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .gallery-grid-item__img-icon::after{-webkit-transform: translate(-50%,-50%) rotate(90deg);transform: translate(-50%,-50%) rotate(90deg);} .gallery-grid-item__title{-webkit-transition: .2s;transition: .2s; margin: 10px 0;} .gallery-grid-item__status{margin: 0 -10px -5px;} .gallery-grid-item__date, .gallery-grid-item__count{display: inline-block; margin: 0 10px 5px; font-size: 15px; line-height: 23px;} .gallery-grid-item__date{color: #147e4b;} .gallery-grid-item__count{color: #707070;} .no-touch .gallery-grid-item:hover .gallery-grid-item__img-box{-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2);box-shadow: 0px 2px 5px rgba(0,0,0,.2);} .no-touch .gallery-grid-item:hover .gallery-grid-item__img{-webkit-transform: translate3d(0,0,0) scale(1.05);transform: translate3d(0,0,0) scale(1.05);} .no-touch .gallery-grid-item:hover .gallery-grid-item__img::after{opacity: .5;} .no-touch .gallery-grid-item:hover .gallery-grid-item__img-icon{opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1);} .no-touch .gallery-grid-item:hover .gallery-grid-item__title{color: #45a73e;} /* --- modal gallery --- */ .raduke{position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; pointer-events: none; z-index: 120; background: rgba(0,56,36,.85); -webkit-transition: .3s; transition: .3s;} .raduke-open .raduke{visibility: visible; opacity: 1; pointer-events: all;} .raduke__close{position: absolute; top: 0; right: 0; width: 80px; height: 80px; -webkit-transition: .2s; transition: .2s; cursor: pointer; color: #fff; opacity: .7; background: rgba(255,255,255,0); z-index: 20;} .raduke__close::before, .raduke__close::after{content: ''; position: absolute; top: 50%; left: 50%; border-top: 2px solid; width: 40px; margin: -1px 0 0 -20px;} .raduke__close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .raduke__close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .no-touch .raduke__close:hover{opacity: 1; background: rgba(255,255,255,.4);} .raduke__slide{height: 100vh; font-size: 0; text-align: center; padding: 40px 50px;} .raduke__slide img, .raduke__slide.slick-slide img{max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2);} .raduke__slide::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .raduke__arrow{position: absolute; top: 0; bottom: 0; width: 80px; color: #fff; opacity: .7; background: rgba(255,255,255,0); padding: 0; -webkit-transition: .2s; transition: .2s; cursor: pointer; z-index: 10;} .raduke__arrow .svg-icon{position: absolute; top: 50%; left: 50%; width: 20px; height: 30px; margin: -15px 0 0 -10px;} .raduke__arrow--next{top: 80px; right: 0;} .raduke__arrow--next .svg-icon{margin-top: -55px;} .raduke__arrow--prev{left: 0;} .no-touch .raduke__arrow:hover{opacity: 1; background: rgba(255,255,255,.4);} .raduke--w-previews .raduke__slide{height: -webkit-calc(100vh - 100px);height: calc(100vh - 100px);} .raduke__previews{padding: 0 80px 20px;} .raduke__previews .raduke__arrow{top: -20px; bottom: 0;} .raduke__previews .raduke__arrow .svg-icon{margin-top: -15px;} .raduke__preview-slide, .raduke__preview-slide.slick-slide, .raduke__preview-box{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .raduke__preview-slide{padding: 2px 10px;} .raduke__preview-box{cursor: pointer; -webkit-transition: .2s; transition: .2s; overflow: hidden; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); background-color: rgba(37,37,37,.5); height: 80px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .raduke__preview-box img{max-width: 100%; max-height: 80px; display: block;} .no-touch .raduke__preview-box:hover{-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2), 0 0 0 2px #45a73e;box-shadow: 0px 2px 5px rgba(0,0,0,.2), 0 0 0 2px #45a73e;} .no-touch .raduke__preview-box.active, .raduke__preview-box.active{-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2), 0 0 0 2px #45a73e;box-shadow: 0px 2px 5px rgba(0,0,0,.2), 0 0 0 2px #45a73e;} /* --- inline tooltip --- */ .inline-tooltip{display: inline-block; vertical-align: middle; line-height: 0; margin-left: 4px; padding-bottom: 6px; margin-bottom: -6px;} .inline-tooltip.dropdown-owner::before{left: 3px;} .inline-tooltip__btn{display: inline-block; width: 20px; height: 20px; background-color: #d4d4d4; -webkit-border-radius: 50%; border-radius: 50%; position: relative; cursor: help;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .inline-tooltip__btn::before, .inline-tooltip__btn::after{content: ''; position: absolute; width: 2.2px; left: 9px; background-color: #707070; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .inline-tooltip__btn::before{height: 2px; top: 4px;} .inline-tooltip__btn::after{height: 7px; top: 8px;} /* --- dropdown --- */ .dropdown-owner{position: relative;} .dropdown{position: absolute; top: 100%; left: 0; padding: 15px 20px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; cursor: default; margin-left: -20px; font-size: 15px; line-height: 23px; font-weight: 300; text-align: left; opacity: 0; visibility: hidden; white-space: normal; max-width: -webkit-calc(100vw - 20px); max-width: calc(100vw - 20px); -webkit-transform: translate3d(0,0,0) scaleY(0); transform: translate3d(0,0,0) scaleY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); -webkit-transition: .2s, left 0s; transition: .2s, left 0s; z-index: 50;} .dropdown-owner::before{content: ''; position: absolute; bottom: 0; left: 20px; border: 8px solid transparent; border-bottom-color: #fff; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: .3s; transition: .3s; z-index: 51;} .dropdown-owner--green::before{border-bottom-color: #45a73e;} .dropdown__header{margin: -15px -20px 15px; color: #fff; background-color: #45a73e; display: table; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); padding: 15px 20px; -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit;} .dropdown__header:last-child{margin-bottom: -15px; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit;} .dropdown__header-main{display: table-cell; vertical-align: middle; width: 99%;} .dropdown__header-number{display: table-cell; vertical-align: top; padding-left: 20px; font-size: 44px; line-height: 46px; font-weight: 700; white-space: nowrap; width: 1px;} .dropdown__header-number a{color: #fff;} .dropdown__header-number a:hover{color: #fff;} .dropdown__header-number .svg-icon{width: 26px; height: 32px; margin-right: -5px;} .dropdown__footer{margin: 15px -20px -15px; color: #fff; background-color: #f7f7f7; display: table; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); padding: 15px 20px; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit;} .dropdown__footer-main{display: table-cell; vertical-align: middle;} .dropdown-owner:not(.open)::before{opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0);} .dropdown-owner.open .dropdown{opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0) scaleY(1); transform: translate3d(0,0,0) scaleY(1);} .dropdown--contact{width: 380px;} .dropdown--md{width: 280px;} .dropdown--green{background-color: #45a73e; color: #fff;} .dropdown--green::before{border-bottom-color: #45a73e;} .dropdown--green.dropdown--left::before{border-left-color: #45a73e;} @media (min-width: 480px) { .dropdown-owner--green.dropdown-owner--left::before{border-left-color: #45a73e;} .dropdown-owner--left::before{border-bottom-color: transparent; border-left-color: #fff; right: 100%; top: 10px; left: auto; bottom: auto; border-right: none; margin-right: -8px; -webkit-transform-origin: left center; transform-origin: left center;} .dropdown-owner--left .dropdown{top: 0; right: 100%; left: auto; -webkit-transform: translate3d(0,0,0) scale(0); transform: translate3d(0,0,0) scale(0); -webkit-transform-origin: 100% 20px; transform-origin: 100% 20px; margin-left: 0; left: auto !important;} .dropdown-owner--left:not(.open)::before{-webkit-transform: scaleX(0);transform: scaleX(0);} } @media (min-width: 992px) { .dropdown--padded{padding: 25px 30px;} .dropdown--padded .dropdown__header{margin: -25px -30px 25px; padding: 25px 30px; width: -webkit-calc(100% + 60px); width: calc(100% + 60px);} .dropdown--padded .dropdown__header:last-child{margin-bottom: -25px;} .dropdown--padded .dropdown__footer{margin: 25px -30px -25px; padding: 25px 30px; width: -webkit-calc(100% + 60px); width: calc(100% + 60px);} .dropdown--padded .dropdown__footer:first-child{margin-top: -25px;} } /* --- cardlike link --- */ .cardlike-link{display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 25px 30px 40px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; border: none; color: #252525; position: relative; -webkit-box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset, 0px -2px 0px #45a73e inset, 0px 2px 5px rgba(69,167,62,.2); box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset, 0px -2px 0px #45a73e inset, 0px 2px 5px rgba(69,167,62,.2); -webkit-transition: .2s; transition: .2s;} .cardlike-link::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(69,167,62,.2); opacity: 0; -webkit-transition: .2s; transition: .2s; pointer-events: none;} .cardlike-link__img{position: relative; max-height: 180px; background: no-repeat center / auto 100%; background-size: cover; margin: -25px -30px 25px; border-bottom: 2px solid #45a73e;} .cardlike-link__img::before{content: ''; display: block; padding-top: 56%;} .cardlike-link__title{margin-bottom: 15px;} .cardlike-link__title:last-child{margin-bottom: 0;} .cardlike-link__title .link{color: #00943f; border-bottom: 1px solid rgba(69,167,62,.6); -webkit-transition: .2s; transition: .2s;} .no-touch .cardlike-link:hover{color: #252525;} .no-touch .cardlike-link:hover::after{opacity: 1;} .no-touch .cardlike-link:hover .cardlike-link__title .link{color: #45a73e;} .no-touch .cardlike-link:active{-webkit-box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset;box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset;} /* --- title bar --- */ .title-bar{padding: 5px 10px; background: #ccead9; position: relative; z-index: 2;} .text-guide .title-bar{margin: 0;} /* --- acc group --- */ .acc-group{margin: 45px 0;} h2 + .acc-group, h3 + .acc-group, h4 + .acc-group, h5 + .acc-group{margin-top: 0;} /* --- accordion --- */ .text-guide dl, .accordion{margin: 0; -webkit-box-shadow: 0px 1px 0px 0px #d4d4d4 inset, 0px 0px 0px 1px rgba(255,255,255,0) inset; box-shadow: 0px 1px 0px 0px #d4d4d4 inset, 0px 0px 0px 1px rgba(255,255,255,0) inset; -webkit-transition: -webkit-box-shadow .2s; transition: -webkit-box-shadow .2s; transition: box-shadow .2s; transition: box-shadow .2s, -webkit-box-shadow .2s; position: relative;} .text-guide dl + dl, .accordion + .accordion{margin-top: -1px;} .text-guide dt, .accordion__bar{display: inline-block; vertical-align: top; width: 100%; border-bottom: 1px solid #d4d4d4; padding: 18px 80px 18px 30px; margin: 0; color: #147e4b; cursor: pointer; font-weight: 400; -webkit-transition: .2s; transition: .2s; position: relative;} .text-guide dt::before, .text-guide dt::after, .accordion__bar::before, .accordion__bar::after{content: ''; position: absolute; top: 50%; right: 30px;} .text-guide dt::before, .accordion__bar::before{width: 26px; height: 26px; -webkit-border-radius: 50%; border-radius: 50%; background: #d4d4d4; margin: -13px 0 0 0;} .text-guide dt::after, .accordion__bar::after{width: 8px; height: 8px; border-left: 2px solid; border-bottom: 2px solid; margin: -5px 9px 0 0; color: #252525; -webkit-transform: rotate(-45deg) scale(.75); transform: rotate(-45deg) scale(.75); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;} .text-guide dd, .accordion__body{padding: 25px 30px 40px; margin: 0;} .text-guide dl:not(.open) dd, .accordion:not(.open) .accordion__body{display: none;} .text-guide dl.open, .accordion.open{-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0) inset, 0px 0px 0px 1px #147e4b inset;box-shadow: 0px 1px 0px 0px rgba(0,0,0,0) inset, 0px 0px 0px 1px #147e4b inset; z-index: 1;} .text-guide dl.open > dt, .accordion.open > .accordion__bar{color: #252525;} .text-guide dl.open > dt:after, .accordion.open > .accordion__bar::after{-webkit-transform: translateY(3px) rotate(135deg) scale(.75);transform: translateY(3px) rotate(135deg) scale(.75);} .no-touch .text-guide dt:hover, .no-touch .accordion__bar:hover{color: #00943f;} .text-guide .accordion__bar{margin: 0;} .accordion__body .acc-group { margin: -25px -29px -40px; } .accordion__body .accordion { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #d4d4d4;} .accordion__body .accordion:last-child{border-bottom-color: transparent;} .accordion__body .accordion__bar { padding: 13px 20px 13px 50px; border-bottom: none; color: #147e4b;} .accordion__body .accordion__bar:before { display: none; } .accordion__body .accordion__bar:after { left: 30px; -webkit-transform: rotate(-135deg) scale(.75); transform: rotate(-135deg) scale(.75); color: inherit; } .accordion__body .accordion.open > .accordion__bar:after { -webkit-transform: rotate(-45deg) scale(.75); transform: rotate(-45deg) scale(.75); } .accordion__body .accordion__body { padding-left: 80px; padding-bottom: 60px; } .no-touch .accordion__body .accordion__bar:hover { background: #f7f7f7; -webkit-box-shadow: 0 -1px 0 #d4d4d4; box-shadow: 0 -1px 0 #d4d4d4; } .no-touch .accordion__body .accordion__body .accordion__bar:hover { background: none; -webkit-box-shadow: none; box-shadow: none; } .accordion__body .accordion__body .acc-group { margin-left: 0; } .accordion__body .accordion__body .accordion { padding: 0; border-bottom: none; margin: 10px 0; } .accordion__body .accordion__body .accordion__bar { padding: 0; } .accordion__body .accordion__body .accordion--pseudo { display: block; border-bottom: none; vertical-align: middle; margin: 10px 0; } .accordion__body .accordion__body .accordion__bar:after { left: -20px; } .accordion__body .accordion__body .accordion__body { padding: 10px 0 0; margin-left: -20px; } /* --- video block --- */ .video-block{font-size: 0; line-height: 0; padding-top: 65.25%; position: relative;} .video-block--offset{margin: 50px 0;} .video-block iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;} /* --- info block --- */ .info-block{padding: 50px 0 80px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: -1px 0; background: no-repeat 0 0 / 0 0; position: relative;} .info-block::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 75%; background: no-repeat 90% 50% / 100% auto; background-size: contain; background-image: inherit;} .info-block + .info-block{margin-top: 0;} .info-block__in{position: relative; z-index: 2; width: 66.66%;} hr + .page-section .info-block:first-child{border-top: none; margin-top: -40px;} /* --- tabs behavior --- */ .tab-behavior:not(.open){display: none;} /* --- label --- */ .label{display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; line-height: 20px; padding: 5px 20px; min-width: 100px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; color: #fff; background: #00af33 url(/local/images/label.svg) no-repeat 0 0 / 75px 30px; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;} /* --- status label --- */ .status-label{font-size: 15px; line-height: 20px; color: #147e4b;} .status-label--negative, .status-label--positive, .status-label--info{position: relative; padding-left: 28px;} .status-label--positive{color: #147e4b;} .status-label--positive .status-label__icon{color: #15b132;} .status-label--negative{color: #9f9f9f;} .status-label--negative .status-label__icon{color: #d4d4d4;} .status-label--info{color: #252525;} .status-label--info .status-label__icon{color: #15b132;} .status-label__icon{display: none; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 2px solid; -webkit-border-radius: 50%; border-radius: 50%;} .status-label--positive .status-label__icon, .status-label--negative .status-label__icon, .status-label--info .status-label__icon{display: inline-block;} .status-label--info .status-label__icon::before, .status-label--info .status-label__icon::after, .status-label--positive .status-label__icon::before, .status-label--negative .status-label__icon::before, .status-label--negative .status-label__icon::after{content: ''; position: absolute; top: 50%; left: 50%; border-bottom: 2px solid;} .status-label--positive .status-label__icon::before{width: 10px; height: 6px; border-left: 2px solid; margin: -4px 0 0 -5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .status-label--negative .status-label__icon::before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin: -1px 0 0 -6px; width: 12px;} .status-label--negative .status-label__icon::after{-webkit-transform: rotate(45deg);transform: rotate(45deg); margin: -1px 0 0 -6px; width: 12px;} .status-label--info .status-label__icon::before{border-bottom: none; border-left: 2px solid; margin: -1px 0 0 -1px; height: 6px;} .status-label--info .status-label__icon::after{border-bottom: none; border-left: 2px solid; margin: -5px 0 0 -1px; height: 2px;} .status-label--gray{color: #707070;} .status-label--gray .status-label__icon, .status-label--gray .status-label__icon::before, .status-label--gray .status-label__icon::after{border-color: #ababab;} .status-label--no-text{width: 20px; height: 20px; padding: 0;} /* --- status label block --- */ .status-label-block{margin: 12px 0;} /* --- status label box --- */ .status-label-box{display: inline-block; vertical-align: top; padding: 7px 10px; background-color: #f7f7f7; -webkit-border-radius: 4px; border-radius: 4px;} /* --- categories grid --- */ .categories-block{margin: 40px 0;} /* --- categories grid --- */ .categories-grid{width: -webkit-calc(100% + 30px);width: calc(100% + 30px); margin: 0 -10px -20px;} .categories-grid__item{margin: 0px 0px 20px; padding: 0 10px;} /* --- category picker --- */ .category-picker{position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;} .category-picker__input{position: absolute; top: 0; left: 0; opacity: 0; margin: 0;} .category-picker__visual{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 15px; -webkit-border-radius: 5px; border-radius: 5px; table-layout: fixed; cursor: pointer; -webkit-transition: .2s; transition: .2s; word-break: break-word; -webkit-box-shadow: 0px 0px 0px 1px #d4d4d4 inset; box-shadow: 0px 0px 0px 1px #d4d4d4 inset;} .category-picker__visual::before{content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px dashed; opacity: 0; -webkit-transition: .2s; transition: .2s;} .category-picker__icon{width: 70px; padding-right: 20px; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;} .category-picker__icon img{display: block; max-width: 100%;} .category-picker__main{-webkit-box-flex: 100;-webkit-flex: 100 1 auto;-ms-flex: 100 1 auto;flex: 100 1 auto;} .category-picker__title, .category-picker__counter{/*display: block;*/ margin: 6px 0;} .category-picker__counter{font-size: 12px; line-height: 18px; color: #707070; font-weight: 400;} .no-touch .category-picker__visual:hover{-webkit-box-shadow: 0px 0px 0px 1px #45a73e inset;box-shadow: 0px 0px 0px 1px #45a73e inset;} .category-picker__input:checked ~ .category-picker__visual{-webkit-box-shadow: 0px 0px 0px 2px #45a73e inset;box-shadow: 0px 0px 0px 2px #45a73e inset;} .no-touch .category-picker__input:focus ~ .category-picker__visual::before{opacity: .5;} /* --- logo --- */ .logo{display: inline-block; vertical-align: top; cursor: pointer; color: #147e4b; -webkit-transition: .2s, z-index 0s ease .3s; transition: .2s, z-index 0s ease .3s; position: relative; overflow: hidden; border: none;} .logo::after{content: ''; position: absolute; top: 50%; left: 50%; width: 300px; height: 300px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; opacity: 0; -webkit-transition: .5s, opacity .4s; transition: .5s, opacity .4s; -webkit-transform: translate3d(-50%,-50%,0) scale(0); transform: translate3d(-50%,-50%,0) scale(0);} .logo__main, .logo__main.svg-icon{display: block; width: 225px; height: 21px;} .logo__slogan, .logo__slogan.svg-icon{display: block; width: 225px; height: 21px; margin-top: 10px;} .no-touch .logo:hover{color: #147e4b;} .no-touch .logo:hover::after{ -webkit-transform: translate3d(-50%,-50%,0) scale(1); transform: translate3d(-50%,-50%,0) scale(1); opacity: .6;} /* --- alphabet grid --- */ .alphabet-grid{width: -webkit-calc(100% + 40px);width: calc(100% + 40px); margin: 0 -20px -30px;} .alphabet-grid__item{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row; padding: 0 20px; margin-bottom: 30px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} .alphabet-grid__item-letter{white-space: nowrap; min-width: 45px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 32px; line-height: 32px; font-weight: 400; color: #707070; padding-right: 15px; text-transform: uppercase;} .alphabet-grid__item-content{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;} /* --- 404 --- */ .page-404-content { margin: 40px 0; } .page-404-decor { text-align: right; padding-left: 30px; } .page-404-decor img { display: inline-block; vertical-align: middle; max-width: 100%; } .page-404-content img { margin: auto; } .page-404-content h1 { text-align: center; } /* --- search list --- */ .search-list { margin: 8px 0; } .search-item { margin: 18px 0; border-bottom: 1px solid #e2e2e2; } .search-item__title { margin-bottom: 10px; font-weight: 300; } .search-item__descr { mafrgin-bottom: 6px; } .search-item__chapter { margin-bottom: 12px; } /* --- chapters --- */ .chapters{font-size: 0;} .chapters__item { display: inline-block; vertical-align: top; margin-right: 15px; font-size: 12px; line-height: 16px; position: relative; } .chapters__link { display: inline-block; vertical-align: top; margin: 6px 0; color: #707070; border-bottom: 1px solid; border-color: inherit; } .chapters__title { display: inline-block; vertical-align: top; margin: 6px 0; color: #707070; border: none; } .chapters__link:not(:last-child) { margin-right: 20px; } .chapters__arrow { position: absolute; top: 10.5px; right: 0; color: #707070; } .chapters__arrow.svg-icon { width: 5px; height: 7px; } .chapters__item:last-child, .chapters__item:last-child .chapters__link { margin-right: 0; } .chapters__item:last-child .chapters__arrow { display: none; } /* --- print header --- */ .print-header{ margin-bottom: 30px; } .print-header__box{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #e2e2e2; } .print-header__cell{ padding: 20px 15px 10px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .print-header__cell:first-child{ padding-left: 0; } .print-header__cell:last-child{ padding-right: 0; } .print-header__cell .logo{ margin-top: 5px; } .print-header__cell .btn{ margin-bottom: 10px; } .print-header__cell:last-child{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; } .print-header-menu{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-weight: 400; word-break: break-word; } .print-header-menu__cell + .print-header-menu__cell{padding-left: 20px;} .print-header-menu__cell:last-child{ -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-size: 0; text-align: right; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100;} /* --- pront footer --- */ .print-footer{ padding-top: 20px; margin: 35px 0 50px; text-align: right; border-top: 1px solid #e2e2e2; } /* --- print page --- */ .print-page{min-width: 1020px; overflow: auto;} .flex-block{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; max-width: 100%;} .flex-block__full{width: 100%; text-align: center;} .flex-block__action{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; margin: 10px -10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .flex-block__action .btn{margin: 5px 10px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;} /* --- icons --- */ #svg-sprite{display: block; height: 0;} .svg-icon{display: inline-block; vertical-align: middle;} .svg-icon--user{width: 15px; height: 20px;} .svg-icon--marker{width: 14px; height: 20px;} .svg-icon--phone{width: 14px; height: 20px;} .svg-icon--search{width: 16px; height: 16px;} .svg-icon--arrow-right, .svg-icon--arrow-left{width: 5px; height: 8px;} .svg-icon--ib{width: 30px; height: 30px;} .svg-icon--soc, .svg-icon--store, .svg-icon--20{width: 20px; height: 20px;} .svg-icon--soc--subscribe {width: 13px; height: 13px; margin-top: -2px;} .svg-icon--30{width: 30px; height: 30px;} .svg-icon--40{width: 40px; height: 40px;} .subscribe-icon-vk {color: #507299;} .subscribe-icon-fb {color: #4267b2;} .subscribe-icon-ok {color: #ee8208;} .icon{display: inline-block; vertical-align: middle; background: url(/local/images/sprite.png) no-repeat scroll transparent; -webkit-transition: inherit; transition: inherit;} .icon-group{display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; position: relative; -webkit-transition: inherit; transition: inherit;} .icon-group .icon--reflex, .icon-group .icon--second{position: absolute; top: 0; left: 0;} .icon--reflex{opacity: 0;} .no-touch .icon-reflex-parent:hover .icon{opacity: 0;} .no-touch .icon-reflex-parent:hover .icon--reflex{opacity: 1;} /* --- csss icons --- */ .icon-value-up, .icon-value-down, .icon-value-mid{display: inline-block; vertical-align: middle; width: 1px; height: 10px; position: relative; margin: 0 3px;} .icon-value-up::before, .icon-value-down::before{content: ''; position: absolute; left: -2px; border: 2px solid transparent; width: 5px;} .icon-value-up::before{top: 1px; border-bottom: 3px solid; border-top: none;} .icon-value-down::before{bottom: 1px; border-top: 3px solid; border-bottom: none;} .icon-value-up{background: #147e4b; color: #147e4b;} .icon-value-down{background: #bd576b; color: #bd576b;} /* --- tools --- */ .ava::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .fc:first-child, .flc:first-child{margin-top: 0;} .lc:last-child, .flc:last-child{margin-bottom: 0;} .flcc.flcc{margin-top: 0; margin-bottom: 0;} .lcc.lcc{margin-bottom: 0;} .fcc.fcc{margin-top: 0;} .h100p{height: 100%;} .fs0{font-size: 0;} .hidden{display: none;} .pull-left{float: left;} .pull-right{float: right;} .clearfix::after{content: ''; display: table; clear: both;} .clear{clear: both;} .hidden{display: none;} .visible{display: block;} .visible-ib{display: inline-block;} @media print { .hide-images img{ display: none!important;} .hide-print{ display: none;} } @media (max-width: 1600px) { /* --- main menu --- */ .main-menu > .container{padding: 0;} /* --- mobile main nav --- */ .mobile-main-nav > .container{padding: 0;} /* --- page grid --- */ .page-grid__item::after{left: 0; right: 0;} /* --- article --- */ .article__aside-link{width: 200px;} /* --- main slider --- */ .main-slider .slick-arrow{width: 170px; margin: 0;} .main-slider .slick-prev{left: 0; right: auto;} .main-slider .slick-next{left: auto; right: 0;} } @media (max-width: 1399px) { /* --- main slider --- */ .main-slider .slick-arrow{width: 100px; margin: 0;} .main-slider .slick-prev{left: 0; right: auto;} .main-slider .slick-next{left: auto; right: 0;} /* --- article --- */ .article__aside-link{width: 80px;} .article__aside-link--left{padding-right: 20px;} .article__aside-link--right{padding-left: 20px;} /* --- links strip --- */ .links-strip__group--drop-lg{width: 50%;} /* --- main slide --- */ .container--sm{padding-left: 100px; padding-right: 100px;} } @media (max-width: 1239px) { /* --- blocks --- */ .container{padding: 0 20px; } .container--sm{padding-left: 80px; padding-right: 80px;} /* --- grid --- */ .grid--default{margin-left: -10px; margin-right: -10px; width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .grid--default .col{padding-left: 10px; padding-right: 10px;} .page-grid__item--aside.cabinet { border: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; max-width: 100%;} /* --- page grid --- */ .page-grid{width: -webkit-calc(100% + 41px);width: calc(100% + 41px); margin: 0px -21px -1px -20px;} .page-grid__item{padding: 20px;} .page-grid__item--main{padding: 30px 70px 30px 20px;} .page-grid__item .local-page-section{margin: 0;} .page-grid__item .page-grid{margin-top: -20px; margin-bottom: -20px;} .page-grid__item--main .page-grid{margin-top: -30px; margin-bottom: -30px;} /* --- banners grid --- */ .banners-grid{margin: -1px -20px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px);} /* --- basic banner --- */ .basic-banner{min-height: 320px;} .basic-banner__main, .basic-banner--lg .basic-banner__main{padding: 25px 20px 40px;} /*.basic-banner__title{font-size: 22px; line-height: 30px;}*/ .basic-banner__text{font-size: 15px; line-height: 23px;} /* --- home page block --- */ .home-page-block{padding: 20px;} .home-page-block--lg{padding: 40px;} /* --- main menu dd --- */ .main-menu-dd__row, .main-menu-dd__main, .main-menu-dd__aside{display: block; width: auto;} .main-menu-dd__main{padding: 25px 0;} .main-menu-dd__aside{border-top: 1px solid #d4d4d4; border-left: none; margin: 0 -20px; padding: 25px 0 40px 20px; font-size: 0;} .main-menu-dd__aside::before{display: none;} .main-menu-dd__aside-btns, .main-menu-dd__aside-links{display: inline-block; vertical-align: top; font-size: 15px;} .main-menu-dd__aside-btns{width: 25%; margin: 0;} .main-menu-dd__aside-links{width: 100%; margin: 0; padding-right: 20px; -webkit-columns: 4; -moz-columns: 4; columns: 4; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} .main-menu-dd__aside-btns + .main-menu-dd__aside-links{width: 75%; -webkit-columns: 3; -moz-columns: 3; columns: 3; padding-left: 30px;} /* --- main submenu --- */ .main-submenu__l1-list{width: 25%;} .main-submenu__l2-list{width: 37%;} .main-submenu__l3{padding-left: 30px;} .main-submenu__l3-bg{right: -40px; left: -webkit-calc(25% + 75% * 0.37 + 30px); left: calc(25% + 75% * 0.37 + 30px);} .main-submenu__l3:only-child .main-submenu__l3-bg{left: 25%;} /* --- main menu alt grid --- */ .main-menu-alt-grid{margin: 0 -30px;} .main-menu-alt-grid__col{padding: 0 30px;} /* --- page header menu --- */ .page-header-menu{margin-right: -25px;} .page-header-menu__item{margin-right: 25px;} /* --- main slider --- */ .main-slider .slick-arrow{width: 80px;} .main-slider .slick-next .svg-icon{left: 30px;} .main-slider .slick-prev .svg-icon{right: 30px;} /* --- main slide --- */ .main-slide__row, .main-slide__main, .main-slide__aside{display: block; width: auto; padding: 0;} .main-slide__aside{margin-top: 20px;} .main-slide__aside .info-card{max-width: 600px;} /* --- info card --- */ .info-card{padding: 20px 20px 30px;} /* --- links strip --- */ .links-strip{margin-right: -20px;} .links-strip__group{margin-right: 20px;} /* --- group block --- */ .group-block{padding: 20px;} .group-block__header{margin: -21px -21px 20px; width: -webkit-calc(100% + 42px); width: calc(100% + 42px);} .group-block-header__cell-icon{padding: 15px 0 15px 20px; width: 50px;} .group-block-header__cell-title{padding: 15px 20px;} .group-block-i10s__visual img{margin-bottom: -20px;} /* --- product block --- */ .product-block__cell-image { width: 250px; } .product-block__cell-main { padding: 15px 20px 15px 30px; } /* --- card list item --- */ .card-list-item{padding: 30px 20px;} .card-list-item__cell-card{width: 280px; padding-right: 40px;} .card-list-item__fav{top: 30px; right: 20px;} .card-list__switch{max-width: 240px; margin-left: 20px; margin-right: 20px;} /* --- page section --- */ .page-section{margin: 30px 0;} /* --- land section --- */ .land-section{padding: 50px 0 60px;} .land-section__title{margin-bottom: 30px;} /* --- i10s grid --- */ .i10s-grid{margin: -20px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px);} .i10s-grid__item{padding: 0 20px; margin: 20px 0;} /* --- i10s-item --- */ .i10s-item__cell-image{width: 120px; padding-right: 20px;} /* --- infographics block --- */ .infographics-block{margin: 40px 0;} /* --- i10s group --- */ .i10s-group{margin: 40px 0;} /* --- standalone banner --- */ .standalone-banner{margin: 40px 0;} /* --- accordion --- */ .accordion__bar{padding-left: 20px; padding-right: 60px;} .accordion__bar::before, .accordion__bar::after{right: 20px;} .accordion__body{padding: 25px 20px 30px;} .accordion__body .accordion__bar{padding-left: 40px;} .accordion__body .accordion__bar:after{left: 20px;} .accordion__body .accordion__body{padding-left: 60px;} .accordion__body .acc-group{margin: -25px -19px -30px;} /* --- filter --- */ .filter{margin: 30px 0;} /* --- article grid --- */ .article-grid{margin: -25px -20px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px);} .article-grid__item{padding: 0 20px; margin: 25px 0;} /* --- article --- */ .article__aside-link{display: none;} /* --- info block --- */ hr + .page-section .info-block:first-child{margin-top: -30px;} /* --- cardlike link --- */ .cardlike-link{padding: 20px 20px 35px;} .cardlike-link__img{margin: -20px -20px 20px;} /* --- alt i10s grid 2 --- */ .alt-i10s-grid-2{margin-left: -15px; margin-right: -15px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .alt-i10s-grid-2__item{padding-left: 15px; padding-right: 15px;} /* --- alt i10s block 2 --- */ .alt-i10s-block-2{margin: 30px 0;} /* --- inline form card --- */ .inline-form-card{padding: 20px; margin: 30px 0;} .inline-form-card .form-grid{margin-bottom: -20px;} .inline-form-card .form-grid__item{margin-bottom: 20px;} /* --- home page grid --- */ .home-page-grid > .order-md-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .home-page-grid > .order-md-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .home-page-grid > .order-md-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 4;} .home-page-grid > .order-md-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .home-page-grid > .order-md-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .home-page-grid > .order-md-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} /* --- tools --- */ .hidden-md{display: none;} .visible-md{display: block;} .visible-md-inline{display: inline;} .visible-md-ib{display: inline-block;} .visible-md-table{display: table;} .visible-md-tc{display: table-cell;} /* --- grid --- */ .col-md-1{width: 8.333%;} .col-md-2{width: 16.666%;} .col-md-3{width: 25%;} .col-md-4{width: 33.33%;} .col-md-5{width: 41.666%;} .col-md-6{width: 50%;} .col-md-7{width: 58.333%;} .col-md-8{width: 66.666%;} .col-md-9{width: 75%;} .col-md-10{width: 83.333%;} .col-md-11{width: 91.666%;} .col-md-12{width: 100%;} .order-md-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-md-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-md-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-md-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-md-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-md-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-md-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-md-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-md-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-md-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-md-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-md-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} } .page-grid__item--aside.cabinet .aside-menu > a {margin-top: 20px;} .page-grid__item--aside.cabinet .aside-menu > hr {width: 100%;} @media (max-width: 992px) and (min-width: 760px) { /* --- currency-table --- */ .currency-table--row-sm{display: inline-block; vertical-align: top; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin: 0 -20px -40px 0; font-size: 0;} .currency-table--row-sm tbody{display: block;} .currency-table--row-sm tr{display: inline-block; vertical-align: top; padding: 0 20px 20px 0; width: 25%;} .currency-table--row-sm td{display: block; padding: 0;} .currency-table--row-sm td.currency-table__cell-value{display: inline-block; vertical-align: top; text-align: left;} .currency-table--row-sm td.currency-table__cell-value + .currency-table__cell-value{margin-left: 10px;} } @media (max-width: 991px) { /* --- документы для скачивания внизу страницы для мобильной версии --- */ .mobi-link {display:block!important;} /* --- container --- */ .container{padding: 0 20px; } /*.onlineKonsultantLink { display: none; } 070921*/ .rightMenuMobile {display: block; } .rightMenuDesktop, .visually-impaired {display: none !important; } .visually-impaired-icon { vertical-align: top; } /* --- basic bannner --- */ .basic-banner{min-height: 38vw;} /* --- contact dd content --- */ .contact-dd-content__visual img{margin-bottom: -15px; margin-right: -20px;} #vishnu-button{ right: 20px !important; } .btn--lg {margin: 10px;} /* --- main slider --- */ .main-slider:not(.slick-initialized):not(.main-slider--slides-1){height: 400px;} .main-slider .slick-arrow{display: none !important;} .main-slider .slick-next .svg-icon{left: 30px;} .main-slider .slick-prev .svg-icon{right: 30px;} .page-grid__item, .page-grid__item.eng{padding: 40px 20px 40px 20px;} .service-strip {display: none;} /* --- main slide --- */ .main-slide{min-height: 400px; padding: 30px 0 60px;} .main-slide .container{padding-left: 20px; padding-right: 20px;} .main-slide__breadcrumbs{margin: -18px 0 18px;} /* --- page header --- */ .page-header__cell-logo, .page-header__cell-menu{padding-top: 20px; padding-bottom: 20px;} .page-header__cell-logo .logo{margin-bottom: -7px;} /* --- page header menu --- */ .page-header-menu{margin-right: -15px; margin-left: -15px;} .page-header-menu__item{margin-right: 15px; margin-left: 15px;} .page-header-menu__item--ib{display: none;} /* --- main menu --- */ .main-menu{display: none;} .state--main-menu-open .overlay{top: 0;} /* --- mobile menus --- */ .top-nav.top-nav.top-nav, .top-nav.top-nav.top-nav .top-nav-menu__container-l2, .top-nav.top-nav.top-nav .top-nav-menu__container-l3, .top-nav.top-nav.top-nav .top-nav-menu__container-l4, .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__item{position: fixed; top: 0; left: 0; bottom: auto; height: 100vh; width: 280px; padding: 0; background-color: #f7f7f7; z-index: 120; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-shadow: 0px 2px 5px rgba(0,0,0,.2); -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: .3s; transition: .3s; visibility: hidden; opacity: 1;} .top-nav.top-nav.top-nav .container, .top-nav.top-nav.top-nav .top-nav__row{height: 100vh;} .top-nav.top-nav.top-nav .top-nav__row, .top-nav.top-nav.top-nav .top-nav-menu__menu-l2, .top-nav.top-nav.top-nav .top-nav-menu__menu-l3, .top-nav.top-nav.top-nav .top-nav-menu__menu-l4, .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__dd-list{overflow-x: hidden; overflow-y: auto; -webkit-overflow-scroll: touch; padding: 10px 20px 55px; -webkit-box-shadow: 0px 11px 0 0 #fff inset; box-shadow: 0px 11px 0 0 #fff inset;} .top-nav.top-nav.top-nav .top-nav__row{padding: 64px 20px 55px; -webkit-box-shadow: 0px 65px 0 0 #fff inset; box-shadow: 0px 65px 0 0 #fff inset;} .top-nav.top-nav.top-nav .top-nav-menu__container-l2, .top-nav.top-nav.top-nav .top-nav-menu__container-l3, .top-nav.top-nav.top-nav .top-nav-menu__container-l4, .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__item{padding-top: 54px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__item{-webkit-box-shadow: none;box-shadow: none} .state--mobile-menu-open .top-nav.top-nav.top-nav, .state--mobile-menu-open .top-nav-menu__item.open .top-nav-menu__container-l2, .state--mobile-menu-open .top-nav-menu__item-l2.open .top-nav-menu__container-l3, .state--mobile-menu-open .top-nav-menu__item-l3.open .top-nav-menu__container-l4, .state--mobile-menu-open .fixed-nav__navigation, .state--mobile-menu-open .fixed-nav__navigation_eng, .state--fixed-nav-open .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__item.open{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .state--fixed-nav-open .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__item:not(.open):not(.closing){-webkit-transition: 0s ease .3s;transition: 0s ease .3s;} .state--fixed-nav-open .fixed-nav.fixed-nav.fixed-nav .fixed-nav-menu__item.open{z-index: 129;} .top-nav.top-nav.top-nav .folded-menu-header, .fixed-nav.fixed-nav.fixed-nav .folded-menu-header{display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;} .fixed-nav__navigation_eng a{color: #fff;} /* --- main menu buttons --- */ .top-nav.top-nav.top-nav .active .top-nav-menu__btn, .top-nav.top-nav.top-nav .top-nav-menu__btn, .top-nav.top-nav.top-nav .top-nav-menu__btn-l2, .top-nav.top-nav.top-nav .top-nav-menu__btn-l3, .top-nav.top-nav.top-nav .top-nav-menu__btn-l4, .list-btn.list-btn.list-btn{display: block; margin: 0 -20px; padding: 0 35px 0 20px; width: auto; word-break: break-word; background: #fff; border: none; border-bottom: 1px solid #d4d4d4; color: #252525; position: relative; text-align: left; font-size: 15px; font-weight: 400; line-height: 20px;} .top-nav.top-nav.top-nav .top-nav-menu__btn::after, .top-nav.top-nav.top-nav .top-nav-menu__btn-l2::after, .top-nav.top-nav.top-nav .top-nav-menu__btn-l3::after, .top-nav.top-nav.top-nav .top-nav-menu__btn-l4::after{content: ''; position: absolute; top: 50%; right: 20px; width: 6px; height: 6px; margin: -3px 0 0 -4px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .top-nav.top-nav.top-nav .top-nav-menu__btn--link::after, .top-nav.top-nav.top-nav .top-nav-menu__btn-l2--link::after, .top-nav.top-nav.top-nav .top-nav-menu__btn-l3--link::after, .top-nav.top-nav.top-nav .top-nav-menu__btn-l4--link::after{display: none;} .top-nav.top-nav.top-nav .top-nav-menu__btn-text, .list-btn.list-btn.list-btn .list-btn__text{display: block; padding: 10px 0;} .list-btn.list-btn.list-btn .list-btn__icon{position: absolute; top: 10px; left: 20px; width: 20px; height: 20px; padding: 0;} .list-btn.list-btn.list-btn .list-btn__icon + .list-btn__text{margin-left: 30px;} /* --- mobile main nav --- */ .mobile-main-nav{display: block;} /* --- top nav --- */ .top-nav.top-nav.top-nav > .container{padding: 0;} .top-nav.top-nav.top-nav .top-nav-menu__container-l3{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .top-nav.top-nav.top-nav .top-nav-menu, .top-nav.top-nav.top-nav .top-nav-menu__item{display: block; padding: 0; margin: 0;} .top-nav.top-nav.top-nav .top-nav-menu__item-l2{margin: 0;} .top-nav.top-nav.top-nav .top-nav-menu__item--main{display: none;} .top-nav.top-nav.top-nav .top-nav-menu__item--lang{margin: 20px 0 0;} .top-nav.top-nav.top-nav .top-nav-menu__search{display: block; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); text-align: left; margin: 0 -20px; padding: 10px 20px 10px 50px; height: 40px; background: #f7f7f7; border-bottom: 1px solid #d4d4d4; position: relative; font-size: 15px; font-weight: 400; line-height: 20px; color: #ababab;} .top-nav.top-nav.top-nav .top-nav-menu__search .svg-icon{position: absolute; left: 20px; top: 50%; margin-top: -8px; color: #ababab;} .top-nav.top-nav.top-nav .top-nav-menu__search-text{display: block;} .top-nav.top-nav.top-nav .top-nav-menu__service{margin-top: 30px;} .top-nav.top-nav.top-nav .top-nav-menu__service-buttons{margin: 20px 0;} .top-nav.top-nav.top-nav .top-nav__close{left: 100%; top: 0; display: block; opacity: 0; visibility: hidden;} .state--mobile-menu-open .top-nav.top-nav.top-nav .top-nav__close{opacity: 1; visibility: visible;} /* --- fixed nav --- */ .fixed-nav.fixed-nav.fixed-nav{position: static; -webkit-transform: none; transform: none; width: 0; height: auto;} .fixed-nav__close{display: none;} .fixed-nav__navigation, .fixed-nav__navigation_eng{position: fixed; top: 0; left: 0; right: auto; display: table; table-layout: fixed; width: 280px; -webkit-border-radius: 0; border-radius: 0; background-color: #147e4b; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: hidden; z-index: 130; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: none; box-shadow: none;} .fixed-nav.fixed-nav.fixed-nav .fixed-nav__btn{display: table-cell; padding: 8px 10px 6px; border: none; border-left: 1px solid rgba(0,0,0,.15); font-size: 11px; width: auto; font-weight: 300; color: #fff; background: #147e4b;} .fixed-nav.fixed-nav.fixed-nav .fixed-nav__btn:first-child{border-left: none;} .fixed-nav__btn-icon{margin-bottom: 4px;} /* --- prefooter links block --- */ .prefooter-links-block{padding: 30px 0;} /* --- page footer --- */ .page-footer-top{padding: 30px 0;} .page-footer .links-strip__group{display: block; width: auto; text-align: center;} /* --- page grid --- */ .page-grid__item--aside{display: none;} .page-grid__item--aside.cabinet {display:block; border: none; -webkit-box-shadow: none; box-shadow: none;} .page-grid__item--main{width: 100%;} /* --- inline form --- */ .inline-form{display: block;} .inline-form__label{margin: 0 0 12px 0;} /* --- info block --- */ .info-block__in{width: auto; max-width: 600px;} .info-block::before{width: 100%; background-position: 100% 100%;} /* --- subscription form --- */ .subscription-form{margin-left: 0;} /* --- group block i10s --- */ .group-block-i10s{display: block; font-size: 0;} .group-block-i10s__links, .group-block-i10s__consult{display: inline-block; vertical-align: top; width: 50%; font-size: 15px;} .group-block-i10s{position: relative; padding-right: 150px;} .group-block-i10s__visual{padding: 0; position: absolute; right: 0; bottom: 0; width: 150px;} /* --- tools --- */ .hidden-sm{display: none;} .visible-sm{display: block;} .visible-sm-inline{display: inline;} .visible-sm-ib{display: inline-block;} .visible-sm-table{display: table;} .visible-sm-tc{display: table-cell;} /* --- grid --- */ .col-sm-1{width: 8.333%;} .col-sm-2{width: 16.666%;} .col-sm-3{width: 25%;} .col-sm-4{width: 33.33%;} .col-sm-5{width: 41.666%;} .col-sm-6{width: 50%;} .col-sm-7{width: 58.333%;} .col-sm-8{width: 66.666%;} .col-sm-9{width: 75%;} .col-sm-10{width: 83.333%;} .col-sm-11{width: 91.666%;} .col-sm-12{width: 100%;} .order-sm-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-sm-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-sm-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-sm-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-sm-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-sm-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-sm-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-sm-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-sm-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-sm-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-sm-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-sm-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} } @media (max-width: 759px) { .onlineKonsultantLink .complex-link__online-chat { display: none; } /*070921*/ .feedback-link {display:block!important;} /* --- text guide --- */ h1, .h1{font-size: 30px; line-height: 36px; font-weight: 400;} h2, .h2{font-size: 26px; line-height: 32px; font-weight: 400;} .text-guide--lg{font-size: 15px; line-height: 23px; margin-top: 15px;} /* --- buttons --- */ .btn--i10s{padding: 10px 15px; font-size: 15px; line-height: 20px; min-height: 60px;} .btn--i10s .btn__icon{max-width: 30px; max-height: 30px;} .btn--sq.btn--i10s{width: 60px;} /* --- block links grid --- */ .block-links-grid{margin: 0 -10px -10px 0; width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .block-links-grid__item{padding: 0 10px 10px 0;} .page-header-menu .complex-link__cell-icon img{ width: 22px; padding-top: 8px; } /* --- page header menu --- */ .page-header-menu .complex-link__cell-text, .page-header-menu .complex-link__cell-arrow{display: none;} .page-header-menu .complex-link__cell-icon{padding: 0;} .page-header-menu .complex-link__cell-number{padding-right: 0; padding-left: 10px;} .page-header-menu .complex-link__btn{padding: 15px; margin: -15px;} /* --- basic banner --- */ .basic-banner__title{margin: 0;} .basic-banner__text, .basic-banner__action{display: none;} .basic-banner__bg::after{background: -webkit-gradient(linear, left top, right top, from(rgba(69,167,62,.6)), color-stop(70%, rgba(255,255,255,.4)), to(rgba(255,255,255,.4)));background: -webkit-linear-gradient(left, rgba(69,167,62,.6), rgba(255,255,255,.4) 70%, rgba(255,255,255,.4));background: linear-gradient(to right, rgba(69,167,62,.6), rgba(255,255,255,.4) 70%, rgba(255,255,255,.4));} .basic-banner--dark .basic-banner__bg::after{background: -webkit-gradient(linear, left top, right top, from(rgba(37,37,37,.6)), color-stop(70%, rgba(37,37,37,.3)), to(rgba(255,255,255,.3)));background: -webkit-linear-gradient(left, rgba(37,37,37,.6), rgba(37,37,37,.3) 70%, rgba(255,255,255,.3));background: linear-gradient(to right, rgba(37,37,37,.6), rgba(37,37,37,.3) 70%, rgba(255,255,255,.3));} /* --- prefooter links block --- */ .prefooter-links-block{padding: 20px 0;} /* --- page footer top --- */ .page-footer-top{padding: 20px 0;} /* --- page footer bottom --- */ .page-footer-bottom__grid{margin: 0 -15px -20px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .page-footer-bottom__col{padding: 0 15px 20px;} /* --- local header --- */ .local-header__aside{margin-left: 20px;} /* --- card list --- */ .card-list__switch{margin: 30px 0 -70px; max-width: 100%;} .card-list__switch ~ .card-list-item .card-list-item__cell-card{padding-top: 0;} .card-list__switch ~ .card-list-item .card-list-item__cell-main{padding-top: 55px;} /* --- card list item --- */ .card-list-item, .card-list-item__cell-card, .card-list-item__cell-main{display: block; width: auto; text-align: left;} .card-list-item{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 25px 0px 30px; -webkit-border-radius: 0; border-radius: 0;} .card-list-item__cell-main{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .card-list-item__cell-card{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2; margin-top: 20px; padding: 0;} .card-list-item__fav{top: 20px; right: 0;} .card-list-item--bg{padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px;} .card-list-item__fav{top: auto; left: auto; margin: 0 0 0 -20px; padding: 0 0 0 20px;} .card-list-item__action{padding-right: 60px; position: relative; z-index: 11;} .card-list-item__fav{top: 0; right: 0;} .card-list-item .local-article__status, .card-list-item .local-article__title{width: 100%; margin-right: 0;} .card-list-item__action{margin-top: 25px;} .card-list__item.card-list__item .card-list-item__fav .dropdown{top: auto; bottom: 20px; -webkit-transform-origin: right bottom; transform-origin: right bottom;} .card-list__item.card-list__item .card-list-item__fav::before{-webkit-transform-origin: center top;transform-origin: center top;} /* --- main slide --- */ .main-slide__breadcrumbs{margin-bottom: 0px;} /* --- form row --- */ .form-row__label{font-size: 15px; line-height: 23px;} /* --- medium article --- */ .medium-article__cell-image{width: 180px;} /* --- product block --- */ .product-block__cell-image { width: 180px; } /* --- page nav --- */ .page-nav{margin: 40px 0;} .page-nav:last-child{margin-bottom: 0;} /* --- hero btn --- */ .hero-btn{margin: 40px 0;} /* --- slider --- */ .slider .slick-arrow{width: 40px;} /* --- alt i10s item 2 --- */ .alt-i10s-item-2{padding-left: 80px; position: relative;} .alt-i10s-item-2__header, .alt-i10s-item-2__header-icon, .alt-i10s-item-2__header-label{display: block; width: auto; padding: 0;} .alt-i10s-item-2__header-icon-box{position: absolute; top: 0; left: 0; margin: 0;} /* --- local article --- */ .local-article__top-row, .local-article__top-row .local-article__title, .local-article__top-row .local-article__info, .card-list-item .local-article__top-row .local-article__title{display: block; width: auto; padding: 0;} .local-article__top-row .local-article__info{margin: 20px 0;} .local-article__top-row .local-article__info .small-i10s{margin-top: 0;} /* --- group block i10s --- */ .group-block-i10s__links, .group-block-i10s__consult{display: block; padding: 0; margin-bottom: 20px; width: auto;} .group-block-i10s__visual{right: -20px; bottom: -20px;} /* --- inline form card --- */ .inline-form-card{max-width: 420px;} /* --- modal --- */ .modal{padding: 20px 20px 30px;} .modal__header{margin-bottom: 15px;} .modal__title:first-child{margin-top: 0;} /* --- org detail --- */ .org-detail__logo{padding: 0; max-width: 300px; margin-bottom: 20px; text-align: left;} .org-detail__logo::after{display: none;} /* --- complex link --- */ .complex-link.dropdown-owner::before{left: 0;} /* --- page grid --- */ .page-grid__item-bg--lighten-xs::before, .page-grid__item-bg--darken-xs::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;} .page-grid__item-bg--lighten-xs::before{background: rgba(255,255,255,.6);} .page-grid__item-bg--darken-xs::before{background: rgba(0,0,0,.4);} /* --- tools --- */ .hidden-xs{display: none;} .visible-xs{display: block;} .visible-xs-inline{display: inline;} .visible-xs-ib{display: inline-block;} .visible-xs-table{display: table;} .visible-xs-tc{display: table-cell;} /* --- grid --- */ .col-xs-1{width: 8.333%;} .col-xs-2{width: 16.666%;} .col-xs-3{width: 25%;} .col-xs-4{width: 33.33%;} .col-xs-5{width: 41.666%;} .col-xs-6{width: 50%;} .col-xs-7{width: 58.333%;} .col-xs-8{width: 66.666%;} .col-xs-9{width: 75%;} .col-xs-10{width: 83.333%;} .col-xs-11{width: 91.666%;} .col-xs-12{width: 100%;} .order-xs-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-xs-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-xs-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-xs-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-xs-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-xs-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-xs-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-xs-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-xs-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-xs-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-xs-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-xs-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} } @media (max-width: 639px) { /* --- page header --- */ .page-header__cell-logo, .page-header__cell-menu{padding-top: 10px; padding-bottom: 10px;} .page-header__cell-logo{padding-right: 20px;} .page-header__cell-logo .logo{margin-bottom: -5px;width: 200px;height: 33px; position: relative; top: 5px;} /* --- small article grid --- */ .small-article-grid{margin: 0 -20px -20px 0; width: -webkit-calc(100% + 20px); width: calc(100% + 20px);} .small-article-grid__item{padding: 0 20px 20px 0;} /* --- page grid --- */ .page-grid__item--sm, .page-grid__item--lg{min-height: 0;} /* --- logo --- */ .logo__main, .logo__main.svg-icon, .logo__slogan, .logo__slogan.svg-icon{width: 160px; height: 15px;} .logo__slogan, .logo__slogan.svg-icon{margin-top: 4px;} /* --- page footer --- */ .page-footer .links-strip__group{text-align: left;} /* --- page footer bottom --- */ .page-footer-bottom__grid{margin: 0 0 -10px; width: 100%;} .page-footer-bottom__col{padding: 0 0 10px;} /* --- home page block --- */ .home-page-block{min-height: 0;} .home-page-block--lg{padding: 30px 20px 40px;} .home-page-block--banner{padding: 35px 20px; min-height: 150px;} .home-page-block--banner .local-page-section__body{display: none;} /* --- page section --- */ .page-section__header{margin-bottom: 20px;} /* --- local article --- */ .local-article__title{margin: 20px 0;} .local-article__params{margin: 15px 0;} .local-article__status{margin: 6px 0;} /* --- small infographics --- */ .small-i10s{margin: 0 -20px -20px 0;} .small-i10s__item{margin: 0 20px 20px 0;} /* --- card list item --- */ .card-list-item__action{margin-top: 20px;} /* --- medium article --- */ .medium-article, .medium-article__cell-image, .medium-article__cell-main{display: block; width: auto; padding: 0;} .medium-article__cell-image{margin-bottom: 20px;} /* --- product block --- */ .product-block__inner { display: block; padding: 20px; } .product-block__cell-image { display: block; width: 380px; max-width: 100%; margin: auto; min-height: 180px; padding-bottom: 50%; } .product-block__cell-main { display: block; padding: 20px 0 0; } /* --- hero btn --- */ .hero-btn{margin: 30px 0;} /* --- info block --- */ .info-block{padding: 30px 0;} /* --- gallery grid --- */ .gallery-grid{margin: 0 -15px -30px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px);} .gallery-grid__item{padding: 0 15px; margin: 0 0 30px;} /* --- modal gallery --- */ .raduke__close{width: 54px; height: 54px; padding: 0;} .raduke__arrow--next{top: 54px;} .raduke__arrow--next .svg-icon{margin-top: -42px;} .raduke__arrow{width: 40px;} .raduke__previews{padding: 0 40px 20px;} .raduke__previews .raduke__arrow .svg-icon{-webkit-transform: scale(.75);transform: scale(.75);} .raduke__preview-box{height: 60px;} .raduke--w-previews .raduke__slide{height: -webkit-calc(100vh - 80px);height: calc(100vh - 80px);} /* --- land section --- */ .land-section{padding: 30px 0 40px;} .land-section__hero-cards{margin: 30px 0 10px;} .land-section__title{text-align: left;} /* --- alt i10s grid --- */ .alt-i10s-grid{margin-bottom: -25px;} .alt-i10s-grid__item{margin-bottom: 25px;} /* --- service-strip --- */ .service-strip__row{display: block;} .service-strip__aside{padding: 0; margin-top: 20px;} /* --- block menu grid --- */ .block-menu-grid{display: block;} /* --- main slide --- */ .main-slide__bg--green::after{background: -webkit-gradient(linear, left top, right top, from(#15b132), color-stop(39%, #15b132), to(rgba(21,177,50,0.3)));background: -webkit-linear-gradient(left, #15b132, #15b132 39%, rgba(21,177,50,0.3) 100%);background: linear-gradient(to right, #15b132, #15b132 39%, rgba(21,177,50,0.3) 100%);} /* --- page grid --- */ .page-grid__item-bg--lighten-2xs::before, .page-grid__item-bg--darken-2xs::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;} .page-grid__item-bg--lighten-2xs::before{background: rgba(255,255,255,.6);} .page-grid__item-bg--darken-2xs::before{background: rgba(0,0,0,.4);} /* --- tools --- */ .hidden-2xs{display: none;} .visible-2xs{display: block;} .visible-2xs-inline{display: inline;} .visible-2xs-ib{display: inline-block;} .visible-2xs-table{display: table;} .visible-2xs-tc{display: table-cell;} /* --- grid --- */ .col-2xs-1{width: 8.333%;} .col-2xs-2{width: 16.666%;} .col-2xs-3{width: 25%;} .col-2xs-4{width: 33.33%;} .col-2xs-5{width: 41.666%;} .col-2xs-6{width: 50%;} .col-2xs-7{width: 58.333%;} .col-2xs-8{width: 66.666%;} .col-2xs-9{width: 75%;} .col-2xs-10{width: 83.333%;} .col-2xs-11{width: 91.666%;} .col-2xs-12{width: 100%;} .order-2xs-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-2xs-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-2xs-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-2xs-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-2xs-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-2xs-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-2xs-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-2xs-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-2xs-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-2xs-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-2xs-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-2xs-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} /*modal*/ .modal.modal--xs {padding: 0;} .showhide-pass--modal--xs {margin-left: 85%;} .modal__close--outer {right: -10px;} } @media (max-width: 479px) { /* --- local header --- */ .local-header, .local-header__main, .local-header__aside{display: block; width: auto;} .local-header__aside{margin: 10px 0 0; text-align: left; white-space: normal;} .local-header__aside .small-tab-labels, .ios .local-header__aside .small-tab-labels{margin: 0 0 -5px;} .ios .local-header__aside .small-tab-labels__label{margin-right: 10px; margin-left: 0px;} /*.local-header__aside .small-tab-labels{margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 40px);}*/ /* --- page header menu --- */ .page-header-menu .complex-link__cell-number{display: none;} .page-header-menu__item{ margin-right: 15px; margin-left: 10px; } /* --- basic banner --- */ .basic-banner__title{font-size: 22px; line-height: 30px;} /* --- small article --- */ .small-article__cell-image{width: 115px; padding-right: 15px;} /* --- home page block --- */ .home-page-block__link--mobile{display: block;} /* --- i10s-item --- */ .i10s-item__cell-image{width: 80px; padding-right: 15px;} .i10s-item__cell-image img{max-height: 65px;} /* --- land section --- */ .land-section__hero-cards{display: none;} /* --- alt i10s item 2 --- */ .alt-i10s-item-2{padding-left: 60px; position: relative;} .alt-i10s-item-2__header-icon-box{position: absolute; width: 40px; height: 40px; line-height: 38px; font-size: 30px; font-weight: 400;} /* --- group block i10s --- */ .group-block-i10s{padding: 0;} .group-block-i10s__links, .group-block-i10s__consult{display: block; padding: 0; margin-bottom: 20px; width: auto;} .group-block-i10s__visual{display: none;} /* --- pagr 404 decor --- */ .page-404-decor{ text-align: center; padding: 0 20px 0 0;} /* --- page nav --- */ .page-nav__row{margin-right: 0; display: block;} /* --- org item --- */ .org-item__icon{height: 100px;} .org-item__icon img{max-width: 70%;} /* --- card list --- */ .card-list__item.card-list__item .card-list-item__fav .dropdown{bottom: 73px; -webkit-transform-origin: right bottom; transform-origin: right bottom;} .card-list__item.card-list__item .card-list-item__fav::before{border-bottom: none; border-top-color: #45a73e; top: auto; bottom: 100%; margin-bottom: 5px; left: 50%;} /* --- page grid --- */ .page-grid__item-bg--lighten-3xs::before, .page-grid__item-bg--darken-3xs::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;} .page-grid__item-bg--lighten-3xs::before{background: rgba(255,255,255,.6);} .page-grid__item-bg--darken-3xs::before{background: rgba(0,0,0,.4);} /* --- tools --- */ .hidden-3xs{display: none;} .visible-3xs{display: block;} .visible-3xs-inline{display: inline;} .visible-3xs-ib{display: inline-block;} .visible-3xs-table{display: table;} .visible-3xs-tc{display: table-cell;} /* --- grid --- */ .col-3xs-1{width: 8.333%;} .col-3xs-2{width: 16.666%;} .col-3xs-3{width: 25%;} .col-3xs-4{width: 33.33%;} .col-3xs-5{width: 41.666%;} .col-3xs-6{width: 50%;} .col-3xs-7{width: 58.333%;} .col-3xs-8{width: 66.666%;} .col-3xs-9{width: 75%;} .col-3xs-10{width: 83.333%;} .col-3xs-11{width: 91.666%;} .col-3xs-12{width: 100%;} .order-3xs-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-3xs-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-3xs-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-3xs-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-3xs-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-3xs-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-3xs-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-3xs-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-3xs-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-3xs-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-3xs-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-3xs-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} } @media (max-width: 390px) { /* --- page header --- */ .page-header__cell-logo .logo{width: 162px;} } @media (max-width: 379px) { /* --- group block --- */ .group-block{padding: 20px 10px; margin-left: -10px; margin-right: -10px;} .group-block__header{margin: -21px -11px 20px; width: -webkit-calc(100% + 22px); width: calc(100% + 22px);} .group-block-header__cell-icon{display: none;} .group-block-header__cell-title{padding: 13px 10px;} /* --- modal --- */ .modal{padding: 20px 10px 20px;} /* --- inline form card --- */ .inline-form-card{padding: 20px 10px; margin: 30px -10px;} /* --- title bar --- */ .title-bar, .text-guide .title-bar{margin-left: -10px; margin-right: -10px;} /* --- accordion --- */ .text-guide dl, .accordion{-webkit-box-shadow: 0px 0px 0px 0px #d4d4d4 inset;box-shadow: 0px 0px 0px 0px #d4d4d4 inset;} .accordion{ /*Закоментировал Игорь для лучшего отображения в мобильных версиях*/ /*margin-left: -10px; margin-right: -10px;*/ } .accordion__body{padding-left: 10px; padding-right: 10px;} .accordion__bar::before, .accordion__bar::after{right: 10px;} .accordion__bar, .text-guide .accordion__bar{margin: 0 10px; padding-left: 0; padding-right: 50px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px);} .accordion__body .accordion__bar{padding: 13px 10px 13px 30px; margin: 0; width: 100%;} .accordion__body .accordion__bar::after{left: 10px;} .accordion__body .acc-group{margin: -25px 0px -30px;} .accordion__body .accordion__body{padding-left: 55px;} /* --- info card (in main slide) --- */ .info-card{margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;} /* --- tools --- */ .hidden-4xs{display: none;} .visible-4xs{display: block;} .visible-4xs-inline{display: inline;} .visible-4xs-ib{display: inline-block;} .visible-4xs-table{display: table;} .visible-4xs-tc{display: table-cell;} /* --- grid --- */ .col-4xs-1{width: 8.333%;} .col-4xs-2{width: 16.666%;} .col-4xs-3{width: 25%;} .col-4xs-4{width: 33.33%;} .col-4xs-5{width: 41.666%;} .col-4xs-6{width: 50%;} .col-4xs-7{width: 58.333%;} .col-4xs-8{width: 66.666%;} .col-4xs-9{width: 75%;} .col-4xs-10{width: 83.333%;} .col-4xs-11{width: 91.666%;} .col-4xs-12{width: 100%;} .order-4xs-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .order-4xs-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .order-4xs-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;} .order-4xs-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;} .order-4xs-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;} .order-4xs-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;} .order-4xs-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;} .order-4xs-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;} .order-4xs-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;} .order-4xs-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;} .order-4xs-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;} .order-4xs-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;} } @media (max-width: 359px) { /* --- page header menu --- */ .page-header-menu{margin-left: -10px;} .page-header-menu__item{margin-left: 10px;margin-right: 10px;} .page-header-menu .complex-link__btn{margin: -15px -12px; padding: 15px 12px;} /* --- small article --- */ .small-article__cell-image{width: 105px;} /* --- page nav --- */ .page-nav .btn{width: 30px; height: 30px; padding-top: 3px; padding-bottom: 3px;} /* --- dot line row --- */ .dot-line-row, .dot-line-row__start, .dot-line-row__end{display: block; text-align: left; width: auto;} .dot-line-row__dots{display: none;} .dot-line-row--eq .dot-line-row__end, .dot-line-list--eq .dot-line-row__end{width: auto;} /* --- alt i10s item 2 --- */ .alt-i10s-item-2{padding-left: 55px; position: relative;} /* --- logo --- */ .logo__main, .logo__main.svg-icon, .logo__slogan, .logo__slogan.svg-icon{width: 144px; height: 15px;} .logo__slogan, .logo__slogan.svg-icon{margin-top: 4px;} /* --- contact dd content --- */ .contact-dd-content__visual{display: none;} } @media (max-width: 359px) { .text-guide ul, .text-guide ol{margin-left: 0;} } @media (max-width: 350px) { /* --- page header --- */ .page-header__cell-logo .logo{width: 130px; height: 24px;} } /*безопасная работа в ДБО*/ @media (min-width: 1300px) { .ons { padding-right: 20px !important; } } @media (min-width: 1400px) { .ons { padding-right: 40px !important; } } @media (max-width: 334px) { /* --- outer close btn --- */ .outer-close-btn{width: 40px; height: 40px;} .outer-close-btn::before, .outer-close-btn::after{width: 30px; margin-left: -15px;} } .avatar--content-center {text-align: center;} .avatar--content-center * {margin: auto;} .userphoto_avatar {border: 1px solid #d4d4d4; width: 200px; height: 200px;} .userphoto_avatar .add_userphoto {border: none; background: none; color:#009535; text-align: center; cursor: pointer;} .userphoto_avatar .add_userphoto input {display: none;} .small-gray-text {margin-top: 10px; width: 200px; font-size: 12px; line-height: 16px; color: #707070;} .cabinet h2, .cabinet .h2 {font-size: 22px;} .cabinet .h2 a {font-size: 15px;} .cabinet h4, .cabinet .h4 {font-size: 15px;} .like-input {padding-left: 15px;} .simple-group { margin: 25px 0;} .social-connect.connected .btn.active{background: #009535; width: 100px;} .social-h4 {padding-left: 25px; background-repeat: no-repeat; background-position: 0 50%;} .social-h4.vk {background-image: url(/local/images/icons/vk-small.png);} .social-h4.fb {background-image: url(/local/images/icons/fb-small.png);background-position: 5px 50%;} .social-h4.ok {background-image: url(/local/images/icons/ok-small.png);background-position: 5px 50%;} .small-grid__item {margin-bottom: 10px;} .margin-top {margin-top: 25px;} .h40 {height: 40px; line-height: 40px;} .notice { margin: 5px; position: absolute;} .simple-group a {display: inline-table;} .userphoto {padding-bottom: 30px;} .userphoto_avatar-overlayer {position: absolute; width: 200px; height: 200px; background:rgba(58, 141, 100, 0.8); color: #fff; opacity: 0; -webkit-transition: .3s; transition: .3s;} .userphoto_avatar-overlayer:hover {opacity: 1; color: #fff!important;} .userphoto_avatar-overlayer img { margin-top: 63px;} .userphoto_avatar-overlayer span {display: block;} .form-row__input .width-switcher {width: 100%;} .showhide-pass {width: 20px; height: 15px; display: inline-block; background: url(/local/images/icons/hidepass.png) center; position: absolute; margin: -8px 0 0 -35px; cursor:pointer;} .showhide-pass--modal--xs {margin: 19px 245px; z-index: 99;} .showhide-pass.show-it {background: url(/local/images/icons/showpass.png) center;height: 13px;} .bannerline { width: 980px; height: 140px; max-width: 100%; margin: auto; color: white;background: #ababab no-repeat center / auto 100%;} .bannerline h2 { width: 400px; margin-left: 80px; padding-top: 20px; font-size: 30px; line-height: 45px; } .bannerline .float-right {float:right; margin-top: 45px; margin-right: 40px;} .bannerline .btn {background: rgba(255,255,255,0.3); color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset, 0px 2px 0px rgba(255,255,255,.5); box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset, 0px 2px 0px rgba(255,255,255,.5); padding: 13px 28px 13px 33px; } .bannerline .btn:hover {color: #fff;} .bannerline .btn svg {color: #fff;} .form-grid__item--horizontal {padding: 0;margin-bottom: 5px;} .form-grid__item--horizontal .form-row { max-width: 100%; clear: both;} .form-grid__item--horizontal .form-row__label{ width: 24%;float: left; height: 30px; } .form-grid__item--horizontal .form-row__input{ width: 45%;float: left; margin-top:0;} .form-grid__item--horizontal .form-row__input table {margin-bottom: 5px;} .form-grid__item--horizontal .form-row__right{ width: 20%; float: left;} .form-grid__item--horizontal .form-row__right a{ margin: 5px; line-height: 35px;} .absolute.inline-tooltip {position: absolute;} .icon-heading {float: left; font-weight: 500;} .icon-heading-social {float: left; width: 16px;} .simple-link--margin-left {margin-left: 15px;} .table--collapse {border-collapse: collapse;} @media(min-width: 768px) and (max-width: 1300px){ .bannerline .float-right {margin-top: 80px; margin-right: 10px;} .bannerline{background-position: center top; background-color: #f5f5f5;} .bannerline h2 {width: 40%; font-size: 20px;} .userphoto_avatar, .avatar-overlayer, .userphoto_avatar .img {width: 150px; height: 150px;} .userphoto_avatar .no_img { height: 100px; width: auto;} .small-gray-text {width: 150px;} .avatar-overlayer img { margin-top: 63px; } .notice { margin: 3px; position: absolute; width: 15px; } .form-grid__item--horizontal .form-row__label--tip {width: 70%;display: block; float: left; line-height: 1;} } @media (max-width: 767px) { .bannerline{ display: none;} .form-grid__item--horizontal .form-row__label{ width: 90%;margin-top: 20px;margin-bottom: 0;} .form-grid__item--horizontal .form-row:first-child .form-row__label {margin-top: 0;} .form-grid__item--horizontal .form-row__input{ width: 90%;} .text-span--sm {padding-left: 0;} } .margin-left {margin-left: 20px;} .btn--green {background: #009535; color: #fff; margin-right: 30px;} .btn--green:hover {background: #fff;} .social-connect.connected .btn.active.checked-white {color: white; background: #009535 url(/local/images/icons/checked-white.png) center no-repeat; font-size:0;} .social-connect.connected .btn.active.checked-white:hover {background:#009535; font-size:15px; color: #fff!important; } .radioinputs .radio {width: 19px; height: 19px; border: 1px solid #009535; -webkit-border-radius: 50%; border-radius: 50%; } .radioinputs.selected .radio .dott {background: #009535; -webkit-border-radius: 50%; border-radius: 50%; width: 9px; height: 9px; margin: 4px; } .small-select table {width: 100%;} .small-select select { padding: 5px 20px 5px 10px; height: 30px; line-height: 17px; background: url(/local/images/icons/v.png) right center no-repeat; } .adminbar { font-size: 14px; line-height: 19px; height: 34px; position: static; z-index: 99999; background: #474747; } .adminbar a { background: #4e4e4e; border: 1px solid #fff; padding: 3px; color: #fff; float: right; margin: 3px; } .adminbar span { padding: 3px; color: #fff; float: right; margin: 4px; } .adminbar a:hover { text-decoration: underline; color: #fff; } .mg_l{ margin-left: 15px; } /* переопределяем стили Златы */ #vishnu-button #vishnu-hide-widget { width: 16px !important; height: 16px !important; } #vishnu-button #vishnu-hide-widget::before { width: 3px !important; left: 6px !important; } #vishnu-button #vishnu-hide-widget::after { height: 3px !important; top: 6px !important; } /* конец переопределяем стили Златы */ .zl { padding-top: 18px; margin-right: 23px; } .zl img { width: 30px; height: 30px; } @media (max-width: 991px) { .ur{display: none;} } /*для кнопок прокрутки страниц пагинации*/ .disable-hover{ pointer-events:none; } /*слабовидящие*/ .impaired { display: flex; align-items: center; } /*для страниц контентных уникальные стили*/ #ionline_servis .cbox_news { display: table; border-bottom: 1px solid #b9b9b9; padding: 30px 0 15px 0; } #ionline_servis .cbox_news_img { display: table-cell; vertical-align: top; width: 342px; } #ionline_servis .cbox_news_img img { border-radius: 15px; width: 342px; } #ionline_servis .cbox_news_cont { display: table-cell; vertical-align: top; padding: 0 0 10px 20px; } #ionline_servis .cbox_news:last-child { border: 0; } #ionline_servis .cbox_news:first-child { padding-top: 0; } #ionline_servis .btn--lg { margin-right: 10px; } @media only screen and (max-width:700px) { #ionline_servis .cbox_news, #ionline_servis .cbox_news_img, #ionline_servis .cbox_news_cont { display: block; } #ionline_servis .cbox_news { text-align: center; } #ionline_servis .cbox_news_img { margin-bottom: 10px; text-align: center; width: auto; } } /* The progress container (grey background) */ .progress-container { z-index: 100; width: 100%; height: 3px; background: #d4d4d4; } .progress-container-mobile { z-index: 100; width: 100%; height: 5px; background: #d4d4d4; } /* The progress bar (scroll indicator) */ .progress-bar-mobile { height: 5px; background: #4fc447; width: 0%; } .progress-bar { height: 3px; background: #4fc447; width: 0%; } .no-mobile-progress{ position: fixed; top: 0; } .range-slider { -webkit-appearance: none; width: 90%; height: 3px; background: #d3d3d3; outline: none; } .range-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #4CAF50; cursor: pointer; } .range-slider::-moz-range-thumb { width: 25px; height: 25px; background: #00943f; cursor: pointer; } .rangeSliderValue{ margin-left: 3%; font-size: 18px; font-weight: bolder; } @media (max-width: 991px) { .no-mobile-progress{ display: none; } } /*Заводи свой бизнес #buisness*/ #buisness .nav { list-style: none; text-align: center; display: flex; justify-content: center; } #buisness .nav > .box { margin: 15px 20px; width: 350px; vertical-align: top; background-color: #f3fff3; border: 1px solid #fff; transition: border 0.25s ease-out; border-radius: 10px; } #buisness .nav > .box:hover { border: 1px solid #00943f; } #buisness .nav > .box .img a img { border-radius: 10px 10px 0 0; width: 100%; } #buisness .nav > .box .title { margin: 10px 0; padding: 0 20px; } #buisness .nav > .box .desc { text-align: justify; padding: 0 20px 0 20px; } #buisness .nav > .box a { color: #147e4b; display: block; text-align: left; padding: 10px 20px 20px 20px; font-weight: bold; border: 0; } #buisness .nav > .box2 { margin: 15px 20px; /*display: inline-block;*/ /*width: 350px;*/ /*vertical-align: top;*/ /*background-color: #f3fff3;*/ /*border-radius: 10px;*/ text-align: left; } /* #buisness .nav > .box2 .img img { border-radius: 10px 10px 0 0; display: block; }*/ #buisness .nav > .box2 img { /* border-radius: 10px 10px 0 0; display: block;*/ width: 48px; } #buisness .nav > .box2 > a { display: block; } #buisness .clear_both{ clear: both; } #buisness .box_hor ul { margin: 20px 0 20px 520px; } #buisness .box_hor .img { float: left; max-width: 500px; margin-right: 20px; } #buisness .box_hor .img img { width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background-color: #f3fff3; } #buisness .box_useful .img { float: left; max-width: 300px; } #buisness .box_useful .img img { width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background-color: #f3fff3; } #buisness .box_useful .box_desc { margin: 0 0 20px 320px; } @media only screen and (max-width: 1366px){ #buisness .box_hor .img { max-width: 375px; } #buisness .box_hor ul { margin: 20px 0 20px 395px; } } @media only screen and (max-width: 1024px){ #buisness .nav { display: block; } #buisness .nav > .box { margin: 15px auto; } #buisness .box_hor .img { max-width: 700px; float: none; text-align: center; } #buisness .box_hor .img img { width: auto; max-height: 250px; } #buisness .box_hor ul { margin-left: 0; } } @media only screen and (max-width: 540px){ #buisness .box_useful .img { max-width: 100%; float: none; } #buisness .box_useful .box_desc { margin: 0 0 20px 0; } } @media only screen and (max-width: 450px){ #buisness .nav > .box, #buisness .nav > .box2 { width: 240px; } } /* / Заводи свой бизнес #buisness*/ /*кредиты на недвижимость .buisness*/ .buisness .nav { list-style: none; text-align: center; display: flex; justify-content: center; } .buisness .nav > .box { margin: 15px 20px; width: 350px; vertical-align: top; background-color: #f3fff3; border: 1px solid #fff; transition: border 0.25s ease-out; border-radius: 10px; } .buisness .nav > .box:hover { border: 1px solid #00943f; } .buisness .nav > .box .img a img { border-radius: 10px 10px 0 0; width: 100%; } .buisness .nav > .box .title { margin: 10px 0; padding: 0 20px; } .buisness .nav > .box .desc { text-align: justify; padding: 0 20px 0 20px; } .buisness .nav > .box a { color: #147e4b; display: block; text-align: left; padding: 10px 20px 20px 20px; font-weight: bold; border: 0; } .buisness .nav > .box2 { margin: 15px 20px; /*display: inline-block;*/ /*width: 350px;*/ /*vertical-align: top;*/ /*background-color: #f3fff3;*/ /*border-radius: 10px;*/ text-align: left; } /* .buisness .nav > .box2 .img img { border-radius: 10px 10px 0 0; display: block; }*/ .buisness .nav > .box2 img { /* border-radius: 10px 10px 0 0; display: block;*/ width: 48px; } .buisness .nav > .box2 > a { display: block; } .buisness .clear_both{ clear: both; } .buisness .box_hor ul { margin: 20px 0 20px 520px; } .buisness .box_hor .img { float: left; max-width: 500px; margin-right: 20px; } .buisness .box_hor .img img { width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background-color: #f3fff3; } .buisness .box_useful .img { float: left; max-width: 300px; } .buisness .box_useful .img img { width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background-color: #f3fff3; } .buisness .box_useful .box_desc { margin: 0 0 20px 320px; } @media only screen and (max-width: 1366px){ .buisness .box_hor .img { max-width: 375px; } .buisness .box_hor ul { margin: 20px 0 20px 395px; } } @media only screen and (max-width: 1024px){ .buisness .nav { display: block; } .buisness .nav > .box { margin: 15px auto; } .buisness .box_hor .img { max-width: 700px; float: none; text-align: center; } .buisness .box_hor .img img { width: auto; max-height: 250px; } .buisness .box_hor ul { margin-left: 0; } } @media only screen and (max-width: 540px){ .buisness .box_useful .img { max-width: 100%; float: none; } .buisness .box_useful .box_desc { margin: 0 0 20px 0; } } @media only screen and (max-width: 450px){ .buisness .nav > .box, .buisness .nav > .box2 { width: 240px; } } /* /кредиты на недвижимость .buisness*/ /*адаптив для карточек*/ .float_right_ad { float: right; } .float_left_ad { float: left; } @media only screen and (max-width: 800px){ .float_right_ad, .float_left_ad { float: none; } } /*адаптив для карточек*/ /*Адаптивные блоки по горизонтали*/ .right_zaiavka { color: #fff; border-bottom: 0; padding: 50px 100px; border-left: 2px solid #fff; font-weight: bold; } .left_calc { color: #fff; border-bottom: 0; padding: 50px 100px; font-weight: bold; border-right: 2px solid #fff; } .div_table { display: table; width: 100%; } .div_table_row { display: table-row; } .div_table_cell { display: table-cell; } .div_table_cell:hover { background-color: #147e4b7d; } @media only screen and (max-width: 850px){ .div_table, .div_table_row, .div_table_cell { display: block; } .right_zaiavka { border-left: 0; border-top: 2px solid #fff; padding: 50px 30px; } .left_calc { border-right: 0; border-bottom: 2px solid #fff; } } /*Адаптивные блоки по горизонтали*/ /*Международные переводы*/ #planet { margin-top: -290px; margin-left: -40px; background-image: url('https://belarusbank.by/site_ru/29217/megdunarodnie_2.jpg'); background-size: cover; height: 460px; background-repeat: no-repeat; background-position: right; margin-bottom: 20px; } #intertrans>.gor_box { display: flex; } #intertrans>.gor_box>.block { border-radius: 6px; margin: 10px; } #intertrans>.gor_box>.swift { background-color: #e4fff1; } #intertrans>.gor_box>.wu { background-color: #fff7c1; } #intertrans>.gor_box>.block>.gor_div { display: table; } #intertrans>.gor_box>.block>.gor_div>.cell_box { display: table-cell; vertical-align: middle; padding: 20px; height: auto; } #intertrans>.gor_box>.block>.gor_div>.cell_box>.title { font-weight: bold; } #intertrans>.gor_box>.block>.gor_div>.cell_box>.button>a { border-radius: 6px; background-color: #fff; padding: 5px 15px; text-decoration: none; color: #147e4b; display: inline-block; border: 1px solid #147e4b; } #intertrans>.gor_box>.block>.gor_div>.cell_box>.button>a:hover { background-color: #f6fffb; border: 1px solid #f6fffb; } #intertrans>.gor_box>.swift>.gor_div>.right { background-color: #000; border-radius: 0 6px 6px 0; } #intertrans>.gor_box>.wu>.gor_div>.right { background-color: #ffdd00; border-radius: 0 6px 6px 0; } #intertrans>.gor_box>.block>.gor_div>.right>img { max-width: 110px; } #intertrans .ver_box{ margin: 23px; } #intertrans .ver_box .block{ display: table; text-decoration: none; margin: 40px 0; } #intertrans .ver_box .block img{ display: table-cell; vertical-align: top; padding-right: 20px; max-width: 150px; } #intertrans .ver_box .block div{ display: table-cell; vertical-align: top; } #intertrans .ver_box .block div p{ margin: 0; } #intertrans .ver_box .block div .title{ font-weight: bold; color: #147e4b; } #intertrans .ver_box .block div .title:hover{ border: 0; } #intertrans .ver_box .block div .desc{ margin-top: 20px; color: #252525; } @media only screen and (max-width: 1350px){ #intertrans > .gor_box > .block > .gor_div > .right > img { max-width: 50px; } } @media only screen and (max-width: 1170px){ #intertrans > .gor_box > .block > .gor_div > .right > img { max-width: 0; } } @media only screen and (max-width: 1135px){ #intertrans > .gor_box > .block > .gor_div > .right > img { max-width: 100px; } #intertrans > .gor_box { display: block; } #intertrans > .gor_box > .block > .gor_div > .cell_box { height: auto; } } @media only screen and (max-width: 500px){ #intertrans > .gor_box > .block > .gor_div > .right > img { max-width: 0; } #intertrans .ver_box .block, #intertrans .ver_box .block img, #intertrans .ver_box .block div { display: block; } #intertrans .ver_box .block img { margin: 0 auto; } #intertrans .ver_box .block div .title { text-align: center; } #planet { margin-top: -132px; background-size: 140%; height: 140px; background-repeat: no-repeat; background-position: left; } } /*Международные переводы*/ #kreditilizing .boxin { text-align: center; } #kreditilizing .boxin .vkredit { display: inline-block; width: 290px; vertical-align: top; margin: 3px 1px; border: 1px solid #a2a2a2; overflow: hidden; border: 1px solid #b5b5b5; border-radius: 3px; height: 105px; } #kreditilizing .boxin .vkredit .cont { margin-top: -185px; background-color: #084d2b42; position: relative; padding: 5px 5px; height: 150px; } #kreditilizing .boxin .vkredit .cont a { color: #fff; border: 0; padding-top: 45px; } #kreditilizing .boxin .vkredit .cont a:hover { text-decoration: underline; } #kreditilizing .boxfl { text-align: center; } #kreditilizing .boxfl .instr { width: 197px; /*width: 187px;*/ height: 130px; /*height: 165px;*/ display: inline-block; vertical-align: top; padding: 5px; /*margin: 10px;*/ margin: 3px 1px; background-repeat: no-repeat; background-color: #c7e0cd; /*background-color: #aaffbe;*/ border: 1px solid #b5b5b5; border-radius: 3px; } #kreditilizing .boxfl .instr2 { width: 225px; /*width: 187px;*/ height: 130px; /*height: 165px;*/ display: inline-block; vertical-align: top; padding: 5px; margin: 10px; margin: 3px 1px; background-repeat: no-repeat; background-color: #c7e0cd; /*background-color: #aaffbe;*/ border: 1px solid #b5b5b5; border-radius: 3px; } #kreditilizing .boxfl a { border: 0; } #kreditilizing .boxfl a:hover { text-decoration: underline; } #kreditilizing .boxfl .calc { background-image: url("https://belarusbank.by/site_ru/38353/calc.png"); background-position: 90%; } #kreditilizing .boxfl .zaiavka { background-image: url("https://belarusbank.by/site_ru/38353/zaiavki.png"); background-position: 90%; } #kreditilizing .boxfl .overdraft { background-image: url("https://belarusbank.by/site_ru/38353/search.png"); background-position: 90%; } #kreditilizing .boxfl .otsrochka { background-image: url("https://belarusbank.by/site_ru/10102/otsrochka_op.png"); background-position: 90%; } #kreditilizing .boxfl .popkredit { background-image: url("https://belarusbank.by/site_ru/38353/kredit.png"); background-position: 90%; } #kreditilizing .boxfl .constructor { background-image: url("https://belarusbank.by/site_ru/38353/constructor.png"); background-position: 90%; } #kreditilizing .boxfl .office { background-image: url("https://belarusbank.by/site_ru/38353/office.png"); background-position: 90%; } #kreditilizing .boxfl .phone { background-image: url("https://belarusbank.by/site_ru/38353/phone_1.png"); background-position: 90%; } #kreditilizing .boxfl a{ /*position: relative; top: 20px;*/ color: #000; font-weight: 400; } /*Международные переводы*/ /*raiting*/ #raiting { font-size: 14px; line-height: normal; } #raiting .accordion__bar::before { display: none; } #raiting .accordion__bar::after { right: 0; } #raiting .header_r { text-align: center; background-color: #147e4b; color: #fff; font-weight: 400; display: flex; flex-flow: row nowrap; border: 1px solid #d4d4d4; height: 100%; } #raiting .header_r div { border: 1px solid #d4d4d4; padding: 5px 10px; width: 50%; } #raiting .accordion { box-shadow: none; text-align: center; } #raiting .accordion .accordion__bar { display: flex; flex-flow: row nowrap; padding: 0; color: #000; font-weight: 300; border: 1px solid #d4d4d4; height: 100%; text-align: center; } #raiting .accordion .accordion__bar:hover { background-color: #e9ffec; } #raiting .accordion .accordion__bar div { border: 1px solid #d4d4d4; padding: 5px 10px; width: 50%; } #raiting .accordion .accordion__bar div:first-child { text-align: left; } #raiting .accordion .js-accordion__body { padding: 0px; } #raiting .accordion .js-accordion__body .body_r { color: #888; display: flex; flex-flow: row nowrap; border: 1px solid #d4d4d4; height: 100%; } #raiting .accordion .js-accordion__body .body_r div{ border: 1px solid #d4d4d4; padding: 5px 10px; width: 50%; } @media only screen and (max-width: 445px){ #kreditilizing .boxin .vkredit { width: 280px; height: 105px; } #kreditilizing .boxfl .instr2 { width: 280px; height: 130px; } #kreditilizing .boxfl .instr{ width: 280px; height: 130px; margin: 10px; } #kreditilizing .boxin .vkredit .cont { height: 130px; margin-top: -160px; } } @media only screen and (max-width: 880px){ #raiting { overflow-x: scroll; } #raiting .header_r, #raiting .accordion{ width: 800px; } } /*Банк для Бизнеса*/ #business_bank { width: 1130px; margin: 0 auto; } #business_bank .box { padding: 80px; border-radius: 20px; margin: 80px; border: 1px solid #e1e1e1; } #business_bank .box img { width: 100px; display: block; margin: 0 auto; border-radius: 15px; } #business_bank .box .cont { text-align: justify; } #business_bank .box .cont a { text-align: center; } #business_bank .box h2 { text-align: center; } .diaynone { display: none; } .new_product { background-color: #d78a1b; padding: 10px; color: #fff; font-weight: bold; border-radius: 50%; box-shadow: #919191 1px 1px 5px; border: 1px solid #996315; font-size: 12px; text-transform: uppercase; display: inline-block; transform: rotate(-10deg); } .akcia { background-color: #d51919; padding: 10px 5px; color: #fff; font-weight: bold; border-radius: 50%; box-shadow: #919191 1px 1px 5px; border: 1px solid #800b0b; font-size: 10px; text-transform: uppercase; display: inline-block; transform: rotate(-10deg); } .spec_predl { background-color: #d51919; padding: 10px 5px; color: #fff; font-weight: bold; border-radius: 5px; box-shadow: #919191 1px 1px 5px; border: 1px solid #800b0b; font-size: 10px; text-transform: uppercase; display: inline-block; } /*Страховка*/ #sraxovka { text-align: center; } #sraxovka ul { margin: 0; } #sraxovka ul li{ margin-bottom: 10px; line-height: normal; } #sraxovka .online { font-weight: 400; background-color: #147e4b; border-radius: 5px; border: 1px solid #0e5734; box-shadow: #75b194 1px 1px 5px; display: inline-block; } #sraxovka .box .desc .online a { font-size: 14px; color: #fff; display: block; height: 100%; padding: 3px 9px; } #sraxovka .box .desc .online:hover a { color: #147e4b; text-decoration: none; } #sraxovka .box .desc .online:hover { background-color: #fff; } #sraxovka .box { width: 435px; display: inline-block; vertical-align: top; text-align: left; margin: 10px; background-color: #fbfbfb; padding: 40px; height: 925px; border-radius: 8px; color: #4b4c4e; border: 1px solid #fff; } #sraxovka .box p { margin: 15px 0; line-height: normal; } #sraxovka .box .desc strong { font-size: 20px; } #sraxovka .box .desc a { color: #4b4c4e; text-decoration: none; border: 0; } #sraxovka .box .desc a:hover { text-decoration: underline; } #sraxovka .box:hover { background-color: #f3fff3; /*color: #fff;*/ border: 1px solid #00943f; } #sraxovka .box:hover a { /*color: #fff;*/ } #sraxovka .box h2 { float: left; width: 220px; } #sraxovka .box img { width: 128px; margin: 0; } #sraxovka .box .desc { display: flex; align-items: flex-end; } #sraxovka .href:before { content: ''; border-top: 2px solid #147e4b; width: 12px; position: relative; top: 19px; margin-right: 10px; margin-bottom: 50px; float: left; } @media only screen and (max-width: 950px){ #sraxovka .box { height: auto; } } @media only screen and (max-width: 485px){ #sraxovka .box { width: auto; } #sraxovka .box h2 { float: none; width: auto; text-align: center; } #sraxovka .box img { margin: 0 auto; display: block; } } /*страховка*/ /*vkladi*/ #vkladi .boxin { text-align: center; } #vkladi .boxin .vkredit { display: inline-block; width: 320px; vertical-align: top; margin: 3px 1px; border: 1px solid #a2a2a2; overflow: hidden; border: 1px solid #b5b5b5; border-radius: 3px; height: 160px; } #vkladi .boxin .vkredit:hover img { transform: scale(1.2); transition: all 0.3s ease; } #vkladi .boxin .vkredit .backg { position: relative; height: 100%; margin-top: -148px; background-color: #0000002e; } #vkladi .boxin .vkredit .cont { margin-top: -193px; padding: 5px 5px; position: relative; z-index: 99; } #vkladi .boxin .vkredit .cont a { color: #fff; border: 0; padding: 0; } #vkladi .boxin .vkredit .cont p { margin-top: 50px; } #vkladi .boxin .vkredit .cont p a { font-weight: 400; } #vkladi .boxin .vkredit .cont a:hover { text-decoration: underline; } #vkladi .boxfl { text-align: center; } #vkladi .boxfl .instr { width: 320px; height: 140px; display: inline-block; vertical-align: top; padding: 5px; margin: 3px 1px; background-repeat: no-repeat; background-color: #c7e0cd; border: 1px solid #b5b5b5; border-radius: 3px; } #vkladi .boxfl .instr2 { width: 320px; height: 102px; display: inline-block; vertical-align: top; padding: 5px; margin: 3px 1px; background-repeat: no-repeat; background-color: #c7e0cd; border: 1px solid #b5b5b5; border-radius: 3px; } #vkladi .boxfl a { border: 0; } #vkladi .boxfl a:hover { text-decoration: underline; } #vkladi .boxfl .stavkibel { background-image: url("https://belarusbank.by/site_ru/18273/5vklad_2.png"); background-position: 90%; } #vkladi .boxfl .stavkival { background-image: url("https://belarusbank.by/site_ru/18273/4vklad_2.png"); background-position: 90%; } #vkladi .boxfl .calc { background-image: url("https://belarusbank.by/site_ru/18273/6vklad_1.png"); background-position: 90%; } #vkladi .boxfl .bazpokazatel { background-image: url("https://belarusbank.by/site_ru/18273/17vklad.png"); background-position: 90%; } #vkladi .boxfl a{ color: #000; font-weight: 400; } #vkladi_new .menu_vklad a { background-color: #00943f; border-radius: 18px; font-weight: 400; margin: 10px 12px; padding: 4px 16px 6px; border: 0; color: #fff; display: inline-block; width: 250px; text-align: center; } #vkladi_new .menu_vklad a:hover { background-color: #006f2f; } #vkladi_new .menu_vklad a img { width: 18px; position: relative; top: 2px; margin-right: 5px; } #vkladi_new .menu_vklad2 a { width: 400px; border-radius: 10px; font-weight: 400; margin: 10px 12px 10px 12px; padding: 4px 16px 6px; border: 0; color: #2d2d2d; display: inline-block; border: 3px solid #00943f; font-size: 80%; } #vkladi_new .menu_vklad2 a:hover { border-color: #02b54e; } @media only screen and (max-width: 450px){ #vkladi_new .menu_vklad2 a { display: block; width: auto; } } @media only screen and (max-width: 595px){ #vkladi_new .menu_vklad a { display: block; width: auto; } } @media only screen and (max-width: 759px){ #vkladi .boxin .vkredit .backg { margin-top: -140px; } } .adaptiv_vklad_online .padd { padding-left: 330px; } @media only screen and (max-width: 680px){ .adaptiv_vklad_online .padd { padding-left: 0; } } /*vkladi*/ /*100 лет банку*/ /*ru*/ @keyframes logoanimate_ru { 0% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: 0; } 47% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: 0; } 48% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: -250px; } 49% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_ru.png); background-position-x: -250px; } 50% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_ru.png); background-position-x: 0; } 97% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_ru.png); background-position-x: 0; } 98% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_ru.png); background-position-x: 0; } 99% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: -250px; } 100% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: 0; } } .logoan_ru { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); width: 240px; height: 40px; animation: logoanimate_ru 20s ease infinite; background-repeat: no-repeat; background-size: contain; } /*be*/ @keyframes logoanimate_be { 0% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: 0; } 47% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: 0; } 48% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: -250px; } 49% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_be.png); background-position-x: -250px; } 50% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_be.png); background-position-x: 0; } 97% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_be.png); background-position-x: 0; } 98% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_be.png); background-position-x: 0; } 99% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: -250px; } 100% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); background-position-x: 0; } } .logoan_be { background-image: url(https://belarusbank.by/templates/default/i/100let/logo.png); width: 240px; height: 40px; animation: logoanimate_be 20s ease infinite; background-repeat: no-repeat; background-size: contain; } /*en*/ @keyframes logoanimate_en { 0% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo_en.png); background-position-x: 0; } 47% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo_en.png); background-position-x: 0; } 48% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo_en.png); background-position-x: -250px; } 49% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_en.png); background-position-x: -250px; } 50% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_en.png); background-position-x: 0; } 97% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_en.png); background-position-x: 0; } 98% { background-image: url(https://belarusbank.by/templates/default/i/100let/100let_en.png); background-position-x: 0; } 99% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo_en.png); background-position-x: -250px; } 100% { background-image: url(https://belarusbank.by/templates/default/i/100let/logo_en.png); background-position-x: 0; } } .logoan_en { background-image: url(https://belarusbank.by/templates/default/i/100let/logo_en.png); width: 240px; height: 40px; animation: logoanimate_en 20s ease infinite; background-repeat: no-repeat; background-size: contain; } .page-header, .top-nav, .page-grid, .breadcrumbs-block, #page-use { background-color: #fff; } body { background-position-y: 120px; } .body100_ru { background-image: url(https://belarusbank.by/templates/default/i/100let/bang_ru.png); } .body100_en { background-image: url(https://belarusbank.by/templates/default/i/100let/bang_en.png); } .body100_be { background-image: url(https://belarusbank.by/templates/default/i/100let/bang_be.png); } #mob_menu_100 { display: table; width: calc(100% + 2px); width: -webkit-calc(100% + 2px); border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15); background: #fff; } #mob_menu_100 a { color: #147e4b; font-weight: 500; display: table-cell; text-align: center; background: #e4fbea; padding: 5px 0; } /*@media only screen and (max-width: 991px){ #stolet { display: none; } }*/ /*Контакт-центр*/ #contact_center .section1 { margin-bottom: 120px; } #contact_center .section1 p { text-align: justify; width: 500px; } #contact_center .section1 div { margin-top: -290px; margin-left: -40px; background-image: url('https://belarusbank.by/site_ru/21616/3_new_mob.jpg'); background-size: cover; height: 460px; background-repeat: no-repeat; background-position: right; background-color: #dbdbdb; } #contact_center .section2 h2 { text-align: center; } #contact_center .section2 .center_block { text-align: center; } #contact_center .section2 .center_block div { display: inline-block; vertical-align: top; margin: 15px 15px; width: 320px; text-align: center; } #contact_center .section_mob { margin-top: 120px; overflow: hidden; } #contact_center .section_mob .img { width: 350px; background-color: #ebebeb; border-radius: 20px; float: left; } #contact_center .section_mob .desctop { margin-right: 40px; height: 520px; } #contact_center .section_mob .img img { width: 500px; display: block; position: relative; top: 50%; margin-top: -210px; } #contact_center .section_mob .text { float: left; width: 700px; } #contact_center .section_mob .mobil { display: none; } @media only screen and (max-width: 1565px){ #contact_center .section_mob .img { width: 300px; } #contact_center .section_mob .text { width: 500px; } } @media only screen and (max-width: 1371px){ #contact_center .section1 p { width: 300px; } #contact_center .section1 div { margin-top: -350px; } } @media only screen and (max-width: 1270px){ #contact_center .section_mob .img { width: 200px; } #contact_center .section_mob .text { width: 400px; } } @media only screen and (max-width: 990px){ #contact_center .section_mob .img { width: 300px; } #contact_center .section_mob .text { width: 500px; } } @media only screen and (max-width: 880px){ #contact_center .section_mob .img { width: 200px; } #contact_center .section_mob .text { width: 400px; } } @media only screen and (max-width: 800px){ #contact_center .section1 div { height: 360px; } } @media only screen and (max-width: 759px){ #contact_center .section1 div { margin-top: -260px; } } @media only screen and (max-width: 700px){ #contact_center .section1 p { width: 200px; } #contact_center .section1 div { margin-top: -330px; } } @media only screen and (max-width: 680px){ #contact_center .section_mob .img { width: auto; float: none; } #contact_center .section_mob .desctop { margin: 0; height: auto; } #contact_center .section_mob .img img { width: auto; top: 0; margin: 0; } #contact_center .section_mob .text { width: auto; float: none; margin-top: 60px; } #contact_center .section_mob .mobil { display: block; } #contact_center .section_mob .mobil_hide { display: none; } } @media only screen and (max-width: 600px){ #contact_center .section1 p { width: auto; } #contact_center .section1 div { margin-top: 0; margin-left: 0; } #contact_center .section1 { margin-bottom: 60px; } #contact_center .section_mob { margin-top: 60px; } #contact_center .section2 .center_block div { width: auto; } } /*Контакт-центр*/ /*платежные карточки*/ #plat_cart .block_plat { display: flex; } #plat_cart .block_plat .left_block { margin: 10px 20px 0 0; } @media only screen and (max-width: 1300px){ #plat_cart .block_plat { display: block; } #plat_cart .block_plat .left_block { margin: 0; } } /*платежные карточки*/ /*Deposits of Belarusbank*/ #depositen .gorizont{ text-align: center; position: relative; top: -50px; } #depositen .gorizont .office:before{ content: ''; background: url(/site_en/10941/office.jpg) center / cover no-repeat; display: block; width: 325px; height: 175px; margin-bottom: -120px; border-radius: 10px; filter: blur(2px); position: relative; z-index: -1; } #depositen .gorizont .caledar:before{ content: ''; background: url(/site_en/10941/calendar.jpg) center / cover no-repeat; display: block; width: 325px; height: 175px; margin-bottom: -120px; border-radius: 10px; filter: blur(2px); position: relative; z-index: -1; } #depositen .gorizont .chisla:before{ content: ''; background: url(/site_en/10941/percent.jpg) center / cover no-repeat; display: block; width: 325px; height: 175px; margin-bottom: -120px; border-radius: 10px; filter: blur(2px); position: relative; z-index: -1; } #depositen .gorizont p { width: 325px; vertical-align: top; display: inline-block; height: 175px; color: #fff; font-size: 22px; font-weight: 400; padding: 50px 0 0 0; background-repeat: no-repeat; border-radius: 10px; background-size: cover; margin: 10px; position: relative; z-index: 1; } #depositen .gor_nav{ text-align: center; } #depositen .gor_nav a { display: inline-block; background-color: #00943F; border: 0; vertical-align: top; color: #fff; padding: 10px 20px 20px 20px; height: 53px; border-radius: 10px; margin: 10px; width: 230px; line-height: 1.2; font-size: 14px; font-weight: 400; } #depositen .gor_nav a:hover { background-color: #00B54D; } /*Deposits of Belarusbank*/ /*имущество*/ #sal_prop .table-scroller th, #sal_prop .table-scroller td { padding: 0; border: 0; } #sal_prop .table-scroller tbody tr:hover { background-color: #fff; } #sal_prop .accordion .slider{ float: left; width: 300px; } #sal_prop .slick-prev, #sal_prop .slick-next{ top: 50%; } #sal_prop nav{ text-align: center; margin-bottom: 50px; } #sal_prop nav a{ margin: 5px 0px; } #sal_prop nav a img{ width: 24px; position: relative; left: -5px; } #sal_prop nav a span{ position: relative; top: -7px; } #sal_prop .accordion .accordion__bar{ color: #000; font-weight: 100; } #sal_prop .accordion .accordion__bar::before{ background-color: #fff; } #sal_prop .accordion .accordion__bar::after{ height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #137e4a; border-bottom: 0; transform: rotate(-0deg) scale(.75); } #sal_prop .accordion.open > .accordion__bar::after{ transform: translateY(3px) rotate(180deg) scale(.75); } #sal_prop .accordion .accordion__bar p{ margin: 0; } #sal_prop .accordion .accordion__body .content{ display: flex; } #sal_prop .accordion .accordion__body p{ margin:0; } #sal_prop .accordion .accordion__body .sliders{ display: flex; width: 300px; } #sal_prop .accordion .accordion__body .sliders .img{ margin: 0 10px; display: block; } #sal_prop .accordion .accordion__body .sliders .left_b{ height: 0; border-top: 21px solid transparent; border-right: 21px solid #137e4a; border-bottom: 21px solid transparent; display: block; position: relative; top: 130px; cursor: pointer; } #sal_prop .accordion .accordion__body .sliders .right_b{ height: 0; border-top: 21px solid transparent; border-left: 21px solid #137e4a; border-bottom: 21px solid transparent; display: block; position: relative; top: 130px; cursor: pointer; } #sal_prop .accordion .accordion__body .desc{ margin-left: 20px; } #for_info .slick-slider .slick-list { background-color: #bbb; } #for_info .slick-slider ul > li::before { border: 0; } #for_info .slider { margin: 0 0 30px 0; } #for_info .img .slick-slider { border: 1px solid #ddd; border-radius: 7px; padding: 7px; background-color: #f3fff3; margin-right: 10px; } #for_info .img .slick-slider .slick-track { overflow: hidden; display: flex; justify-content: center; align-items: center; } #for_info .img .slick-slider .slick-dots { position: relative; margin: 0; bottom: 0; } @media only screen and (max-width: 445px){ #sal_prop nav a{ display: block; } } @media only screen and (max-width: 640px){ #sal_prop .accordion .slider{ float: none; width: auto; } } /*имущество*//* /*Вклады и инвестиции*/ .vklad_invest .box { background-color: #fbfbfb; display: flex; justify-content: space-between; padding: 30px 60px; border-radius: 16px; border: 1px solid #e6e3e3; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin: 30px 0; transition: all 0.3s ease; } .vklad_invest .box:hover { border: 1px solid #00943f; } .vklad_invest .box .left { width: 30%; padding: 10px; align-self: center; position: relative; height: 220px; } .vklad_invest .box .left h2 { position: absolute; top: 0; } .vklad_invest .box .left p { position: absolute; bottom: 0; } .vklad_invest .box .button { font-weight: 400; background-color: #147e4b; border-radius: 5px; border: 1px solid #0e5734; box-shadow: #75b194 1px 1px 5px; display: inline-block; color: #fff; transition: all 0.3s ease; } .vklad_invest .box .right .button { display: none; } .vklad_invest .box .button a { color: #fff; border: 0; padding: 5px 10px; display: block; } .vklad_invest .box .button:hover { background-color: #fff; } .vklad_invest .box .button:hover a { color: #147e4b; } .vklad_invest .box .center { width: 35%; padding: 10px; align-self: center; position: relative; } .vklad_invest .box .center img { width: 100%; filter: drop-shadow(3px 5px 5px #00065e3d); } .vklad_invest .box .right { width: 35%; padding: 10px; align-self: center; position: relative; } .vklad_invest .box .right a { font-weight: 400; } @media only screen and (max-width: 1366px){ .vklad_invest .box .left, .vklad_invest .box .center { width: 50%; } .vklad_invest .box .right { width: 100%; } } @media only screen and (max-width: 990px){ .vklad_invest .box { display: block; padding: 7px 15px; } .vklad_invest .box .left { width: 100%; height: auto; } .vklad_invest .box .left h2 { position: static; text-align: center; } .vklad_invest .box .left .button { display: none; } .vklad_invest .box .center { width: 70%; margin: 0 auto; } .vklad_invest .box .right .button { display: inline-block; } } /*Вклады и инвестиции*/ /*платежные карточки*/ .slider_akcii .slick-prev, .slider_akcii .slick-next{ top: 50%; } .slider_akcii ul{ margin: 0; } .slider_akcii .slick-dots{ bottom: 20px; } .slider_akcii .slick-prev::before, .slider_akcii .slick-next::before { font-size: 30px; } @media only screen and (max-width: 900px){ .slider_akcii .btncard { width: 100%; } .golos { display: none; } } @media only screen and (max-width: 370px){ .slider_akcii .card-list { max-width: 280px; margin-left: 10px; } } /*платежные карточки*/ @media only screen and (max-width: 600px){ .hide_potreb { display: none; } .font_size_mob { font-size: 65%; } } @media only screen and (max-width: 450px){ #withflash { font-size:89%; } } /*кнопка клад*/ .flare-buttons { width: 250px; margin: 0 auto; padding: 30px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flare-buttons a:hover { color: #fff; } .flare-button_green:hover { background: linear-gradient(#30625e, #509d97) #509d97; } .flare-button_blue_pink:hover { background: linear-gradient(#1f6984, #3ebeed) #3ebeed; } .flare-button_pink:hover { background: linear-gradient(#ac5c7f, #ee87b4) #ee87b4; } .flare-button_green_yellow:hover { background: linear-gradient(#b77d0f, #fdab11) #fdab11; } .flare-button_oranje:hover { background: linear-gradient(#E38916, #F3AE0F) #F3AE0F; } .flare-button_violet:hover { background: linear-gradient(#2d1120, #864b7b) #864b7b; } .flare-button { width: 100%; max-width: 250px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2px; margin-bottom: 30px; border: none; border-radius: 4px; font-size: 16px; font-weight: 400; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; } .flare-button_green{ background: linear-gradient(#509d97, #30625e) #30625e; -webkit-box-shadow: 0 3px 3px #1c3c39; box-shadow: 0 3px 3px #1c3c39; } .flare-button_blue_pink{ background: linear-gradient(#3ebeed, #1f6984) #1f6984; -webkit-box-shadow: 0 3px 3px #15495b; box-shadow: 0 3px 3px #15495b; } .flare-button_pink{ background: linear-gradient(#ee87b4, #ac5c7f) #ac5c7f; -webkit-box-shadow: 0 3px 3px #6c3b50; box-shadow: 0 3px 3px #6c3b50; } .flare-button_green_yellow{ background: linear-gradient(#fdab11, #b77d0f) #b77d0f; -webkit-box-shadow: 0 3px 3px #75500b; box-shadow: 0 3px 3px #75500b; } .flare-button_oranje{ background: linear-gradient(#F3AE0F, #E38916) #E38916; -webkit-box-shadow: 0 3px 3px #be8316; box-shadow: 0 3px 3px #be8316; } .flare-button_violet { background: linear-gradient(#864b7b, #2d1120) #2d1120; -webkit-box-shadow: 0 3px 3px #017130; box-shadow: 0 3px 3px #5b3454; } .flare-button:after { content: ""; display: block; width: 20px; height: 200px; margin-left: 50px; background: #fff; background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), color-stop(50%, white), to(rgba(255, 255, 255, 0.7)) ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0.7) 0%, white 50%, rgba(255, 255, 255, 0.7) 100% ); left: -40px; top: -100px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; -webkit-animation: movingFlare 3s ease-in-out 0.05s infinite; animation: movingFlare 3s ease-in-out 0.05s infinite; } @-webkit-keyframes movingFlare { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } @keyframes movingFlare { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } /*кнопка клад*/ #vclad-list .vclad-list-item__vclad { width:80%; } .nav-scroller { overflow-y: hidden; background-color: #f3fff3; border-radius: 3px; box-shadow: 0px 2px 5px rgba(0,0,0,.2); } .horizont_nav { font-size: 75%; line-height: 18px; display: flex; flex-wrap: nowrap; overflow-x: auto; box-shadow: 0 0 0 1px rgba(0,148,63,.5) inset, 0px -2px 0px #45a73e inset, 0px 2px 5px rgba(69,167,62,.2); border-radius: 3px; align-items: center; height: 70px; } .horizont_nav a { font-weight: 400; display: block; border: 0; text-align: left; padding: 0.5% 1% 0.5%; color: #252525; height: 100%; } .horizont_nav .active { color: #147e4b; } .horizont_nav a:hover { color: #147e4b; } .horizont_nav a:not(:last-child) { border-right: 1px solid #00943f4a; } @media only screen and (max-width: 1030px){ .horizont_nav { height: 80px; } } @media only screen and (max-width: 992px){ .horizont_nav a { min-width: 19%; } } @media only screen and (max-width: 725px){ .nav-scroller { overflow-y: auto; } .horizont_nav { font-size: 100%; line-height: inherit; display: block; overflow-x: auto; height: auto; } .horizont_nav a{ padding: 1% 1%; } .horizont_nav a:not(:last-child) { border-right: 0; border-bottom: 1px solid rgba(0,148,63,.5); } } .best_department { background: linear-gradient(90deg, #8a6722, #d5ae34); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; line-height: 21px; text-stroke: 0.15px #282828; -webkit-text-stroke: 0.15px #282828; } .box_flex { display: flex; flex-direction: row; justify-content: center; } .horizont_box .h_box { display: inline-block; margin: 0; } .horizont_box img:last-child { margin: 5px; } .horizont_box .st_h_box { width: 175px; margin: 5px; border-radius: 3px; } .horizont_box .st_h_box_esg { width: 300px; margin: 10px; border-radius: 3px; background-color: #dbefe1; padding: 30px 15px; border-radius: 20px; vertical-align: top; } .horizont_box .st_h_box_es2 { max-width: 400px; margin: 10px; border-radius: 3px; background-color: #dbefe1; padding: 30px 15px; border-radius: 20px; vertical-align: top; } .horizont_box .st_h_box_esg>a { border:0; } .st_title_ur { text-align: center; color: #147e4b; } .st_title_ur>img { width: 48px; margin-bottom: -15px; } .text-guide .st_title_ur:not(a) > img { margin-bottom: -15px; } .box_height { height: 530px; } .box_height2 { height: 390px; } @media (max-width: 760px) { .box_flex { flex-direction: column; Justify-content: center; align-items: center; } } .box_celi { display: inline-block; width: 450px; vertical-align: top; margin: 20px; } .box_celi p { margin: -5px 0 0 0; font-size: 90%; } .box_celi img { float: left; width: 130px; border-radius: 3px; } .text-guide :not(a) > .box_celi img { margin: 0 10px 10px 0; } .corp_uprav .corp_uprav__cnt { padding: 0; border-radius: 3px; overflow: hidden; margin: 20px auto; background-color: #dbefe1; max-width: 1290px; } .corp_uprav .corp_uprav__cnt img { margin: 0 10px 0 0; float: left; } .corp_uprav .corp_uprav__cnt h3 { margin: 5px 0 0 0; color: #147e4b; } .corp_uprav .corp_uprav__cnt .corp_uprav__cnt__txt { margin: 0 15px 0px; text-align: left; } .corp_uprav .corp_uprav__cnt .corp_uprav__cnt__txt span { color: #339966; } @media (max-width: 700px) { .corp_uprav .corp_uprav__cnt img { float: none; } .corp_uprav .corp_uprav__cnt { text-align: center; padding: 20px; } } @media (max-width: 684px) { .box_height, .box_height2 { height: auto; } .box_celi img { float: none; } .box_celi { text-align: center; width: auto; } }