/* @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&display=swap"); */ /* manrope-300 - cyrillic_latin */ *, html { font-family: "Mulish", sans-serif; } .container { max-width: 1180px; margin: 0 auto; } #preloader.not-active { opacity: 0 !important; visibility: visible !important; } body.modeBlackWhite { background-color: #000000; } body.modeBlackWhite .section1 .mainSlider .item .bg { -webkit-filter: grayscale(100%); filter: grayscale(100%); } body.modeBlackWhite header nav .container .wrap .myBank a.btn { background-color: #000; } .ex_rate { text-align: right; display: block; margin-bottom: 15px; } body.modeBlackWhite header { background-color: white; } /* body.modeBlackWhite a { color: white; } */ body.modeBlackWhite .section1 .mainSlider .item .container .wrap .block-article .block-inner .block-description { color: #000; } body.modeBlackWhite .section1 .mainSlider .item .container .wrap .block-article .block-inner .btn a { background-color: #fff; color: #000; border: 2px solid #000000; } body.modeBlackWhite .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item.current .advantageBlock__list__item { background-color: #000000; } body.modeBlackWhite .section2 .container .wrap .tabContent .listRow .btns a { background-color: #000000; } body.modeBlackWhite .section1 .mainSlider .item .container .wrap .block-article .block-inner .btn a:hover { background-color: #000; color: #ffffff; } body.modeBlackWhite img { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .mbb-icon img { filter: brightness(0) invert(1); } body.modeBlackWhite header .container .wrap .colRight .item .wraps a { color: #003366; } body.modeBlackWhite header nav { background-color: #000000; } body.modeBlackWhite header nav .container .wrap .myBank a.btn { border-color: #ffffff; color: #fff; font-weight: bold; } body.modeBlackWhite header .container .wrap .colRight .item.langSwitch .wraps ul li a { color: #ffffff; } body.modeBlackWhite header .container .wrap .colRight .item.langSwitch .wraps ul li ul li a { color: #000000; } body.modeBlackWhite header .container .wrap .colRight .item.langSwitch .wraps ul li ul li a:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite header nav .container .wrap ul li:hover a { background-color: #ffffff; color: #000000; } body.modeBlackWhite header nav .container .wrap ul li.active a { background-color: #ffffff; color: #000000; } body.modeBlackWhite header nav .container .wrap ul li .drop .container .wrap ul li a:after { background-color: #000000; } body.modeBlackWhite header nav .container .wrap ul li .drop .container .wrap .more { color: #000000; text-decoration: underline; } body.modeBlackWhite header nav .container .wrap ul li .drop .container .wrap .more:after { border-top: 5px solid #000000; } body.modeBlackWhite header nav .container .wrap ul li .drop .container .wrap .more.active { background-color: #000000; color: #ffffff; } body.modeBlackWhite header nav .container .wrap ul li .drop .container .wrap .more.active:after { border-top: 5px solid #ffffff; } body.modeBlackWhite header nav .container .wrap ul li .drop .dropTwo .dropTwo__container .dropTwo__container__wrap ul li a:hover { color: #000000; text-decoration: underline; } body.modeBlackWhite .section1 .slider .owl-stage-outer .owl-stage .owl-item .item .bg { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .section1 .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .btns a { background-color: #000000; } body.modeBlackWhite .section1 .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap ul li a:hover { color: #ffffff; } body.modeBlackWhite .section2 .container .wrap .tabLinks ul li.active a { color: #ffffff; } body.modeBlackWhite .section2 .container .wrap .tabContent .listRow .item .wraps a .date { color: #ffffff; } body.modeBlackWhite .section2 .container .wrap .tabContent .listRow .item .wraps a:hover .title { color: #ffffff; } body.modeBlackWhite .section2 .container .wrap .tabContent .listRow .btns a { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .section2 .container .wrap .tabContent .listRow .btns a:hover { background-color: #ffffff; color: #000000; } body.modeBlackWhite .section4 .container .wrap .colLeft .wraps .btnDownload a { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite footer .container .wrap .colTop .colLeft .wraps .list .item ul li a { color: #ffffff; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .leftBlock ul li a:hover { color: #ffffff; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a { border-color: #ffffff; background-color: #ffffff; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover { background-color: #ffffff; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover svg g .cls-1 { fill: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover svg g .cls-2 { fill: #ffffff; } body.modeBlackWhite header nav .container .wrap .myBank:hover a { background-color: #ffffff; color: #000000; } body.modeBlackWhite header nav .container .wrap .myBank .btn:hover:after { border-top: 4px solid #000000; } body.modeBlackWhite header .container .wrap .colRight .item.searchBlock .wraps a span.close:before, body.modeBlackWhite header .container .wrap .colRight .item.searchBlock .wraps a span.close:after { background-color: #ffffff; } body.modeBlackWhite .section1 .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap ul li.active a { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .section3 .container .wrap .colRight .wraps .title a.btn { background-color: #000000; } body.modeBlackWhite .section3 .container .wrap .colRight .wraps .title a.btn:hover { background-color: #000000; text-decoration: underline; } body.modeBlackWhite .section3 .container .wrap .colLeft .wraps .title a { color: #000000; } body.modeBlackWhite .section3 .container .wrap .colLeft .wraps .title a:hover { text-decoration: underline; } body.modeBlackWhite .section3 .container .wrap .colLeft .wraps .content .list ul.body li span.cur { color: #000000; } body.modeBlackWhite .section3 .container .wrap .colLeft .wraps .content .list ul.body li span.up:after { border-bottom: 5px solid #000000; } body.modeBlackWhite .section3 .container .wrap .colLeft .wraps .content .list ul.body li span.down:after { border-top: 5px solid #000000; } body.modeBlackWhite canvas { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label .checkmark { border: 1px solid #000000; } body.modeBlackWhite .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label .checkmark:after { background: #000000; } body.modeBlackWhite .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .form-group button { border: 1px solid #000000; color: #000000; } body.modeBlackWhite .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .form-group button:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr td .vote-answer-bar_bg .color { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .section4 { background-color: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colLeft .wraps .list .item ul li a { color: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a svg g .cls-1 { fill: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a { border-color: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover { background-color: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover svg g .cls-2 { fill: #000000; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover svg g .cls-1 { fill: #ffffff; } body.modeBlackWhite .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .breadcrumbs .container .wrap .overflow ul li span { color: #b1b2b2; text-decoration: underline; } body.modeBlackWhite .breadcrumbs .container .wrap .overflow ul li a:hover { color: #000000; } body.modeBlackWhite .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover { background-color: #000000; } body.modeBlackWhite .pageFizLisa .container .wrap .bankCards h1 { color: #ffffff; } body.modeBlackWhite .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps:hover .teaser a .title { color: #000000; text-decoration: underline; } body.modeBlackWhite .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .pageFizLisa .container .wrap .bankCards .btns a { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .pageFizLisa .container .wrap .bankCards .btns a:hover { color: #000000; background-color: #ffffff; } body.modeBlackWhite .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--bg { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content { background-color: #000000; } body.modeBlackWhite .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content .btn { background-color: #ffffff; color: #000000; } body.modeBlackWhite .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content .btn:hover { text-decoration: underline; } body.modeBlackWhite .archive .container .wrap h1 { color: #ffffff; } body.modeBlackWhite .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover { background-color: #000000; } body.modeBlackWhite .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser a.btn { color: #000000; border-color: #000000; } body.modeBlackWhite .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover .teaser a.btn:hover { background-color: #ffffff; color: #000000; } body.modeBlackWhite .innerSection1 .bg { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .innerSection1 .container .wrap a.btn.colorYellow { background-color: #000000; } body.modeBlackWhite .innerSection1 .container .wrap a.btn.colorYellow:hover { text-decoration: underline; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:hover { color: #383837; font: 18px/16px "Roboto"; } .singleCredit.singleCredit__ph { padding: 100px 90px; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active { color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:after { background-color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li:before { background-color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap.calcActive { background-color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .btn { background-color: #ffffff; color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .btn:hover { text-decoration: underline; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox .checkmark:after { border-color: #000000; } body.modeBlackWhite .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #000000; } body.modeBlackWhite .select2-results__option { color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title .btn { border-color: #000000; color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title .btn:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite .tableResponsive table.version2 thead tr td { color: #000000; } .modeBlackWhite header .container .wrap .colRight .item .wraps a .icon { filter: brightness(0) invert(1); } .modeBlackWhite .download-item { border: 1px solid #fff; } .modeBlackWhite .download-text { color: #fff; } .modeBlackWhite .kmaNewAccInvstAds__item { background: #fff; } .modeBlackWhite .download-item img { filter: brightness(0) invert(1); } .modeBlackWhite .generalInfo .generalInfo__accordionBody b { color: #000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .tableResponsive h2, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .tableResponsive h3, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .tableResponsive h4, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .tableResponsive h5, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .tableResponsive h6 { color: #000000; } body.modeBlackWhite .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tfoot tr td a:hover { color: #000000; text-decoration: underline; } body.modeBlackWhite .template_phoneBlock2 { background-color: #000000; } body.modeBlackWhite .template_phoneBlock2 .container .wrap a:hover { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks { border: 1px solid #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink:after { background-color: #ffffff; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.active { background-color: #ffffff; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.active .step { background-color: #000000; color: #ffffff; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.active .name { color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.active:after { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps label.placeholder strong { color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:focus { border-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .btn { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .btn:hover { background-color: #000000; text-decoration: underline; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .addForm.button-0 { color: #000000; border-bottom: 1px dashed #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps .closeBtn { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps button[type="submit"] { background-color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps button[type="submit"]:hover { background-color: #000000; text-decoration: underline; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .gotoBack { color: #000000; } body.modeBlackWhite .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .gotoBack:hover { text-decoration: underline; } body.modeBlackWhite .innerSection1 .container .wrap a.btn { background-color: #000000; } body.modeBlackWhite .innerSection1 .container .wrap a.btn:hover { text-decoration: underline; } body.modeBlackWhite .accordion .accordion__wraps .accordion__wraps__item.active .accordion__wraps__item--title a:after { background-color: #000000; color: #ffffff; border-color: #000000; } body.modeBlackWhite .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--title a:after { border-color: #000000; color: #000000; } body.modeBlackWhite .page .container .wrap h1 { color: #ffffff; } body.modeBlackWhite .page .container .wrap p { color: #ffffff; } body.modeBlackWhite .page .container .wrap ul li { color: #ffffff; } body.modeBlackWhite .page .container .wrap ul li:before { background-color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .teasers h2 { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .teasers p { color: #ffffff; } body.modeBlackWhite .sidebarFormDeposits .sidebarFormDeposits__wrap { background-color: #000000; border: 1px solid #ffffff; } body.modeBlackWhite .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button { background-color: #ffffff; color: #000000; } body.modeBlackWhite .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button:hover { text-decoration: underline; } body.modeBlackWhite .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button.reset { background-color: transparent; color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title a.viewall { border-color: #ffffff; color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title a.viewall:hover { background-color: #ffffff; color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title h1 { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title .notes { color: #ffffff; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps button { background-color: #000000; color: #ffffff; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps button:hover { text-decoration: underline; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps span { color: #000000; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .teaser .calculate { color: #000000; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .teaser .calculate:after { background-color: #000000; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .note i { color: #000000; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close:hover:before { background-color: #000000; } body.modeBlackWhite .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close:hover:after { background-color: #000000; } body.modeBlackWhite .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser p { color: #ffffff; } body.modeBlackWhite .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser a { color: #ffffff; } body.modeBlackWhite .mikrokreditsContent .container .wrap .col-bottom .wraps h3 { color: #ffffff; } body.modeBlackWhite .mikrokreditsContent .container .wrap .col-bottom .wraps ul li { color: #ffffff; } body.modeBlackWhite .mikrokreditsContent .container .wrap .col-bottom .wraps ul li:before { background-color: #ffffff; } body.modeBlackWhite .mikrokreditsContent .container .wrap .col-middle .list .item .wraps .count { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link.active { color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link:after { background-color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .title h1 { color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser h2 a { color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser h2 a:hover { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser p { color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a { color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a:hover { background-color: transparent; text-decoration: underline; border-color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a.make { background-color: #ffffff; border-color: #ffffff; color: #000000; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item .list__item--title { color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item .list__item--value { color: #000000; } body.modeBlackWhite .sectionDownloadList .item .wraps a { color: #000000; } body.modeBlackWhite .sectionDownloadList .item .wraps a:hover { text-decoration: underline; } body.modeBlackWhite .sectionDownloadList .item .wraps .download { border-color: #000000; color: #000000; } body.modeBlackWhite .sectionDownloadList .item .wraps .download:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps p { color: #ffffff; } body.modeBlackWhite .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover { background-color: #000000; } body.modeBlackWhite .pageYurLisa .container .wrap .bankCards h1 { color: #ffffff; } body.modeBlackWhite .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps:hover .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser a { color: #000000; } body.modeBlackWhite .pageYurLisa .container .wrap .content h2 { color: #ffffff; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu { background-color: #000000; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { border-color: #ffffff; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li a:hover { background-color: transparent; text-decoration: underline; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li.active a { background-color: #ffffff; color: #000000; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding ul li:before { background-color: #000000; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding a.btn { color: #000000; border-color: #000000; } body.modeBlackWhite .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding a.btn:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a.readmore:hover { background-color: #ffffff !important; color: #000000 !important; border-color: #ffffff !important; } body.modeBlackWhite .sidebarMenu { border: 1px solid #ffffff; } body.modeBlackWhite .sidebarMenu ul li a:hover { background-color: transparent; text-decoration: underline; color: #000000; } body.modeBlackWhite .sidebarMenu ul li.active a { background-color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .title h1 { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps p { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap p { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:hover { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active:after { background-color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li:before { background-color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps h2, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps h3, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps h4, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps h5, body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps h6 { color: #ffffff; } body.modeBlackWhite .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-numb { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps ol li { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps ol li span { color: #ffffff; } body.modeBlackWhite .CashSettlementServices-heading { color: #ffffff; } body.modeBlackWhite .CashSettlementServices-container .CashSettlementServices-list .CashSettlementServices-item .CashSettlementServices-wraps { background-color: #000000; border: 1px solid #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list h3 { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps ul li { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps ul li:before { background-color: #ffffff; } body.modeBlackWhite .BankGuarantee .BankGuarantee-container .BankGuarantee-wraps .BankGuarantee-item { background-color: #000000; border: 1px solid #ffffff; } body.modeBlackWhite .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-teaser strong { color: #ffffff; } body.modeBlackWhite .RentTradingTerminal-ClientsReq .RentTradingTerminal-ClientsReq-item .RentTradingTerminal-ClientsReq-wraps { border-color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .RentTradingTerminal-ClientsReq .RentTradingTerminal-ClientsReq-item .RentTradingTerminal-ClientsReq-wraps h3 { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .RentTradingTerminal-ClientsReq .RentTradingTerminal-ClientsReq-item .RentTradingTerminal-ClientsReq-wraps p { color: #000000; } body.modeBlackWhite .RentTradingTerminal .RentTradingTerminal-container .RentTradingTerminal-item { background-color: #000000; border: 1px solid #ffffff; } body.modeBlackWhite .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink:hover { color: #ffffff; } body.modeBlackWhite .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink.active { color: #ffffff; } body.modeBlackWhite .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink.active:after { background-color: #ffffff; } body.modeBlackWhite .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a:hover { background-color: #000000; border: 1px solid #ffffff; } body.modeBlackWhite .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a:hover:after { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .template_phoneBlock { background-color: #000000; } body.modeBlackWhite .template_phoneBlock .container .wrap .wraps a:hover { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .tableResponsive table.version1 thead tr td { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .lastModified i { color: #000000; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sectionDownloadList .item .wraps .download:hover { color: #000000; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps .date { color: #ffffff; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a .title { color: #ffffff; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a:hover .title { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a .teaser { color: #ffffff; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a { border-color: #ffffff; color: #ffffff; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a:after { border-top: 5px solid #ffffff; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a:hover { background-color: #ffffff; color: #000000; } body.modeBlackWhite .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a:hover:after { border-top: 5px solid #000000; } body.modeBlackWhite .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps a { color: #000000; } body.modeBlackWhite .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps .download { border-color: #000000; color: #000000; } body.modeBlackWhite .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps .download:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li span { color: #ffffff; } body.modeBlackWhite .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item .HistoryBank--year { background-color: #ffffff; color: #000000; } body.modeBlackWhite .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:first-child:after { background-color: #000000; } body.modeBlackWhite .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list:before { background-color: #ffffff; } body.modeBlackWhite .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:last-child:after { background-color: #000000; } body.modeBlackWhite .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item .HistoryBank--wraps { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item .item-wraps { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite { filter: grayscale(100) !important; } body.modeBlackWhite .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps { border-bottom: 1px solid #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps strong { color: #ffffff; } body.modeBlackWhite .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button-right a { border-color: #ffffff; color: #000000; } body.modeBlackWhite .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button-right a:hover { background-color: #ffffff; color: #000000; text-decoration: underline; } body.modeBlackWhite .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li span { color: #ffffff; } body.modeBlackWhite .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li a { color: #ffffff; } body.modeBlackWhite .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps .name { color: #ffffff; } body.modeBlackWhite .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item .item--wraps { border-bottom: 1px solid #ffffff; } body.modeBlackWhite .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser strong { color: #000000; } body.modeBlackWhite .pageContacts .container .wrap .colLeft .wraps .content .title .btn { color: #000000; border-color: #000000; } body.modeBlackWhite .pageContacts .container .wrap .colLeft .wraps .content .title .btn:hover { background-color: #000000; color: #ffffff; } body.modeBlackWhite .pageContacts .container .wrap .colRight .wraps ul li .teaser a { color: #000000; } body.modeBlackWhite .pageContacts .container .wrap .colRight .wraps ul li .teaser a:hover { color: #000000; text-decoration: underline; } body.modeBlackWhite .pageOffice .container .wrap .maps .title h1 a { color: #000000; } body.modeBlackWhite .pageOffice .container .wrap .maps .title h1 a:after { background-color: #000000; } body.modeBlackWhite .pageOffice .container .wrap .maps .title h1 a:hover { color: #000000; } body.modeBlackWhite .pageOffice .container .wrap .content { color: #ffffff; } body.modeBlackWhite .DetailsBank .DetailsBank-container .DetailsBank-item .DetailsBank-wraps { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list { background-color: transparent; border: 1px solid #ffffff; } body.modeBlackWhite .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list .EnterprisesBankBalanceSheet-item .EnterprisesBankBalanceSheet-wraps { border-bottom: 1px solid #ffffff; } body.modeBlackWhite .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps .titles { color: #ffffff; } body.modeBlackWhite .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps .sum { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .title h1 a { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .title h1 a:after { background-color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .title h1 a:hover { color: #ffffff; } body.modeBlackWhite .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 .selection .select2-selection { background-color: #000000; } body.modeBlackWhite .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser .date { color: #ffffff; } body.modeBlackWhite .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser a { color: #ffffff; } body.modeBlackWhite .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser a:hover { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .moduleSubscribe .moduleSubscribe__wraps { border-color: #ffffff; } body.modeBlackWhite .moduleSubscribe .moduleSubscribe__wraps h2 { color: #000000; } body.modeBlackWhite .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form button { background-color: #000000; } body.modeBlackWhite .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form button:hover { text-decoration: underline; } body.modeBlackWhite .sidebarPhoneBlock .sidebarPhoneBlock__wraps a:hover { color: #000000; text-decoration: underline; } body.modeBlackWhite .pagination ul li span { background-color: #000000; border: 1px solid #ffffff; } body.modeBlackWhite .singleNews .container .wrap .col-left .wraps span.date { color: #ffffff; } body.modeBlackWhite .singleNews .container .wrap .col-left .wraps h1 { color: #ffffff; } body.modeBlackWhite .singleNews .container .wrap .col-left .wraps p { color: #ffffff; } body.modeBlackWhite .sidebarNews .sidebarNews__wraps h2 { color: #000000; } body.modeBlackWhite .sidebarNews .sidebarNews__wraps .sidebarNews__wraps--list .sidebarNews__wraps--list--item a:hover { color: #000000; text-decoration: underline; } body.modeBlackWhite .singleNews .container .wrap .col-left .wraps .informer a.back { color: #ffffff; } body.modeBlackWhite .page .container .wrap h4 { color: #ffffff !important; } body.modeBlackWhite .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps a.btns { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps a.btns:hover { color: #000000; background-color: #ffffff; } body.modeBlackWhite .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a .date { color: #000000; } body.modeBlackWhite .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a:hover .teaser { color: #000000; text-decoration: underline; } body.modeBlackWhite .pressReleaseList .pressReleaseList--btns a { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .pressReleaseList .pressReleaseList--btns a:hover { color: #000000; background-color: #ffffff; } body.modeBlackWhite .pressReleaseList .pressReleaseList--btns a:hover:after { border-top: 5px solid #000000; } body.modeBlackWhite .pressReleaseList .pressReleaseList--btns a:after { border-top: 5px solid #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-left .wraps span.date { color: #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-left .wraps h1 { color: #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-left .wraps p { color: #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-middle .wraps a.back { color: #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-middle .wraps a.back:hover { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .tableResponsive table.version3 thead tr td { color: #000000; } body.modeBlackWhite .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps ul li span { color: #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-left .wraps a.back { color: #ffffff; } body.modeBlackWhite .singleAnonsy .container .wrap .col-left .wraps a.back:hover { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .archiveVacancies .container .wrap .col-right .wraps .list .item a { color: #ffffff; } body.modeBlackWhite .archiveVacancies .container .wrap .col-right .wraps .list .item a:hover { text-decoration: underline; } body.modeBlackWhite .archiveVacancies .container .wrap .col-right .wraps .title h1 { color: #ffffff; } body.modeBlackWhite .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a .callTo svg path { fill: #000000; } body.modeBlackWhite .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a:hover .callTo { background-color: #000000; } body.modeBlackWhite .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a:hover .callTo svg path { fill: #ffffff; } body.modeBlackWhite .gridVideoLists .gridVideoLists--btns a { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .gridVideoLists .gridVideoLists--btns a:hover { color: #000000; background-color: #ffffff; } body.modeBlackWhite .gridVideoLists .gridVideoLists--btns a:hover:after { border-top: 5px solid #000000; } body.modeBlackWhite .gridVideoLists .gridVideoLists--btns a:after { border-top: 5px solid #ffffff; } body.modeBlackWhite .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner p { color: #ffffff; } body.modeBlackWhite .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-numb { -webkit-filter: grayscale(100); filter: grayscale(100); } body.modeBlackWhite .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner h2 { color: #ffffff; } body.modeBlackWhite .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner ul li { color: #ffffff; } body.modeBlackWhite .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner ul li:before { background-color: #ffffff; } body.modeBlackWhite .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner strong { color: #ffffff; } body.modeBlackWhite .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column ul li { color: #ffffff; } body.modeBlackWhite .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column ul li:before { background-color: rgba(255, 255, 255, 0.5); } body.modeBlackWhite .archiveNews .container .wrap .col-left .newsList--wrap--btns a { color: #ffffff; border-color: #ffffff; } body.modeBlackWhite .archiveNews .container .wrap .col-left .newsList--wrap--btns a:hover { color: #000000; background-color: #ffffff; } body.modeBlackWhite .archiveNews .container .wrap .col-left .newsList--wrap--btns a:hover:after { border-top: 5px solid #000000; } body.modeBlackWhite .archiveNews .container .wrap .col-left .newsList--wrap--btns a:after { border-top: 5px solid #ffffff; } body.modeBlackWhite footer .container .wrap .colTop .colRight .wraps .leftBlock ul li a:hover { color: #000000; text-decoration: underline; } body.modeBlackWhite .v3 .navbar-light .navbar-nav .nav-link, .nav-link-right { color: white; } body.modeBlackWhite .dropbtn { color: white; } body.modeBlackWhite .item.langSwitch .wraps ul li a { color: white; } body.modeBlackWhite .v3 .v3-navbar2 .navbar ul li a.no-hover { background-color: black; } body.modeBlackWhite .v3 .v3-navbar2 .navbar ul li.active a { color: white; } body.modeBlackWhite footer { background-color: rgb(29, 27, 27); } body.modeBlackWhite .personal__title { color: white; } body.modeBlackWhite .section1 .mainSlider .item .container .wrap .block-article .block-inner .btn.online a { background-image: linear-gradient( to right, rgb(128, 125, 126), rgb(128, 125, 126), rgb(128, 125, 126) ); color: white; } body.modeBlackWhite .mainPage.newProductPages .bannerBg { filter: grayscale(100%); } body.modeBlackWhite .newProductPages #tabs-nav li.active { background-image: linear-gradient( to right, rgb(71, 67, 69), rgb(71, 67, 69), rgb(71, 67, 69) ); } body.modeBlackWhite .newProductPages #tabs-nav li:hover { background-image: linear-gradient( to right, rgb(71, 67, 69), rgb(71, 67, 69), rgb(71, 67, 69) ); } body.modeBlackWhite .irs--round .irs-bar { background-color: black; } body.modeBlackWhite .irs--round .irs-handle { background-color: black; } body.modeBlackWhite .checkoutEasy .more-btn { color: #000; } body.modeBlackWhite ul#news-tabs-nav li.active { background-color: rgb(29, 27, 27); } body.modeBlackWhite ul#news-tabs-nav li:hover { background-color: rgb(29, 27, 27); } body.modeBlackWhite .news__item p { color: white; } body.modeBlackWhite .news__item .news__name { color: rgb(139, 134, 134); } body.modeBlackWhite .news__item { border: 1px solid rgba(247, 248, 250, 0.2); } .text-joyda { color: #0064aa; } body.modeBlackWhite .text-joyda { color: rgb(61, 57, 57); } body.modeBlackWhite .checkoutEasy__text .buttonStroke { color: black; } body.modeBlackWhite .newProductPages .buttonStroke:hover { background-color: white; } body.modeBlackWhite .kmaStylesSqbNew .blockWrapped .checkoutEasy .checkoutEasy__title a { color: #000; text-decoration: underline; } body.modeBlackWhite .redTextButton { color: black; } body.modeBlackWhite #pills-kurs .calculate-table { background-color: white; filter: grayscale(100%); } body.modeBlackWhite .mainButton { background-image: linear-gradient(to right, #0a0a0a, #08090a, #050505); } body.modeBlackWhite .news__btn { color: #ffffff; text-decoration: underline; } body.modeBlackWhite .exchangeRate .redText { text-decoration: underline; } body.modeBlackWhite .list__text li a { color: rgb(0, 0, 0); } body.modeBlackWhite .v3 .v3-navbar2 .navbar ul li a:hover { color: #ffffff; } .close { position: relative; display: inline-block; width: 50px; height: 50px; overflow: hidden; } .close:hover::before, .close:hover::after { background: #1c4a95; } .close::before, .close::after { content: ""; position: absolute; height: 3px; width: 25px; top: 50%; left: 0; margin-top: -1px; background: #0a1e32; border-radius: 5px; opacity: 1 !important; } .modal-header, .modal-footer { border-bottom: none !important; border-top: none !important; } .close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } html { height: 100%; -webkit-font-smoothing: antialiased; } img { border: 0; max-width: 100%; } .exchangeRate.blockWrapped .exchangeRate__item a img { width: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } body { margin: 0; padding: 0; height: 100%; background-color: #fff; -webkit-text-size-adjust: 100%; color: #666666; } body.overflowHidden { overflow: hidden; } * { outline: 0 !important; } .wrapper { min-height: 100%; } *::-moz-selection { /* Code for Firefox */ color: #ffffff; background-color: #c5c5c5; } *::selection { /* color: #ffffff; */ background-color: #c5c5c5; } header { background-color: #fff; position: relative; z-index: 99; } header .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } header .container .wrap .colLeft { line-height: 0; } header .container .wrap .colLeft a { text-decoration: none; } header .container .wrap .colLeft a img { display: inline-block; vertical-align: middle; margin-right: 10px; width: 370px; } header .container .wrap .colLeft a .logotext { color: #fff; text-decoration: none; font: 900 12px/17px "Roboto", sans-serif; display: inline-block; vertical-align: middle; text-transform: uppercase; } header .container .wrap .colLeft a .logotext span { display: block; font-size: 10px; font-weight: 500; } header .container .wrap .colRight { font-size: 0; line-height: 0; } header .container .wrap .colRight .item { display: inline-block; vertical-align: top; position: relative; z-index: 5; text-align: center; } header .container .wrap .colRight .item .wraps { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; border-left: 1px solid #b2b3b3; height: 60px; } header .container .wrap .colRight .item .wraps a { display: block; padding: 15px 20px; font: 600 14px/20px "Roboto", sans-serif; color: #003366; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .container .wrap .colRight .item .wraps a span:hover { border-bottom: 2px solid #ea0000; } header .container .wrap .colRight .item.specialFeatured { position: relative; } header .container .wrap .colRight .item.specialFeatured:hover .specialFeaturedBlock { padding: 30px 20px; opacity: 1; visibility: visible; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock { position: absolute; top: 60px; left: 0; right: 0; z-index: 3; min-height: 100px; min-width: 200px; padding: 0 20px; background-color: #ffffff; -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps span { font: 700 13px/13px "Roboto", sans-serif; color: #383837; display: block; margin-bottom: 15px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView { margin: 0 -15px 30px -15px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a , .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div{ display: inline-block; padding: 0; width: 36px; height: 36px; border-radius: 4px; font: 600 26px/37px "Roboto", sans-serif; color: #383837; text-decoration: none; text-align: center; margin: 0 15px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a.default , .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div.default { background: transparent; color: #1c4a95; border: 2px solid #1c4a95; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a.default.active, .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div.default.active{ background-color: #1c4a95; color: #ffffff; border: 2px solid #1c4a95; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a.blackWhite , .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div.blackWhite { border: 2px solid #383837; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a.blackWhite.active , .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div.blackWhite.active { color: white; background: #000; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts { padding-bottom: 40px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul { display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul:after { position: absolute; content: ""; bottom: -30px; left: 0; right: 15px; height: 4px; background-color: #ebebeb; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li { width: 20%; min-height: 32px; display: inline-block; position: relative; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input { position: absolute; visibility: hidden; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input:checked ~ .check { border: 2px solid #1c4a95; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input:checked ~ .check:before { background: #1c4a95; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input:checked ~ label { color: #1c4a95; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li label { display: block; position: absolute; font-weight: 600; line-height: inherit; color: #b1b2b2; padding: 0; margin: 0; height: inherit; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; min-height: 40px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li .check { display: block; position: absolute; border: 2px solid #ebebeb; background-color: #ffffff; border-radius: 100%; height: 25px; width: 25px; top: 40px; left: 0; z-index: 5; -webkit-transition: border 0.25s linear; transition: border 0.25s linear; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li .check:before { display: block; position: absolute; content: ""; border-radius: 100%; height: 8px; width: 8px; top: 3px; left: 3px; margin: auto; -webkit-transition: background 0.25s linear; transition: background 0.25s linear; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 { width: 17%; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 label { font-size: 16px; bottom: -35px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 .check { width: 14px; height: 14px; top: 51px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 .check:before { width: 8px; height: 8px; top: 3px; left: 3px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc2 label { font-size: 26px; bottom: -41px; min-height: 50px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc2 .check { width: 18px; height: 18px; top: 49px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc2 .check:before { width: 12px; height: 12px; top: 3px; left: 3px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc3 label { font-size: 33px; bottom: -38px; min-height: 50px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc3 .check { width: 22px; height: 22px; top: 47px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc3 .check:before { width: 16px; height: 16px; top: 3px; left: 3px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc4 label { font-size: 38px; bottom: -47px; min-height: 60px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc4 .check { width: 26px; height: 26px; top: 45px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc4 .check:before { width: 20px; height: 20px; top: 3px; left: 3px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc5 label { font-size: 45px; min-height: 60px; bottom: -45px; left: 6px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc5 .check { width: 30px; height: 30px; top: 43px; left: 6px; } header .container .wrap .colRight .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc5 .check:before { width: 24px; height: 24px; top: 3px; left: 3px; } header .container .wrap .colRight .item.addressInfo .wraps span { display: block; padding: 15px 20px; font-size: 16px; color: #003366; font: 500 14px/20px "Roboto", sans-serif; } header .container .wrap .colRight .item.addressInfo .wraps span a { display: inline-block; padding: 0; border-bottom: 2px solid transparent; } header .container .wrap .colRight .item.addressInfo .wraps span a:hover { border-bottom: 2px solid #ea0000; } .item.langSwitch { display: inline-block; vertical-align: top; position: relative; z-index: 11; text-align: center; border: 1px solid #e8e8e8; border-radius: 6px; padding: 8px; } .item.langSwitch, .item.specialFeatured { display: inline-block; vertical-align: top; position: relative; z-index: 9; text-align: center; } .item.langSwitch .wraps, .item.specialFeatured .wraps { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .item.langSwitch .wraps ul { font-size: 0; line-height: 0; margin-bottom: 0; } .item.langSwitch .wraps ul li { border-top: 1px solid #efeff0; } .wraps ul, .wraps ul li ul li a:hover { /* box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); */ border-radius: 10px; } .item.langSwitch .wraps ul li a, .item.langSwitch .wraps ul li div { font: 400 12px/14px "Roboto", sans-serif; display: block; color: #1d3448; text-decoration: none; transition: color 200ms ease 0s; } .item.langSwitch .wraps ul li ul { position: absolute; z-index: 1; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; left: -6px; box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); } .item.langSwitch .wraps ul li ul li a { padding: 15px 20px; -webkit-transition: padding 200ms ease 0s; transition: padding 200ms ease 0s; } .item.langSwitch .wraps ul li ul li a:hover { background-color: #1d3448; color: #ffffff; } .item.langSwitch .wraps ul li.active { border-top: 0 none; } .item.langSwitch:hover .wraps ul li ul { opacity: 1; visibility: visible; } .item.langSwitch .wraps ul li:hover ul li a { padding: 15px 20px; } .item.specialFeatured .specialFeaturedBlock { position: absolute; top: 22px; left: 0; right: 0; z-index: 3; min-height: 100px; min-width: 240px; padding: 0 20px; background-color: #ffffff; box-shadow: 0px 10px 30px 0px rgb(56 56 55 / 20%); border-radius: 10px; opacity: 0; visibility: hidden; transition: all 300ms ease 0s; } .item.specialFeatured:hover .specialFeaturedBlock { padding: 30px 20px; opacity: 1; visibility: visible; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps span { font: 700 13px/13px "Roboto", sans-serif; color: #383837; display: block; margin-bottom: 15px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView { margin: 0 -15px 30px -15px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a , .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div { display: inline-block; padding: 0; width: 42px; height: 42px; border-radius: 4px; font: 600 32px/37px "Roboto", sans-serif; color: #383837; text-decoration: none; text-align: center; margin: 0 15px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a.default, .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div.default { background-color: #1d3448; color: #ffffff; border: 2px solid #1d3448; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView a.blackWhite , .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeView div.blackWhite { border: 2px solid #383837; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts { padding-bottom: 40px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 0; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li { width: 20%; min-height: 32px; display: inline-block; position: relative; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 { width: 17%; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input { position: absolute; visibility: hidden; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li label { display: block; position: absolute; font-weight: 600; line-height: inherit; color: #b1b2b2; padding: 0; margin: 0; height: inherit; z-index: 9; cursor: pointer; transition: all 0.25s linear; min-height: 40px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 label { font-size: 16px; bottom: -37px; padding-bottom: 29px; width: 18px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li .check { display: block; position: absolute; border: 2px solid #ebebeb; background-color: #ffffff; border-radius: 100%; height: 25px; width: 25px; top: 40px; left: 0; z-index: 5; transition: border 0.25s linear; box-sizing: unset; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 .check { width: 14px; height: 14px; top: 51px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li .check:before { display: block; position: absolute; content: ""; border-radius: 100%; height: 8px; width: 8px; top: 3px; left: 3px; margin: auto; transition: background 0.25s linear; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc1 .check:before { width: 8px; height: 8px; top: 3px; left: 3px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc2 label { font-size: 26px; bottom: -38px; min-height: 65px; left: 1px; width: 21px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc2 .check { width: 18px; height: 18px; top: 49px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc2 .check:before { width: 12px; height: 12px; top: 3px; left: 3px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc3 label { font-size: 33px; bottom: -40px; min-height: 75px; width: 25px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc3 .check { width: 22px; height: 22px; top: 47px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc3 .check:before { width: 16px; height: 16px; top: 3px; left: 3px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc4 label { font-size: 38px; bottom: -42px; min-height: 82px; width: 30px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc4 .check { width: 26px; height: 26px; top: 45px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc4 .check:before { width: 20px; height: 20px; top: 3px; left: 3px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc5 label { font-size: 45px; min-height: 92px; bottom: -44px; left: 6px; width: 36px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc5 .check { width: 30px; height: 30px; top: 43px; left: 6px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li.inc5 .check:before { width: 24px; height: 24px; top: 3px; left: 3px; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul:after { position: absolute; content: ""; bottom: -30px; left: 0; right: 15px; height: 4px; background-color: #ebebeb; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input:checked ~ label { color: #1c4a95; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input:checked ~ .check { border: 2px solid #1c4a95; } .item.specialFeatured .specialFeaturedBlock .specialFeaturedBlockWraps .typeSizeFonts ul li input:checked ~ .check:before { background: #1c4a95; } .item.seachWraps { width: 0; overflow: hidden; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s; position: relative; margin-top: 5px; margin-bottom: 5px; } header .container .wrap .colRight .item.seachWraps form input { padding: 0 36px 0 16px; width: 100%; height: 50px; border-left: 1px solid #e6e7e8; border-right: 0 none; border-bottom: 0 none; border-top: 0 none; font: 500 14px/14px "Roboto", sans-serif; color: #383837; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } header .container .wrap .colRight .item.seachWraps form input::-webkit-input-placeholder { line-height: 14px; color: #383837; } header .container .wrap .colRight .item.seachWraps form input:-moz-placeholder { line-height: 14px; color: #383837; } header .container .wrap .colRight .item.seachWraps form input::-moz-placeholder { line-height: 14px; color: #383837; } header .container .wrap .colRight .item.seachWraps form input:-ms-input-placeholder { line-height: 14px; color: #383837; } header .container .wrap .colRight .item.seachWraps form input::-ms-clear { display: none; } header .container .wrap .colRight .item.seachWraps form input::-ms-value { margin-left: 16px; margin-right: 16px; } header .container .wrap .colRight .item.seachWraps form .btn { position: absolute; top: 18px; right: 10px; border: 0 none; background: transparent; cursor: pointer; opacity: 0; visibility: hidden; } header .container .wrap .colRight .item.seachWraps.active { width: 250px; margin-top: 5px; margin-bottom: 5px; } header .container .wrap .colRight .item.searchBlock .wraps a span.close { display: none; width: 14px; height: 14px; border-bottom: none; } header .container .wrap .colRight .item.searchBlock .wraps a span.close:before, header .container .wrap .colRight .item.searchBlock .wraps a span.close:after { background-color: #ffffff; } header .container .wrap .colRight .item.searchBlock.active .wraps a img { display: none; } header .container .wrap .colRight .item.searchBlock.active .wraps a span.close { display: block; border-bottom: none; } header nav { background-color: #003366; position: relative; border-top: 1px solid #1a4876; } header nav .container .wrap ul, .v3 .v3-navbar2 .navbar ul { font-size: 0; line-height: 0; } header nav .container .wrap ul li, .v3 .v3-navbar2 .navbar ul li { list-style: none; display: inline-block; vertical-align: middle; margin-bottom: 0; vertical-align: baseline; } header nav .container .wrap ul li a, .v3 .v3-navbar2 .navbar ul li a { color: #ffffff; text-decoration: none; padding: 18px 20px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header nav .container .wrap ul li:hover a, .v3 .v3-navbar2 .navbar ul li:hover a { background-color: #ea0000; } header nav .container .wrap ul li.active a { background-color: #ea0000; } .v3 .v3-navbar2 .navbar ul li.active a { font-weight: bold; } header nav .container .wrap ul li .drop, .v3 .v3-navbar2 .navbar ul li .drop { position: absolute; top: 50px; left: 0; width: 100%; background-color: #ffffff; display: none; } header nav .container .wrap ul li .drop:after, .v3 .v3-navbar2 .navbar ul li .drop:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 50px; z-index: 1; -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); } header nav .container .wrap ul li .drop .container, .v3 .v3-navbar2 .navbar ul li .drop .container { position: relative; z-index: 2; } header nav .container .wrap ul li .drop .container .wrap ul, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap ul { font-size: 0; line-height: 0; } header nav .container .wrap ul li .drop .container .wrap ul li, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap ul li { padding: 0 0px; } header nav .container .wrap ul li .drop .container .wrap ul li a, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap ul li a { font: 600 14px/14px "Montserrat", sans-serif; color: #000000; text-decoration: none; padding: 8px 0; background-color: transparent; position: relative; } header nav .container .wrap ul li .drop .container .wrap ul li a:after, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap ul li a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 3px; background-color: #ea0000; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header nav .container .wrap ul li .drop .container .wrap ul li a:hover:after, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap ul li a:hover:after { opacity: 1; visibility: visible; } header nav .container .wrap ul li .drop .container .wrap ul li.active a:after, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap ul li.active a:after { opacity: 1; visibility: visible; } header nav .container .wrap ul li .drop .container .wrap .more, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap .more { font: 700 12px/12px "Montserrat", sans-serif; color: #1c4a95; text-transform: uppercase; text-decoration: none; background-color: transparent; position: relative; } header nav .container .wrap ul li .drop .container .wrap .more:after, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap .more:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #1c4a95; display: inline-block; position: relative; left: 10px; top: -2px; } header nav .container .wrap ul li .drop .container .wrap .more.active, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap .more.active { background-color: #1c4a95; color: #ffffff; } header nav .container .wrap ul li .drop .container .wrap .more.active:after, .v3 .v3-navbar2 .navbar ul li .drop .container .wrap .more.active:after { border-top: 5px solid #ffffff; } header nav .container .wrap ul li:hover .drop .container .wrap ul li a, .v3 .v3-navbar2 .navbar ul li:hover .drop .container .wrap ul li a { padding: 18px 0; } header nav .container .wrap .dropTwo { position: absolute; top: 100px; left: 0; z-index: 1; width: 100%; min-height: 300px; background-color: #ffffff; -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; opacity: 0; visibility: hidden; } header nav .container .wrap .dropTwo .dropTwo__container { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; } header nav .container .wrap .dropTwo .dropTwo__container .dropTwo__container__wrap { padding: 15px 10px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header nav .container .wrap .dropTwo .dropTwo__container .dropTwo__container__wrap ul li { width: 33.3333333%; display: inline-block; vertical-align: middle; padding-bottom: 20px; } header nav .container .wrap .dropTwo .dropTwo__container .dropTwo__container__wrap ul li a { font: 600 14px/20px "Montserrat", sans-serif; color: #383837; text-decoration: none; display: block; padding: 0 10px 0 30px; background-color: transparent; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header nav .container .wrap .dropTwo .dropTwo__container .dropTwo__container__wrap ul li a:hover { color: #ea0000; } header nav .container .wrap .dropTwo.active { opacity: 1; visibility: visible; } header nav .container .wrap .dropTwo.active .dropTwo__container { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; } header nav .container .wrap .dropTwo.active .dropTwo__container .dropTwo__container__wrap { padding: 45px 10px; } header nav .container .wrap .myBank { position: relative; z-index: 4; } header nav .container .wrap .myBank a.btn { font: 600 12px/12px "Montserrat", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: block; padding: 12px 22.5px 26px 22.5px; border-left: 1px solid #496eaa; border-right: 1px solid #496eaa; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; background-color: #ea0000; } header nav .container .wrap .myBank a.btn:after { content: ""; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid #ffffff; display: block; position: absolute; bottom: 12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } header nav .container .wrap .myBank:hover a { background-color: #999999; } header nav .container .wrap .myBank .dropdown { position: absolute; top: 50px; /*right: 0;*/ min-width: 230px; background-color: #ffffff; -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header nav .container .wrap .myBank .dropdown a { display: block; font: 700 14px/14px "Montserrat", sans-serif; color: #000000; text-decoration: none; padding: 8px 20px 7px 40px; background-color: transparent; position: relative; border-bottom: 1px solid #efeff0; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header nav .container .wrap .myBank .dropdown a:before { position: absolute; top: 22px; left: 20px; content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #737373; } header nav .container .wrap .myBank .dropdown a:hover { color: #1c4a95; } header nav .container .wrap .myBank .dropdown a:hover:before { border-left: 5px solid #1c4a95; } header nav .container .wrap .myBank .dropdown a:last-child { border: 0 none; } header nav .container .wrap .myBank:hover .dropdown { opacity: 1; visibility: visible; } header nav .container .wrap .myBank:hover .dropdown a { padding: 18px 20px 17px 40px; } .hamburger { display: block; top: 3px; position: relative; } .hamburger .hamburger-inner { background-color: #ffffff; } .hamburger .hamburger-inner:before { background-color: #ffffff; } .hamburger .hamburger-inner:after { background-color: #ffffff; } .hamburger.is-active .hamburger-inner { background-color: #ffffff; } .hamburger.is-active .hamburger-inner:before { background-color: #ffffff; } .hamburger.is-active .hamburger-inner:after { background-color: #ffffff; } .overlayForMobileMenu { position: fixed; content: ""; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .overlayForMobileMenu.active { opacity: 1; visibility: visible; } .mobileMenu { position: fixed; top: 0; right: -640px; width: 100%; max-width: 640px; height: 100%; background-color: rgba(255, 255, 255, 1); z-index: 9999; overflow: auto; -webkit-transition: right 200ms ease 200ms; transition: right 200ms ease 200ms; } .mobileMenu.active { width: 1248px; max-width: 1248px; margin: -1px auto; overflow-y: scroll; position: absolute; height: 100%; top: 50%; right: 50%; transform: translate(50%, -50%); } .mobileMenu .mobileMenu__wraps { padding: 40px 20px; } .mobileMenu .mobileMenu__wraps hr { display: none; } .mobileMenu .mobileMenu__wraps .myBank { position: relative; z-index: 4; } .mobileMenu .mobileMenu__wraps .myBank a.btn { font: 600 12px/12px "Montserrat", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: block; padding: 14px 20px; border-top-left-radius: 6px; border-top-right-radius: 6px; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .mobileMenu .mobileMenu__wraps .myBank a.btn:after { content: ""; width: 0; height: 0; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-top: 5px solid #ffffff; display: block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mobileMenu .mobileMenu__wraps .myBank.active a { background-color: #ffffff; color: #000000; } .mobileMenu .mobileMenu__wraps .myBank.active a:after { border-top: 4px solid #000000; } .mobileMenu .mobileMenu__wraps .myBank.active .dropdown { opacity: 1; visibility: visible; } .mobileMenu .mobileMenu__wraps .myBank.active .dropdown a { padding: 13px 20px 12px 40px; } .mobileMenu .mobileMenu__wraps .myBank .dropdown { position: absolute; top: 0px; right: 0; min-width: 280px; background-color: #ffffff; -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .mobileMenu .mobileMenu__wraps .myBank .dropdown a { display: block; font: 700 14px/14px "Montserrat", sans-serif; color: #000000; text-decoration: none; padding: 13px 20px 12px 40px; background-color: transparent; position: relative; border-bottom: 1px solid #efeff0; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .mobileMenu .mobileMenu__wraps .myBank .dropdown a:before { position: absolute; top: 17px; left: 20px; content: ""; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid #000000; } .mobileMenu .mobileMenu__wraps .myBank .dropdown a:hover { color: #1c4a95; } .mobileMenu .mobileMenu__wraps .myBank .dropdown a:hover:before { border-left: 5px solid #1c4a95; } .mobileMenu .mobileMenu__wraps .myBank .dropdown a:last-child { border: 0 none; } .mobileMenu .mobileMenu__wraps .addressInfo .wraps { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .mobileMenu .mobileMenu__wraps .addressInfo .wraps a { display: block; width: 100%; padding: 15px 20px; font: 500 16px/20px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .mobileMenu .mobileMenu__wraps .addressInfo .wraps a .icon { margin-right: 10px; } .mobileMenu .mobileMenu__wraps .addressInfo .wraps a:hover { color: #ea0000; } .mobileMenu .mobileMenu__wraps .menu ul { display: flex; flex-wrap: wrap; margin: 0 -10px; min-width: 350px; } .mobileMenu .mobileMenu__wraps .menu ul li { list-style: none; display: block; margin-top: 15px; } .mobileMenu .mobileMenu__wraps .menu ul li a { font: 600 20px/24px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 7px 10px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap ul li { margin-top: 10px; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap ul li a { font: 500 16px/18px "Roboto", sans-serif; } .mobileMenu .mobileMenu__wraps .menu ul li a:hover { color: #007bff; text-decoration: underline; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap ul { margin: 0; padding: 0 5px; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .dropTwo { display: none; padding: 10px; border-radius: 6px; background-color: #4077d0; margin-bottom: 20px; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .dropTwo.active { display: block; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .dropTwo .dropTwo__container .dropTwo__container__wrap ul { margin: 0; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .dropTwo .dropTwo__container .dropTwo__container__wrap ul li { display: block; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .dropTwo .dropTwo__container .dropTwo__container__wrap ul li a { font: 500 14px/18px "Montserrat", sans-serif; color: #ffffff; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { header .container .wrap .colRight .item.seachWraps form input { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 1170px) { header .container .wrap .colRight .item.seachWraps.active { width: 200px; } header nav .container .wrap ul li a { padding: 18px; } header nav .container .wrap ul li .drop .container .wrap ul li { padding: 0 15px; } } /* @media only screen and (max-width: 1024px){ .nav2-right{ float: none !important; } .nav2-right .nav-link img{ border: 2px solid white; border-radius: 10px; padding: 8px 70px; background-color: white; display: block; margin: 0 auto } } */ @media only screen and (max-width: 1024px) { .hamburger { display: block; } } @media only screen and (max-width: 992px) { header { padding-bottom: 0px !important; width: 100%; border-bottom: 1px solid #efeff0; } header nav { display: none; } header .container .wrap .colRight { margin-right: 48px; } header .container .wrap .colRight .item.langSwitch .wraps ul li a { padding: 15px 10px; } header .container .wrap .colRight .item .wraps a { padding: 15px 10px; } header .container .wrap .colRight .item .wraps a img { position: relative; top: 3px; } header .container .wrap .colRight .item.seachWraps { position: absolute; right: 263px; } header .container .wrap .colRight .item.searchBlock .wraps a span.close { width: 12px; } header .container .wrap .colRight .item.langSwitch .wraps ul li ul li a { padding: 11px; } header .container .wrap .colRight .item.langSwitch .wraps ul li:hover ul li a { padding: 11px; } header .container .wrap .colRight .item.specialFeatured { display: none; } header .container .wrap .colRight .item.addressInfo { display: none; } .mobileMenu .mobileMenu__wraps .menu { position: relative; display: flex; flex-wrap: wrap; } .mobileMenu .mobileMenu__wraps .menu ul li .drop.active { display: block; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap { padding: 0; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap ul li { display: block; } .mobileMenu .mobileMenu__wraps .menu ul li a { font-size: 16px; font-weight: 500; } .mobileMenu .mobileMenu__wraps .menu ul li.active > a { background-color: #4077d0; color: #ffffff; border-radius: 6px; } .mobileMenu .mobileMenu__wraps .menu ul li a { display: block; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap ul li a { font-size: 16px; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap.active .more:after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap .more { display: block; margin: 10px 0; background-color: #4077d0; color: #ffffff; border-radius: 6px; position: relative; } .mobileMenu .mobileMenu__wraps .menu ul li .drop .container .wrap .more:after { content: ""; width: 0; height: 0; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 6px solid #ffffff; display: block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } } @media (max-width: 420px) { header .container .wrap .colLeft a img { margin-right: 5px; width: 230px; } header .container .wrap .colLeft a .logotext { font-size: 10px; } header .container .wrap .colLeft a .logotext span { font-size: 8px; } } @media only screen and (max-width: 375px) { header .container .wrap .colLeft a img { width: 160px; } header .container .wrap .colLeft a .logotext { font-size: 8px; } header .container .wrap .colLeft a .logotext span { font-size: 6px; } } /* footer { background-color: #ffffff; padding-top: 120px; overflow: hidden; } footer .container .wrap .colTop { font-size: 0; line-height: 0; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #e6e7e8; } footer .container .wrap .colTop .colLeft { width: 50%; display: inline-block; vertical-align: top; } footer .container .wrap .colTop .colLeft .wraps .list { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } footer .container .wrap .colTop .colLeft .wraps .list .item ul li { list-style: none; display: block; margin-bottom: 30px; } footer .container .wrap .colTop .colLeft .wraps .list .item ul li a { font: 600 13px/18px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } footer .container .wrap .colTop .colLeft .wraps .list .item ul li a:hover { color: #ea0000; } footer .container .wrap .colTop .colLeft .wraps .list .item ul li:last-child { margin-bottom: 0; } footer .container .wrap .colTop .colRight { width: 50%; display: inline-block; vertical-align: top; } footer .container .wrap .colTop .colRight .wraps { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding-left: 130px; } footer .container .wrap .colTop .colRight .wraps .leftBlock ul li { list-style: none; display: block; margin-bottom: 30px; } footer .container .wrap .colTop .colRight .wraps .leftBlock ul li a { font: 600 12px/12px "Montserrat", sans-serif; color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } footer .container .wrap .colTop .colRight .wraps .leftBlock ul li a img { margin-right: 15px; } footer .container .wrap .colTop .colRight .wraps .leftBlock ul li a:hover { color: #ea0000; } footer .container .wrap .colTop .colRight .wraps .leftBlock ul li:last-child { margin-bottom: 0; } footer .container .wrap .colTop .colRight .wraps .leftBlock .otherLinks { margin: 20px -8px 0 -8px; } footer .container .wrap .colTop .colRight .wraps .leftBlock .otherLinks .item { display: inline-block; } footer .container .wrap .colTop .colRight .wraps .leftBlock .otherLinks .item a { margin: 0 8px; display: block; padding: 8px; border: 1px solid #e6e7e8; border-radius: 4px; } footer .container .wrap .colTop .colRight .wraps .rightBlock span { font: 600 12px/12px "Montserrat", sans-serif; color: #bbbbbb; display: block; margin-bottom: 15px; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 0 -15px; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li { display: inline-block; padding: 0 15px; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a { width: 40px; height: 40px; border: 1px solid #1c4a95; border-radius: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; background-color: #ffffff; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a svg { width: 30px; height: auto; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a svg g .cls-1 { fill: #1c4a95; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a svg g .cls-2 { fill: #fff; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover { background-color: #1c4a95; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover svg g .cls-1 { fill: #fff; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul li a:hover svg g .cls-2 { fill: #1c4a95; } footer .container .wrap .colTop .colRight .wraps .rightBlock .copy-logo { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-top: 20px; } footer .container .wrap .colTop .colRight .wraps .rightBlock .copy-logo a { display: block; font: 600 12px/12px "Montserrat", sans-serif; color: #bbbbbb; text-decoration: none; } footer .container .wrap .colTop .colRight .wraps .rightBlock .copy-logo a span { font: 700 12px/12px "Montserrat", sans-serif; color: #000000; display: block; margin-bottom: 7px; } footer .container .wrap .colTop .colRight .wraps .rightBlock .copy-logo a img { display: inline-block; height: auto; max-width: 60px; } footer .container .wrap .colBottom { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 25px; } footer .container .wrap .colBottom .colLeft p { font: 500 12px/21px "Montserrat", sans-serif; color: #aeaeae; } footer .container .wrap .colBottom .colLeft a { font: 500 12px/21px "Montserrat", sans-serif; color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } footer .container .wrap .colBottom .colLeft a:hover { color: #1c4a95; } footer .container .wrap .colBottom .colLeft span { font: 500 12px/11px "Montserrat", sans-serif; color: #aeaeae; } footer .container .wrap .colBottom .colRight p { font: 500 12px/21px "Montserrat", sans-serif; color: #aeaeae; } @media only screen and (max-width: 992px) { footer { padding-top: 50px; } footer .container .wrap .colTop .colLeft { width: 100%; margin-bottom: 30px; } footer .container .wrap .colTop .colRight { width: 100%; } footer .container .wrap .colTop .colRight .wraps { padding-left: 0; } footer .container .wrap .colTop .colRight .wraps .rightBlock { min-width: 310px; } footer .container .wrap .colTop .colRight .wraps .rightBlock ul { display: block; } footer .container .wrap .colBottom { display: block; margin-bottom: 20px; } } @media only screen and (max-width: 550px) { footer { padding-top: 30px; } footer .container .wrap .colTop { padding-bottom: 25px; margin-bottom: 25px; } footer .container .wrap .colTop .colLeft .wraps .list { display: block; } footer .container .wrap .colTop .colRight .wraps { display: block; } footer .container .wrap .colTop .colLeft .wraps .list .item:nth-child(1) { margin-bottom: 23px; } footer .container .wrap .colTop .colRight .wraps .leftBlock { margin-bottom: 30px; } } */ .section1 .mainSlider { min-height: 610px; position: relative; } .section1 .mainSlider .item { top: 0; left: 0; width: 100%; /* min-height: 610px; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;*/ } .section1 .mainSlider .item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .section1 .mainSlider .item .container { position: relative; z-index: 1; } .section1 .mainSlider .item .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: 610px; } .section1 .mainSlider .item .container .wrap .block-article { padding: 50px 50px 30px; background-color: #fff; border-radius: 6px; max-width: 280px; width: 100%; -webkit-transition: all 200ms; transition: all 200ms; } .section1 .mainSlider .item .container .wrap .block-article .block-inner .block-heading { font: 400 24px/30px "Montserrat", sans-serif; color: #383837; } .section1 .mainSlider .item .container .wrap .block-article .block-inner .block-description { color: #033568; font: 400 18px/37px "Montserrat", sans-serif; } .section1 .mainSlider .item .container .wrap .block-article .block-inner h3 { font-size: 60px; line-height: 68px; font-weight: 700; padding-bottom: 25px; } .section1 .mainSlider .item .container .wrap .block-article .block-inner h4 { font-weight: 500; font-size: 46px; line-height: 120%; color: #0a1e32; } .section1 .mainSlider .item .container .wrap .block-article .block-inner h5 { font-weight: 400; font-size: 20px; line-height: 150%; color: rgba(10, 30, 50, 0.8); } .section1 .mainSlider .item .container .wrap .block-article .block-inner .btn { position: relative; top: 50px; } .section1 .mainSlider .item .container .wrap .block-article .block-inner p { font-size: 20px; line-height: 30px; } .section1 .mainSlider .item .container .wrap .block-article .block-inner .btn a { padding: 12px 24px; background-color: #ea0000; font: 700 15px/40px "Montserrat", sans-serif; color: #ffffff; text-decoration: none; border: 2px solid #ea0000; border-radius: 6px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .mainSlider .item .container .wrap .block-article .block-inner .btn a:hover { color: #ea0000; background-color: #ffffff; } .section1.active .item .container { opacity: 1; visibility: visible; } .section1 .owl-dots { position: relative; top: -50px; } .advantageBlock-index { top: -120px; margin-bottom: -100px; } .advantageBlock { overflow: auto; z-index: 98; position: relative; overflow: visible; } .advantageBlock .advantageBlock__list { font-size: 0; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(9.5px); -webkit-backdrop-filter: blur(9.5px); border-radius: 6px; overflow: visible; -webkit-box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); display: -ms-flexbox; display: -webkit-box; display: flex; /*min-width: inherit !important;*/ } .advantageBlock .advantageBlock__list .advantageBlock__list__item { min-width: 230px; } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage { display: -ms-flexbox; display: -webkit-box; display: flex; } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item { min-width: 345px; background: url(/upload/icons/owl_slider.svg) no-repeat right center; } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item:last-child { min-width: 345px; background: none; } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item.active.current:before { position: absolute; top: -65px; left: 50%; border-right: 15px solid transparent; border-bottom: 10px solid #fff; border-left: 15px solid transparent; content: ""; transform: translate(-50%, -50%); background: transparent; height: 120px; z-index: 1111; } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item .block-heading { font-size: 22px; color: black; font-weight: 700; line-height: 29px; } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item.current .advantageBlock__list__item { background-color: #fff; border-radius: 6px; position: absolute; width: 345px; top: -5px; transform: translate(-50%, 0); left: 50%; height: 142px; box-shadow: 0px 4px 30px rgb(0 0 0 / 15%); } .advantageBlock .advantageBlock__list .owl-stage-outer .owl-stage .owl-item.current .advantageBlock__list__item .advantageBlock__list__item__wraps--icon .icon-active1 { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .advantageBlock .advantageBlock__list .advantageBlock__list__item { width: 100%; display: inline-block; vertical-align: top; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; text-decoration: none; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps { padding: 20px 15px; display: block; height: 121px; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon { line-height: 0; margin-bottom: 15px; min-height: 40px; display: block; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon .advantage-icon img { width: inherit; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .icon-active1 { display: block; margin: 0 auto; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser { display: block; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser strong { font-size: 14px; line-height: 18px; font-weight: 500; color: #737373; } .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { margin-top: 16px; } .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon .icon-active1 { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { color: #ffffff; } .advantageBlock .advantageBlock__list .advantageBlock__list__item.active { background-color: #003366; } .advantageBlock .advantageBlock__list .advantageBlock__list__item.active .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser strong { color: #ffffff; } .advantageBlock .advantageBlock__list .advantageBlock__list__item.active .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { color: #ffffff; } .advantageBlock .advantageBlock__list .advantageBlock__list__item.active .advantageBlock__list__item__wraps--icon .icon-active1 { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .section1 .mainSlider .item .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: 610px; height: 100%; max-height: 610px; } } .innerSection1 { padding: 0; position: relative; height: 480px; margin-bottom: 50px; } .innerSection1 .block-cart { position: absolute; z-index: 1; } .innerSection1 .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .innerSection1 .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .innerSection1 .banner { position: relative; z-index: 3; height: 100%; } .innerSection1 .block-article { background-color: transparent; padding: 0; text-align: right; max-width: 460px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 125px; z-index: 3; } .innerSection1 .container .wrap span { font: 700 40px/40px "Roboto", sans-serif; color: #ffffff; margin-bottom: 10px; display: block; } .innerSection1 .container .wrap p { font: 400 22px/26px "Roboto", sans-serif; color: #003e64; } .innerSection1 .container .wrap a.btn { display: inline-block; padding: 22px 40px; margin-top: 40px; border-radius: 6px; background-color: #1c4a95; font: 700 16px/16px "Montserrat", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .innerSection1 .container .wrap a.btn:hover { background-color: #ea0000; } .innerSection1 .container .wrap a.btn.colorBlue { background-color: #1c4a95; } .innerSection1 .container .wrap a.btn.colorBlue:hover { background-color: #ea0000; } .innerSection1 .container .wrap a.btn.colorYellow { background-color: #ea0000; } .innerSection1 .container .wrap a.btn.colorYellow:hover { background-color: #1c4a95; } .innerSection1.textCenter { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; text-align: center; padding: 160px 0 40px 0; } .innerSection1.textRight .container { text-align: right; } .innerSection1.textRight .container .wrap { text-align: left; display: inline-block; } .innerSection1 .container .wrap { max-width: 460px; position: relative; float: right; right: 25px; top: 15%; } @media only screen and (max-width: 992px) { .innerSection1 .block-article { right: 20px; max-width: 280px; } .innerSection1 { margin-top: 0; height: 280px; min-height: inherit; padding: 57px 0 0 0; } .innerSection1 .bg { background-position: center center !important; } .innerSection1 .container .wrap span { font-size: 26px; line-height: 26px; } .innerSection1 .container .wrap p { font-size: 14px; line-height: 20px; } .innerSection1 .container .wrap a.btn { padding: 15px 25px; } .innerSection1 .block-cart { display: none; } .innerSection1.textRight .container .wrap { width: 100%; padding: 0 25px; } } @media only screen and (max-width: 580px) { .innerSection1 .bg { background-position: left center !important; } } .section2 .container .wrap .tabLinks { margin-bottom: 50px; } .section2 .container .wrap .tabLinks ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .section2 .container .wrap .tabLinks ul li { list-style: none; display: inline-block; } .section2 .container .wrap .tabLinks ul li a { font: 700 21px/21px "Montserrat", sans-serif; color: #b1b2b2; text-decoration: none; } .section2 .container .wrap .tabLinks ul li.active a { color: #1c4a95; } .section2 .container .wrap .tabContent { position: relative; overflow: hidden; } .section2 .container .wrap .tabContent .listRow { margin: 0 -60px 80px -60px; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .section2 .container .wrap .tabContent .listRow .item { width: 33.33333%; display: inline-block; vertical-align: top; margin-bottom: 50px; position: relative; top: 10px; opacity: 0; visibility: hidden; } .section2 .container .wrap .tabContent .listRow .item:nth-child(1) { -webkit-transition: all 500ms ease 190ms; transition: all 500ms ease 190ms; } .section2 .container .wrap .tabContent .listRow .item:nth-child(2) { -webkit-transition: all 500ms ease 290ms; transition: all 500ms ease 290ms; } .section2 .container .wrap .tabContent .listRow .item:nth-child(3) { -webkit-transition: all 500ms ease 390ms; transition: all 500ms ease 390ms; } .section2 .container .wrap .tabContent .listRow .item .wraps { padding: 0 60px; } .section2 .container .wrap .tabContent .listRow .item .wraps a { text-decoration: none; } .section2 .container .wrap .tabContent .listRow .item .wraps a .image { display: block; margin-bottom: 25px; } .section2 .container .wrap .tabContent .listRow .item .wraps a .image img { width: 100%; height: auto; } .section2 .container .wrap .tabContent .listRow .item .wraps a .date { display: block; margin-bottom: 20px; font: 500 14px/14px "Montserrat", sans-serif; color: #ea0000; } .section2 .container .wrap .tabContent .listRow .item .wraps a .title { display: block; margin-bottom: 15px; font: 700 21px/30px "Montserrat", sans-serif; color: #383837; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .section2 .container .wrap .tabContent .listRow .item .wraps a .teaser { display: block; font: 500 15px/24px "Manrope", sans-serif; color: #868686; } .section2 .container .wrap .tabContent .listRow .item .wraps a:hover .title { color: #1c4a95; } .section2 .container .wrap .tabContent .listRow .btns { text-align: center; font-size: 0; line-height: 0; } .section2 .container .wrap .tabContent .listRow .btns a { font: 700 16px/16px "Montserrat", sans-serif; color: white; text-decoration: none; display: inline-block; padding: 22px 65px 18px 65px; background-color: #ea0000; border: 2px solid transparent; border-radius: 4px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section2 .container .wrap .tabContent .listRow .btns a:hover { background-color: #ffffff; color: #ea0000; border: 2px solid #ea0000; } .section2 .container .wrap .tabContent .listRow.active { position: relative; opacity: 1; visibility: visible; } .section2 .container .wrap .tabContent .listRow.active .item { top: 0; opacity: 1; visibility: visible; } @media only screen and (max-width: 1170px) { .section2 .container .wrap .tabContent .listRow { margin: 0 -40px 60px -40px; } .section2 .container .wrap .tabContent .listRow .item .wraps { padding: 0 40px; } } @media only screen and (max-width: 992px) { .section2 .container .wrap .tabLinks { overflow: auto; margin-bottom: 30px; } .section2 .container .wrap .tabLinks ul { min-width: 970px; } .section2 .container .wrap .tabContent .listRow { margin: 0 -20px 40px -20px; } .section2 .container .wrap .tabContent .listRow .item .wraps { padding: 0 20px; } .section2 .container .wrap .tabContent .listRow .item .wraps a .title { font-size: 18px; line-height: 24px; } } @media only screen and (max-width: 740px) { .section2 .container .wrap .tabContent .listRow .item { width: 50%; } } @media only screen and (max-width: 580px) { .section2 .container .wrap .tabContent .listRow .item { width: 100%; } } .section3 { margin-bottom: 80px; } .section3 .container .wrap { background-color: #ffffff; min-height: 300px; border-radius: 6px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); padding: 0; margin: 0 10px; font-size: 0; display: -ms-flexbox; display: -webkit-box; display: flex; overflow: hidden; } .section3 .container .wrap .colLeft { width: 50%; border-right: 1px solid #f6f6f6; } .section3 .container .wrap .colLeft .wraps .title { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 35px 45px; border-bottom: 1px solid #f6f6f6; } .section3 .container .wrap .colLeft .wraps .title h2 { font: 700 18px/18px "Montserrat", sans-serif; color: #383837; } .section3 .container .wrap .colLeft .wraps .title a { font: 700 12px/12px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section3 .container .wrap .colLeft .wraps .title a:hover { color: #ea0000; } .section3 .container .wrap .colLeft .wraps .content { padding: 10px 40px 40px 40px; } .section3 .container .wrap .colLeft .wraps .content .list ul { font-size: 0; line-height: 0; padding: 27px 0; border-radius: 4px; } .section3 .container .wrap .colLeft .wraps .content .list ul.head li { list-style: none; width: 33.33333%; display: inline-block; vertical-align: middle; } .section3 .container .wrap .colLeft .wraps .content .list ul.head li span { font: 600 14px/14px "Montserrat", sans-serif; color: #b1b2b2; display: block; padding: 0 40px; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li { list-style: none; width: 33.33333%; display: inline-block; vertical-align: middle; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li span { font: 600 15px/15px "Montserrat", sans-serif; color: #383837; display: inline-block; position: relative; padding: 0 40px; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li span:after { content: ""; top: 0; right: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; display: inline-block; vertical-align: middle; position: relative; left: 10px; top: -1px; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li span i { font: 600 16px/16px "Montserrat", sans-serif; color: rgba(56, 56, 55, 0.3); position: relative; left: 40px; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li span.cur { font: 600 15px/15px "Montserrat", sans-serif; color: #ea0000; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li span.up:after { border-bottom: 5px solid #46a932; } .section3 .container .wrap .colLeft .wraps .content .list ul.body li span.down:after { border-top: 5px solid #ff0002; } .section3 .container .wrap .colLeft .wraps .content .list ul:nth-child(even) { background-color: #f6f6f6; } .section3 .container .wrap .colRight { width: 50%; } .section3 .container .wrap .colRight .wraps .title { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 35px 45px; border-bottom: 1px solid #f6f6f6; position: relative; } .section3 .container .wrap .colRight .wraps .title h2 { font: 700 18px/18px "Montserrat", sans-serif; color: #383837; } .section3 .container .wrap .colRight .wraps .title a { font: 700 12px/12px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; } .section3 .container .wrap .colRight .wraps .title a.btn { padding: 18px 57px; position: absolute; top: 20px; right: 40px; background-color: #ea0000; border-radius: 4px; border: 2px solid transparent; font: 600 14px/14px "Montserrat", sans-serif; color: #ffffff; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section3 .container .wrap .colRight .wraps .title a.btn:hover { background-color: #ffffff; border-color: #ea0000; color: #ea0000; } .section3 .container .wrap .colRight .wraps .content { padding: 0; position: relative; } .section3 .container .wrap .colRight .wraps .content a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } @media only screen and (max-width: 992px) { .section3 { margin-bottom: 40px; } .section3 .container .wrap { display: block; } .section3 .container .wrap .colLeft { width: 100%; } .section3 .container .wrap .colRight { width: 100%; } .section3 .container .wrap .colRight .wraps .content a { position: static; } .section3 .container .wrap .colRight .wraps .content a img { width: 100%; display: block; } } @media only screen and (max-width: 500px) { .section3 .container .wrap .colLeft .wraps .title { padding: 20px; display: block; } .section3 .container .wrap .colLeft .wraps .title h2 { margin-bottom: 10px; } .section3 .container .wrap .colLeft .wraps .content { padding: 10px 20px 20px 20px; } .section3 .container .wrap .colLeft .wraps .content .list ul { padding: 15px 0; } .section3 .container .wrap .colRight .wraps .title { padding: 20px; display: block; } .section3 .container .wrap .colRight .wraps .title h2 { margin-bottom: 40px; text-align: center; } .section3 .container .wrap .colLeft .wraps .content { overflow: auto; } .section3 .container .wrap .colLeft .wraps .content .list { min-width: 400px; } .section3 .container .wrap .colRight .wraps .title a.btn { position: static; width: 50px; margin: 15px auto; display: block; } } .section4 { padding: 100px 0; margin-bottom: 0; background-color: #003366; clear: both; } .section4 .container .wrap { font-size: 0; line-height: 0; display: -ms-flexbox; display: -webkit-box; display: flex; } .section4 .container .wrap .colLeft { width: 60%; display: inline-block; vertical-align: top; } .section4 .container .wrap .colLeft .wraps { padding-left: 120px; padding-right: 75px; position: relative; } .section4 .container .wrap .colLeft .wraps .logo { position: absolute; top: 10px; left: 0; } .section4 .container .wrap .colLeft .wraps h2 { font: 400 36px/50px "Open Sans", sans-serif; color: #ffffff; margin-bottom: 20px; } .section4 .container .wrap .colLeft .wraps h3 { font: 500 15px/20px "Montserrat", sans-serif; color: #003e64; margin-bottom: 60px; } .section4 .container .wrap .colLeft .wraps .btnDownload { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; font-size: 0; line-height: 0; max-width: 420px; } .section4 .container .wrap .colLeft .wraps .btnDownload a { width: 157px; text-decoration: none; display: inline-block; border: 2px solid #ffffff; padding: 7px 17px; -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); border-radius: 4px; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .section4 .container .wrap .colLeft .wraps .btnDownload a:hover { background-color: rgba(234, 0, 0, 0.9); } .section4 .container .wrap .colRight { width: 40%; display: inline-block; vertical-align: top; position: relative; } .section4 .container .wrap .colRight .wraps .iphone { position: absolute; bottom: -100px; right: 0; display: inline-block; } @media only screen and (max-width: 992px) { .section4 .container .wrap .colLeft { width: 70%; } .section4 .container .wrap .colLeft .wraps h2 { font-size: 26px; line-height: 26px; } .section4 .container .wrap .colLeft .wraps h3 { margin-bottom: 30px; } .section4 .container .wrap .colLeft .wraps .btnDownload { max-width: 280px; } .section4 .container .wrap .colLeft .wraps .btnDownload a { max-width: 100px; } .section4 .container .wrap .colRight { width: 30%; } } @media only screen and (max-width: 700px) { .section4 { padding: 100px 0 50px 0; } .section4 .container .wrap .colLeft { width: 100%; } .section4 .container .wrap .colLeft .wraps { padding-right: 0; } .section4 .container .wrap .colRight { display: none; } } @media only screen and (max-width: 480px) { .section4 .container .wrap .colLeft .wraps h2 { font-size: 22px; } .section4 .container .wrap .colLeft .wraps .logo { max-width: 50px; } .section4 .container .wrap .colLeft .wraps { padding-left: 60px; } .section4 .container .wrap .colLeft .wraps .btnDownload { max-width: 220px; } .section4 .container .wrap .colLeft .wraps .btnDownload a { max-width: 70px; } } .section3_5 { margin-bottom: 100px; } .section3_5 .container .wrap { font-size: 0; line-height: 0; margin: 0 -25px; } .section3_5 .container .wrap .col-left { width: 70%; display: inline-block; vertical-align: top; } .section3_5 .container .wrap .col-left .wraps { min-height: 200px; margin: 0 25px; padding: 45px; background-color: #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .section3_5 .container .wrap .col-left .wraps h3 { font: 700 18px/20px "Montserrat", sans-serif; color: #383837; margin-bottom: 30px; } .section3_5 .container .wrap .col-right { width: 30%; display: inline-block; vertical-align: top; } .section3_5 .container .wrap .col-right .wraps .main-block-content { margin: 0 25px 50px 25px; padding: 35px; background-color: #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself .vote-heading { font: 700 18px/24px "Montserrat", sans-serif; color: #383837; margin-bottom: 40px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div { overflow: hidden; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio { margin-bottom: 25px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label { display: block; position: relative; padding-left: 45px; cursor: pointer; font: 600 12px/20px "Montserrat", sans-serif; color: #383837; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label input { position: absolute; opacity: 0; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label input:checked ~ .checkmark { background-color: #ffffff; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label input:checked ~ .checkmark:after { display: block; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: #ffffff; border: 1px solid #1c4a95; border-radius: 50%; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .day_question_inner .question_itself > div .radio label .checkmark:after { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 16px; height: 16px; border-radius: 50%; background: #1c4a95; content: ""; position: absolute; display: none; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .form-group button { display: block; cursor: pointer; width: 100%; padding: 16px 20px; margin-top: 30px; border: 2px solid #1c4a95; border-radius: 6px; background-color: #ffffff; font: 600 14px/14px "Montserrat", sans-serif; color: #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section3_5 .container .wrap .col-right .wraps .main-block-content .form-horizontal .form-group button:hover { background-color: #1c4a95; color: #ffffff; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .vote-item-header .vote-heading { font: 700 18px/24px "Montserrat", sans-serif; color: #383837; margin-bottom: 40px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive { padding: 0; background: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; min-width: inherit; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr td .result_text { font: 600 12px/14px "Montserrat", sans-serif; color: #383837; display: block; margin-bottom: 15px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr td .vote-answer-bar_bg { margin-bottom: 20px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr td .vote-answer-bar_bg .color { display: inline-block; vertical-align: middle; min-height: 30px; width: 100%; max-width: 60px; border-radius: 30px; position: relative; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr td .vote-answer-bar_bg .color .precent { font: 600 12px/14px "Montserrat", sans-serif; color: #ffffff; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr td .vote-answer-bar_bg .resultVote { display: inline-block; vertical-align: middle; font: 600 12px/14px "Montserrat", sans-serif; color: #383837; padding-left: 18px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-items-list .vote-item-vote .tableResponsive .vote-answer-table tr:last-child td .vote-answer-bar_bg { margin-bottom: 0; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-bottom { margin-top: 20px; } .section3_5 .container .wrap .col-right .wraps .main-block-content .vote-bottom .ok_result { font: 600 14px/14px "Montserrat", sans-serif; color: #383837; } @media only screen and (max-width: 992px) { .section3_5 { overflow: hidden; } .section3_5 .container .wrap { margin: 0 -10px; } .section3_5 .container .wrap .col-left .wraps { margin: 0 10px; } .section3_5 .container .wrap .col-right .wraps .main-block-content { margin: 0 10px; } } @media only screen and (max-width: 800px) { .section3_5 .container .wrap .col-left { width: 100%; margin-bottom: 20px; } .section3_5 .container .wrap .col-right { width: 100%; } } @media only screen and (max-width: 640px) { .section3_5 .container .wrap .col-left { display: none; } } .breadcrumbs { margin: 50px 0; } .breadcrumbs .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .breadcrumbs .container .wrap .overflow { display: block; overflow: auto; } .breadcrumbs .container .wrap .overflow ul { display: inline-block; background-color: #ffffff; border: 1px solid #ebebec; border-radius: 4px; font-size: 0; line-height: 0; } .breadcrumbs .container .wrap .overflow ul li { list-style: none; display: inline-block; } .breadcrumbs .container .wrap .overflow ul li a { display: block; padding: 14px 20px; font: 500 12px/12px "Montserrat", sans-serif; color: #b1b2b2; text-decoration: none; border-right: 1px solid #ebebec; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .breadcrumbs .container .wrap .overflow ul li a:hover { color: #1c4a95; } .breadcrumbs .container .wrap .overflow ul li span { font: 500 11px/11px "Montserrat", sans-serif; color: #ea0000; white-space: nowrap; display: block; padding: 14px 20px; } .breadcrumbs .container .wrap .iconsPrint { display: inline-block; min-width: 120px; margin-left: 20px; } .breadcrumbs .container .wrap .iconsPrint a { text-decoration: none; display: inline-block; } .breadcrumbs .container .wrap .iconsPrint a span { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 35px; height: 35px; border: 1px solid #e7e8e9; border-radius: 100%; background-color: #ffffff; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .breadcrumbs .container .wrap .iconsPrint a:hover span { background-color: #ececec; } @media only screen and (max-width: 992px) { .breadcrumbs .container .wrap { display: block; } .breadcrumbs .container .wrap .iconsPrint { display: block; margin-left: 0; margin-top: 20px; } .breadcrumbs .container .wrap .overflow ul li a { font-size: 11px; line-height: 11px; } .breadcrumbs .container .wrap .overflow ul { margin-top: 25px; } } .pagination ul { margin: 0 -5px; } .pagination ul li { list-style: none; display: inline-block; text-align: center; padding-left: 0; padding: 0 7px; } .kmaNewAccInvstSortWrap .pagination ul li { padding-left: 0; } .kmaNewAccInvstSortWrap .pagination ul li::before { display: none; } .pagination ul li span { display: block; font: 500 14px/15px "Manrope"; color: #ffffff; background: var(--blue-primary, #004d7e); border-radius: 4px; width: 30px; padding: 8.5px 0; } .pagination ul li a { display: block; border-radius: 4px; font: 500 14px/15px "Manrope"; color: #383837; text-decoration: none; background: #f5f5f5; width: 30px; padding: 8.5px 0; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .pagination ul li a:hover { background-color: rgba(28, 74, 149, 0.18); } .tableResponsive { padding: 30px; /*background-color: #ffffff;*/ border-radius: 6px; -webkit-box-shadow: 0px 30px 30px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 30px 30px 0px rgba(28, 74, 149, 0.1); min-width: 900px; } .tableResponsive table { width: 100%; margin-bottom: 0; /* thead{ tr{ td{ font: 600 14px/20px $mont; color:$blue; border-bottom:1px solid #e6e7e8; border-right:1px solid #e6e7e8; padding: 35px 25px; &:last-child{ border-right:0 none; } } } } tbody{ tr{ td{ font: 600 15px/24px $mont; color:#383837; border-bottom:1px solid #e6e7e8; border-right:1px solid #e6e7e8; padding: 35px 25px; &:last-child{ border-right:0 none; } } } } */ } .tableResponsive table.version1 { border-radius: 4px; border: 1px solid #e6e7e8; } .tableResponsive table.version1 thead tr td { font: 600 14px/20px "Montserrat", sans-serif; color: #1c4a95; border-bottom: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; padding: 25px; } .tableResponsive table.version1 thead tr td:first-child { border-left: 0 none; } .tableResponsive table.version1 thead tr td:nth-child(1) { width: 33.333333%; } .tableResponsive table.version1 thead tr td:nth-child(2) { width: 33.333333%; } .tableResponsive table.version1 thead tr td:nth-child(3) { width: 33.333333%; padding-left: 20px; text-align: center; } .tableResponsive table.version1 tbody tr td { font: 600 15px/24px "Montserrat", sans-serif; color: #383837; border-bottom: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; padding: 35px 25px; } .tableResponsive table.version1 tbody tr td:last-child { border-right: 0 none; } .tableResponsive table.version1 tbody tr td:nth-child(1) { width: 33.333333%; } .tableResponsive table.version1 tbody tr td:nth-child(2) { width: 33.333333%; } .tableResponsive table.version1 tbody tr td:nth-child(3) { width: 33.333333%; padding-left: 20px; text-align: center; } .tableResponsive table.version2 { border-radius: 4px; border: 0 none; } .tableResponsive table.version2 thead tr td { font: 600 15px/20px "Montserrat", sans-serif; color: #1c4a95; border: 0 none; padding: 25px 30px; } .tableResponsive table.version2 thead tr td:first-child { border-right: 0 none; } .tableResponsive table.version2 thead tr td:nth-child(3) { /*width: 33.333333%;*/ text-align: center; } .tableResponsive table.version2 tbody tr td { font: 600 15px/24px "Montserrat", sans-serif; color: #383837; border: 0 none; padding: 25px 30px; } .calculatorResultLists .tableResponsive table.version2 tfoot tr td { font: 600 15px/24px "Montserrat", sans-serif; color: #003e64; border: 0 none; padding: 25px 30px; } .tableResponsive table.version2 tbody tr td:first-child { border-right: 0 none; } .tableResponsive table.version2 tbody tr td:nth-child(1) { /*width: 33.333333%;*/ } .tableResponsive table.version2 tbody tr td:nth-child(2) { /*width: 33.333333%;*/ } .tableResponsive table.version2 tbody tr td:nth-child(3) { /*width: 33.333333%;*/ text-align: center; } .tableResponsive table.version2 tbody tr:nth-child(odd) { background-color: #f6f6f6; } .tableResponsive table.version3 { border-radius: 4px; border: 0 none; } .tableResponsive table.version3 thead tr td { font: 600 15px/20px "Montserrat", sans-serif; color: #1c4a95; border: 0 none; padding: 25px 30px; } .tableResponsive table.version3 thead tr td:first-child { border-right: 0 none; } .tableResponsive table.version3 thead tr td:nth-child(1) { width: 70%; } .tableResponsive table.version3 thead tr td:nth-child(2) { width: 15%; } .tableResponsive table.version3 thead tr td:nth-child(3) { width: 15%; text-align: center; } .tableResponsive table.version3 tbody tr td { font: 600 15px/24px "Montserrat", sans-serif; color: #383837; padding: 25px 30px; } .tableResponsive table.version3 tbody tr td:first-child { border-right: 0 none; } .tableResponsive table.version3 tbody tr td:nth-child(1) { width: 70%; } .tableResponsive table.version3 tbody tr td:nth-child(2) { width: 15%; } .tableResponsive table.version3 tbody tr td:nth-child(3) { width: 15%; text-align: center; } .tableResponsive table.version3 tbody tr:nth-child(odd) { background-color: #f6f6f6; } .tableResponsive table.version4 { border-radius: 4px; border: 0 none; } .tableResponsive table.version4 thead tr td { font: 600 15px/20px "Montserrat", sans-serif; color: #1c4a95; border: 0 none; padding: 25px 30px; } .tableResponsive table.version4 thead tr td:first-child { border-right: 0 none; } .tableResponsive table.version4 thead tr td:nth-child(1) { width: 70%; } .tableResponsive table.version4 thead tr td:nth-child(2) { width: 15%; } .tableResponsive table.version4 thead tr td:nth-child(3) { width: 15%; text-align: center; } .tableResponsive table.version4 tbody tr td { font: 600 15px/24px "Montserrat", sans-serif; color: #383837; border: 0 none; padding: 25px 30px; } .tableResponsive table.version4 tbody tr td:first-child { border-right: 0 none; } .tableResponsive table.version4 tbody tr td:nth-child(1) { width: 70%; } .tableResponsive table.version4 tbody tr td:nth-child(2) { width: 15%; } .tableResponsive table.version4 tbody tr td:nth-child(3) { width: 15%; text-align: center; } .tableResponsive table.version4 tbody tr.tabl-col_gray { background-color: #f6f6f6; border-radius: 6px; } .tableResponsive table.version5 { border-radius: 4px; border: 1px solid #e6e7e8; } .tableResponsive table.version5 thead tr td { font: 600 14px/20px "Montserrat", sans-serif; color: #1c4a95; border-bottom: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; padding: 25px; } .tableResponsive table.version5 tbody tr td { font: 600 15px/24px "Montserrat", sans-serif; color: #383837; border-bottom: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; padding: 35px 25px; } /* responsive table 2022 */ .calculatorResultLists .tableResponsive table.newRespon2022 { border-radius: 4px; border: 0 none; border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .calculatorResultLists .tableResponsive table.newRespon2022 tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: 0.35em; } .calculatorResultLists .tableResponsive table.newRespon2022 th, .calculatorResultLists .tableResponsive table.newRespon2022 td { padding: 0.625em; text-align: center; } .calculatorResultLists .tableResponsive table.newRespon2022 th { font-size: 0.85em; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 600px) { .calculatorResultLists .tableResponsive table.newRespon2022 { border: 0; } .calculatorResultLists .tableResponsive table.newRespon2022 thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .calculatorResultLists .tableResponsive table.newRespon2022 tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: 0.625em; } .calculatorResultLists .tableResponsive table.newRespon2022 td { border-bottom: 1px solid #ddd; display: block; font-size: 1em; text-align: right; } .calculatorResultLists .tableResponsive table.newRespon2022 td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .calculatorResultLists .tableResponsive table.newRespon2022 td:last-child { border-bottom: 0; } .tableResponsive table.newRespon2022 tbody tr td:nth-child(3) { text-align: end; } } /*end responsive table 2022 */ .sidebarMenu { border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); overflow: hidden; } .sidebarMenu ul li { list-style: none; } .sidebarMenu ul li.active a { background-color: #1c4a95; color: #ffffff; } .sidebarMenu ul li a { display: block; padding: 15px 30px 15px 50px; border-bottom: 1px solid #f1f2f2; font: 700 14px/20px "Montserrat", sans-serif; color: #383837; text-decoration: none; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu ul li a:after { position: absolute; content: ""; top: 50%; left: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #d1d3d4; } .sidebarMenu ul li a:hover { background-color: #1c4a95; color: #ffffff; } .sidebarMenu ul li a:hover:after { border-left: 4px solid #ffffff; } .boardBankList .boardBankList--container .boardBankList--wrap { font-size: 16px; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list { border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item { width: 100%; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps { padding: 47px 50px 50px 50px; -webkit-box-shadow: 0px 50px 120px -30px rgba(28, 74, 149, 0.1); box-shadow: 0px 50px 120px -30px rgba(28, 74, 149, 0.1); } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps h4 { font-size: 18px; color: #383837; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps ol li { list-style: none; font: 600 15px/30px "Montserrat", sans-serif; color: #383837; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps ol li span { margin-right: 9px; font: 500 15px/30px "Montserrat", sans-serif; color: #db982a; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button--left { font-size: 0; border: 2px solid #e6e7e8; display: -ms-flexbox; display: -webkit-box; display: flex; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button--left a { text-align: center; text-decoration: none; display: block; font-size: 16px; background-color: #fff; width: 176px; height: 56px; line-height: 56px; border: none; color: #b1b2b2; font-weight: 700; border-radius: 3px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button--left a:hover { background-color: #606464; color: #ffffff; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button--left a:first-child { border-right: 2px solid #e6e7e8; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button--left a.active { background-color: #606464; color: #ffffff; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button-right a { text-align: center; text-decoration: none; display: block; font-size: 16px; color: #1c4a95; width: 236px; height: 56px; line-height: 56px; border: 2px solid #1c4a95; border-radius: 3px; background-color: #fff; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button-right a:hover { background-color: #1c4a95; color: #ffffff; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--descriptions .boardBankList--description { display: none; padding-top: 40px; } @media only screen and (max-width: 730px) { .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps { padding: 20px; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button { display: block; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button--left { margin-bottom: 20px; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button-right { text-align: center; } .boardBankList .boardBankList--container .boardBankList--wrap .boardBankList--list .boardBankList--item .item--wraps .boardBankList--button .button-right a { display: inline-block; } } .accordion { position: relative; } .accordion:before { content: "+"; right: 40px; top: 30px; position: absolute; color: #1c4a95; font-size: 26px; border: 1px solid #1c4a95; text-align: center; width: 30px; border-radius: 50px; } .accordion.active:before { content: "-"; background-color: #1c4a95; color: #ffffff; } .accordion .accordion-title { font: 700 15px/20px "Montserrat", sans-serif; color: #383837; background: #ebebec; cursor: pointer; margin-bottom: 5px; height: 90px; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-left: 40px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .accordion .accordion-title:hover { background-color: #ceced4; } .accordion .title-inner { margin-bottom: 50px; display: none; background-color: transparent; padding: 50px 40px; } .Internal-audit-staff-Bank .Internal-audit-staff-Bank-container .accordion .title-inner ul li span { font: 500 15px/40px "Montserrat", sans-serif; color: #dd992a; } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap { font-size: 18px; } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list { border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item { width: 100%; } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item .item--wraps { padding: 47px 50px 50px 50px; -webkit-box-shadow: 0px 50px 120px -30px rgba(28, 74, 149, 0.1); box-shadow: 0px 50px 120px -30px rgba(28, 74, 149, 0.1); } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item .item--wraps h4 { color: #383837; } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item .item--wraps ol li { list-style: none; font: 600 15px/30px "Montserrat", sans-serif; color: #383837; } .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item .item--wraps ol li span { margin-right: 9px; font: 500 15px/30px "Montserrat", sans-serif; color: #db982a; } @media only screen and (max-width: 640px) { .bankCommissionList .bankCommissionList--container .bankCommissionList--wrap .bankCommissionList--list .bankCommissionList--item .item--wraps { padding: 20px; } } .Bank-structureAccordion .Bank-structureAccordion-container .accordion .title-inner .btn { font-size: 0; line-height: 0; } .Bank-structureAccordion .Bank-structureAccordion-container .accordion .title-inner .btn a { font: 700 12px/16px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 20px 30px 16px 30px; border: 2px solid #1c4a95; border-radius: 4px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .Bank-structureAccordion .Bank-structureAccordion-container .accordion .title-inner .btn a:hover { background-color: #1c4a95; color: #ffffff; } .Bank-structureAccordion .Bank-structureAccordion-container .accordion .accordion-title { -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .Bank-structureAccordion .Bank-structureAccordion-container .accordion .accordion-title:hover { background-color: #ceced4; } .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item { width: 100%; } .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item .item-wraps { background-color: #fff; padding: 47px 50px 50px 50px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); border-radius: 6px; } .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item .item-wraps .item-wraps-list p { border-bottom: 1px solid #f1f2f2; padding-bottom: 36px; } .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item .item-wraps .item-wraps-list p:last-child { padding-bottom: 0; border-bottom: none; } .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item .item-wraps .item-wraps-heading p { border: none; padding-bottom: 0; } @media only screen and (max-width: 640px) { .board-of-DirectorsList .board-of-DirectorsList-container .board-of-DirectorsList-item .item-wraps { padding: 20px; } } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list { position: relative; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list:before { position: absolute; content: ""; top: 0; left: 40px; width: 2px; height: 100%; background-color: #1c4a95; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item { width: 100%; position: relative; margin-bottom: 80px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:first-child:after { position: absolute; content: ""; top: 0; left: 40px; width: 2px; height: 50%; background-color: #f6f6f6; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:last-child:after { position: absolute; content: ""; bottom: 0; left: 40px; width: 2px; height: 50%; background-color: #f6f6f6; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item .HistoryBank--year { height: 80px; width: 80px; background-color: #1c4a95; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; border-radius: 50px; font: 700 18px/30px "Montserrat", sans-serif; color: #ffffff; text-align: center; position: absolute; z-index: 1; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item .HistoryBank--wraps { padding: 50px 50px 45px 50px; background-color: #ffffff; border-radius: 6px; margin-left: 160px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:hover .HistoryBank--year { background-color: #ea0000; } @media only screen and (max-width: 640px) { .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item { margin-bottom: 20px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item .HistoryBank--wraps { padding: 20px; margin-left: 50px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item .HistoryBank--year { width: 40px; height: 40px; font-size: 12px; line-height: 26px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:first-child:after { left: 20px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list:before { left: 20px; } .HistoryBank .HistoryBank--container .HistoryBank--wrap .HistoryBank--list .HistoryBank--item:last-child:after { left: 20px; } } .moduleBankSafeList { margin: 0 -20px 50px -20px; font-size: 0; line-height: 0; } .moduleBankSafeList .item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .moduleBankSafeList .item .wraps { padding: 0 20px; } .moduleBankSafeList .item .wraps .content { padding: 40px; min-height: 160px; background-color: #ffffff; border-radius: 6px; font-size: 0; line-height: 0; } .moduleBankSafeList .item .wraps .content .icon { width: 22%; display: inline-block; vertical-align: top; } .moduleBankSafeList .item .wraps .content .teaser { width: 78%; display: inline-block; vertical-align: top; } .moduleBankSafeList .item .wraps .content .teaser .tableResponsive { padding: 0 0 0 35px; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; min-width: inherit; } .moduleBankSafeList .item .wraps .content .teaser table { width: 100%; } .moduleBankSafeList .item .wraps .content .teaser table thead tr td { font: 600 14px/30px "Montserrat", sans-serif; color: #868686; width: 50%; padding: 10px 20px; } .moduleBankSafeList .item .wraps .content .teaser table thead tr td:nth-child(1) { width: 50%; } .moduleBankSafeList .item .wraps .content .teaser table tbody tr { border-radius: 4px; background-color: #f6f6f6; } .moduleBankSafeList .item .wraps .content .teaser table tbody tr td { width: 50%; font: 600 15px/30px "Montserrat", sans-serif; color: #383837; padding: 15px 20px; } .moduleBankSafeList .item .wraps .content .teaser table tbody tr td:nth-child(1) { width: 50%; } .moduleBankSafeList .item .wraps .content .teaser table tbody tr:nth-child(even) { background-color: #ffffff; } @media only screen and (max-width: 1170px) { .moduleBankSafeList .item .wraps .content { padding: 20px; } .moduleBankSafeList .item .wraps .content .teaser .tableResponsive { padding: 0 0 0 10px; } .moduleBankSafeList .item .wraps .content .teaser table thead tr td { padding: 10px; } .moduleBankSafeList .item .wraps .content .teaser table tbody tr td { padding: 10px; } } @media only screen and (max-width: 992px) { .moduleBankSafeList { margin: 0; } .moduleBankSafeList .item { width: 100%; margin-bottom: 20px; } .moduleBankSafeList .item .wraps { padding: 0; } .moduleBankSafeList .item .wraps .content { min-height: inherit; } } @media only screen and (max-width: 480px) { .moduleBankSafeList .item .wraps .content .icon { display: block; width: 100%; } .moduleBankSafeList .item .wraps .content .teaser { display: block; width: 100%; } .moduleBankSafeList .item .wraps .content .teaser .tableResponsive { padding: 0; } .moduleBankSafeList .item .wraps .content { padding: 10px; } .moduleBankSafeList .item .wraps .content .teaser table thead tr td { font-size: 13px; line-height: 24px; } .moduleBankSafeList .item .wraps .content .teaser table tbody tr td { font-size: 13px; line-height: 24px; } } .accordion:before { display: none; } .accordion .accordion__wraps .accordion__wraps__item { margin-bottom: 5px; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--title a { display: block; text-decoration: none; position: relative; background-color: #f2f5f8; color: #0a1e32; font-weight: 600; font-size: 16px; cursor: pointer; padding: 24px; width: 100%; margin-bottom: 16px; border-radius: 8px; border: none; outline: none; transition: 0.4s; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--title a:after { position: absolute; content: "+"; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #1c4a95; font: 600 30px/30px "Montserrat", sans-serif; color: #1c4a95; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content { display: none; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps { padding: 35px 30px; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps a.btns { display: inline-block; padding: 17px 25px; margin-top: 25px; font: 700 12px/12px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; border-radius: 4px; border: 2px solid #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps a.btns:hover { background-color: #1c4a95; color: #ffffff; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps p { font: 500 15px/30px "Montserrat", sans-serif; color: #383837; } .accordion .accordion__wraps .accordion__wraps__item.active .accordion__wraps__item--title a:after { background-color: #1c4a95; content: "-"; color: #ffffff; } @media only screen and (max-width: 992px) { .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--title a { padding: 20px 60px 20px 20px; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps { padding: 25px 10px; } .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--title a:after { width: 20px; height: 20px; font-size: 20px; line-height: 20px; } .accordion .accordion__wraps .accordion__wraps__item.active .accordion__wraps__item--title a:after { font-size: 21px; } } @media only screen and (max-width: 480px) { .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--title a { font-size: 13px; line-height: 22px; } } .archiveGrid .archiveGrid__list { margin: -10px; font-size: 0; line-height: 0; } .archiveGrid .archiveGrid__list .archiveGrid__list__item { width: 33.333333%; display: inline-block; vertical-align: top; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps { padding: 10px; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a { display: block; text-decoration: none; text-align: center; padding: 60px 25px; min-height: 180px; background-color: #ffffff; border-radius: 6px; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a span { font: 700 20px/30px "Montserrat", sans-serif; color: #383837; position: relative; z-index: 1; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a:after { position: absolute; content: ""; bottom: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px; height: 100px; background: url(../images/placeholder-img.png) no-repeat center center; opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a:hover { background-color: #1c4a95; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a:hover span { color: #ffffff; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a:hover:after { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } @media only screen and (max-width: 900px) { .archiveGrid .archiveGrid__list .archiveGrid__list__item { width: 50%; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a span { font-size: 16px; line-height: 20px; } } @media only screen and (max-width: 480px) { .archiveGrid .archiveGrid__list .archiveGrid__list__item { width: 100%; } .archiveGrid .archiveGrid__list .archiveGrid__list__item .archiveGrid__list__item__wraps a { min-height: 140px; padding: 25px; } } .moduleRegisterForm { margin: 25px 0 60px 0; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap { background-color: #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 0px 20px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 20px 0px rgba(28, 74, 149, 0.1); padding: 35px 60px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap h3 { font: 700 26px/30px "Roboto", sans-serif; color: #003e64; text-align: center; margin-bottom: 15px; text-transform: uppercase; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; text-align: center; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks { background-color: #1c4a95; font-size: 0; line-height: 0; margin-top: 50px; margin-bottom: 70px; border-radius: 6px; overflow: hidden; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink { width: 25%; display: inline-block; vertical-align: middle; padding: 20px 0; text-align: center; position: relative; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink:after { position: absolute; content: ""; top: 0; right: 0; width: 1px; height: 100%; background-color: #496eaa; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink.active { background-color: #ea0000; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink.active:after { background-color: #e4ad55; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink:last-child:after { display: none; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink .step { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 30px; background-color: #ffffff; border-radius: 100%; font: 700 18px/40px "Montserrat", sans-serif; color: #383837; text-align: center; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink .name { display: inline-block; vertical-align: middle; font: 700 16px/16px "Montserrat", sans-serif; color: #ffffff; text-transform: uppercase; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents { position: relative; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks { position: absolute; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks.active { opacity: 1; visibility: visible; top: 50%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, 0.8); } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks .modalThanks__wraps { padding: 100px 150px; background-color: #1c4a95; border-radius: 10px; position: relative; z-index: 2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks .modalThanks__wraps .closeBtn { font: 500 15px/30px "Montserrat", sans-serif; color: #ffffff; display: inline-block; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 11px 19px; background-color: #1c4a95; border-radius: 100%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks .modalThanks__wraps .closeBtn img { height: auto; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks .modalThanks__wraps h3 { font: 300 36px/50px "Open Sans", sans-serif; color: #ffffff; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .modalThanks .modalThanks__wraps p { font: 500 15px/30px "Montserrat", sans-serif; color: #ffffff; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content { font-size: 0; line-height: 0; margin: 0 -20px; display: none; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content.active { display: block; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content h4 { font: 500 18px/22px "Montserrat", sans-serif; color: #383837; text-align: center; margin-bottom: 30px; padding: 0 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content h5 { font: 600 14px/30px "Montserrat", sans-serif; color: #383837; margin-bottom: 30px; padding: 0 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content hr { border-top: 1px solid #efeff0; margin: 0 20px 40px 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item { width: 100%; display: inline-block; vertical-align: top; text-align: left; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.w-50 { width: 50%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.w-33 { width: 33.3333333%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps { padding: 0 20px; margin-bottom: 40px; font: 600 14px/30px "Montserrat", sans-serif; color: #b1b2b2; position: relative; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps span.icons { display: inline-block; position: absolute; top: 25px; right: 40px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps span.icons img { height: auto; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps label.warning { display: none !important; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps label.placeholder { position: absolute; top: 0; left: 0; padding: 0 42px; width: 100%; height: 100%; pointer-events: none; -webkit-transition: 0.25s; transition: 0.25s; font: 300 16px/70px "Roboto", sans-serif; color: #b1b2b2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps label.placeholder strong { display: inline-block; font: 600 14px/30px "Roboto", sans-serif; color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input { width: 100%; min-height: 70px; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; border-bottom: 2px solid #9c9c9c; border-radius: 0; padding: 0 40px 0 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font: 500 16px/1 "Roboto", sans-serif; color: #383837; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input::-webkit-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input:-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input::-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input:-ms-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input::-ms-clear { display: none; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input::-ms-value { margin-left: 20px; margin-right: 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input:focus { border-bottom: 2px solid #003e64; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input:focus + label.placeholder { font-size: 12px; line-height: 18px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.hasvalue + label.placeholder { font-size: 12px; line-height: 18px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; cursor: pointer; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.vkl-button { display: inline-block; text-decoration: none; background-color: transparent; border: 2px solid #003e64; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; font-style: normal; font-weight: bold; font-size: 20px; line-height: 20px; text-align: center; text-transform: uppercase; color: #003e64; border-radius: 10px; box-sizing: border-box; padding: 17px 25px; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.09); -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; cursor: pointer; margin-top: 30px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.vkl-button:hover { background-color: #003e64; color: #ffffff; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.warning { border-color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.warning::-webkit-input-placeholder { color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.warning:-moz-placeholder { color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.warning::-moz-placeholder { color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.warning:-ms-input-placeholder { color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input + label.placeholder.active { font-size: 12px; line-height: 18px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd { display: inline-block; position: relative; height: 70px; width: 100%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd #text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 25px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border: 2px dotted #e6e7e8; border-radius: 3px; cursor: pointer; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd #text .text { font: 600 14px/14px "Roboto", sans-serif; color: #b1b2b2; display: inline-block; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd #text .load { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; display: inline-block; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd #text.dragover { background-color: #e6e7e8; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd:hover #text { background-color: rgba(230, 231, 232, 0.45); } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps select { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; padding-left: 20px; border-radius: 4px; border: 2px solid #e6e7e8; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; width: 100%; height: 70px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps select option { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps select.warning { border-color: #f00; color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2 .selection .select2-selection { border-radius: 4px; border: 2px solid #e6e7e8; height: 70px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2 .selection .select2-selection .select2-selection__rendered { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; padding-left: 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 70px; right: 15px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #b1b2b2 transparent transparent transparent; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #b1b2b2 transparent; border-width: 0 4px 5px 4px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2.warning .selection .select2-selection { border: 2px solid #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2.warning .selection .select2-selection .select2-selection__rendered { color: #f00; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .select2.warning .selection .select2-selection .select2-selection__arrow b { border-color: #f00 transparent transparent transparent; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo { display: inline-block; position: relative; padding-left: 50px; cursor: pointer; font: 600 14px/30px "Roboto", sans-serif; color: #383837; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo input { position: absolute; opacity: 0; cursor: pointer; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark { background-color: #1c4a95; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark:after { display: block; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; border: 1px solid #1c4a95; border-radius: 4px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo .checkmark:after { content: ""; position: absolute; display: none; left: 11px; top: 4px; width: 7px; height: 14px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps button[type="submit"] { width: 100%; display: inline-block; cursor: pointer; padding: 22px 75px; background-color: #1c4a95; border: 0 none; border-radius: 4px; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps button[type="submit"]:hover { background-color: #ea0000; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns { text-align: center; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns .moduleRegisterForm--content--item--wraps { margin-bottom: 0; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns .moduleRegisterForm--content--item--wraps .gotoBack { position: absolute; top: 25px; left: 20px; display: inline-block; font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns .moduleRegisterForm--content--item--wraps .gotoBack:hover { color: #ea0000; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns .moduleRegisterForm--content--item--wraps .gotoBack img { display: inline-block; margin-right: 15px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns .moduleRegisterForm--content--item--wraps .btn { display: inline-block; padding: 20px 50px; border-radius: 10px; text-decoration: none; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.submits { text-align: left; width: 100%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.submits .capture-img { padding-left: 40px; } @media only screen and (max-width: 992px) { .moduleRegisterForm { margin: 40px 0 40px 0; } .moduleRegisterForm .container .wrap { overflow: hidden; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap { padding: 30px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink { padding: 10px 0; } } @media only screen and (max-width: 900px) { .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks { margin-top: 20px; margin-bottom: 40px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap { padding: 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.w-50 { width: 100%; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.w-33 { width: 100%; } } @media only screen and (max-width: 580px) { .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.vkl-button { font-size: 14px; margin-top: 5px; padding: 15px 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap p { font: 500 12px/20px "Roboto", sans-serif; max-width: 90%; margin: 10px auto 0; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.submits .capture-img { padding-left: 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink .step { margin-right: 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink .name { font-size: 14px; line-height: 14px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--tabLinks .moduleRegisterForm--tabLink { width: 50%; border-bottom: 1px solid #496eaa; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.btns .moduleRegisterForm--content--item--wraps .gotoBack { position: static; display: block; margin-bottom: 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item.submits { text-align: center; } .moduleRegisterForm .wrap { padding: 0 !important; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps { margin-bottom: 25px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap h3 { font-size: 18px; line-height: 20px; margin-bottom: -10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps label.placeholder { font-size: 11px; line-height: 40px; padding-left: 30px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps span.icons { top: 15px; right: 30px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input { min-height: 40px; font-size: 10px; padding: 0 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps select { font-size: 10px; line-height: 50px; padding-left: 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input + label.placeholder.active { top: -10px; font-size: 10px; max-width: 260px; line-height: 12px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input:focus + label.placeholder, .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps input.hasvalue + label.placeholder { top: -10px; font-size: 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo { line-height: 20px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .checkboxAddressTwo .checkmark { -webkit-transform: scale(0.7); transform: scale(0.7); } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd #text { padding: 0 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content .moduleRegisterForm--content--item .moduleRegisterForm--content--item--wraps .fileuploadd #text .text { font-size: 10px; } .moduleRegisterForm .container .wrap .moduleRegisterForm__wrap .moduleRegisterForm--contents .moduleRegisterForm--content h5 { line-height: 20px; } } .moduleAuthorizationForm { margin: 20px 0 0 0; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap { background-color: #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 0px 20px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 20px 0px rgba(28, 74, 149, 0.1); padding: 35px 60px; max-width: 470px; margin: 0 auto; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap.forgot-password { margin-left: auto; margin-right: auto; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap h3 { font: 700 26px/30px "Roboto", sans-serif; color: #003e64; text-align: center; margin-bottom: 15px; text-transform: uppercase; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; text-align: center; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks { background-color: #1c4a95; font-size: 0; line-height: 0; margin-top: 50px; margin-bottom: 70px; border-radius: 6px; overflow: hidden; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink { width: 25%; display: inline-block; vertical-align: middle; padding: 20px 0; text-align: center; position: relative; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink:after { position: absolute; content: ""; top: 0; right: 0; width: 1px; height: 100%; background-color: #496eaa; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink.active { background-color: #ea0000; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink.active:after { background-color: #e4ad55; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink:last-child:after { display: none; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink .step { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 30px; background-color: #ffffff; border-radius: 100%; font: 700 18px/40px "Roboto", sans-serif; color: #383837; text-align: center; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink .name { display: inline-block; vertical-align: middle; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents { position: relative; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks { position: absolute; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks.active { opacity: 1; visibility: visible; top: 50%; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, 0.8); } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps { padding: 70px 40px; background-color: #1c4a95; border-radius: 10px; position: relative; z-index: 2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps .closeBtn { font: 500 15px/30px "Roboto", sans-serif; color: #ffffff; display: inline-block; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 11px 19px; background-color: #1c4a95; border-radius: 100%; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps .closeBtn img { height: auto; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps h3 { font: 300 36px/50px "Open Sans", sans-serif; color: #ffffff; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps p { font: 500 15px/30px "Roboto", sans-serif; color: #ffffff; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content { font-size: 0; line-height: 0; margin: 0 -20px; display: none; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content.active { display: block; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content h4 { font: 500 18px/22px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 30px; padding: 0 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content h5 { font: 600 14px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 30px; padding: 0 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content hr { border-top: 1px solid #efeff0; margin: 0 20px 40px 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item { width: 100%; display: inline-block; vertical-align: top; text-align: left; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.w-50 { width: 50%; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.w-33 { width: 33.3333333%; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps { padding: 0 20px; margin-bottom: 40px; font: 600 14px/30px "Roboto", sans-serif; color: #b1b2b2; position: relative; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps ul.links { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: -25px 0; margin-bottom: 40px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps ul.links li { list-style: none; display: inline-block; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps ul.links li a { font: 600 16px/16px "Roboto", sans-serif; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; opacity: 0.8; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps ul.links li a.reg { color: #598264; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps ul.links li a.lostPassword { color: #f15757; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps ul.links li a:hover { color: #1c4a95; text-decoration: none; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps span.icons { display: inline-block; position: absolute; top: 25px; right: 40px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps span.icons img { height: auto; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps label.warning { display: none !important; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps label.placeholder { position: absolute; top: 0; left: 0; padding: 0 42px; width: 100%; height: 100%; pointer-events: none; -webkit-transition: 0.25s; transition: 0.25s; font: 300 16px/70px "Roboto", sans-serif; color: #b1b2b2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps label.placeholder strong { display: inline-block; font: 600 14px/30px "Roboto", sans-serif; color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input { width: 100%; min-height: 70px; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; border-bottom: 2px solid #9c9c9c; border-radius: 4px; padding: 0 40px 0 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font: 500 16px/30px "Roboto", sans-serif; color: #383837; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input::-webkit-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input:-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input::-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input:-ms-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input::-ms-clear { display: none; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input::-ms-value { margin-left: 20px; margin-right: 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input:focus { border-bottom: 2px solid #003e64; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input:focus + label.placeholder { font-size: 12px; line-height: 18px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.hasvalue + label.placeholder { font-size: 12px; line-height: 18px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; cursor: pointer; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.warning { border-bottom: 2px solid #003e64; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.warning::-webkit-input-placeholder { color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.warning:-moz-placeholder { color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.warning::-moz-placeholder { color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.warning:-ms-input-placeholder { color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input + label.placeholder.active { font-size: 12px; line-height: 18px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd { display: inline-block; position: relative; height: 70px; width: 100%; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd #text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 25px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border: 2px dotted #e6e7e8; border-radius: 3px; cursor: pointer; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd #text .text { font: 600 14px/14px "Roboto", sans-serif; color: #b1b2b2; display: inline-block; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd #text .load { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; display: inline-block; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd #text.dragover { background-color: #e6e7e8; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd:hover #text { background-color: rgba(230, 231, 232, 0.45); } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps select { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; padding-left: 20px; border-radius: 4px; border: 2px solid #e6e7e8; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; width: 100%; height: 70px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps select option { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps select.warning { border-color: #f00; color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2 .selection .select2-selection { border-radius: 4px; border: 2px solid #e6e7e8; height: 70px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2 .selection .select2-selection .select2-selection__rendered { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; padding-left: 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 70px; right: 15px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #b1b2b2 transparent transparent transparent; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #b1b2b2 transparent; border-width: 0 4px 5px 4px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2.warning .selection .select2-selection { border: 2px solid #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2.warning .selection .select2-selection .select2-selection__rendered { color: #f00; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .select2.warning .selection .select2-selection .select2-selection__arrow b { border-color: #f00 transparent transparent transparent; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo { display: inline-block; position: relative; padding-left: 50px; cursor: pointer; font: 600 14px/30px "Roboto", sans-serif; color: #383837; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo input { position: absolute; opacity: 0; cursor: pointer; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark { background-color: #1c4a95; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark:after { display: block; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; border: 1px solid #1c4a95; border-radius: 4px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo .checkmark:after { content: ""; position: absolute; display: none; left: 11px; top: 4px; width: 7px; height: 14px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps button[type="submit"] { width: 100%; display: inline-block; cursor: pointer; padding: 22px 75px; border-radius: 10px; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns { text-align: center; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps { margin-bottom: 0; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps .gotoBack { position: absolute; top: 25px; left: 20px; display: inline-block; font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps .gotoBack:hover { color: #ea0000; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps .gotoBack img { display: inline-block; margin-right: 15px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps .btn { display: inline-block; padding: 22px 93px; border-radius: 6px; background-color: #1c4a95; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps .btn:hover { background-color: #ea0000; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.submits { text-align: right; } @media only screen and (max-width: 992px) { .moduleAuthorizationForm { margin: 20px 0 20px 0; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap { padding: 30px; margin-bottom: 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink { padding: 10px 0; } } @media only screen and (max-width: 900px) { .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks { margin-top: 20px; margin-bottom: 40px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap { padding: 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.w-50 { width: 100%; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.w-33 { width: 100%; } } @media only screen and (max-width: 580px) { .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink .step { margin-right: 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink .name { font-size: 14px; line-height: 14px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--tabLinks .moduleAuthorizationForm--tabLink { width: 50%; border-bottom: 1px solid #496eaa; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.btns .moduleAuthorizationForm--content--item--wraps .gotoBack { position: static; display: block; margin-bottom: 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item.submits { text-align: center; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps label.placeholder { width: inherit; font-size: 14px; line-height: 30px; padding-left: 30px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps { padding: 40px 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .modalThanks .modalThanks__wraps p { font-size: 12px; line-height: 24px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps span.icons { top: 15px; right: 30px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input { min-height: 40px; font-size: 14px; padding: 0 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps select { font-size: 10px; line-height: 50px; padding-left: 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input + label.placeholder.active { top: -28px; font-size: 10px; max-width: 260px; line-height: 12px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input:focus + label.placeholder, .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps input.hasvalue + label.placeholder { top: -16px; font-size: 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo { line-height: 20px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .checkboxAddressTwo .checkmark { -webkit-transform: scale(0.7); transform: scale(0.7); } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd #text { padding: 0 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content .moduleAuthorizationForm--content--item .moduleAuthorizationForm--content--item--wraps .fileuploadd #text .text { font-size: 10px; } .moduleAuthorizationForm .container .wrap .moduleAuthorizationForm__wrap .moduleAuthorizationForm--contents .moduleAuthorizationForm--content h5 { line-height: 20px; } } .myCabinet .container .wrap { font-size: 0; line-height: 0; margin: 0 -20px; } .myCabinet .container .wrap .goBack { margin: 50px 0 35px 0; padding: 0 20px; } .myCabinet .container .wrap .goBack a { display: inline-block; font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; } .myCabinet .container .wrap .col-left { width: 38%; display: inline-block; vertical-align: top; } .myCabinet .container .wrap .col-left .wraps { padding: 0 20px; } .myCabinet .container .wrap .col-left .wraps .tableResponsive { min-width: inherit; } .myCabinet .container .wrap .col-left .wraps .tableResponsive caption { font: 700 18px/30px "Roboto", sans-serif; color: #383837; text-align: left; padding-left: 30px; } .myCabinet .container .wrap .col-left .wraps .tableResponsive tr td a { color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .myCabinet .container .wrap .col-left .wraps .tableResponsive tr td a:hover { color: #1c4a95; } .myCabinet .container .wrap .col-left .wraps .tableResponsive tr:nth-child(odd) { background-color: #ffffff; } .myCabinet .container .wrap .col-left .wraps .tableResponsive tr:nth-child(odd) td { color: #b1b2b2; } .myCabinet .container .wrap .col-left .wraps .tableResponsive tr:nth-child(even) { background-color: #f6f6f6; } .myCabinet .container .wrap .col-right { width: 62%; display: inline-block; vertical-align: top; } .myCabinet .container .wrap .col-right .wraps { padding: 0 20px; } .myCabinet .container .wrap .col-right .wraps .tableResponsive { min-width: inherit; } .myCabinet .container .wrap .col-right .wraps .tableResponsive caption { font: 700 18px/30px "Roboto", sans-serif; color: #383837; text-align: left; padding-left: 30px; } .myCabinet .container .wrap .col-right .wraps .tableResponsive tr td a { color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .myCabinet .container .wrap .col-right .wraps .tableResponsive tr td a:hover { color: #1c4a95; } .myCabinet .container .wrap .col-right .wraps .tableResponsive tr:nth-child(odd) { background-color: #ffffff; } .myCabinet .container .wrap .col-right .wraps .tableResponsive tr:nth-child(odd) td { color: #b1b2b2; } .myCabinet .container .wrap .col-right .wraps .tableResponsive tr:nth-child(even) { background-color: #f6f6f6; } @media only screen and (max-width: 992px) { .myCabinet .container .wrap { margin: 0; } } @media only screen and (max-width: 840px) { .myCabinet .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .myCabinet .container .wrap .col-left .wraps { padding: 0; } .myCabinet .container .wrap .col-right { width: 100%; margin-bottom: 30px; } .myCabinet .container .wrap .col-right .wraps { padding: 0; } } @media only screen and (max-width: 580px) { .myCabinet .container .wrap .col-left .wraps { overflow: auto; } .myCabinet .container .wrap .col-left .wraps .tableResponsive { min-width: 580px; } .myCabinet .container .wrap .col-right .wraps { overflow: auto; } .myCabinet .container .wrap .col-right .wraps .tableResponsive { min-width: 580px; } } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list { position: relative; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .BankNumbers-select { display: -ms-flexbox; display: -webkit-box; display: flex; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content { font-size: 0; line-height: 0; width: 100%; position: absolute; top: 50px; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms ease 0s, visibility 300ms ease 0s; transition: opacity 300ms ease 0s, visibility 300ms ease 0s; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item { width: 100%; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps { padding: 20px 30px 20px 0; border-bottom: 1px solid #dcddde; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps .titles { font: 600 18px/30px "Roboto", sans-serif; color: #1c4a95; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps .sum { font: 600 16px/30px "Roboto", sans-serif; color: #383837; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content.active { position: relative; top: 0; opacity: 1; visibility: visible; } @media only screen and (max-width: 480px) { .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps { display: block; } .BankNumbers .BankNumbers-container .BankNumbers-wrap .BankNumbers-list .bankNumbers__content .bankNumbers--item .bankNumbers--item-wraps .titles { display: block; } } .DetailsBank .DetailsBank-container .DetailsBank-item .DetailsBank-wraps { padding: 50px; border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .DetailsBank .DetailsBank-container .DetailsBank-item .DetailsBank-wraps ol li { list-style: none; font: 600 15px/30px "Roboto", sans-serif; color: #383837; } .DetailsBank .DetailsBank-container .DetailsBank-item .DetailsBank-wraps ol li span { margin-right: 9px; font: 500 15px/30px "Roboto", sans-serif; color: #db982a; } @media only screen and (max-width: 992px) { .DetailsBank .DetailsBank-container .DetailsBank-item .DetailsBank-wraps { padding: 20px; } } .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list { border-radius: 6px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); background-color: #ffffff; } .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list .EnterprisesBankBalanceSheet-item .EnterprisesBankBalanceSheet-wraps { padding: 47px 50px 50px 50px; -webkit-box-shadow: 0px 50px 120px -30px rgba(28, 74, 149, 0.1); box-shadow: 0px 50px 120px -30px rgba(28, 74, 149, 0.1); } .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list .EnterprisesBankBalanceSheet-item .EnterprisesBankBalanceSheet-wraps ol li { list-style: none; font: 600 15px/30px "Roboto", sans-serif; color: #383837; } .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list .EnterprisesBankBalanceSheet-item .EnterprisesBankBalanceSheet-wraps ol li span { margin-right: 9px; font: 500 15px/30px "Roboto", sans-serif; color: #db982a; } @media only screen and (max-width: 992px) { .EnterprisesBankBalanceSheet .EnterprisesBankBalanceSheet-container .EnterprisesBankBalanceSheet-wrap .EnterprisesBankBalanceSheet-list .EnterprisesBankBalanceSheet-item .EnterprisesBankBalanceSheet-wraps { padding: 20px; } } .ForCorrespondentBanks .ForCorrespondentBanks-container .ForCorrespondentBanks-wrap .ForCorrespondentBanks-item .ForCorrespondentBanks-heading { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .ForCorrespondentBanks .ForCorrespondentBanks-container .ForCorrespondentBanks-wrap .ForCorrespondentBanks-item .ForCorrespondentBanks-heading .for-inner { font: 600 14px/24px "Roboto", sans-serif; color: #1c4a95; } .ForCorrespondentBanks .ForCorrespondentBanks-container .ForCorrespondentBanks-wrap .ForCorrespondentBanks-item .ForCorrespondentBanks-heading .ForCorrespondentBanks-wraps table { empty-cells: hide; } .CashSettlementServices-container .CashSettlementServices-list .CashSettlementServices-item .CashSettlementServices-wraps { padding: 45px 50px; background-color: #ffffff; border-radius: 6px; } .CashSettlementServices-heading { font: 700 24px/30px "Roboto", sans-serif; color: #383837; text-align: center; } @media only screen and (max-width: 640px) { .CashSettlementServices-container .CashSettlementServices-list .CashSettlementServices-item .CashSettlementServices-wraps { padding: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps ol li span { display: block; } .CashSettlementServices-heading { font-size: 20px; line-height: 24px; } } .ProjectFinancing { overflow: hidden; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list { font-size: 0; line-height: 0; margin: 0 -40px; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 45px; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 60px; min-height: 70px; padding: 0 40px; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-numb { width: 70px; height: 70px; background-color: #1c4a95; border-radius: 50px; font: 400 24px/30px "Roboto", sans-serif; color: #ffffff; text-align: center; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; position: absolute; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-teaser { padding-left: 100px; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-teaser strong { font: 600 24px/24px "Roboto", sans-serif; color: #1c4a95; display: inline-block; margin-bottom: 10px; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-teaser p { font: 600 18px/30px "Roboto", sans-serif; color: #383837; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps .ProjectFinancing-teaser p a { font: 600 18px/30px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; } @media only screen and (max-width: 580px) { .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item { width: 100%; } .ProjectFinancing .ProjectFinancing-container .ProjectFinancing-list .ProjectFinancing-item .ProjectFinancing-wraps { margin-bottom: 0; } } .BankGuarantee .BankGuarantee-container .BankGuarantee-wraps .BankGuarantee-item { padding: 50px; border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } @media only screen and (max-width: 580px) { .BankGuarantee .BankGuarantee-container .BankGuarantee-wraps .BankGuarantee-item { padding: 20px; } } .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list { border-radius: 6px; background-color: #ffffff; } .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list h3 { padding: 48px 0; text-align: center; } .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list .mainPartnersBank-item { width: 25%; display: inline-block; vertical-align: top; line-height: 0; } .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list .mainPartnersBank-item .mainPartnersBank-wraps { min-height: 200px; border: 1px solid #f1f2f2; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list .mainPartnersBank-item .mainPartnersBank-wraps a img { max-width: 100%; } @media only screen and (max-width: 700px) { .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list .mainPartnersBank-item { width: 33.333333%; } } @media only screen and (max-width: 480px) { .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list .mainPartnersBank-item { width: 50%; } } @media only screen and (max-width: 370px) { .mainPartnersBank .mainPartnersBank-container .mainPartnersBank-list .mainPartnersBank-item { width: 100%; } } .RentTradingTerminal-ClientsReq .RentTradingTerminal-ClientsReq-item .RentTradingTerminal-ClientsReq-wraps { border: 5px solid #1c4a95; border-radius: 6px; padding: 42px 45px; background-color: #ffffff; } .RentTradingTerminal .RentTradingTerminal-container .RentTradingTerminal-item { border-radius: 6px; background-color: #ffffff; padding: 55px 50px; } .RentTradingTerminal .RentTradingTerminal-container .RentTradingTerminal-item .RentTradingTerminal-inner-tab p img { padding-right: 35px; padding-bottom: 35px; float: left; } @media only screen and (max-width: 580px) { .RentTradingTerminal-ClientsReq .RentTradingTerminal-ClientsReq-item .RentTradingTerminal-ClientsReq-wraps { padding: 20px; } .RentTradingTerminal .RentTradingTerminal-container .RentTradingTerminal-item { padding: 20px; } .RentTradingTerminal .RentTradingTerminal-container .RentTradingTerminal-item .RentTradingTerminal-inner-tab p img { display: none; } } .CreditConditionsList .CreditConditionsList-container .CreditConditionsList-list .CreditConditionsList-item .CreditConditionsList-wraps { background-color: #ffffff; padding: 46px 50px; border-radius: 6px; } @media only screen and (max-width: 640px) { .CreditConditionsList .CreditConditionsList-container .CreditConditionsList-list .CreditConditionsList-item .CreditConditionsList-wraps { padding: 20px; } } .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 33.33333%; display: inline-block; vertical-align: top; padding: 0; margin-bottom: 40px; text-align: center; } .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-numb { width: 80px; min-height: 80px; font: 400 24px/30px "Roboto", sans-serif; color: #ffffff; background-color: #1c4a95; text-align: center; border-radius: 50px; line-height: 80px; margin: 0 auto 25px auto; } .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-teaser a { font: 700 16px/24px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; } @media only screen and (max-width: 640px) { .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 50%; text-align: center !important; } .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 50%; } } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations { position: relative; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .LeasingOperations-item img { min-height: 300px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .LeasingOperations-item .LeasingOperations-wraps { position: absolute; top: 100px; left: 50px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .LeasingOperations-item .LeasingOperations-wraps h2 { font: 700 24px/35px "Roboto", sans-serif; width: 51%; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 25%; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-wraps { text-align: left; padding-right: 50px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-wraps .CreditSecurityIconList-numb { margin: 0 0 25px 0; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps { padding-right: 55px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-img { width: 80px; height: 80px; background-color: #1c4a95; text-align: center; border-radius: 50px; margin: 0 0 25px 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container table thead tr td { border: 0 none; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container table tbody tr td { border: 0 none; } @media only screen and (max-width: 640px) { .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .LeasingOperations-item .LeasingOperations-wraps { top: 20px; left: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .LeasingOperations-item .LeasingOperations-wraps h2 { width: 100%; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .LeasingOperations-item { display: none; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 100%; } .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-numb { display: inline-block; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-wraps { padding: 0; text-align: center; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item { width: 100%; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-img { display: inline-block; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps .CreditSecurityIconList-img img { margin-top: 18px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .LeasingOperations .LeasingOperations-container .CreditSecurityIconList-img .CreditSecurityIconList-container .CreditSecurityIconList-list .CreditSecurityIconList-item .CreditSecurityIconList-wraps { padding: 0; text-align: center; } } .Lending-Tabs .Lending-Tabs-container .Lending-Tabs-item .Lending-Tabs-wraps { background-color: #e9e9ea; padding: 50px 50px 45px 50px; border-radius: 6px; } .Lending-Tabs .Lending-Tabs-container .Lending-Tabs-item .Lending-Tabs-wraps .sectionDownloadList__tabsLinks { height: 80px; background: white; line-height: 80px; border-radius: 6px; padding: 0; text-align: center; } .Lending-Tabs .Lending-Tabs-container .Lending-Tabs-item .Lending-Tabs-wraps .sectionDownloadList__tabsLinks a { padding: 0 38px 37px 38px; margin: 0; } .Lending-Tabs .Lending-Tabs-container .Lending-Tabs-item .Lending-Tabs-wraps .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent strong { font: 700 15px/24px "Roboto", sans-serif; color: #383837; } .sms-banking .template_akcioneram-i-investoram .container .wrap { line-height: 30px; } .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .title { margin-bottom: 30px; } .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner p { font: 600 15px/30px "Roboto", sans-serif; color: #383837; } .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner h2 { font: 700 18px/30px "Roboto", sans-serif; color: #1c4a95; } .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner strong { font: 700 15px/40px "Roboto", sans-serif; color: #383837; } @media only screen and (max-width: 640px) { .sms-banking .template_akcioneram-i-investoram .container .wrap .wraps .sms-banking-inner p { font-size: 13px; line-height: 24px; } } .issuancePermissionExportForeignCurrency p { font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .issuancePermissionExportForeignCurrency ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .issuancePermissionExportForeignCurrency ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .issuancePermissionExportForeignCurrency h2 { font: 700 24px/30px "Roboto", sans-serif; color: #1c4a95; } .issuancePermissionExportForeignCurrency .featuredBlock .featuredBlock-item .featuredBlock-wraps { border: 5px solid #1c4a95; border-radius: 6px; background-color: #ffffff; padding: 42px 46px; } .issuancePermissionExportForeignCurrency h3 { font: 700 18px/24px "Roboto", sans-serif; color: #1c4a95; } @media only screen and (max-width: 640px) { .issuancePermissionExportForeignCurrency p { font-size: 13px; } .issuancePermissionExportForeignCurrency h2 { font-size: 18px; line-height: 26px; } .issuancePermissionExportForeignCurrency .featuredBlock .featuredBlock-item .featuredBlock-wraps { padding: 20px; } } .mikrokreditsContent .container .wrap { overflow: hidden; } .mikrokreditsContent .container .wrap .col-top { margin-bottom: 50px; overflow: hidden; } .mikrokreditsContent .container .wrap .col-top h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 60px; } .mikrokreditsContent .container .wrap .col-top .list { font-size: 0; line-height: 0; } .mikrokreditsContent .container .wrap .col-top .list .item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 45px; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps { position: relative; padding: 0 70px; height: 70px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .icon img { height: auto; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser { padding-left: 30px; padding-right: 0; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser a { font: 700 16px/24px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser a:hover { color: #ea0000; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser p { font: 400 16px/24px "Roboto", sans-serif; color: #383837; } .mikrokreditsContent .container .wrap .col-middle { margin-bottom: 50px; overflow: hidden; } .mikrokreditsContent .container .wrap .col-middle h2 { font: 700 24px/30px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 60px; } .mikrokreditsContent .container .wrap .col-middle .list { font-size: 0; line-height: 0; margin: 0 -35px; } .mikrokreditsContent .container .wrap .col-middle .list .item { width: 33.333333%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .mikrokreditsContent .container .wrap .col-middle .list .item .wraps { text-align: center; padding: 0 35px; } .mikrokreditsContent .container .wrap .col-middle .list .item .wraps .count { width: 80px; height: 80px; border-radius: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; margin: 0 auto 25px auto; background-color: #1c4a95; } .mikrokreditsContent .container .wrap .col-middle .list .item .wraps .count i { font: 400 24px/24px "Roboto", sans-serif; color: #ffffff; } .mikrokreditsContent .container .wrap .col-middle .list .item .wraps .teaser { font: 500 16px/24px "Roboto", sans-serif; color: #383837; } .mikrokreditsContent .container .wrap .col-middle .list .item .wraps .teaser span { font: 700 16px/24px "Roboto", sans-serif; color: #383837; } .mikrokreditsContent .container .wrap .col-bottom { margin: 0 -80px; font-size: 0; line-height: 0; overflow: hidden; } .mikrokreditsContent .container .wrap .col-bottom .col-left { width: 50%; display: inline-block; vertical-align: top; } .mikrokreditsContent .container .wrap .col-bottom .col-left .wraps { padding: 0 80px; } .mikrokreditsContent .container .wrap .col-bottom .col-left .wraps h3 { font: 700 24px/30px "Roboto", sans-serif; color: #383837; min-height: 60px; margin-bottom: 40px; } .mikrokreditsContent .container .wrap .col-bottom .col-left .wraps ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .mikrokreditsContent .container .wrap .col-bottom .col-left .wraps ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .mikrokreditsContent .container .wrap .col-bottom .col-right { width: 50%; display: inline-block; vertical-align: top; } .mikrokreditsContent .container .wrap .col-bottom .col-right .wraps { padding: 0 80px; } .mikrokreditsContent .container .wrap .col-bottom .col-right .wraps h3 { font: 700 24px/30px "Roboto", sans-serif; color: #383837; min-height: 60px; margin-bottom: 40px; } .mikrokreditsContent .container .wrap .col-bottom .col-right .wraps ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .mikrokreditsContent .container .wrap .col-bottom .col-right .wraps ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } @media only screen and (max-width: 992px) { .mikrokreditsContent .container .wrap .col-top .list .item .wraps { padding: 0 10px 0 70px; } .mikrokreditsContent .container .wrap .col-middle .list { margin: 0 -15px; } .mikrokreditsContent .container .wrap .col-middle .list .item .wraps { padding: 0 15px; } .mikrokreditsContent .container .wrap .col-middle h2 { margin-bottom: 30px; } .mikrokreditsContent .container .wrap .col-bottom { margin: 0 -25px; } .mikrokreditsContent .container .wrap .col-bottom .col-left .wraps { padding: 0 25px; } .mikrokreditsContent .container .wrap .col-bottom .col-right .wraps { padding: 0 25px; } .mikrokreditsContent .container .wrap .col-bottom .col-left .wraps h3 { margin-bottom: 20px; } .mikrokreditsContent .container .wrap .col-bottom .col-right .wraps h3 { margin-bottom: 20px; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps { height: inherit; } } @media only screen and (max-width: 640px) { .mikrokreditsContent .container .wrap .col-top { margin-bottom: 10px; } .mikrokreditsContent .container .wrap .col-top .list .item { width: 100%; } .mikrokreditsContent .container .wrap .col-top .list .item .wraps .teaser { padding-left: 10px; } .mikrokreditsContent .container .wrap .col-middle .list .item { width: 100%; } .mikrokreditsContent .container .wrap .col-bottom .col-left { width: 100%; } .mikrokreditsContent .container .wrap .col-bottom .col-right { width: 100%; } } .template_phoneBlock { background-color: #1c4a95; padding: 90px 0; margin-bottom: 0; overflow: hidden; } .template_phoneBlock .container .wrap { font-size: 0; line-height: 0; margin: 0 -100px; padding: 0 80px; } .template_phoneBlock .container .wrap h2 { font: 300 36px/36px "Open Sans", sans-serif; color: #ffffff; text-align: center; margin-bottom: 40px; } .template_phoneBlock .container .wrap .col-left { width: 50%; display: inline-block; vertical-align: top; } .template_phoneBlock .container .wrap .col-left .wraps { padding: 0 100px; } .template_phoneBlock .container .wrap .col-left .wraps span { display: block; font: 500 18px/30px "Roboto", sans-serif; color: #ffffff; margin-bottom: 25px; } .template_phoneBlock .container .wrap .col-left .wraps a { font: 700 36px/36px "Open Sans", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .template_phoneBlock .container .wrap .col-left .wraps a:hover { color: #ea0000; } .template_phoneBlock .container .wrap .col-right { width: 50%; display: inline-block; vertical-align: top; } .template_phoneBlock .container .wrap .col-right .wraps { padding: 0 100px; } .template_phoneBlock .container .wrap .col-right .wraps span { display: block; font: 500 18px/30px "Roboto", sans-serif; color: #ffffff; margin-bottom: 25px; } .template_phoneBlock .container .wrap .col-right .wraps a { font: 700 36px/36px "Open Sans", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .template_phoneBlock .container .wrap .col-right .wraps a:hover { color: #ea0000; } @media only screen and (max-width: 992px) { .template_phoneBlock .container .wrap { margin: 0; padding: 0 10px; } .template_phoneBlock .container .wrap .col-left .wraps { padding: 0 30px; } .template_phoneBlock .container .wrap .col-right .wraps { padding: 0 30px; } } @media only screen and (max-width: 720px) { .template_phoneBlock .container .wrap { text-align: center; } .template_phoneBlock .container .wrap .col-left { width: 100%; margin-bottom: 20px; } .template_phoneBlock .container .wrap .col-right { width: 100%; } .template_phoneBlock .container .wrap .col-left .wraps { padding: 0; } .template_phoneBlock .container .wrap .col-right .wraps { padding: 0; } } @media only screen and (max-width: 580px) { .template_phoneBlock { padding: 40px 0; } .template_phoneBlock .container .wrap h2 { font-size: 22px; line-height: 22px; } .template_phoneBlock .container .wrap .col-left .wraps span { font-size: 14px; line-height: 24px; margin-bottom: 10px; } .template_phoneBlock .container .wrap .col-left .wraps a { font-size: 26px; line-height: 26px; } .template_phoneBlock .container .wrap .col-right .wraps span { font-size: 14px; line-height: 24px; margin-bottom: 10px; } .template_phoneBlock .container .wrap .col-right .wraps a { font-size: 26px; line-height: 26px; } } .template_phoneBlock2 { background-color: #1c4a95; padding: 90px 0; margin-bottom: 0; } .template_phoneBlock2 .container { max-width: 780px; } .template_phoneBlock2 .container .wrap { font-size: 0; line-height: 0; margin: 0; padding: 0 20px; text-align: center; } .template_phoneBlock2 .container .wrap h2 { font: 300 36px/36px "Open Sans", sans-serif; color: #ffffff; text-align: center; margin-bottom: 40px; } .template_phoneBlock2 .container .wrap p { font: 500 15px/30px "Roboto", sans-serif; color: #ffffff; margin-bottom: 40px; } .template_phoneBlock2 .container .wrap a { color: #ffffff; } .template_phoneBlock2 .container .wrap .phonenumber { font: 700 36px/36px "Open Sans", sans-serif; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .template_phoneBlock2 .container .wrap a span { font-weight: 300; } .template_phoneBlock2 .container .wrap a:hover { color: #ea0000; } @media only screen and (max-width: 992px) { .template_phoneBlock2 { padding: 40px 0; } .template_phoneBlock2 .container .wrap { padding: 0 20px; } .template_phoneBlock2 .container .wrap h2 { margin-bottom: 20px; font-size: 26px; line-height: 26px; } .template_phoneBlock2 .container .wrap p { font-size: 14px; line-height: 20px; } .template_phoneBlock2 .container .wrap a { font-size: 26px; line-height: 26px; } } .sectionDownloadList { margin-bottom: 60px; } .sectionDownloadList .item { background-color: #eaeaec; border-radius: 4px; margin-bottom: 10px; } .sectionDownloadList .item .wraps { padding: 35px 130px 35px 40px; font: 600 15px/20px "Roboto", sans-serif; color: #383837; position: relative; } .sectionDownloadList .item .wraps a { font: 600 15px/20px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sectionDownloadList .item .wraps a:hover { color: #ea0000; } .sectionDownloadList .item .wraps .download { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; padding: 13px 14px; border-radius: 4px; border: 1px solid #1c4a95; font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sectionDownloadList .item .wraps .download:hover { background-color: #1c4a95; color: #ffffff; } @media only screen and (max-width: 992px) { .sectionDownloadList .item .wraps { padding: 20px 60px 20px 20px; } .sectionDownloadList .item .wraps .download { right: 20px; } } @media only screen and (max-width: 640px) { .sectionDownloadList .item .wraps { padding: 20px 20px 20px 20px; } .sectionDownloadList .item .wraps .download { position: static; display: block; max-width: 80px; margin: 20px 0 0 0; -webkit-transform: none; transform: none; } } .sectionDownloadListTabs .sectionDownloadList__tabsLinks { padding-bottom: 20px; margin: 0 -25px; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink { font: 700 18px/18px "Roboto", sans-serif; color: #b1b2b2; text-decoration: none; display: inline-block; margin: 0 25px 0 25px; padding-bottom: 10px; position: relative; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink:hover { color: #1c4a95; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1c4a95; display: none; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink.active { color: #1c4a95; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink.active:after { display: block; } .sectionDownloadListTabs .sectionDownloadList__tabsContent { position: relative; min-height: 400px; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent.active { opacity: 1; visibility: visible; position: relative; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item { background-color: #eaeaec; border-radius: 4px; margin-bottom: 10px; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps { padding: 35px 130px 35px 40px; font: 600 15px/20px "Roboto", sans-serif; color: #383837; position: relative; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps a { font: 600 15px/20px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps a:hover { color: #ea0000; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps .download { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; padding: 13px 14px; border-radius: 4px; border: 1px solid #1c4a95; font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps .download:hover { background-color: #1c4a95; color: #ffffff; } @media only screen and (max-width: 992px) { .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps { padding: 20px 60px 20px 20px; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps .download { right: 20px; } } @media only screen and (max-width: 640px) { .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps { padding: 20px 20px 20px 20px; } .sectionDownloadListTabs .sectionDownloadList__tabsContent .sectionDownloadList__tabsContent--tabContent .item .wraps .download { position: static; display: block; max-width: 50px; margin: 20px 0 0 0; -webkit-transform: none; transform: none; } } @media only screen and (max-width: 580px) { .sectionDownloadListTabs .sectionDownloadList__tabsLinks { text-align: left !important; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks { margin: 0 -10px; } .sectionDownloadListTabs .sectionDownloadList__tabsLinks .sectionDownloadList__tabsLinks--tabLink { margin: 0 10px; font-size: 14px; line-height: 14px; } } .sectionCreditsList .container .wrap .list { margin: 0 -30px; font-size: 0; line-height: 0; } .sectionCreditsList .container .wrap .list .item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 60px; } .sectionCreditsList .container .wrap .list .item a { text-decoration: none; } .sectionCreditsList .container .wrap .list .item .wraps { padding: 0 30px; display: block; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps { padding: 50px; background-color: #ffffff; border-radius: 6px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; position: relative; display: block; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .icon { position: absolute; top: 50px; left: 40px; display: inline-block; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .icon img { height: auto; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser { padding-left: 60px; display: block; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser .title { font: 700 21px/21px "Roboto", sans-serif; color: #383837; display: block; margin-bottom: 20px; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser p { min-height: 150px; overflow: hidden; max-height: 150px; font: 500 15px/30px "Roboto", sans-serif; color: #383837; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser .btn { font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; display: inline-block; padding: 21px 30px; margin-top: 40px; border: 1px solid #1c4a95; border-radius: 4px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser .btn:hover { background-color: #1c4a95; color: #ffffff; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover { background-color: #1c4a95; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover .icon-inner { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover .teaser .title { color: #ffffff; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover .teaser p { color: #ffffff; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover .teaser .btn { background-color: #ffffff; color: #1c4a95; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps:hover .teaser .btn:hover { background-color: #ea0000; color: #ffffff; } @media only screen and (max-width: 992px) { .sectionCreditsList .container .wrap { overflow: hidden; } .sectionCreditsList .container .wrap .list .item { width: 100%; margin-bottom: 30px; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps { padding: 30px; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .icon { left: 20px; } } @media only screen and (max-width: 992px) { .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser a .title { font-size: 16px; line-height: 18px; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .icon { display: none; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser { padding-left: 0; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser a p { font-size: 13px; line-height: 24px; } .sectionCreditsList .container .wrap .list .item .wraps .innerWraps .teaser a.btn { padding: 10px 20px; font-size: 14px; line-height: 14px; } } .sectionDepositsList .container .wrap { padding: 0; } .sectionDepositsList .container .wrap .list .item { margin-bottom: 40px; } .sectionDepositsList .container .wrap .list .item .wraps { padding: 45px 50px; background-color: #ffffff; border-radius: 6px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate { margin-bottom: 10px; position: relative; display: none; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate h3 { font: 600 18px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 20px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close:before { background-color: #e6e7e8; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close:after { background-color: #e6e7e8; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close:hover:before { background-color: #ea0000; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .close:hover:after { background-color: #ea0000; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list { margin: 0 -25px; font-size: 0; line-height: 0; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 50px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps { padding: 0 25px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps label { font: 600 15px/15px "Roboto", sans-serif; color: #b1b2b2; padding: 0 30px; min-height: 15px; display: block; margin-bottom: 25px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps span { font: 600 15px/15px "Roboto", sans-serif; color: #1c4a95; padding: 0 30px; min-height: 15px; display: block; margin-bottom: 25px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"] { font: 600 18px/30px "Roboto", sans-serif; color: #383837; background-color: transparent; width: 100%; min-height: 60px; border: 2px solid #e6e7e8; border-radius: 4px; padding: 0 28px 0 28px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]::-webkit-input-placeholder { line-height: 30px; color: rgba(56, 56, 55, 0.5); } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]:-moz-placeholder { line-height: 30px; color: rgba(56, 56, 55, 0.5); } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]::-moz-placeholder { line-height: 30px; color: rgba(56, 56, 55, 0.5); } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]:-ms-input-placeholder { line-height: 30px; color: rgba(56, 56, 55, 0.5); } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]::-ms-clear { display: none; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]::-ms-value { margin-left: 28px; margin-right: 28px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"]:disabled { background-color: #f6f6f6; border-color: #f6f6f6; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps button { font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; background-color: #1c4a95; padding: 22px 20px; width: 100%; display: block; cursor: pointer; border: 0 none; border-radius: 4px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps button:hover { background-color: #ea0000; } .sectionDepositsList .container .wrap .list .item .wraps .teaser { position: relative; } .sectionDepositsList .container .wrap .list .item .wraps .teaser h3 { font: 600 18px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 20px; } .sectionDepositsList .container .wrap .list .item .wraps .teaser .calculate { position: absolute; top: 0; right: 0; display: none; padding-bottom: 10px; font: 700 18px/18px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sectionDepositsList .container .wrap .list .item .wraps .teaser .calculate:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1c4a95; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sectionDepositsList .container .wrap .list .item .wraps .teaser .calculate:hover:after { opacity: 1; visibility: visible; } .sectionDepositsList .container .wrap .list .item .wraps .teaser p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc { font-size: 0; line-height: 0; margin: 60px 0 0 0; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc li { list-style: none; width: 33.33333%; display: inline-block; vertical-align: top; padding: 0; margin: 0; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc li:before { display: none; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc li .icon { display: block; margin-bottom: 15px; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc li .title { display: block; font: 600 18px/21px "Roboto", sans-serif; color: #383837; margin-bottom: 5px; padding: 0; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc li .subTitle { display: block; font: 600 13px/21px "Roboto", sans-serif; color: #383837; } .sectionDepositsList .container .wrap .list .item .wraps .note { font: 600 14px/20px "Roboto", sans-serif; color: #383837; display: block; } .sectionDepositsList .container .wrap .list .item .wraps .note i { font-style: normal; color: #1c4a95; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"] { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 992px) { .sectionDepositsList .container .wrap .list .item .wraps { padding: 20px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps label { padding: 0; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps span { padding: 0; } } @media only screen and (max-width: 640px) { .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item { width: 100%; margin-bottom: 20px; } .sectionDepositsList .container .wrap .list .item .wraps .formCalculate .formCalculate__list .formCalculate__list--item .formCalculate__list--item--wraps input[type="text"] { min-height: 50px; } } .sidebarFormDeposits .sidebarFormDeposits__wrap { background-color: #1c4a95; border-radius: 6px; padding: 50px 30px; } .sidebarFormDeposits .sidebarFormDeposits__wrap h2 { font: 700 21px/30px "Roboto", sans-serif; color: #ffffff; text-align: center; margin-bottom: 35px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item { margin-bottom: 35px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item:last-child { margin-bottom: 0; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item label { display: block; font: 500 13px/30px "Roboto", sans-serif; color: #ffffff; padding-left: 20px; padding-bottom: 20px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item .select2 .selection .select2-selection { border-radius: 4px; border: 0 none; height: 50px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item .select2 .selection .select2-selection .select2-selection__rendered { font: 600 13px/50px "Roboto", sans-serif; color: #383837; padding-left: 20px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item .select2 .selection .select2-selection .select2-selection__arrow { height: 50px; right: 15px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #c3c3c3 transparent transparent transparent; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #c3c3c3 transparent; border-width: 0 4px 5px 4px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button { width: 100%; padding: 22px 10px; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; display: block; cursor: pointer; border-radius: 6px; border: 0 none; background-color: #ea0000; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button:hover { background-color: #ffffff; color: #ea0000; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button.reset { padding: 0; width: inherit; background-color: transparent; font: 600 14px/14px "Roboto", sans-serif; color: #ffffff; text-decoration: underline; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item button.reset:hover { color: #ea0000; } @media only screen and (max-width: 992px) { .sidebarFormDeposits .sidebarFormDeposits__wrap { padding: 20px; } .sidebarFormDeposits .sidebarFormDeposits__wrap form .item label { padding-left: 0; padding-bottom: 10px; } } .sectionAdsList { overflow: hidden; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list { margin: 0 -30px; font-size: 0; line-height: 0; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 30px; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps { padding: 0 30px; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps .date { display: block; font: 500 14px/14px "Roboto", sans-serif; color: #ea0000; margin-bottom: 15px; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a { text-decoration: none; display: block; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a .title { display: block; font: 700 18px/26px "Roboto", sans-serif; color: #383837; margin-bottom: 15px; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a .teaser { display: block; font: 500 15px/24px "Roboto", sans-serif; color: #868686; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a:hover .title { color: #ea0000; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns { text-align: center; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a { font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 20px 50px; border-radius: 4px; border: 2px solid #1c4a95; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a:hover { background-color: #1c4a95; color: #ffffff; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a:hover:after { border-top: 5px solid #ffffff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--btns a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #1c4a95; display: inline-block; position: relative; left: 10px; top: -2px; } @media only screen and (max-width: 992px) { .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list { margin: 0 -20px; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item { width: 50%; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps { padding: 0 20px; } } @media only screen and (max-width: 580px) { .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item { width: 100%; } .sectionAdsList .sectionAdsList__container .sectionAdsList__container--wrap .sectionAdsList__container--wrap--list .item .wraps a .title { font-size: 18px; line-height: 26px; } } .sidebarNews { margin-bottom: 30px; } .sidebarNews .sidebarNews__wraps { padding: 30px; background-color: #ffffff; border-radius: 6px; } .sidebarNews .sidebarNews__wraps h2 { font: 700 18px/30px "Roboto", sans-serif; color: #1c4a95; margin-bottom: 25px; } .sidebarNews .sidebarNews__wraps .sidebarNews__wraps--list .sidebarNews__wraps--list--item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f1f2f2; } .sidebarNews .sidebarNews__wraps .sidebarNews__wraps--list .sidebarNews__wraps--list--item .date { font: 500 14px/14px "Roboto", sans-serif; color: #888888; display: block; margin-bottom: 12px; } .sidebarNews .sidebarNews__wraps .sidebarNews__wraps--list .sidebarNews__wraps--list--item a { font: 700 15px/20px "Roboto", sans-serif; color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sidebarNews .sidebarNews__wraps .sidebarNews__wraps--list .sidebarNews__wraps--list--item a:hover { color: #ea0000; } .sidebarNews .sidebarNews__wraps .sidebarNews__wraps--list .sidebarNews__wraps--list--item:last-child { border-bottom: 0 none; padding-bottom: 0; margin-bottom: 0; } @media only screen and (max-width: 992px) { .sidebarNews .sidebarNews__wraps { padding: 20px; } } .sidebarPhoneBlock { margin-bottom: 30px; } .sidebarPhoneBlock .sidebarPhoneBlock__wraps { padding: 30px; background-color: #ffffff; border-radius: 6px; } .sidebarPhoneBlock .sidebarPhoneBlock__wraps h2 { font: 400 16px/24px "Open Sans", sans-serif; color: #383837; margin-bottom: 15px; display: block; } .sidebarPhoneBlock .sidebarPhoneBlock__wraps a { display: block; font: 400 24px/24px "Open Sans", sans-serif; color: #383837; text-decoration: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f1f2f2; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sidebarPhoneBlock .sidebarPhoneBlock__wraps a:hover { color: #ea0000; } .sidebarPhoneBlock .sidebarPhoneBlock__wraps p { display: inline-block; font: 500 15px/22px "Roboto", sans-serif; color: rgba(56, 56, 55, 0.9); } .moduleSubscribe { margin-bottom: 30px; } .moduleSubscribe .moduleSubscribe__wraps { padding: 25px; background-color: #ffffff; border-radius: 6px; border: 5px solid #1c4a95; } .moduleSubscribe .moduleSubscribe__wraps h2 { font: 700 16px/20px "Roboto", sans-serif; color: #1c4a95; text-align: center; margin-bottom: 12px; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input { background-color: #f3f4f4; border: 0 none; border-radius: 6px; width: 100%; padding: 13px 20px 12px 20px; margin-bottom: 20px; font: 500 12px/15px "Roboto", sans-serif; color: #000000; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input::-webkit-input-placeholder { line-height: 18px; color: #000000; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input:-moz-placeholder { line-height: 18px; color: #000000; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input::-moz-placeholder { line-height: 18px; color: #000000; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input:-ms-input-placeholder { line-height: 18px; color: #000000; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input::-ms-clear { display: none; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input::-ms-value { margin-left: 20px; margin-right: 20px; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form button { font: 700 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #1c4a95; cursor: pointer; display: block; border: 0 none; border-radius: 6px; width: 100%; padding: 13px 20px 13px 20px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form button:hover { background-color: #ea0000; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .moduleSubscribe .moduleSubscribe__wraps .moduleSubscribe__wraps--content form input { padding-left: 0; padding-right: 0; } } .moduleFormVacancies .moduleFormVacancies__wraps { margin: 100px 0 0 0; padding: 60px 100px; background-color: #ffffff; border-radius: 6px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .moduleFormVacancies .moduleFormVacancies__wraps h2 { font: 700 24px/30px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 40px; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list { font-size: 0; line-height: 0; margin: 0 -20px; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item { width: 50%; display: inline-block; vertical-align: top; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps { padding: 0 20px; margin-bottom: 40px; font: 600 14px/30px "Roboto", sans-serif; color: #b1b2b2; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input { width: 100%; min-height: 70px; border: 2px solid #e6e7e8; border-radius: 4px; padding: 0 40px 0 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font: 600 14px/30px "Roboto", sans-serif; color: #b1b2b2; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input::-webkit-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input:-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input::-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input:-ms-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input::-ms-clear { display: none; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input::-ms-value { margin-left: 20px; margin-right: 20px; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; cursor: pointer; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps .fileuploadd { display: inline-block; position: relative; height: 70px; width: 100%; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps .fileuploadd #text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 25px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border: 2px dotted #e6e7e8; border-radius: 10px; cursor: pointer; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps .fileuploadd #text .text { font: 600 14px/14px "Roboto", sans-serif; color: #b1b2b2; display: inline-block; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps .fileuploadd #text .load { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; display: inline-block; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps .fileuploadd #text.dragover { background-color: #e6e7e8; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps .fileuploadd:hover #text { background-color: rgba(230, 231, 232, 0.45); } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps button[type="submit"] { display: inline-block; cursor: pointer; padding: 22px 75px; background-color: #1c4a95; border: 0 none; border-radius: 4px; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps button[type="submit"]:hover { background-color: #ea0000; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item .moduleFormVacancies__wraps--list--item--wraps input { padding-left: 0; padding-right: 0; } } .moduleInnerSection1Slider { margin-bottom: 0; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item { padding: 100px 0 130px 0; position: relative; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(28, 74, 149, 0.3); z-index: 1; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container { position: relative; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap { max-width: 600px; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .title { font: 400 36px/40px "Open Sans", sans-serif; color: #ffffff; display: block; margin-bottom: 15px; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap p { font: 500 15px/24px "Roboto", sans-serif; color: #ffffff; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .btns { margin-top: 50px; text-align: left; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .btns a { display: inline-block; padding: 22px 48px; border-radius: 3px; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); background-color: #1c4a95; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .btns a:hover { background-color: #ea0000; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item.active .item .container { opacity: 1; visibility: visible; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item.active .item .container .wrap ul li { top: 0; opacity: 1; visibility: visible; } .moduleInnerSection1Slider .slider .dots { margin: 0 !important; line-height: 0; position: absolute; bottom: 35px; left: 0; width: 100%; z-index: 3; } .moduleInnerSection1Slider .slider .dots .container { text-align: left; } .moduleInnerSection1Slider .slider .dots .container .wrap { display: inline-block; } .moduleInnerSection1Slider .slider .dots .container .wrap .owl-dots { margin: 0 -10px; height: 0; counter-reset: dot; } .moduleInnerSection1Slider .slider .dots .container .wrap .owl-dots .owl-dot { padding: 0 10px; opacity: 0.5; } .moduleInnerSection1Slider .slider .dots .container .wrap .owl-dots .owl-dot span { margin: 0; width: 30px; height: 6px; background-color: #ffffff; } .moduleInnerSection1Slider .slider .dots .container .wrap .owl-dots .owl-dot.active { opacity: 1; } @media only screen and (max-width: 680px) { .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item:before { background-color: rgba(28, 74, 149, 0.7); } } .gridVideoLists { margin: 0 -20px; font-size: 0; line-height: 0; } .gridVideoLists .gridVideoLists--item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps { padding: 0 20px; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a { display: block; overflow: hidden; border-radius: 10px; position: relative; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a img { height: auto; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a .callTo { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background-color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a .callTo svg { margin-left: 5px; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a .callTo svg path { fill: #1c4a95; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a:hover:before { opacity: 1; visibility: visible; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a:hover .callTo { background-color: #ea0000; } .gridVideoLists .gridVideoLists--item .gridVideoLists--item--wraps a:hover .callTo svg path { fill: #ffffff; } .gridVideoLists .gridVideoLists--item.active .gridVideoLists--item--wraps .gridVideoLists--item--wraps--videoModal { opacity: 1; visibility: visible; } .gridVideoLists .gridVideoLists--btns { text-align: center; margin-top: 20px; } .gridVideoLists .gridVideoLists--btns a { font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 20px 50px; border-radius: 4px; border: 2px solid #1c4a95; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .gridVideoLists .gridVideoLists--btns a:hover { background-color: #1c4a95; color: #ffffff; } .gridVideoLists .gridVideoLists--btns a:hover:after { border-top: 5px solid #ffffff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .gridVideoLists .gridVideoLists--btns a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #1c4a95; display: inline-block; position: relative; left: 10px; top: -2px; } .gridVideoLists--item--wraps--videoModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .gridVideoLists--item--wraps--videoModal:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.5); } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container { max-width: 990px; width: 100%; margin: 0 auto; position: relative; z-index: 2; display: inline-block; } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap { padding: 0 20px; } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close { position: absolute; cursor: pointer; display: inline-block; width: 30px; height: 30px; overflow: hidden; right: 20px; top: -40px; } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close:hover::before, .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close:hover::after { background: #1c4a95; } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close::before, .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close::after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -2px; background: #ffffff; } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .gridVideoLists--item--wraps--videoModal .gridVideoLists--item--wraps--videoModal--container .gridVideoLists--item--wraps--videoModal--container--wrap .close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (max-width: 480px) { .gridVideoLists .gridVideoLists--item { width: 100%; } } .moduleOnlineFormCredits { margin: 80px 0 100px 0; } .new-zakaz-card-form { max-width: 900px; background: linear-gradient(106.83deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0px 32px 96px 80px rgba(0, 0, 0, 0.03); border-radius: 20px; padding: 40px 100px; margin: 0 auto; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap h3 { font: 700 24px/30px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 20px; } #step2 h3 { font-weight: 400; font-size: 22px; line-height: 26px; color: #444444; } #step2 p, #forYears { font-weight: 400; font-size: 18px; line-height: 21px; color: #383837; text-align: left; } #step2 .moduleOnlineFormCredits--content--item--wraps { padding: 0px; } #step2 .whichCard { border: 1px solid #d52023; box-sizing: border-box; filter: drop-shadow(0px 6px 20px rgba(233, 39, 138, 0.4)); border-radius: 30px; font-weight: 300; font-size: 22px; line-height: 26px; color: #d52023; padding: 8px 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; text-align: center; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks { background-color: #1c4a95; font-size: 0; line-height: 0; margin-top: 50px; margin-bottom: 70px; border-radius: 6px; overflow: hidden; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink { width: 25%; display: inline-block; vertical-align: middle; padding: 20px 0; text-align: center; position: relative; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink:after { position: absolute; content: ""; top: 0; right: 0; width: 1px; height: 100%; background-color: #496eaa; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.w-33 { width: 33.3333333%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.w-50 { width: 50%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.active { background-color: #ea0000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink.active:after { background-color: #e4ad55; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink:last-child:after { display: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink .step { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 30px; background-color: #ffffff; border-radius: 100%; font: 700 18px/40px "Roboto", sans-serif; color: #383837; text-align: center; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink .name { display: inline-block; vertical-align: middle; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents { position: relative; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks { position: absolute; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks.active { opacity: 1; visibility: visible; top: 50%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, 0.8); } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps { padding: 100px 150px; background-color: #1c4a95; border-radius: 10px; position: relative; z-index: 2; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps .closeBtn { font: 500 15px/30px "Roboto", sans-serif; color: #ffffff; display: inline-block; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 11px 19px; background-color: #1c4a95; border-radius: 100%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps .closeBtn img { height: auto; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps h3 { font: 300 36px/50px "Open Sans", sans-serif; color: #ffffff; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .modalThanks .modalThanks__wraps p { font: 500 15px/30px "Roboto", sans-serif; color: #ffffff; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content { font-size: 0; line-height: 0; margin: 0 -20px; display: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content.active { display: block; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content h4 { font: 500 18px/22px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 30px; padding: 0 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content h5 { font: 600 14px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 30px; padding: 0 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item { width: 100%; display: inline-block; vertical-align: top; text-align: left; /* padding: 0 20px; */ } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.w-50 { width: 50%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.w-33 { width: 618px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.max-width25 { width: 25%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.maxWidth33 { width: 33%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.hiddenn { display: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps { padding: 0 20px; margin-bottom: 40px; font: 600 14px/30px "Roboto", sans-serif; color: #b1b2b2; position: relative; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps span.icons { display: inline-block; position: absolute; top: 25px; right: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps span.icons img { height: auto; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps label.warning { display: none !important; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps label.placeholder { /* position: absolute; top: 0; left: 0; padding: 0 40px; */ width: 100%; height: 100%; pointer-events: none; -webkit-transition: 0.25s; transition: 0.25s; font: 500 14px/70px "Roboto", sans-serif; color: #444444; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps label.placeholder strong { display: inline-block; font: 600 14px/30px "Roboto", sans-serif; color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input { width: 100%; min-height: 50px; border: 2px solid #e6e7e8; border-radius: 4px; padding: 0 40px 0 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font: 500 14px/30px "Roboto", sans-serif; color: #383837; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:-moz-read-only { background-color: #e6e7e8; pointer-events: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:read-only { background-color: #e6e7e8; pointer-events: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:read-only::-webkit-input-placeholder { line-height: 30px; color: #000000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:-moz-read-only:-moz-placeholder { line-height: 30px; color: #000000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:read-only:-moz-placeholder { line-height: 30px; color: #000000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:-moz-read-only::-moz-placeholder { line-height: 30px; color: #000000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:read-only::-moz-placeholder { line-height: 30px; color: #000000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:read-only:-ms-input-placeholder { line-height: 30px; color: #000000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input::-webkit-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input::-moz-placeholder { line-height: 30px; color: #b1b2b2; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:-ms-input-placeholder { line-height: 30px; color: #b1b2b2; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input::-ms-clear { display: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input::-ms-value { margin-left: 20px; margin-right: 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:focus { border-color: #1c4a95; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:focus + label.placeholder.container.wrap.moduleOnlineFormCredits__wrap.moduleOnlineFormCredits--contents.moduleOnlineFormCredits--content.moduleOnlineFormCredits--content--item.moduleOnlineFormCredits--content--item--wrapsinput { font-size: 11px; line-height: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.hasvalue + label.placeholder { font-size: 13px; top: -28px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; cursor: pointer; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.warning { border-color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.warning::-webkit-input-placeholder { color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.warning:-moz-placeholder { color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.warning::-moz-placeholder { color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.warning:-ms-input-placeholder { color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.warning + label.placeholder { color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input + label.placeholder.active { font-size: 13px; line-height: 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd { display: inline-block; position: relative; height: 70px; width: 100%; margin-top: 35px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd #text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 25px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border: 2px dotted #e6e7e8; border-radius: 3px; cursor: pointer; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd #text .text { font: 600 14px/14px "Roboto", sans-serif; color: #b1b2b2; display: inline-block; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd #text .load { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; display: inline-block; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd #text.dragover { background-color: #e6e7e8; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd:hover #text { background-color: rgba(230, 231, 232, 0.45); } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps select { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; padding-left: 20px; border-radius: 4px; border: 2px solid #e6e7e8; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; width: 100%; height: 70px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps select option { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps select.warning { border-color: #f00; color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2 .selection .select2-selection { border-radius: 4px; border: 2px solid #e6e7e8; height: 70px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2 .selection .select2-selection .select2-selection__rendered { font: 600 14px/70px "Roboto", sans-serif; color: #b1b2b2; padding-left: 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 70px; right: 15px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #b1b2b2 transparent transparent transparent; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #b1b2b2 transparent; border-width: 0 4px 5px 4px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2.warning .selection .select2-selection { border: 2px solid #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2.warning .selection .select2-selection .select2-selection__rendered { color: #f00; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .select2.warning .selection .select2-selection .select2-selection__arrow b { border-color: #f00 transparent transparent transparent; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo { display: inline-block; position: relative; padding-left: 50px; cursor: pointer; font: 300 14px/30px "Roboto", sans-serif; font-size: 20px; line-height: 1.5; color: #cccccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo input { position: absolute; opacity: 0; cursor: pointer; display: none; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark { border: 1px solid #e6e7e8; border-radius: 4px; background-color: #ffffff; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo input:checked ~ .checkmark:after { opacity: 1; visibility: visible; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; border: 1px solid #e6e7e8; border-radius: 4px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo .checkmark:after { content: ""; position: absolute; left: 10px; top: 50%; left: 50%; width: 7px; height: 15px; border: solid #ea0000; border-width: 0px 2px 2px 0px; -webkit-transform: rotate(45deg) translateX(-115%) translateY(-30%); transform: rotate(45deg) translateX(-115%) translateY(-30%); z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: 0.2s ease; transition: 0.2s ease; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps button[type="submit"] { display: inline-block; cursor: pointer; padding: 22px 75px; background-color: #003e64; border: 0 none; border-radius: 4px; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps button[type="submit"]:hover { background-color: #ea0000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns { text-align: center; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps { margin-bottom: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .gotoBack { position: absolute; top: 25px; left: 20px; display: inline-block; font: 600 16px/16px "Roboto", sans-serif; color: #444444; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .gotoBack:hover { color: #ea0000; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .gotoBack img { display: inline-block; margin-right: 15px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .btn { display: inline-block; padding: 20px 50px; border-radius: 6px; background-color: #ffffff; border: 2px solid #003e64; font: 700 16px/16px "Roboto", sans-serif; text-transform: uppercase; color: #003e64; text-decoration: none; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .new-send-btn { background: #d52023; border-radius: 4px; border: 1px solid red; padding: 15px 90px; font-weight: 400; font-size: 18px; line-height: 21px; text-align: center; color: #ffffff; transition: 0.6s all; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .new-send-btn:hover { background-color: #fff !important; color: rgb(0, 0, 0) !important; border: 1px solid red; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .btn:hover { background-color: #003e64; color: #fff; } .daterangepicker .drp-calendar.left { padding: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.submits { text-align: right; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList { position: relative; padding-bottom: 40px; line-height: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList:after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background-color: #efeff0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList h4 { padding: 40px 0 0 0; margin-bottom: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item { display: none; margin-top: 40px; line-height: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item#step-2 { margin-top: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item#step-2 h4 { padding: 0 0 40px 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item .btns { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item .btns .addForm { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 2px; margin: 0 20px 0 20px; border-bottom: 1px dashed #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item .btns .addForm:hover { color: #383837; border-color: #383837; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item .btns .removeForm { position: relative; top: 0; font: 600 14px/14px "Roboto", sans-serif; color: #f24841; text-decoration: none; display: inline-block; padding: 2px; margin: 0 20px 0 20px; border-bottom: 1px dashed #f24841; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .propertyList--item .btns .removeForm:hover { color: #383837; border-color: #383837; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .addForm.button-0 { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 2px; margin: 0 20px 0 20px; border-bottom: 1px dashed #1c4a95; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .addForm.button-0:hover { color: #383837; border-color: #383837; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList { position: relative; padding-bottom: 40px; margin-bottom: 40px; line-height: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList:after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background-color: #efeff0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList h4 { padding: 40px 0 0 0; margin-bottom: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item { display: none; margin-top: 40px; line-height: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item#step-2 { margin-top: 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item#step-2 h4 { padding: 0 0 40px 0; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item .btns { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item .btns .addForm { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 2px; margin: 0 20px 0 20px; border-bottom: 1px dashed #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item .btns .addForm:hover { color: #383837; border-color: #383837; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item .btns .removeForm { position: relative; top: 0; font: 600 14px/14px "Roboto", sans-serif; color: #f24841; text-decoration: none; display: inline-block; padding: 2px; margin: 0 20px 0 20px; border-bottom: 1px dashed #f24841; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .autotransportList--item .btns .removeForm:hover { color: #383837; border-color: #383837; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .addForm.button-0 { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 2px; margin: 0 20px 0 20px; border-bottom: 1px dashed #1c4a95; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .addForm.button-0:hover { color: #383837; border-color: #383837; } @media only screen and (max-width: 992px) { .moduleOnlineFormCredits { margin: 40px 0 40px 0; } .moduleOnlineFormCredits .container .wrap { overflow: hidden; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap { padding: 30px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink { padding: 10px 0; } } @media only screen and (max-width: 900px) { .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks { margin-top: 20px; margin-bottom: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap { padding: 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.w-50 { width: 100% !important; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.w-33 { width: 100%; } .online-car-loan-form .agreebox { padding: 0px; position: relative; } } @media only screen and (max-width: 580px) { .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink .step { margin-right: 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink .name { font-size: 14px; line-height: 14px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--tabLinks .moduleOnlineFormCredits--tabLink { width: 50%; border-bottom: 1px solid #496eaa; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.btns .moduleOnlineFormCredits--content--item--wraps .gotoBack { position: static; display: block; margin-bottom: 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item.submits { text-align: center; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps label.placeholder { font-size: 10px; padding-left: 30px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps span.icons { top: 15px; right: 30px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input { min-height: 50px; font-size: 10px; padding: 0 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps select { font-size: 10px; line-height: 50px; padding-left: 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input + label.placeholder.active { top: -28px; font-size: 10px; max-width: 260px; line-height: 12px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input:focus + label.placeholder, .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps input.hasvalue + label.placeholder { top: -28px; font-size: 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo { line-height: 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .checkboxAddressTwo .checkmark { -webkit-transform: scale(0.7); transform: scale(0.7); } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .propertyList .addForm.button-0 { top: 75%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .autotransportList .addForm.button-0 { top: 75%; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd #text { padding: 0 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .fileuploadd #text .text { font-size: 10px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content h5 { line-height: 20px; } } body.hidden-scroll { overflow: hidden; } .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000000; opacity: 0.7; display: none; z-index: 1050; } .sl-wrapper { z-index: 1040; } .sl-wrapper button { border: 0 none; background: transparent; font-size: 28px; padding: 0; cursor: pointer; } .sl-wrapper button:hover { opacity: 0.7; } .sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 1060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; color: #ffffff; font-size: 3rem; } .sl-wrapper .sl-close:focus { outline: none; } .sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #ffffff; font-size: 1rem; } .sl-wrapper .sl-navigation { width: 100%; display: none; } .sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 1060; color: #ffffff; } .sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem; } .sl-wrapper .sl-navigation button:focus { outline: none; } @media (min-width: 35.5em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem; } } @media (min-width: 50em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 3rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 3rem; } } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; } @media (min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } } .sl-wrapper .sl-image iframe { background: #000; border: 0 none; } @media (min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } } .sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #ffffff; background: rgba(0, 0, 0, 0.8); font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0; } .sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; } .sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #ffffff; z-index: 1060; } .sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; } .sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .template_akcioneram-i-investoram { margin-bottom: 100px; } .template_akcioneram-i-investoram .container .wrap { font-size: 0; line-height: 0; } .template_akcioneram-i-investoram .container .wrap .title { margin-bottom: 60px; } .template_akcioneram-i-investoram .container .wrap .title h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; display: inline-block; vertical-align: middle; } .template_akcioneram-i-investoram .container .wrap .title h1 a { color: #1c4a95; text-decoration: none; display: inline-block; border-bottom: 2px solid #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .template_akcioneram-i-investoram .container .wrap .title h1 a:hover { color: #ea0000; border-color: #ea0000; } .template_akcioneram-i-investoram .container .wrap .teasers { margin-bottom: 80px; } .template_akcioneram-i-investoram .container .wrap .teasers h2 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 25px; } .template_akcioneram-i-investoram .container .wrap .teasers p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-left { width: 26%; display: inline-block; vertical-align: top; } .template_akcioneram-i-investoram .container .wrap .col-left .wraps { padding-right: 50px; } .template_akcioneram-i-investoram .container .wrap .col-right { width: 74%; display: inline-block; vertical-align: top; line-height: 30px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title { position: relative; padding-right: 100px; margin-bottom: 45px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; display: inline-block; vertical-align: middle; margin-bottom: 30px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title .notes { display: block; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title .notes strong { font-weight: 700; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title a.viewall { font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; position: absolute; right: 0px; top: 5px; padding: 13px 22px; border: 1px solid #1c4a95; border-radius: 4px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title a.viewall:hover { background-color: #1c4a95; color: #ffffff; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .tableResponsive { min-width: 790px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sortWraps { margin-bottom: 20px; text-align: left; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sortWraps .sortForm { display: inline-block; vertical-align: middle; padding-left: 0; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sortWraps .sortForm .select2 .selection .select2-selection { background-color: transparent; border: 0 none; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__rendered { font: 700 18px/30px "Roboto", sans-serif; color: #b1b2b2; padding: 0 20px 0 0; border-bottom: 2px solid #b1b2b2; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__arrow { right: 0; width: 6px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #b1b2b2 transparent transparent transparent; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps h2 { font: 700 24px/36px "Roboto", sans-serif; color: #1c4a95; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps h3 { font: 700 18px/24px "Roboto", sans-serif; color: #1c4a95; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps h4 { font: 700 15px/24px "Roboto", sans-serif; color: #1c4a95; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps h5 { font: 700 15px/40px "Roboto", sans-serif; color: #1c4a95; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps h6 { font: 700 18px/33px "Roboto", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps strong { font: 700 15px/40px "Roboto", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps p { font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps ol li { list-style: none; font: 600 15px/30px "Montserrat", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps ol li span { margin-right: 9px; font: 500 15px/30px "Montserrat", sans-serif; color: #db982a; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .featuredBlock .featuredBlock-item .featuredBlock-wraps { border: 5px solid #1c4a95; border-radius: 6px; background-color: #ffffff; padding: 42px 46px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .lastModified { padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); border-radius: 6px; display: block; font: 500 12px/16px "Montserrat", sans-serif; color: #383837; margin-top: 30px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .lastModified i { font-style: normal; color: #ea0000; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item { margin-bottom: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners { padding: 50px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); border-radius: 6px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li { list-style: none; font: 600 15px/15px "Montserrat", sans-serif; color: #383837; margin-bottom: 25px; padding-left: 0; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li span { font: 500 15px/15px "Montserrat", sans-serif; color: #ea0000; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li:last-child { margin-bottom: 0; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li:before { display: none; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs { padding: 50px; margin-bottom: 80px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); border-radius: 6px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .chartsJs__item { margin-bottom: 0; display: none; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .chartsJs__item p { margin-top: 40px; font: 500 15px/30px "Montserrat", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .chartsJs__item.active { display: block; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .chartsJs li span { display: inline-block; width: 12px; height: 12px; margin-right: 5px; border-radius: 25px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 { margin-bottom: 75px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 .selection .select2-selection { border-radius: 4px; background-color: #1c4a95; border: 0 none; height: 60px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 .selection .select2-selection .select2-selection__rendered { font: 600 15px/60px "Montserrat", sans-serif; color: #ffffff; padding-left: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 .selection .select2-selection .select2-selection__arrow { height: 60px; right: 15px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #ffffff transparent transparent transparent; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #ffffff transparent; border-width: 0 4px 5px 4px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sectionDownloadList .item .wraps .download { padding: 0; border: 0 none; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .sectionDownloadList .item .wraps .download:hover { background-color: transparent; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap { padding: 50px; margin-bottom: 80px; background-color: #f1f2f2; border-radius: 6px; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links { margin-bottom: 30px; overflow: auto; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-overflow { padding: 0 20px; background-color: #ffffff; border-radius: 6px; font-size: 0; line-height: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link { display: inline-block; vertical-align: top; font: 700 16px/16px "Montserrat", sans-serif; color: #383837; text-decoration: none; white-space: nowrap; position: relative; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link span { display: block; padding: 30px 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:hover { color: #1c4a95; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #1c4a95; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active { color: #1c4a95; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active:after { opacity: 1; visibility: visible; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents { position: relative; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content.active { opacity: 1; visibility: visible; position: relative; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content strong { font: 700 16px/20px "Montserrat", sans-serif; color: #383837; display: inline-block; margin-bottom: 15px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Manrope", sans-serif; color: #383837; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } @media only screen and (max-width: 992px) { .template_akcioneram-i-investoram .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .template_akcioneram-i-investoram .container .wrap .col-right { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; width: 100% !important; margin-bottom: 20px; } .template_akcioneram-i-investoram .container .wrap .col-left { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; width: 100% !important; } .template_akcioneram-i-investoram .container .wrap .col-left .wraps { padding-right: 0; } .template_akcioneram-i-investoram .container .wrap .title { margin-bottom: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap { padding: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs { padding: 20px; } } @media only screen and (max-width: 640px) { .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title a.viewall { position: static; margin-top: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title h1 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc { margin-top: 20px; } .sectionDepositsList .container .wrap .list .item .wraps ul.desc li { width: 50%; margin-bottom: 20px; } .sectionDepositsList .container .wrap .list .item .wraps .teaser .calculate { position: static; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .title { padding-right: 0; margin-bottom: 25px; } .template_akcioneram-i-investoram .container .wrap .teasers h2 { font-size: 20px; line-height: 20px; } .template_akcioneram-i-investoram .container .wrap .teasers p { font-size: 13px; line-height: 24px; } .template_akcioneram-i-investoram .container .wrap .teasers { margin-bottom: 30px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link { font-size: 13px; line-height: 14px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link span { padding: 15px; } .tableResponsive table.version1 thead tr td { padding: 10px; } .tableResponsive table.version1 tbody tr td { padding: 10px; } .tableResponsive table.version2 thead tr td { padding: 10px; } .tableResponsive table.version2 tbody tr td { padding: 10px; } .tableResponsive table.version3 thead tr td { padding: 10px; } .tableResponsive table.version3 tbody tr td { padding: 10px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners { padding: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .listAksioners .item .wraps-listAksioners ul li span { display: block; margin-bottom: 15px; line-height: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .featuredBlock .featuredBlock-item .featuredBlock-wraps { padding: 20px; } } @media only screen and (max-width: 480px) { .sectionDepositsList .container .wrap .list .item .wraps ul.desc li { width: 100%; } .template_akcioneram-i-investoram .container .wrap .title h1 { font-size: 20px; line-height: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps p { font-size: 13px; line-height: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li { padding-left: 20px; font-size: 13px; line-height: 20px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 { margin-bottom: 35px; max-width: 250px; } .template_akcioneram-i-investoram .container .wrap .col-right .wraps .chartsJs .select2 .selection .select2-selection .select2-selection__rendered { padding-right: 40px; } } .archive { margin-bottom: 100px; } .archive .container .wrap h1 { font: 700 30px/30px "Montserrat", sans-serif; color: #383837; margin-bottom: 50px; } @media only screen and (max-width: 992px) { .archive { margin-bottom: 20px; } } @media only screen and (max-width: 640px) { .archive .container .wrap h1 { font-size: 20px; line-height: 24px; } } .archiveNews { margin-bottom: 100px; overflow: hidden; } .archiveNews .container .wrap { font-size: 0; line-height: 0; } .archiveNews .container .wrap .col-left { width: 75%; display: inline-block; vertical-align: top; } .archiveNews .container .wrap .col-left.fullWidth { width: 100%; } .archiveNews .container .wrap .col-left.fullWidth .wraps .newsList { margin: 0 -60px; } .archiveNews .container .wrap .col-left.fullWidth .wraps .newsList .newsList__item .newsList__item--wraps { padding: 0 60px; } .archiveNews .container .wrap .col-left .wraps { padding: 0 44px 0 0; } .archiveNews .container .wrap .col-left .wraps .title { margin-bottom: 60px; } .archiveNews .container .wrap .col-left .wraps .title h1 { font: 700 30px/30px "Montserrat", sans-serif; color: #383837; display: inline-block; vertical-align: middle; max-width: 450px; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps { display: inline-block; vertical-align: middle; margin-left: 130px; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps .sortForm { display: inline-block; vertical-align: middle; padding-left: 0; margin: 0 -15px; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps .sortForm .select2 { width: inherit !important; margin: 0 15px; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps .sortForm .select2 .selection .select2-selection { background-color: transparent; border: 0 none; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__rendered { font: 700 18px/30px "Montserrat", sans-serif; color: #b1b2b2; padding: 0 20px 0 0; border-bottom: 2px solid #b1b2b2; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__arrow { right: 0; width: 6px; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #b1b2b2 transparent transparent transparent; } .archiveNews .container .wrap .col-left .wraps .newsList { margin: 0 -15px; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item { width: 33.333333%; display: inline-block; vertical-align: top; margin-bottom: 50px; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps { padding: 0 15px; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--image { margin-bottom: 25px; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--image a { text-decoration: none; display: block; border-radius: 10px; overflow: hidden; min-height: 164px; position: relative; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--image a:before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100px; height: 94px; background: url(../images/placeholder-img.png) no-repeat center center; opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--image a img { height: auto; position: relative; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser { font: 500 15px/24px "Manrope", sans-serif; color: #868686; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser .date { display: block; font: 500 14px/30px "Montserrat", sans-serif; color: #ea0000; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser a { font: 700 20px/30px "Montserrat", sans-serif; color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: block; margin-bottom: 20px; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps:hover .newsList__item--wraps--teaser a { color: #ea0000; } .archiveNews .container .wrap .col-left .newsList--wrap--btns { text-align: center; } .archiveNews .container .wrap .col-left .newsList--wrap--btns a { font: 700 16px/16px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 20px 50px; border-radius: 4px; border: 2px solid #1c4a95; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .archiveNews .container .wrap .col-left .newsList--wrap--btns a:hover { background-color: #1c4a95; color: #ffffff; } .archiveNews .container .wrap .col-left .newsList--wrap--btns a:hover:after { border-top: 5px solid #ffffff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .archiveNews .container .wrap .col-left .newsList--wrap--btns a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #1c4a95; display: inline-block; position: relative; left: 10px; top: -2px; } .archiveNews .container .wrap .col-right { width: 25%; display: inline-block; vertical-align: top; } @media only screen and (max-width: 992px) { .archiveNews .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .archiveNews .container .wrap .col-left .wraps { padding: 0; } .archiveNews .container .wrap .col-right { width: 100%; } .archiveNews .container .wrap .col-left .wraps .title h1 { display: block; margin-bottom: 30px; } .archiveNews .container .wrap .col-left .wraps .title .sortWraps { margin-left: 0; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item { width: 50%; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--image { text-align: center; } } @media only screen and (max-width: 992px) { .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item { width: 100%; } .archiveNews .container .wrap .col-left .wraps .newsList .newsList__item .newsList__item--wraps .newsList__item--wraps--teaser a { font-size: 16px; line-height: 20px; } } .singleNews { margin-bottom: 80px; } .singleNews .container .wrap { font-size: 0; line-height: 0; } .singleNews .container .wrap .col-left { width: 75%; display: inline-block; vertical-align: top; } .singleNews .container .wrap .col-left .wraps { padding: 0 44px 0 0; } .singleNews .container .wrap .col-left .wraps h1 { font: 700 28px/30px "Montserrat", sans-serif; color: #383837; margin-bottom: 30px; } .singleNews .container .wrap .col-left .wraps span.date { display: block; margin-bottom: 30px; font: 500 14px/16px "Montserrat", sans-serif; color: #ea0000; } .singleNews .container .wrap .col-left .wraps p { font: 500 15px/30px "Montserrat", sans-serif; color: #383837; } .singleNews .container .wrap .col-left .wraps img[align="left"] { margin: 0 30px 30px 0; } .singleNews .container .wrap .col-left .wraps img[align="right"] { margin: 0 0 30px 30px; } .singleNews .container .wrap .col-left .wraps .informer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-top: 60px; } .singleNews .container .wrap .col-left .wraps .informer a.back { font: 600 12px/12px "Montserrat", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: inline-block; } .singleNews .container .wrap .col-left .wraps .informer a.back img { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 10px; } .singleNews .container .wrap .col-left .wraps .informer a.back:hover { color: #ea0000; } .singleNews .container .wrap .col-left .wraps .informer .views { font: 500 12px/12px "Montserrat", sans-serif; color: #aeaeae; } .singleNews .container .wrap .col-left .wraps .informer .views img { margin-right: 10px; } .singleNews .container .wrap .col-right { width: 25%; display: inline-block; vertical-align: top; } @media only screen and (max-width: 992px) { .singleNews .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .singleNews .container .wrap .col-left .wraps { padding: 0; } .singleNews .container .wrap .col-right { width: 100%; } } .singleAnonsy { margin-bottom: 80px; } .singleAnonsy .container .wrap { font-size: 0; line-height: 0; } .singleAnonsy .container .wrap .col-left { width: 75%; display: inline-block; vertical-align: top; } .singleAnonsy .container .wrap .col-left .wraps { padding: 0 44px 0 0; } .singleAnonsy .container .wrap .col-left .wraps h1 { font: 700 28px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 30px; } .singleAnonsy .container .wrap .col-left .wraps span.date { display: block; margin-bottom: 30px; font: 500 14px/16px "Roboto", sans-serif; color: #ea0000; } .singleAnonsy .container .wrap .col-left .wraps p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; } .singleAnonsy .container .wrap .col-left .wraps a.back { font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: inline-block; margin-top: 60px; } .singleAnonsy .container .wrap .col-left .wraps a.back img { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 10px; } .singleAnonsy .container .wrap .col-left .wraps a.back:hover { color: #ea0000; } .singleAnonsy .container .wrap .col-left .wraps .accordion { margin-top: 30px; } .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content { padding: 35px 30px; } .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps { line-height: 16px; } .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps ul li { list-style: none; font: 600 15px/20px "Roboto", sans-serif; color: #383837; margin-bottom: 10px; padding-left: 0; } .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps ul li span { font: 500 15px/20px "Roboto", sans-serif; color: #ea0000; } .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps ul li:last-child { margin-bottom: 0; } .singleAnonsy .container .wrap .col-left .wraps .accordion .accordion__wraps .accordion__wraps__item .accordion__wraps__item--content .wraps ul li:before { display: none; } .singleAnonsy .container .wrap .col-right { width: 25%; display: inline-block; vertical-align: top; } .singleAnonsy .container .wrap .col-middle { width: 100%; display: inline-block; vertical-align: top; margin: 70px 0 0 0; } .singleAnonsy .container .wrap .col-middle .wraps a.back { font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: inline-block; margin-top: 60px; } .singleAnonsy .container .wrap .col-middle .wraps a.back img { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 10px; } .singleAnonsy .container .wrap .col-middle .wraps a.back:hover { color: #ea0000; } @media only screen and (max-width: 992px) { .singleAnonsy .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .singleAnonsy .container .wrap .col-left .wraps { padding-right: 0; } .singleAnonsy .container .wrap .col-right { width: 100%; } } @media only screen and (max-width: 580px) { .singleAnonsy .container .wrap .col-left .wraps h1 { font-size: 20px; line-height: 24px; } .singleAnonsy .container .wrap .col-left .wraps p { font-size: 13px; line-height: 20px; } } .archiveVacancies { margin-bottom: 100px; } .archiveVacancies .container .wrap { font-size: 0; line-height: 0; } .archiveVacancies .container .wrap .col-left { width: 32%; display: inline-block; vertical-align: top; } .archiveVacancies .container .wrap .col-left .wraps { padding-right: 50px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies { padding: 30px; background-color: #ffffff; border-radius: 10px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies h2 { font: 700 18px/18px "Roboto", sans-serif; color: #383837; margin-bottom: 30px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item { position: relative; margin-bottom: 30px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input { width: 100%; min-height: 50px; background-color: #f6f6f6; border-radius: 4px; padding: 0 40px 0 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 none; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input::-webkit-input-placeholder { line-height: 18px; color: #000000; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input:-moz-placeholder { line-height: 18px; color: #000000; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input::-moz-placeholder { line-height: 18px; color: #000000; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input:-ms-input-placeholder { line-height: 18px; color: #000000; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input::-ms-clear { display: none; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input::-ms-value { margin-left: 20px; margin-right: 20px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item button { cursor: pointer; border: 0 none; background-color: transparent; position: absolute; top: 0; right: 0; z-index: 1; min-height: 50px; padding: 0 20px 0 10px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item button svg { margin-top: 7px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item button svg path { fill: #383837; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item button:hover svg path { fill: #ea0000; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item .select2 .selection .select2-selection { border-radius: 4px; border: 2px solid #e6e7e8; height: 50px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item .select2 .selection .select2-selection .select2-selection__rendered { font: 600 14px/47px "Roboto", sans-serif; color: #383837; padding-left: 20px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item .select2 .selection .select2-selection .select2-selection__arrow { height: 50px; right: 15px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #383837 transparent transparent transparent; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #383837 transparent; border-width: 0 4px 5px 4px; } .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item:last-child { margin-bottom: 0; } .archiveVacancies .container .wrap .col-right { width: 68%; display: inline-block; vertical-align: top; line-height: 30px; } .archiveVacancies .container .wrap .col-right .wraps .title { margin-bottom: 60px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .archiveVacancies .container .wrap .col-right .wraps .title h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; display: inline-block; vertical-align: middle; } .archiveVacancies .container .wrap .col-right .wraps .title .totalCount { display: inline-block; font: 600 16px/16px "Roboto", sans-serif; color: #b1b2b2; } .archiveVacancies .container .wrap .col-right .wraps .list { margin-bottom: 45px; } .archiveVacancies .container .wrap .col-right .wraps .list .item a { font: 600 18px/30px "Roboto", sans-serif; color: #383837; text-decoration: none; display: block; padding: 20px 0; border-top: 1px solid #dadbdd; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .archiveVacancies .container .wrap .col-right .wraps .list .item a:hover { color: #1c4a95; } .archiveVacancies .container .wrap .col-right .wraps .list .item:last-child a { border-bottom: 1px solid #dadbdd; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .archiveVacancies .container .wrap .col-left .wraps .searchVacancies form .item input { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 992px) { .archiveVacancies .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .archiveVacancies .container .wrap .col-left { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; width: 100%; } .archiveVacancies .container .wrap .col-right { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; width: 100%; margin-bottom: 30px; } .archiveVacancies .container .wrap .col-left .wraps { padding-right: 0; } } .singleVacancies { margin-bottom: 80px; } .singleVacancies .container .wrap { font-size: 0; line-height: 0; } .singleVacancies .container .wrap .col-left { width: 75%; display: inline-block; vertical-align: top; } .singleVacancies .container .wrap .col-left .wraps { padding: 0 44px 0 0; line-height: 16px; } .singleVacancies .container .wrap .col-left .wraps h1 { font: 700 28px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 30px; } .singleVacancies .container .wrap .col-left .wraps h3 { font: 700 16px/16px "Roboto", sans-serif; color: #383837; margin-bottom: 25px; } .singleVacancies .container .wrap .col-left .wraps .callMe { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 70px; } .singleVacancies .container .wrap .col-left .wraps .callMe a { font: 700 24px/24px "Open Sans", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .singleVacancies .container .wrap .col-left .wraps .callMe a:hover { color: #ea0000; } .singleVacancies .container .wrap .col-left .wraps .callMe a.btn { display: inline-block; border-radius: 4px; padding: 22px 50px; margin-left: 75px; background-color: #1c4a95; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .singleVacancies .container .wrap .col-left .wraps .callMe a.btn:hover { background-color: #ea0000; } .singleVacancies .container .wrap .col-left .wraps ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .singleVacancies .container .wrap .col-left .wraps ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .singleVacancies .container .wrap .col-left .wraps p { font: 500 15px/30px "Roboto", sans-serif; color: #383837; } .singleVacancies .container .wrap .col-left .wraps img[align="left"] { margin: 0 30px 30px 0; } .singleVacancies .container .wrap .col-left .wraps img[align="right"] { margin: 0 0 30px 30px; } .singleVacancies .container .wrap .col-left .wraps .informer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-top: 60px; } .singleVacancies .container .wrap .col-left .wraps .informer a.back { font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: inline-block; } .singleVacancies .container .wrap .col-left .wraps .informer a.back img { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 10px; } .singleVacancies .container .wrap .col-left .wraps .informer a.back:hover { color: #ea0000; } .singleVacancies .container .wrap .col-left .wraps .informer .views { font: 500 12px/12px "Roboto", sans-serif; color: #aeaeae; } .singleVacancies .container .wrap .col-left .wraps .informer .views img { margin-right: 10px; } .singleVacancies .container .wrap .col-right { width: 25%; display: inline-block; vertical-align: top; } .singleVacancies .container .wrap .col-middle { width: 100%; } @media only screen and (max-width: 992px) { .singleVacancies .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .singleVacancies .container .wrap .col-left .wraps { padding: 0; } .singleVacancies .container .wrap .col-right { width: 100%; } .moduleFormVacancies .moduleFormVacancies__wraps { padding: 20px; } .singleVacancies .container .wrap .col-left .wraps .callMe { display: block; } .singleVacancies .container .wrap .col-left .wraps .callMe a { display: block; margin-bottom: 20px; } .singleVacancies .container .wrap .col-left .wraps .callMe a.btn { margin-left: 0; margin-bottom: 0; } } @media only screen and (max-width: 640px) { .moduleFormVacancies .moduleFormVacancies__wraps .moduleFormVacancies__wraps--list .moduleFormVacancies__wraps--list--item { width: 100%; } } .pageFizLisa .container .wrap .advantageBlock { margin-bottom: 90px; overflow: auto; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list { font-size: 0; background-color: #ffffff; border-radius: 6px; overflow: auto; -webkit-box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); display: -ms-flexbox; display: -webkit-box; display: flex; /*max-width:1110px;*/ } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item { width: 100%; min-width: 230px; max-width: 232px; display: inline-block; vertical-align: top; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; text-decoration: none; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps { padding: 40px 15px; text-align: center; display: block; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon { line-height: 0; margin-bottom: 30px; min-height: 40px; display: block; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser { display: block; min-height: 42px; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser strong { font: 600 14px/21px "Roboto", sans-serif; color: #383837; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { font: 500 14px/21px "Roboto", sans-serif; color: #383837; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover { background-color: rgba(28, 74, 149, 0.5); } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser strong { color: #ffffff; } .pageFizLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { color: #ffffff; } .pageFizLisa .container .wrap .bankCards h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 65px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider { margin-bottom: 50px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item { position: relative; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item:after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 385px; height: 385px; background-color: #ffffff; border-radius: 100%; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps { min-height: 400px; position: relative; z-index: 1; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image { text-align: center; margin-bottom: 45px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image a { display: inline-block; max-width: 240px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image a img { -webkit-transition: -webkit-box-shadow 200ms ease 0s; transition: -webkit-box-shadow 200ms ease 0s; transition: box-shadow 200ms ease 0s; transition: box-shadow 200ms ease 0s, -webkit-box-shadow 200ms ease 0s; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser { text-align: center; padding: 0 80px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser a { font: 500 15px/20px "Roboto", sans-serif; color: #383837; text-decoration: none; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser a .title { display: block; font: 700 16px/18px "Roboto", sans-serif; color: #383837; margin-bottom: 20px; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps:hover .image a img { -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps:hover .teaser a .title { color: #1c4a95; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item.prev .item:after { left: 52%; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item.next .item:after { left: 48%; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav { position: absolute; top: 47%; left: -2.5%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 105%; height: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-prev { width: 60px; height: 60px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding: 0; margin: 0; border-radius: 100%; background-color: #ffffff; border: 2px solid #f1f2f2; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-prev:hover svg path { fill: #ea0000; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-next { width: 60px; height: 60px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding: 0; margin: 0; border-radius: 100%; background-color: #ffffff; border: 2px solid #f1f2f2; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-next:hover svg path { fill: #ea0000; } .pageFizLisa .container .wrap .bankCards .btns { text-align: center; margin-bottom: 100px; } .pageFizLisa .container .wrap .bankCards .btns a { display: inline-block; padding: 22px 49px; font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; border-radius: 4px; border: 2px solid #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageFizLisa .container .wrap .bankCards .btns a:hover { background-color: #1c4a95; color: #ffffff; } .pageFizLisa .container .wrap .banner { margin-bottom: 100px; } .pageFizLisa .container .wrap .banner .banner__wrap { position: relative; padding: 80px; } .pageFizLisa .container .wrap .banner .banner__wrap:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 1; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content { max-width: 500px; position: relative; z-index: 1; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content p { font: 500 30px/40px "Roboto", sans-serif; color: #ffffff; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content storng { font-weight: 600; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content .btn { display: inline-block; padding: 22px 49px; margin-top: 45px; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-decoration: none; border-radius: 4px; border: 2px solid #ffffff; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content .btn:hover { background-color: #ffffff; color: #1c4a95; } .pageFizLisa .container .wrap .joinIn { margin-bottom: 200px; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap { position: relative; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap:after { position: absolute; content: ""; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -42px; width: 800px; height: 470px; background: url(../images/fizicheskim-licam/macbook.png) no-repeat center center; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content { background-color: transparent; padding: 72px 30px 70px 30px; margin: 0 auto; max-width: 450px; min-height: auto; max-height: 178px; overflow: hidden; position: relative; z-index: 1; text-align: center; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content strong { font: 700 24px/30px "Roboto", sans-serif; color: #ffffff; margin-bottom: 15px; display: inline-block; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content p { font: 500 14px/24px "Roboto", sans-serif; color: #ffffff; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content .btn { display: inline-block; padding: 22px 54px; margin-top: 40px; border-radius: 4px; background-color: #ea0000; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content .btn:hover { background-color: #ffffff; color: #ea0000; } @media only screen and (max-width: 1350px) { .mobileMenu.active { width: calc(90%); } } @media only screen and (max-width: 1240px) { .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav { width: 100%; left: 0; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item:after { width: 335px; height: 335px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser { padding: 0 40px; } } @media only screen and (max-width: 992px) { .pageFizLisa .container .wrap { overflow: hidden; } } @media only screen and (max-width: 680px) { .mobileMenu.active { width: calc(100%); } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item { padding: 100px 0 70px 0; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .title { font-size: 26px; line-height: 30px; } .moduleInnerSection1Slider .slider .owl-stage-outer .owl-stage .owl-item .item .container .wrap .btns a { padding: 20px 25px; } .pageFizLisa .container .wrap .banner .banner__wrap { padding: 20px; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content { max-width: 300px; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content p { font-size: 20px; line-height: 30px; } .pageFizLisa .container .wrap .banner .banner__wrap .banner__wrap--content .btn { margin-top: 25px; padding: 15px 20px; } .pageFizLisa .container .wrap .bankCards { margin: 0 -10px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-nav { top: 90%; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser { padding: 0; max-width: 230px; margin: 0 auto; } .pageFizLisa .container .wrap .advantageBlock { margin-bottom: 40px; } .pageFizLisa .container .wrap .bankCards h1 { margin-bottom: 35px; } .pageFizLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image { margin-bottom: 25px; } .pageFizLisa .container .wrap .bankCards .btns { margin-bottom: 40px; } .pageFizLisa .container .wrap .banner { margin-bottom: 70px; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content strong { font-size: 21px; line-height: 21px; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content p { font-weight: 400; } .pageFizLisa .container .wrap .joinIn .joinIn__wrap .joinIn__wrap--content { padding: 30px 0; max-height: inherit; } } .pageYurLisa .container .wrap .advantageBlock { margin-bottom: 90px; overflow: auto; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list { font-size: 0; background-color: #ffffff; border-radius: 6px; overflow: auto; -webkit-box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); display: -ms-flexbox; display: -webkit-box; display: flex; /*max-width:1110px;*/ } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item { width: 100%; min-width: 230px; max-width: 232px; display: inline-block; vertical-align: top; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; text-decoration: none; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps { padding: 40px 15px; text-align: center; display: block; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--icon { line-height: 0; margin-bottom: 30px; min-height: 40px; display: block; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser { display: block; min-height: 42px; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser strong { font: 600 14px/21px "Roboto", sans-serif; color: #383837; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { font: 500 14px/21px "Roboto", sans-serif; color: #383837; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover { background-color: rgba(28, 74, 149, 0.5); } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser strong { color: #ffffff; } .pageYurLisa .container .wrap .advantageBlock .advantageBlock__list .advantageBlock__list__item:hover .advantageBlock__list__item__wraps .advantageBlock__list__item__wraps--teaser p { color: #ffffff; } .pageYurLisa .container .wrap .bankCards { margin-bottom: 100px; } .pageYurLisa .container .wrap .bankCards h1 { font: 700 24px/30px "Roboto", sans-serif; color: #1c4a95; text-align: center; margin-bottom: 45px; } .pageYurLisa .container .wrap .bankCards .bankCards__list { margin: 0 -20px; font-size: 0; line-height: 0; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item { width: 50%; display: inline-block; vertical-align: top; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps { padding: 0 20px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content { padding: 36px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 50px 0px rgba(28, 74, 149, 0.1); border-radius: 6px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--image { width: 45%; display: inline-block; vertical-align: top; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--image a { text-decoration: none; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser { width: 55%; display: inline-block; vertical-align: top; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser a { font: 500 15px/24px "Roboto", sans-serif; color: #383837; text-decoration: none; display: block; padding-left: 25px; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser a .title { display: block; font: 600 16px/24px "Roboto", sans-serif; margin-bottom: 15px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps:hover .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser a { color: #1c4a95; } .pageYurLisa .container .wrap .content { margin-bottom: 100px; } .pageYurLisa .container .wrap .content h2 { font: 700 24px/30px "Roboto", sans-serif; color: #1c4a95; text-align: center; margin-bottom: 45px; } .pageYurLisa .container .wrap .content .content__wraps { padding: 60px; background-color: #ebebec; font-size: 0; line-height: 0; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu { width: 30%; display: inline-block; vertical-align: top; background-color: #1c4a95; border-radius: 6px; -webkit-box-shadow: 0px 40px 50px 0px rgba(35, 31, 32, 0.04); box-shadow: 0px 40px 50px 0px rgba(35, 31, 32, 0.04); overflow: hidden; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { list-style: none; border-bottom: 1px solid #3e65a5; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li a { font: 600 14px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; display: block; padding: 25px 28px; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li a:hover { background-color: #ea0000; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:last-child { border-bottom: 0 none; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li.active a { background-color: #ea0000; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content { width: 70%; display: inline-block; vertical-align: top; position: relative; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding { position: absolute; top: 20px; left: 60px; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding.active { position: relative; opacity: 1; visibility: visible; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding h3 { font: 700 24px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 25px; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding ul { margin-bottom: 40px; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 15px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding strong { font: 700 15px/24px "Roboto", sans-serif; color: #383837; margin-bottom: 25px; display: inline-block; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding p { font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding a.btn { display: inline-block; padding: 20px 53px; margin-top: 50px; font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; border: 2px solid #1c4a95; border-radius: 4px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding a.btn:hover { background-color: #1c4a95; color: #ffffff; } @media only screen and (max-width: 992px) { .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li a { min-height: 80px; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { vertical-align: top; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content { padding: 15px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--image { width: 100%; display: block; margin-bottom: 20px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser { width: 100%; display: block; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item .bankCards__list--item--wraps .bankCards__list--item--wraps--content .bankCards__list--item--wraps--content--teaser a { padding-left: 0; } .pageYurLisa .container .wrap .content .content__wraps { padding: 30px 30px 50px 30px; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu { width: 100%; display: block; margin-bottom: 20px; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { width: 33.222222229%; display: inline-block; border-right: 1px solid #3e65a5; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:nth-child(3), .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:nth-child(6), .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:last-child { border-right: none; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content { width: 100%; display: block; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--content .content__wraps--content--padding { left: 0; } } @media only screen and (max-width: 680px) { .pageYurLisa .container .wrap .advantageBlock { margin-bottom: 30px; } .pageYurLisa .container .wrap .bankCards h1 { margin-bottom: 30px; } .pageYurLisa .container .wrap .bankCards { margin-bottom: 30px; } .pageYurLisa .container .wrap .content h2 { margin-bottom: 30px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item { width: 100%; margin-bottom: 20px; } .pageYurLisa .container .wrap .bankCards .bankCards__list .bankCards__list--item:last-child { margin-bottom: 0; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { width: 49.9%; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:nth-child(2), .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:nth-child(4), .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:nth-child(6), .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:last-child { border-right: none; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li:nth-child(3) { border-right: 1px solid #3e65a5; } } @media only screen and (max-width: 565px) { .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { width: 100%; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li a { padding: 15px; } } @media only screen and (max-width: 480px) { .pageYurLisa .container .wrap .content .content__wraps { padding: 15px 15px 50px 15px; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li { width: 100%; } .pageYurLisa .container .wrap .content .content__wraps .content__wraps--menu ul li a { padding: 15px; } } .page { margin-bottom: 100px; overflow: hidden; } .page .container .wrap h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 50px; } .page .container .wrap h2 { font: 700 24px/36px "Manrope", sans-serif; color: #1c4a95; } .page .container .wrap h4 { font: 700 15px/24px "Roboto", sans-serif; color: #1c4a95; } .page .container .wrap ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; color: #5c5c5c; font-size: 16px; font-weight: normal; } .page .container .wrap ul li:before { position: absolute; content: ""; font-size: 0; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .page .container .wrap ul.listBanks { font-size: 0; line-height: 0; } .page .container .wrap ul.listBanks li { width: 16.66666%; display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style: none; } .page .container .wrap ul.listBanks li:before { display: none; } .page .container .wrap ul.listBanks li .wraps { border: 1px solid #f1f2f2; background-color: #ffffff; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 48px 0; min-height: 112px; cursor: pointer; } .page .container .wrap ul.listBanks li .wraps .name { display: block; margin-top: 40px; font: 600 14px/14px "Roboto", sans-serif; color: #383837; } .page .container .wrap ul.listBanks li.active .wraps { border-color: #1c4a95; } .page .container .wrap ul.listBanks li.active .wraps .name { color: #1c4a95; } .page .container .wrap .listBanksContent { position: relative; } .page .container .wrap .listBanksContent .item { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .page .container .wrap .sectionDownloadList .item { background-color: #eaeaec; border-radius: 4px; margin-bottom: 10px; position: relative; visibility: visible; opacity: 1; } .page .container .wrap .listBanksContent .item.active { opacity: 1; visibility: visible; position: static; } .page .container .wrap .informer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-top: 60px; } .page .container .wrap .informer a.back { font: 600 12px/12px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: inline-block; } .page .container .wrap .informer a.back img { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 10px; } .page .container .wrap .informer a.back:hover { color: #ea0000; } .page .container .wrap .grids { margin: 80px -30px 80px -30px; font-size: 0; line-height: 0; } .page .container .wrap .grids .grids--item { width: 50%; display: inline-block; vertical-align: top; } .page .container .wrap .grids .grids--item .grids--item--wraps { padding: 0 30px; } .page .container .wrap .grids .grids--item .grids--item--wraps .grids--item--wraps--content { padding: 50px; background-color: #ffffff; border-radius: 6px; } .page .container .wrap .grids .grids--item .grids--item--wraps .grids--item--wraps--content strong { font: 700 18px/30px "Roboto", sans-serif; color: #1c4a95; display: block; margin-bottom: 20px; } .page .container .wrap .grids .grids--item .grids--item--wraps .grids--item--wraps--content ul li { margin-bottom: 15px; } .page .container .wrap .grids .grids--item .grids--item--wraps .grids--item--wraps--content ul li:last-child { margin-bottom: 0; } .page .container .wrap .personalCabinet { margin-bottom: 100px; } .page .container .wrap .personalCabinet .personalCabinet--item { margin-bottom: 60px; } .page .container .wrap .personalCabinet .personalCabinet--item .personalCabinet--item-wraps { padding: 50px 60px; background-color: #ffffff; border-radius: 6px; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .page .container .wrap .personalCabinet .personalCabinet--item .personalCabinet--item-wraps .personalCabinet--item-wraps-title { display: block; text-align: center; position: relative; margin-bottom: 45px; } .page .container .wrap .personalCabinet .personalCabinet--item .personalCabinet--item-wraps .personalCabinet--item-wraps-title:after { position: absolute; content: ""; top: -14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 50px; height: 50px; border-radius: 100%; background-color: #ea0000; } .page .container .wrap .personalCabinet .personalCabinet--item .personalCabinet--item-wraps .personalCabinet--item-wraps-title strong { font: 700 18px/18px "Roboto", sans-serif; color: #383837; position: relative; z-index: 1; } .page .container .wrap .personalCabinet .personalCabinet--item:last-child { margin-bottom: 0; } .page .container .wrap .exchangeRates__tabs { margin-bottom: 100px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links { margin: -79px -25px 0 115px; text-align: center; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links .exchangeRates__tabs--links--link { font: 700 18px/20px "Roboto", sans-serif; color: #b1b2b2; text-decoration: none; margin: 0 25px 60px 25px; padding-bottom: 7px; display: inline-block; position: relative; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links .exchangeRates__tabs--links--link:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1c4a95; display: none; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links .exchangeRates__tabs--links--link:hover { color: #383837; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links .exchangeRates__tabs--links--link.active { color: #1c4a95; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links .exchangeRates__tabs--links--link.active:after { display: block; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents { position: relative; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content.active { opacity: 1; visibility: visible; position: relative; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content { width: 100%; border-right: 1px solid #f6f6f6; border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 35px 45px; border-bottom: 1px solid #f6f6f6; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title h2 { font: 700 18px/18px "Roboto", sans-serif; color: #383837; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps { display: inline-block; vertical-align: middle; margin-left: 130px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps .sortForm { display: inline-block; vertical-align: middle; padding-left: 0; margin: 0 -15px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps .sortForm .select2 { width: inherit !important; margin: 0 15px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps .sortForm .select2 .selection .select2-selection { background-color: transparent; border: 0 none; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__rendered { font: 600 15px/30px "Roboto", sans-serif; color: #383837; padding: 0 20px 0 0; border-bottom: 2px solid #383837; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__arrow { right: 0; width: 6px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps .sortForm .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #383837 transparent transparent transparent; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content { padding: 10px 40px 40px 40px; overflow: auto; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list { min-width: 800px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul { font-size: 0; line-height: 0; padding: 27px 0; border-radius: 4px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.head li { list-style: none; width: 14.5%; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.head li:first-child { width: 27.5%; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.head li:before { display: none; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.head li span { font: 600 14px/14px "Roboto", sans-serif; color: #1c4a95; display: block; padding: 0 30px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li { list-style: none; width: 14.5%; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li:before { display: none; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li:first-child { width: 27.5%; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span { font: 600 15px/15px "Roboto", sans-serif; color: #383837; display: inline-block; position: relative; padding: 0 40px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span:after { content: ""; top: 0; right: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; display: inline-block; vertical-align: middle; position: relative; left: 10px; top: -1px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span i { font: 600 16px/16px "Roboto", sans-serif; color: rgba(56, 56, 55, 0.3); position: relative; left: 40px; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span.cur { font: 600 15px/15px "Roboto", sans-serif; color: #383837; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span.cur img { margin-right: 15px; height: auto; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span.up:after { border-bottom: 5px solid #46a932; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul.body li span.down:after { border-top: 5px solid #ff0002; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-content .list ul:nth-child(even) { background-color: #f6f6f6; } .page .container .wrap .featuresMobileBank { margin-bottom: 80px; } .page .container .wrap .featuresMobileBank h2 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 70px; text-align: center; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column { max-width: 350px; display: inline-block; vertical-align: top; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column ul li { list-style: none; position: relative; padding-left: 60px; font: 500 16px/21px "Roboto", sans-serif; color: #383837; margin-bottom: 90px; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column ul li:before { position: absolute; content: ""; z-index: -1; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 45px; display: inline-block; border-radius: 100%; background-color: #ea0000; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column ul li:last-child { margin-bottom: 0; } .page .container .wrap .advantagesMobileBank { margin-bottom: 80px; } .page .container .wrap .advantagesMobileBank h3 { font: 700 24px/33px "Roboto", sans-serif; color: #383837; text-align: center; margin-bottom: 50px; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list { font-size: 0; line-height: 0; margin: 0 -25px; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item { width: 20%; display: inline-block; vertical-align: top; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item .advantagesMobileBank--list-item-wraps { padding: 0 25px; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item .advantagesMobileBank--list-item-wraps .icon { display: block; text-align: center; margin-bottom: 25px; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item .advantagesMobileBank--list-item-wraps .icon img { height: auto; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item .advantagesMobileBank--list-item-wraps .teaser { text-align: center; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item .advantagesMobileBank--list-item-wraps .teaser span { display: inline-block; font: 500 14px/20px "Roboto", sans-serif; color: #383837; } @media only screen and (max-width: 992px) { .page .container .wrap ul.listBanks li { width: 33.333333%; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links { margin: 0; text-align: left; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title { padding: 20px; display: block; } .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--contents .exchangeRates__tabs--contents--content .exchangeRates__content .exchangeRates__content--wraps .exchangeRates__content--wraps-title .sortWraps { margin-left: 0; margin-top: 20px; } .page .container .wrap .personalCabinet .personalCabinet--item .personalCabinet--item-wraps { padding: 30px 20px; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column:nth-child(2) { display: none; } } @media only screen and (max-width: 730px) { .page .container .wrap .grids .grids--item .grids--item--wraps .grids--item--wraps--content { padding: 20px; } .page .container .wrap .grids { margin: 30px -10px 30px -10px; } .page .container .wrap .grids .grids--item .grids--item--wraps { padding: 0 10px; } } @media only screen and (max-width: 700px) { .page .container .wrap .featuresMobileBank .featuresMobileBank--list { display: block; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column { max-width: 100%; margin-bottom: 80px; } .page .container .wrap .featuresMobileBank .featuresMobileBank--list .featuresMobileBank--list-column:last-child { margin-bottom: 0; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item { width: 33.333333%; margin-bottom: 30px; } } @media only screen and (max-width: 640px) { .page .container .wrap .exchangeRates__tabs .exchangeRates__tabs--links .exchangeRates__tabs--links--link { font-size: 13px; line-height: 13px; margin: 0 10px 20px 10px; } .page .container .wrap .grids .grids--item { width: 100%; margin-bottom: 20px; } } @media only screen and (max-width: 480px) { .page .container .wrap h1 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .page .container .wrap p { font-size: 13px; line-height: 22px; } .page .container .wrap ul.listBanks li { width: 50%; } .page .container .wrap ul.listBanks li .wraps { min-height: 165px; } .page .container .wrap ul li { font-size: 13px; line-height: 22px; } .page .container .wrap .advantagesMobileBank h3 { font-size: 18px; line-height: 26px; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list { margin: 0 -15px; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item { width: 50%; } .page .container .wrap .advantagesMobileBank .advantagesMobileBank--list .advantagesMobileBank--list-item .advantagesMobileBank--list-item-wraps { padding: 0 15px; } } .archiveBankCards .container .wrap .title { margin-bottom: 40px; } .archiveBankCards .container .wrap .title h1 { font: 700 50px/50px "Roboto", sans-serif; color: #003e64; text-align: center; display: block; width: 100%; text-transform: uppercase; margin: 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs { margin-bottom: 100px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links { margin: 0 auto; display: table; text-align: center; display: none; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link { font: 700 20px/24px "Roboto", sans-serif; color: #e5e5e5; text-decoration: none; margin: 0 12px 42px 12px; text-transform: uppercase; padding-bottom: 2px; display: inline-block; position: relative; color: #383837; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1c4a95; display: none; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link:hover { color: #383837; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link.active { color: #1c4a95; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link.active:after { display: block; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents { position: relative; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content.active { opacity: 1; visibility: visible; position: relative; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item { font-size: 0; line-height: 0; margin-bottom: 45px; padding: 38px 90px 38px 48px; background: #fafafa; transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item:hover { -webkit-box-shadow: 0px 0px 30px rgba(87, 87, 87, 0.15); box-shadow: 0px 0px 30px rgba(87, 87, 87, 0.15); border-radius: 10px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left { width: 300px; display: inline-block; vertical-align: top; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps { padding-right: 8px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .image { margin-bottom: 30px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .image a { text-decoration: none; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .image a img { -webkit-box-shadow: none; box-shadow: none; /*max-width: inherit;*/ } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns { width: 100%; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a { font: 400 18px/24px "Roboto", sans-serif; color: #003e64; text-decoration: none; display: table; margin: 0 auto; text-transform: capitalize; text-align: center; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item.bussitems .col-left .wraps .btns a { padding: 10px 15px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a.make { background: none; color: #003e64; border-radius: 5px; text-transform: uppercase; display: block; width: 100%; height: 50px; text-align: center; margin-bottom: 14px; font: 400 20px/50px "Roboto", sans-serif; border: 2px solid #003e64; border-radius: 10px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a.make:hover { background-color: #003e64; border-color: #003e64; color: #fff; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a.readmore { border-radius: 10px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a.readmore:hover { background-color: #1c4a95 !important; color: #ffffff !important; border-color: #1c4a95 !important; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .btns a:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right { width: calc(100% - 352px); display: inline-block; vertical-align: top; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps { padding-left: 52px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser h2 { font: 700 21px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 15px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser h2 a { font: 700 36px/40px "Roboto", sans-serif; color: #003e64; text-decoration: none; text-transform: inherit; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser h2 a:hover { color: #1c4a95; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser p { font: normal 18px/26px "Roboto", sans-serif; color: #5c5c5c; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list { margin-top: 30px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item { display: inline-block; vertical-align: top; margin-right: 57px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item:last-child { margin-right: 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item .list__item--title { display: block; font: 400 20px/30px "Roboto", sans-serif; color: #737373; padding: 0; margin: 0 0 4px 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item .list__item--value { display: block; font: 700 20px/30px "Roboto", sans-serif; color: #003e64; padding: 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item:last-child .list__item--value { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item:last-child { margin: 0; border: 0 none; } .archiveBankCards .container .wrap .sectionDownloadList { margin-bottom: 0; } .archiveBankCards .container .wrap .accordion { margin-bottom: 80px; } @media only screen and (max-width: 1200px) { .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item { padding-right: 30px; } } @media only screen and (max-width: 992px) { .archiveBankCards .container .wrap .title h1 { font-size: 30px; line-height: 30px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left { float: none; margin: 0 auto 45px auto; display: block; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item { padding: 30px; height: auto; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right { text-align: center; width: 100%; float: none; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps { padding-left: 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item .list__item--title { font-size: 14px; line-height: 20px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser p { font-size: 14px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser h2 a { font-size: 30px; line-height: 30px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item:first-child .list__item--value { border-radius: 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item:last-child .list__item--value { border-radius: 0; } } @media only screen and (max-width: 640px) { .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link { margin-bottom: 25px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left { width: 100%; margin-bottom: 20px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right { width: 100%; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps { padding-left: 0; } } @media only screen and (max-width: 425px) { .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item { margin-right: 0; margin-bottom: 15px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item:last-child { margin-bottom: 0; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser p { margin-bottom: 20px; } } @media only screen and (max-width: 420px) { .archiveBankCards .container .wrap .title { margin-bottom: 30px; } .archiveBankCards .container .wrap .title h1 { font-size: 20px; line-height: 20px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--links .archiveBankCards__tabs--links--link { font-size: 14px; margin: 0 10px 20px 10px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item { padding-bottom: 40px; margin-bottom: 40px; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list .list__item { width: 100%; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-right .wraps .teaser .list { margin-top: 10px; } } .singleBankCards .container .wrap .horizontalAdvantages { margin-bottom: 80px; overflow: hidden; } .singleBankCards .container .wrap .horizontalAdvantages h2 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists { margin: 60px -20px 0 -20px; font-size: 0; line-height: 0; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item { width: 25%; display: inline-block; vertical-align: top; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps { padding: 0 20px; text-align: center; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps .horizontalAdvantagesLists--item-icon { display: block; margin-bottom: 25px; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps .horizontalAdvantagesLists--item-icon img { height: auto; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps .horizontalAdvantagesLists--item-teaser p { font: 400 18px/30px "Roboto", sans-serif; color: #383837; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps .horizontalAdvantagesLists--item-teaser strong { font-weight: 700; } .verticalAdvantages { /*margin-bottom: 80px;*/ font-size: 0; line-height: 0; } .verticalAdvantages h2 { font: 700 30px/30px; color: #383837; } .verticalAdvantages .verticalAdvantagesLists { margin-top: 60px; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; vertical-align: middle; } .verticalAdvantages .verticalAdvantagesLists.four_block-grid { grid-template-columns: repeat(2, 1fr) !important; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item { width: 100%; position: relative; display: inline-block; vertical-align: top; background-color: #f2f5f8; box-shadow: 10px 5px 15px #8b8b8b; border-radius: 12px; padding: 20px; } .paddingBottomCard { padding-bottom: 55px !important; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-descr p { margin-bottom: 0; padding-bottom: 40px; } .individualsCards .personal__title { padding-top: 0; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps { display: flex; flex-direction: column; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-title { /* padding: 0 20px; */ display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 10px; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-icon { display: inline-block; min-width: 70px; min-height: 70px; margin-right: 30px; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-icon img { height: auto; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-teaser { display: inline-block; width: 90%; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-teaser p { color: #383837; font-size: 16px; font-weight: 400; line-height: 150%; text-align: left; margin-bottom: 0; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-teaser strong { font-weight: 700; color: #1c4a95; } .verticalAdvantages .imageCard { width: 45%; display: inline-block; vertical-align: middle; } .verticalAdvantages .imageCard .imageCard--wraps { text-align: right; } .verticalAdvantages .imageCard .imageCard--wraps img { height: auto; display: none; } .singleBankCards .container .wrap .tableResponsive { margin-bottom: 100px; } .singleBankCards .container .wrap .tableResponsive .version2 thead tr td { color: #383837; width: auto; } .singleBankCards .container .wrap .tableResponsive .version2 tbody tr td { width: auto; color: #1c4a95; font: 600 18px/30px "Roboto", sans-serif; } .singleBankCards .container .wrap .tableResponsive .version2 tfoot tr td { width: auto; padding-top: 40px; font: 500 15px/30px "Roboto", sans-serif; color: rgba(56, 56, 55, 0.9); } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap { padding: 80px; margin-bottom: 80px; background-color: #f1f2f2; border-radius: 6px; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links { margin-bottom: 70px; padding: 0 20px; background-color: #ffffff; border-radius: 6px; font-size: 0; line-height: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; overflow: auto; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link { display: inline-block; vertical-align: top; font: 700 16px/16px "Roboto", sans-serif; color: #383837; text-decoration: none; white-space: nowrap; position: relative; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link span { display: block; padding: 30px 20px; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:hover { color: #1c4a95; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #1c4a95; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active { color: #1c4a95; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active:after { opacity: 1; visibility: visible; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents { position: relative; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content.active { opacity: 1; visibility: visible; position: relative; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content strong { font: 700 16px/20px "Roboto", sans-serif; color: #383837; display: inline-block; margin-bottom: 0; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap.calcActive { background-color: #1c4a95; } @media only screen and (max-width: 992px) { .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap { padding: 20px; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links { margin-bottom: 20px; } .singleBankCards .container .wrap .horizontalAdvantages { margin-bottom: 0; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item { width: 50%; margin-bottom: 30px; } } @media only screen and (max-width: 860px) { .verticalAdvantages { margin-bottom: 20px; } .verticalAdvantages .verticalAdvantagesLists { width: 100%; margin: 20px 0 0 0; column-count: 1; } .verticalAdvantages .imageCard { display: none; } } @media only screen and (max-width: 640px) { .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .image { text-align: center; } .archiveBankCards .container .wrap .archiveBankCards__tabs .archiveBankCards__tabs--contents .archiveBankCards__tabs--contents--content .item .col-left .wraps .image a img { max-width: 100%; } .verticalAdvantages h2 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-teaser p { font-size: 16px; line-height: 20px; } .verticalAdvantages .verticalAdvantagesLists .verticalAdvantagesLists--item .verticalAdvantagesLists--item-wraps .verticalAdvantagesLists--item-icon { min-width: 40px; min-height: 40px; margin-right: 20px; } .singleBankCards .container .wrap .tableResponsive { margin-bottom: 30px; } .singleBankCards .container .wrap .tableResponsive .version2 thead tr td { padding: 10px; } .singleBankCards .container .wrap .tableResponsive .version2 tbody tr td { padding: 10px; } .singleBankCards .container .wrap .tableResponsive .version2 tfoot tr td { padding-top: 10px; font-size: 13px; line-height: 22px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap h3 { margin-top: 20px; font-size: 18px; line-height: 22px; } .singleBankCards .container .wrap .horizontalAdvantages h2 { margin-top: 20px; font-size: 18px; line-height: 22px; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item { width: 100%; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps .horizontalAdvantagesLists--item-icon { max-width: 55px; margin: 0 auto 25px auto; } .singleBankCards .container .wrap .horizontalAdvantages .horizontalAdvantagesLists .horizontalAdvantagesLists--item .horizontalAdvantagesLists--item-wraps .horizontalAdvantagesLists--item-teaser p { font-size: 14px; line-height: 24px; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li { font-size: 13px; line-height: 20px; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link { font-size: 14px; line-height: 14px; } .singleBankCards .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link span { padding: 15px 10px; } } .singleCredit { margin-bottom: 100px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap { padding: 80px; margin-bottom: 80px; background-color: #ffffff; border-radius: 6px; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; -webkit-box-shadow: 0px 0px 10px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 10px rgba(28, 74, 149, 0.1); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links { margin-bottom: 70px; overflow: auto; -webkit-box-shadow: 0px 0px 10px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 10px rgba(28, 74, 149, 0.1); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-overflow { /*padding: 0 20px;*/ background-color: #ffffff; /*border-radius: 6px;*/ -webkit-box-shadow: 0px 0px 10px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 10px rgba(28, 74, 149, 0.1); border-radius: 10px 10px 0px 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 0; line-height: 0; /* display: -webkit-flex; */ display: -ms-flexbox; /* display: flex; */ -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link { display: inline-block; vertical-align: top; font: 18px/16px "Roboto"; /* font: 700 16px/16px "Roboto", sans-serif;*/ color: #383837; text-decoration: none; white-space: nowrap; position: relative; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link span { display: block; padding: 30px 50px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:hover { color: #1c4a95; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #1c4a95; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active { color: #1c4a95; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link.active:after { opacity: 1; visibility: visible; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents { position: relative; overflow: hidden; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content { position: absolute; top: 0; left: 0; width: 100%; font: 500 15px/24px "Roboto", sans-serif; color: #383837; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content.active { opacity: 1; visibility: visible; position: relative; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content p { font: 16px/26px "Roboto", sans-serif; color: #5c5c5c; padding: 10px 0; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content strong { font: 700 16px/20px "Roboto", sans-serif; color: #383837; display: inline-block; margin-bottom: 15px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 25px; font: 500 15px/24px "Roboto", sans-serif; color: #383837; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content ul li:before { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 100%; width: 10px; height: 10px; background-color: #ea0000; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator p { font: 500 15px/30px "Roboto", sans-serif; color: #ffffff; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list { font-size: 0; line-height: 0; margin: 0 -30px 100px -30px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps { padding: 0 30px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps label { display: block; margin-bottom: 25px; padding: 0 0 0 30px; font: 600 15px/30px "Roboto", sans-serif; color: #ffffff; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"] { font: 600 18px/30px "Roboto", sans-serif; color: #ffffff; background-color: transparent; width: 100%; min-height: 70px; border: 2px solid #ffffff; border-radius: 4px; padding: 0 28px 0 28px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"]::-webkit-input-placeholder { line-height: 30px; color: rgba(255, 255, 255, 0.5); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"]:-moz-placeholder { line-height: 30px; color: rgba(255, 255, 255, 0.5); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"]::-moz-placeholder { line-height: 30px; color: rgba(255, 255, 255, 0.5); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"]:-ms-input-placeholder { line-height: 30px; color: rgba(255, 255, 255, 0.5); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"]::-ms-clear { display: none; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"]::-ms-value { margin-left: 28px; margin-right: 28px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection { border-radius: 4px; border: 2px solid #ffffff; height: 70px; background-color: transparent; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection .select2-selection__rendered { font: 600 18px/68px "Roboto", sans-serif; color: #ffffff; padding: 0 28px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 70px; right: 15px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #ffffff transparent transparent transparent; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #ffffff transparent; border-width: 0 4px 5px 4px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--selects { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 0 -20px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--selects div { padding: 0 20px; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs { margin: 0 -20px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div { padding: 0 20px; display: inline-block; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font: 600 14px/30px "Roboto", sans-serif; color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox span.text { display: inline-block; margin-left: 20px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox input { position: absolute; opacity: 0; cursor: pointer; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox input:checked ~ .checkmark { background-color: #ffffff; border-color: #ffffff; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox input:checked ~ .checkmark:after { display: block; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox .checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 26px; background-color: transparent; border-radius: 4px; border: 2px solid #d1d3d4; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox .checkmark:after { content: ""; position: absolute; display: none; left: 10px; top: 5px; width: 5px; height: 10px; border: solid #1c4a95; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--checkboxs div .checkbox:hover input ~ .checkmark { background-color: #d1d3d4; border-color: #d1d3d4; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .btn { display: inline-block; cursor: pointer; padding: 22px 66px; border: 0 none; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; background-color: #ea0000; border-radius: 4px; -webkit-box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); box-shadow: 0px 10px 30px 0px rgba(28, 74, 149, 0.2); -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .btn:hover { background-color: #ffffff; color: #ea0000; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult { background-color: #ffffff; border-radius: 6px; padding: 50px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 50px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title span { display: inline-block; font: 700 18px/30px "Roboto", sans-serif; color: #383837; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title .btn { display: inline-block; padding: 12px 17px; border: 2px solid #1c4a95; border-radius: 6px; background-color: transparent; cursor: pointer; font: 700 12px/12px "Roboto", sans-serif; color: #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title .btn:hover { background-color: #1c4a95; color: #ffffff; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .tableResponsive { padding: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .tableResponsive table thead tr td { font: 600 14px/30px "Roboto", sans-serif; color: #b1b2b2; padding: 0px 30px 15px 30px; width: inherit !important; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .tableResponsive table tbody tr td { background-color: #f6f6f6; padding: 15px 30px; font: 600 15px/20px "Roboto", sans-serif; color: #383837; width: inherit !important; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap.calcActive { background-color: #1c4a95; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table caption { font: 700 18px/30px "Roboto", sans-serif; color: #383837; text-align: left; margin-bottom: 40px; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table thead tr td { padding: 0 30px 25px 30px; width: inherit !important; text-align: left; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tbody tr td { padding: 23px 30px; width: inherit !important; text-align: left; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tfoot tr td { text-align: center; padding-top: 30px; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tfoot tr td a { font: 700 12px/12px "Roboto", sans-serif; color: #868686; text-decoration: underline; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tfoot tr td a:hover { color: #1c4a95; text-decoration: none; } @media (min-width: 890px) { .hamburger { display: none; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"] { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 1060px) { .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tbody tr td { padding: 10px; } } @media only screen and (max-width: 992px) { .singleCredit { margin-bottom: 40px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap { padding: 20px; margin-bottom: 20px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--links .singleCreditTabs__wrap--links-link span { padding: 20px 10px; } .tableResponsive { padding: 10px; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table caption { margin-bottom: 20px; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table thead tr td { padding: 0 10px 10px 10px; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tbody tr td { padding: 10px; } .singleCredit .container .wrap .singleCreditTabs .calculatorResultLists .tableResponsive table tfoot tr td { padding-top: 10px; } } @media only screen and (max-width: 760px) { .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item { width: 100%; margin-bottom: 20px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps input[type="text"] { min-height: 50px; padding: 0 10px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection { height: 50px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection .select2-selection__rendered { line-height: 48px; padding: 0 10px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps label { margin-bottom: 10px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 50px; } } @media only screen and (max-width: 580px) { .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title { display: block; margin-bottom: 20px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult .title span { display: block; margin-bottom: 20px; font-size: 14px; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__creditResult { padding: 20px; } } @media only screen and (max-width: 480px) { .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--selects { display: block; } .singleCredit .container .wrap .singleCreditTabs .singleCreditTabs__wrap .singleCreditTabs__wrap--contents .singleCreditTabs__wrap--contents--content#calculator .calculatorCredit .calculatorCredit__list .calculatorCredit__list--item .calculatorCredit__list--item--wraps .calculatorCredit__list--item--wraps--selects div { margin-bottom: 10px; } } .pageContacts { overflow: hidden; } .pageContacts .container .wrap { margin: 0 -20px 50px -20px; font-size: 0; line-height: 0; display: flex; flex-wrap: wrap; } .pageContacts .container .wrap .headTeaser { font: 500 15px/30px "Roboto", sans-serif; color: #383837; padding: 0 20px 60px 20px; } .pageContacts .container .wrap .colLeft { width: 60%; display: inline-block; vertical-align: top; } .pageContacts .container .wrap .colLeft .wraps { padding: 0 5px; } .pageContacts .container .wrap .colLeft .wraps .content { padding: 30px 0; border-radius: 6px; background-color: #ffffff; } .pageContacts .container .wrap .colLeft .wraps .content .title { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 20px; } .pageContacts .container .wrap .colLeft .wraps .content .title h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; } .pageContacts .container .wrap .colLeft .wraps .content .title .btn { display: inline-block; padding: 13px 21px; border: 1px solid #1c4a95; border-radius: 4px; font: 600 13px/13px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageContacts .container .wrap .colLeft .wraps .content .title .btn:hover { background-color: #1c4a95; color: #ffffff; } .pageContacts .container .wrap .colLeft .wraps .content ul li { display: block; list-style: none; margin-bottom: 35px; position: relative; } .pageContacts .container .wrap .colLeft .wraps .content ul li .icon { display: inline-block; position: absolute; top: 2px; left: 0; } .pageContacts .container .wrap .colLeft .wraps .content ul li .icon img { height: auto; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser { padding-left: 65px; display: inline-block; line-height: 22px; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser strong { font: 700 14px/18px "Roboto", sans-serif; color: #1c4a95; text-transform: uppercase; display: block; margin-bottom: 10px; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser p { font: 400 16px/18px "Roboto", sans-serif; color: #383837; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser address { font: 400 16px/18px "Roboto", sans-serif; color: #383837; margin: 0; padding: 0; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser address a { font: 400 16px/18px "Roboto", sans-serif; color: #383837; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser address a:hover { color: #1c4a95; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser a { font: 400 16px/18px "Roboto", sans-serif; color: #383837; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageContacts .container .wrap .colLeft .wraps .content ul li .teaser a:hover { color: #1c4a95; text-decoration: underline; } .pageContacts .container .wrap .colLeft .wraps .content ul li:last-child { margin-bottom: 0; } .pageContacts .container .wrap .colRight { width: 40%; display: block; } .pageContacts .container .wrap .colRight .wraps { padding: 0 20px; } .pageContacts .container .wrap .colRight .wraps ul { display: flex; flex-wrap: wrap; justify-content: center; } .pageContacts .container .wrap .colRight .wraps ul li { display: block; list-style: none; margin-bottom: 5px; position: relative; background-color: #ffffff; padding: 35px 35px; padding-right: 0; border-radius: 6px; width: 60%; } .pageContacts .container .wrap .colRight .wraps ul li .icon { display: inline-block; position: absolute; top: 35px; left: 35px; } .pageContacts .container .wrap .colRight .wraps ul li .icon img { height: auto; } .pageContacts .container .wrap .colRight .wraps ul li .teaser { padding-left: 80px; display: inline-block; } .pageContacts .container .wrap .colRight .wraps ul li .teaser strong { font: 400 16px/18px "Roboto", sans-serif; color: #383837; display: block; margin-bottom: 10px; } .pageContacts .container .wrap .colRight .wraps ul li .teaser a { font: 700 18px/18px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageContacts .container .wrap .colRight .wraps ul li .teaser a:hover { color: #ea0000; text-decoration: underline; } .pageContacts .container .wrap .colRight .wraps ul li:last-child { margin-bottom: 0; } .pageContacts #map { width: 100%; min-height: 500px; margin-bottom: 30px; } @media only screen and (max-width: 1440px) { .pageContacts .container .wrap .colRight .wraps ul li { width: 100%; } } @media only screen and (max-width: 1170px) { .pageContacts .container .wrap .colLeft .wraps .content { padding: 10px 0; } .pageContacts .container .wrap .colRight .wraps ul li { padding: 5px 20px; margin-bottom: 40px; } .pageContacts .container .wrap .colRight .wraps ul li .icon { top: 0; left: 0; } .pageContacts .container .wrap .colRight .wraps ul li .teaser { padding-left: 50px; } .pageContacts .container .wrap .colRight .wraps { padding: 0; } } @media only screen and (max-width: 992px) { .pageContacts .container .wrap .colLeft { width: 100%; margin-bottom: 30px; } .pageContacts .container .wrap .colLeft .wraps .content .title { display: block; } .pageContacts .container .wrap .colLeft .wraps .content .title h1 { margin-bottom: 20px; } .pageContacts .container .wrap .colRight { width: 100%; } } .pageOffice { overflow: hidden; } .pageOffice .container { padding-left: 0; padding-right: 0; } .pageOffice .container .wrap .maps { background-color: #ffffff; border-radius: 6px; margin-bottom: 35px; } .pageOffice .container .wrap .maps .title { display: -ms-flexbox; display: -webkit-box; display: flex; margin-bottom: 35px; } .pageOffice .container .wrap .maps img { width: 100%; } .pageOffice .container .wrap .maps .title h1 { font: 700 30px/30px "Roboto", sans-serif; color: #383837; } .pageOffice .container .wrap .maps .title h1 a { color: #1c4a95; text-decoration: none; display: inline-block; position: relative; } .pageOffice .container .wrap .maps .title h1 a:after { position: absolute; content: ""; bottom: -5px; left: 0; width: 100%; height: 2px; background-color: #1c4a95; } .pageOffice .container .wrap .maps .title h1 a:hover { color: #ea0000; } .pageOffice .container .wrap .maps .title h1 a:hover:after { background-color: #ea0000; } .pageOffice .container .wrap .maps .title .selects { background-color: #f6f6f6; border-radius: 6px; width: 100%; max-width: 540px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .pageOffice .container .wrap .maps .title .selects .select2 { width: 50% !important; } .pageOffice .container .wrap .maps .title .selects .select2 .selection .select2-selection { border-radius: 4px; border: 0 none; background-color: transparent; height: 60px; } .select2-container--open .kmaNewAccInvstSelectDropdown.select2-dropdown--above { border-color: #003e64; border-bottom: 1px solid #003e64; } .pageOffice .container .wrap .maps .title .selects .select2 .selection .select2-selection .select2-selection__rendered { font: 600 14px/60px "Roboto", sans-serif; color: #383837; padding-left: 20px; } .pageOffice .container .wrap .maps .title .selects .select2 .selection .select2-selection .select2-selection__arrow { height: 60px; right: 15px; } .pageOffice .container .wrap .maps .title .selects .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #383837 transparent transparent transparent; } .pageOffice .container .wrap .maps .title .selects .select2.select2-container--open .selection .select2-selection { border-radius: 0; } .pageOffice .container .wrap .maps .title .selects .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #383837 transparent; border-width: 0 4px 5px 4px; } .pageOffice .container .wrap .maps .title .selects .select2:last-child { border-left: 1px solid #e6e7e8; } .pageOffice .container .wrap .maps #map { width: 100%; min-height: 600px; } .pageOffice .container .wrap .maps #map #infowindows { padding: 10px; max-width: 300px; } .pageOffice .container .wrap .maps #map #infowindows #wraps .titles { font: 700 15px/23px "Roboto", sans-serif; color: #383837; display: block; margin-bottom: 10px; } .pageOffice .container .wrap .maps .filterTabs { display: flex; flex-wrap: wrap; } .pageOffice .container .wrap .maps .filterTabs li { margin: 10px; padding: 7px 14px; list-style-type: none; cursor: pointer; border: solid grey 2px; border-radius: 20px; transition: 0.6s all; } .pageOffice .container .wrap .maps .filterTabs li.active { border-color: #d52023; box-shadow: 0px 10px 15px 0px rgb(56 56 55 / 20%); } #infowindows .w_item { display: block; clear: both; padding: 5px 0; color: #003e64; font-weight: normal; font: 14px/22px "Roboto", sans-serif; } .gm-ui-hover-effect img { width: 30px !important; height: 30px !important; margin-left: -7px !important; margin-top: 7px !important; } /* CUSTOM SCROLL BAR */ .kmaNewAccInvstSelectDropdown ::-webkit-scrollbar { width: 10px; } .kmaNewAccInvstSelectDropdown ::-webkit-scrollbar-track { background: #fff; } .kmaNewAccInvstSelectDropdown ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .kmaNewAccInvstSelectDropdown .select2-results__option { margin-right: 2px; } .pageOffice .container .wrap .maps #map #infowindows #wraps ul li { list-style: none; margin-bottom: 15px; } .pageOffice .container .wrap .maps #map #infowindows #wraps ul li strong { font: 600 15px/20px "Roboto", sans-serif; color: #003e64; white-space: nowrap; } .pageOffice .container .wrap .maps #map #infowindows #wraps ul li span { font: 400 15px/20px "Roboto", sans-serif; color: #383837; } .pageOffice .container .wrap .maps #map #infowindows #wraps ul li a { font: 400 15px/20px "Roboto", sans-serif; color: #383837; text-decoration: none; } .pageOffice .container .wrap .maps #map #infowindows #wraps ul li a:hover { color: #ea0000; } .pageOffice .container .wrap .maps #map #infowindows #wraps ul li:last-child { margin-bottom: 0; } .pageOffice .container .wrap .content { font: 500 15px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 80px; } @media only screen and (max-width: 992px) { .pageOffice .container .wrap .maps .title { display: block; } .pageOffice .container .wrap .maps .title h1 { margin-bottom: 30px; } } .notFound { padding: 200px 0; } .notFound .container .wrap { font-size: 0; line-height: 0; } .notFound .container .wrap .col-left { width: 50%; display: inline-block; vertical-align: middle; } .notFound .container .wrap .col-left .wraps { text-align: center; } .notFound .container .wrap .col-left .wraps h1 { font: 400 50px/60px "Roboto", sans-serif; color: #1c4a95; margin-bottom: 20px; } .notFound .container .wrap .col-left .wraps h2 { font: 700 40px/50px "Roboto", sans-serif; color: #1c4a95; margin-bottom: 40px; } .notFound .container .wrap .col-left .wraps .btn { display: inline-block; padding: 22px 40px; border-radius: 6px; background-color: #ea0000; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .notFound .container .wrap .col-left .wraps .btn:hover { background-color: #1c4a95; } .notFound .container .wrap .col-right { width: 50%; display: inline-block; vertical-align: middle; } .notFound .container .wrap .col-right .wraps span { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 380px; height: 380px; background-color: #1c4a95; border-radius: 100%; font: 700 180px/180px "Roboto", sans-serif; color: #ffffff; } @media only screen and (max-width: 992px) { .notFound { padding: 100px 0; } .notFound .container .wrap { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .notFound .container .wrap .col-left { width: 100%; -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .notFound .container .wrap .col-right { width: 100%; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; margin-bottom: 30px; } .notFound .container .wrap .col-right .wraps span { margin: 0 auto; } } @media only screen and (max-width: 480px) { .notFound .container .wrap .col-right .wraps span { font-size: 120px; line-height: 120px; width: 300px; height: 300px; } .notFound .container .wrap .col-left .wraps h1 { font-size: 30px; line-height: 30px; } .notFound .container .wrap .col-left .wraps h2 { font-size: 20px; line-height: 20px; } } .pressServiceBankList { font-size: 0; line-height: 0; } .pressServiceBankList .pressServiceBankList__item { width: 100%; display: inline-block; vertical-align: top; text-align: left; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps { padding: 45px 50px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); box-shadow: 0px 0px 100px 0px rgba(28, 74, 149, 0.1); } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps .name { display: block; font: 700 18px/30px "Roboto", sans-serif; color: #383837; margin-bottom: 15px; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul { display: block; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li { list-style: none; padding: 0; margin: 0 0 15px 0; display: block; font: 700 15px/15px "Roboto", sans-serif; color: #383837; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li:before { display: none; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li:last-child { margin: 0 0 0 0; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li span { display: inline-block; font: 500 15px/15px "Roboto", sans-serif; color: #ea0000; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li a { font: 700 15px/15px "Roboto", sans-serif; color: #383837; text-decoration: none; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li a:hover { color: #1c4a95; } @media only screen and (max-width: 992px) { .pressServiceBankList .pressServiceBankList__item { width: 100%; margin-bottom: 20px; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps { padding: 20px; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps .name { margin-bottom: 10px; } } @media only screen and (max-width: 480px) { .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps ul li span { display: block; margin-bottom: 15px; } .pressServiceBankList .pressServiceBankList__item .pressServiceBankList__item--wraps .name { font-size: 15px; line-height: 24px; } } @media (max-width: 1060px) { .verticalAdvantages .verticalAdvantagesLists { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); } } @media (max-width: 768px) { .individualsCards.container { padding: 0 !important; } .individualsCards .personal__title { margin-top: 0; } .verticalAdvantages .verticalAdvantagesLists { grid-template-columns: repeat(1, 1fr); grid-auto-rows: auto; gap: 30px; } } .pressReleaseList { font-size: 0; line-height: 0; text-align: center; margin: 0 -30px; } .pressReleaseList .pressReleaseList__item { width: 50%; display: inline-block; vertical-align: top; text-align: left; margin-bottom: 60px; } .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps { padding: 0px 30px; } .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a { display: block; padding: 45px 50px; background-color: #ffffff; border-radius: 6px; text-decoration: none; } .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a .date { font: 500 14px/14px "Roboto", sans-serif; color: #ea0000; display: block; margin-bottom: 15px; } .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a .teaser { font: 700 18px/30px "Roboto", sans-serif; color: #383837; display: block; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a:hover .teaser { color: #ea0000; } .pressReleaseList .pressReleaseList--btns { text-align: center; margin-top: 20px; } .pressReleaseList .pressReleaseList--btns a { font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; display: inline-block; padding: 20px 50px; border-radius: 4px; border: 2px solid #1c4a95; position: relative; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pressReleaseList .pressReleaseList--btns a:hover { background-color: #1c4a95; color: #ffffff; } .pressReleaseList .pressReleaseList--btns a:hover:after { border-top: 5px solid #ffffff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pressReleaseList .pressReleaseList--btns a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #1c4a95; display: inline-block; position: relative; left: 10px; top: -2px; } @media only screen and (max-width: 992px) { .pressReleaseList .pressReleaseList__item { width: 100%; margin-bottom: 20px; } .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a { padding: 20px; } } @media only screen and (max-width: 640px) { header .container .wrap .colRight .item.callnum { display: none; } header .container .wrap .colRight .item.seachWraps.active { right: 100px; } header .container .wrap .colRight .item.seachWraps { right: 100px; } .mobileMenu.active { z-index: 99999; } .mobileMenu .callnum { text-align: left; margin-top: 20px; margin-bottom: 15px; display: none; } .mobileMenu .callnum a { font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .callnum svg { max-width: 20px; height: 20px; display: inline-block; width: auto; margin-right: 10px; } .callnum div.ctext { display: none; } } @media only screen and (max-width: 480px) { .pressReleaseList .pressReleaseList__item .pressReleaseList__item--wraps a .teaser { font-size: 16px; line-height: 20px; } } /* * Owl Carousel - Core */ .owl-carousel { /*display: none;*/ width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; overflow: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ } .section1 .owl-carousel .owl-stage-outer { overflow: visible; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; overflow: hidden; width: 100%; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-origin: 30% 50%; -ms-transform-origin: 30% 50%; transform-origin: 30% 50%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; transition: -webkit-transform 100ms ease; -webkit-transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .section1 .owl-theme .owl-dots .owl-dot span { width: 66px; height: 0; border: 1px solid rgba(10, 30, 50, 0.2); margin: 5px 7px; background: #d6d6d6; display: block; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 0; } .section1 .owl-theme .owl-dots .owl-dot.active span { border: 1px solid #003d64; } /* * Green theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; /* height: 28px; */ -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 15px; font: 600 14px/14px "Manrope", sans-serif; color: #1c4a95; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--darkblue-blue-40, rgba(10, 30, 50, 0.4)); font-size: 14px; font-weight: 400; line-height: 140%; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { /* height: 26px; */ position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--default .select2-results > .select2-results__options { overflow-y: auto; border: 2px solid #ffffff; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1c4a95; color: #ffffff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, white), to(#eeeeee) ); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc) ); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(50%, #eeeeee) ); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #eeeeee), to(white) ); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0 0; cursor: pointer; transition-property: opacity, -webkit-filter; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger-box { width: 25px; height: 14px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #1c4a95; border-radius: 0px; position: absolute; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } /* * 3DX */ .hamburger--3dx .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dx .hamburger-inner { transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dx-r .hamburger-inner { transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dy .hamburger-inner { transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dy-r .hamburger-inner { transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dxy .hamburger-inner { transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dxy-r .hamburger-inner { transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; transition-property: none; } .hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(45deg); transform: translate3d(0, -6px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1px; -webkit-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 6px; -webkit-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 12px; transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(135deg); transform: translate3d(0, 6px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(-270deg); transform: translate3d(0, -12px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 1px; -webkit-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 6px; -webkit-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 12px; transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(-135deg); transform: translate3d(0, 6px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(270deg); transform: translate3d(0, -12px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic .hamburger-inner::after { top: 6px; right: 0; transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -50px; top: -50px; -webkit-transform: translate3d(50px, 50px, 0) rotate(45deg); transform: translate3d(50px, 50px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -50px; top: -50px; -webkit-transform: translate3d(-50px, 50px, 0) rotate(-45deg); transform: translate3d(-50px, 50px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r .hamburger-inner::after { top: 6px; right: 0; transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -50px; top: 50px; -webkit-transform: translate3d(50px, -50px, 0) rotate(-45deg); transform: translate3d(50px, -50px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -50px; top: 50px; -webkit-transform: translate3d(-50px, -50px, 0) rotate(45deg); transform: translate3d(-50px, -50px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1px; } .hamburger--slider .hamburger-inner::before { top: 6px; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 12px; } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0); transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg); transform: translate3d(0, -12px, 0) rotate(-90deg); } .v3-navbar1 .hamburger--slider.is-active .hamburger-inner { -webkit-transform: unset; transform: unset; } .v3-navbar1 .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: unset; transform: unset; opacity: 1; } .v3-navbar1 .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: unset; transform: unset; } .v3-navbar2 .mobileMenu .mobileMenu__wraps .hamburger-inner::before { background-color: #1c4a95; } .v3-navbar2 .mobileMenu .mobileMenu__wraps .hamburger-inner::after { background-color: #1c4a95; } .mobileMenu.active .hamburger-inner, .mobileMenu.active .hamburger-inner::before, .mobileMenu.active .hamburger-inner::after { background-color: #1c4a95; } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 1px; } .hamburger--slider-r .hamburger-inner::before { top: 6px; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 12px; } .hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg); transform: translate3d(0, 6px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(3.57143px, -4px, 0); transform: rotate(45deg) translate3d(3.57143px, -4px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(90deg); transform: translate3d(0, -12px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 1px; -webkit-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 6px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 12px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg); transform: translate3d(0, 6px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent; transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent; transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, -webkit-transform; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, -webkit-transform; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .mobileMenu.active .mobileMenu__wraps .hamburger { text-align: right; margin: -18px 2px 16px 0px; } .payme { display: none; } .moduleAuthorizationForm .container .wrap { width: 50%; display: inline-block; margin-bottom: 50px; padding: 0; } .moduleAuthorizationForm.forgot-password .container .wrap { width: 100%; } .myrequests_info { max-width: 600px; width: calc(50% - 30px); margin: auto; padding: 0; position: relative; margin-left: 30px; top: -50px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } .myrequests_info h2 { color: #383837; font: 700 24px/30px "Roboto", sans-serif; margin: 20px 0; } .myrequests_info ul { padding: 0; } .myrequests_info ul li { list-style: none; } .input { font: 15px/1 "Open Sans", sans-serif; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 18px 18px 20px 18px; width: 100%; border: 1px solid #e2e2e2; border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; outline: 0; } .form-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; background: #ffffff; color: #666; top: 0; width: 25px; height: 25px; border: 0; cursor: pointer; margin-right: 13px; outline: none; border: 1px solid #1d3448; border-radius: 2px; box-sizing: unset !important; } .new-zakaz-card-form .form-checkbox { padding: 0px !important; } .form-checkbox:checked::before { position: absolute; font: 28px/1 "Open Sans", sans-serif; left: 5px; top: -5px; content: "\02143"; -webkit-transform: rotate(40deg); transform: rotate(40deg); color: #d52023; } .form-checkbox:checked { border: 1px solid #d52023; } label { font-weight: 400; color: #666; cursor: pointer; } input[type][disabled] { background-color: transparent; color: #ddd; cursor: default; } input[type][disabled] + label { color: #999; cursor: default; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider { margin-bottom: 50px; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item { position: relative; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item:after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 385px; height: 385px; background-color: #ffffff; border-radius: 100%; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps { min-height: 400px; position: relative; z-index: 1; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image { text-align: center; margin-bottom: 45px; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image a { display: inline-block; max-width: 240px; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .image a img { -webkit-transition: -webkit-box-shadow 200ms ease 0s; transition: -webkit-box-shadow 200ms ease 0s; transition: box-shadow 200ms ease 0s; transition: box-shadow 200ms ease 0s, -webkit-box-shadow 200ms ease 0s; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser { text-align: center; padding: 0 80px; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser a { font: 500 15px/20px "Roboto", sans-serif; color: #383837; text-decoration: none; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps .teaser a .title { display: block; font: 700 16px/18px "Roboto", sans-serif; color: #383837; margin-bottom: 20px; -webkit-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps:hover .image a img { -webkit-box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); box-shadow: 0px 10px 30px 0px rgba(56, 56, 55, 0.2); } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item .item .wraps:hover .teaser a .title { color: #1c4a95; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item.prev .item:after { left: 52%; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-stage-outer .owl-stage .owl-item.next .item:after { left: 48%; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-nav { position: absolute; top: 47%; left: -2.5%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 105%; height: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-prev { display: none; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-prev:hover svg path { fill: #ea0000; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-next { display: none; } .pageYurLisa .container .wrap .bankCards .bankCardsSlider .owl-nav .owl-next:hover svg path { fill: #ea0000; } .pageYurLisa .container .wrap .bankCards .btns { text-align: center; margin-bottom: 100px; } .pageYurLisa .container .wrap .bankCards .btns a { display: inline-block; padding: 22px 49px; font: 700 16px/16px "Roboto", sans-serif; color: #1c4a95; text-decoration: none; border-radius: 4px; border: 2px solid #1c4a95; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageYurLisa .container .wrap .bankCards .btns a:hover { background-color: #1c4a95; color: #ffffff; } .list_pretext { margin: 10px 0px 0 0px; } .innerSection1 .wrap .list { display: none; } .innerSection1 .wrap .list_pretext { display: none; } .kartasayta { display: inline-block; margin: 0 50px 0 0; vertical-align: top; } .kartasayta li { position: unset !important; } .kartasayta li:before { display: inline !important; width: 0px !important; height: 0px !important; } .kartasayta li p { font-weight: bold; } .page .container .wrap .kartasayta li p { font-weight: bold; } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .irs-disabled .irs-handle, .irs-disabled .irs-bar { display: none; } #kod-podverjdeniya h4 { font-style: normal; font-weight: 500; font-size: 30px; line-height: 42px; color: #1d3448; margin-bottom: 40px; padding: 0; } #kod-podverjdeniya .time-torepeadsms { max-width: 320px; margin: 0 auto; } #kod-podverjdeniya .kod-podverjdeniya-form--item input { max-width: 422px; min-height: 70px; background: #ffffff; border: 1.38889px solid #e3e3e3; box-sizing: border-box; border-radius: 6px; font-style: normal; font-weight: normal; font-size: 40px; line-height: 47px; color: #d52023; padding: 12px 97px; margin: 0 auto; text-align: center; } #kod-podverjdeniya .time-torepeadsms { text-align: center; } #kod-podverjdeniya #pereotpravkasms { margin-top: 14px; display: none; } #kod-podverjdeniya .time-torepeadsms p { font-weight: 400; font-size: 20px; line-height: 37px; text-align: center; color: #1d3448 !important; margin-top: 14px; } #kod-podverjdeniya .kod-podverjdeniya-formbtn--item .btn-sub { width: 300px; height: 70px; background: #d52023; border-radius: 6px; display: block; margin: 0 auto; font-weight: 400; font-size: 30px; line-height: 42px; text-align: center; color: #ffffff; padding: 14px 38px; border: none; margin-top: 30px; cursor: pointer; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .kod-podverjdeniya-uspeshno h5 { font-style: normal; font-weight: 500; font-size: 30px; line-height: 35px; color: #1d3448; margin-bottom: 40px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .kod-podverjdeniya-uspeshno p { max-width: 566px; margin: 0 auto; font-style: normal; font-weight: normal; font-size: 26px; line-height: 30px; text-align: center; color: #1d3448; margin-bottom: 24px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .gotomain-btn { display: block; margin: 0 auto; max-width: 300px; background: #d52023; border-radius: 6px; font-weight: 400; font-size: 30px; line-height: 42px; text-align: center; color: #ffffff; padding: 14px 52px; text-decoration: none; margin-top: 40px; } .inline-list--second__item--popup-wrap { position: relative; max-width: 528px; max-height: 700px; background: #fff; padding: 50px; padding-bottom: 25px; overflow-y: auto; border-radius: 10px; margin: auto; z-index: 999; } #cardtypeform .inline-list-second__new-item { background: linear-gradient(106.83deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0px 32px 96px 80px rgba(0, 0, 0, 0.03); border-radius: 20px; } #cardtypeform .inline-list-second__new-item input { font-weight: 400; font-size: 25px; line-height: 29px; color: #003e64; } #cardtypeform .inline-list-second__new-item label { font-weight: 400; font-size: 18px; line-height: 21px; color: #383837; } .inline-list--second__item--popup-close { position: absolute; top: 18px; right: 15px; width: 30px; height: 25px; cursor: pointer; } .inline-list--second__item--popup-close::before { transform: rotate(45deg); } .inline-list--second__item--popup-close::after { transform: rotate(-45deg); } .inline-list--second__item--popup-close:before, .inline-list--second__item--popup-close:after { position: absolute; left: 15px; content: " "; height: 25px; width: 2px; background-color: #333; } .inline-list--second__item--popup h4 { font-size: 20px; font-weight: 400; line-height: 1.4; text-align: center; color: #1d3448; margin-bottom: 2rem; } .inline-list--second__item--popup--item { position: relative; margin-bottom: 25px; } .inline-list--second__item--popup--form label { display: block; font-size: 14px; line-height: 1.122; color: #1d3448; font-weight: 400; margin-bottom: 5px; } .inline-list-btn { width: 100%; padding: 17px 25px; font-weight: 500; font-size: 16px; line-height: 1.3; text-align: center; letter-spacing: 0.01em; margin-top: 25px; border: 0; background: none; transition: 0.3s; background: #d52023; color: #fff; cursor: pointer; outline: none; border-radius: 4px; } .inline-list--second__item--popup--form .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .inline-list--second__item--popup--form .input-group > .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .inline-list--second__item--popup--item .input-card-num.input-left { width: 60%; border-right: none; } .form-control.invalid, .virtualReception__select.invalid { border-color: red; } .virtualReception__select, .kmaNewAccInvstSelect, .form-control { position: relative; width: 100%; padding: 14px; border: 1px solid #e3e3e3; border-radius: 4px; box-sizing: border-box; background: none; display: none; } .inline-list--second__item--popup--item:last-child { margin-bottom: 0; } .inline-list-btn:hover { background: #f7494c; } .input-group-radio { padding-top: 50px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .input-group-radio p { font-weight: 400; font-size: 18px; line-height: 21px; text-align: left; color: #444444 !important; } .radio-input { display: flex; } .radio { position: relative; } .radio_input { -webkit-appperance: none; appearance: none; position: absolute; } .radio_label { font-weight: 300; font-size: 22px; line-height: 26px; color: #1d3448; cursor: pointer; border: 1px solid transparent; padding: 8px 20px; box-sizing: border-box; filter: drop-shadow(0px 6px 20px rgba(233, 39, 138, 0.4)); border-radius: 30px; } .inst-atms-form_wrapper .feed-form .input-group-radio p { font-weight: bold; font-size: 14px; line-height: 16px; color: #383837; } .radio_input:checked + .radio_label { border: 1px solid #d52023; color: #d52023; } .radio_input.warning + .radio_label { color: #f00; } .new-zakaz-card-form .radio-input { margin-top: 25px; } input[name="whichcard"] { display: none !important; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .secondPageRequired { background: #ffffff; border: 1px solid #e3e3e3; box-sizing: border-box; border-radius: 4px; font-weight: 400; font-size: 18px; line-height: 21px; color: #383837; background-image: url("../images/down.png") !important; background-repeat: no-repeat; background-position: right 3% center; padding-right: 30px; max-height: 50px; padding: 14px 20px; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .secondPageRequired option { display: block; font-weight: 400; font-size: 18px; line-height: 21px; color: #383837; } .online-car-loan-form .agreebox { display: flex; padding: 0px 20px !important; } .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .secondPageRequired .hidden { display: none; } .new-zakaz-card-form .agreebox { display: flex; padding: 0px 0px; } .agreebox label { font-size: 18px; line-height: 21px; color: #444444; text-align: justify; width: 97%; } .select-card-from-list { margin-bottom: 48px; padding: 0 20px; } .feedback-status-form__group { display: flex; align-items: center; margin: 40px 5px; padding: 5px 20px; } .feedback-status-form__label { font-weight: 400; font-size: 22px; line-height: 26px; color: #444444; } .feedback-status-form__input { background-color: transparent; box-sizing: border-box; border-radius: 4px; font-weight: 400; font-size: 25px; line-height: 29px; color: #003e64; max-height: 50px; min-height: 50px; margin-left: 15px; border-left: 0px; border-right: 0px; border-top: 0px; } .inline-list-btn_check { width: auto; margin-top: 0px; margin-left: 15px; } .ipoteka-online-skoring .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .radio-group_title p { font-weight: 400; font-size: 18px; line-height: 21px; color: #444444; margin-top: 20px; margin-bottom: 12px; } .myradio { display: inline-block; font-weight: normal; font-size: 14px; line-height: 16px; color: #444444; position: relative; padding-left: 30px; } .myradio + .myradio { margin-left: 20px; } .ipoteka-online-skoring .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .myradio input[type="radio"] { display: none; } .ipoteka-online-skoring .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .myradio span { display: block; width: 22px; height: 22px; border: 2px solid #1d3448; border-radius: 50%; box-sizing: border-box; position: absolute; left: 0; top: -4px; } .ipoteka-online-skoring .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .myradio span::after { content: ""; width: 13px; height: 13px; border-radius: 50%; background: #1d3448; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: 300ms ease-in-out 0s; } .ipoteka-online-skoring .moduleOnlineFormCredits .container .wrap .moduleOnlineFormCredits__wrap .moduleOnlineFormCredits--contents .moduleOnlineFormCredits--content .moduleOnlineFormCredits--content--item .moduleOnlineFormCredits--content--item--wraps .myradio input[type="radio"]:checked ~ span::after { transform: translate(-50%, -50%) scale(1); } /* .museumBtn a{ font-weight: normal; font-size: 14px !important; line-height: 16px !important; color: #FFFFFF !important; text-decoration: none; padding: 12px 16px!important; background: #1D3448; border-radius: 10px; text-align: center; margin-bottom: 0px !important; } .museumBtn a:hover{ text-decoration: none; color: #FFFFFF; } .museumBtn img { vertical-align: middle; margin-right: px; } */ .nav2-right .navbar-nav { flex-direction: row; justify-content: space-between; } /* #museumBtn a { font-weight: normal; font-size: 12px !important; line-height: 14px !important; text-decoration: none; border-radius: 10px; text-align: center; margin-bottom: 0px !important; display: block; margin-top: 0; border-left: none; } #museumBtn img { vertical-align: middle; margin-right: px; } */ #chatFixedbtn { position: fixed; bottom: 85px; right: 25px; z-index: 9999; } #chatFixedbtn a img { width: 75px; height: 75px; vertical-align: middle; border-style: none; } #chatFixedbtn a img:hover { animation: go-top-bottom 3s infinite alternate; animation-duration: 0.5s; color: #444444; transform: translateY(-10px); } @keyframes go-top-bottom { from { transform: translateY(-7px); } to { transform: translateY(7px); } } .biography { max-width: 1440px; margin-bottom: 120px; word-wrap: break-word; overflow: hidden; } .biography_text { font-weight: normal; font-size: 28px; line-height: 33px; color: #1d3448; margin-top: 32px; } .biography_photo { float: left; } .biography_photo img { border-radius: 20px; float: left; width: 390px; margin-right: 60px; } .biography_name { font-weight: 500; font-size: 46px; line-height: 54px; color: #444444; } .biography_other { font-weight: 400; font-size: 32px; line-height: 37px; color: #1d3448; margin-top: 60px; max-width: 1200px; } .biography_other p { font-weight: normal; font-size: 28px; line-height: 33px; color: #1d3448; margin-top: 32px; } .biography_other ul li { font-weight: normal; font-size: 28px; line-height: 33px; color: #1d3448; margin-top: 32px; margin-left: 25px; } .biography_name { margin-top: 24px; } .biography_tittle { margin-top: 24px; } .biography_photo img { margin-top: 18px; } .biography_name { margin-top: 18px; margin-bottom: 40px; } .unh-itemsCover .pagination { display: flex; justify-content: center; } /* for deposits-details */ .deposits_advantages_general { font-weight: bold; font-size: 22px; } .deposits_advantages_general::before { content: " ◉ "; color: #d52023; } .description_adv1 span, .description_adv2 span { font-weight: normal; font-size: 22px; } @media (min-width: 1200px) { .deposits_description_info { white-space: nowrap; } } .deposit_openInstructions { font-weight: 500; font-size: 22px; color: #b1b3b3; } :root { --shadow: 8px 8px 30px rgba(0, 0, 0, 0.05); } .rating { display: flex; justify-content: center; grid-gap: 0.5rem; font-size: 2rem; color: #ffbd13; margin-bottom: 2rem; max-width: 350px; margin: 0 auto; } .rating > input { display: none; } .rating > label { position: relative; width: 1.1em; font-size: 5vw; color: #ffd700; cursor: pointer; } .rating > label:hover { transform: scale(1.2); } .rating > label::before { content: "\2605"; position: absolute; opacity: 0; } label.done:before { opacity: 1; } .corp_credits-meaning_icon { width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; left: 505px; border: 1px #BDBDBD solid; color: #BDBDBD; } @media(max-width: 255px) { .item.langSwitch { display: none; } }