/* Services list */ .vs-services { float: right; width: 380px; height: 600px; background-color: #3e474e; padding: 22px 24px 0 25px; border-radius: 3px; } /* Title */ .vs-services-title { font-size: 18px; color: #b1b9c1; text-transform: uppercase; margin: 0; padding-top: 1px; letter-spacing: -0.6px; } /* List */ #vs-services-list { padding-top: 18px; } /* Item */ #vs-services-list [data-type="item"] { } /* Link */ #vs-services-list [data-type="item"] > a { position: relative; float: left; } /* Image */ #vs-services-list [data-type="item_img"] { display: block; position: absolute; width: 30px; } #vs-services-list [data-type="item_img"] > span { display: block; } /* Hover */ #vs-services-list [data-type="item"] > a:hover [data-type="item_img"] { opacity: .8; } /* Name */ #vs-services-list [data-type="item_name"] { display: block; float: left; margin-left: 47px; } #vs-services-list [data-type="item_name"] > span { color: #fff; font-family: LatoRegular, sans-serif; font-size: 17px; line-height: 16px; letter-spacing: 0.7px; } /* Hover */ #vs-services-list [data-type="item"] > a:hover [data-type="item_name"] > span { color: #d4dae0; } /* Icons */ /* 1 (Подача процессуальных документов в электронном виде) */ #vs-services-list [data-code="submission_procedural_documents_electronic_form"] { min-height: 32px; margin-top: 1px; } /* Image */ #vs-services-list [data-code="submission_procedural_documents_electronic_form"] [data-type="item_img"] > span { width: 30px; height: 32px; overflow: hidden; } #vs-services-list [data-code="submission_procedural_documents_electronic_form"] [data-type="item_img"] > span > img { width: 44px; height: 46px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="submission_procedural_documents_electronic_form"] [data-type="item_name"] { padding-left: 0; margin-top: -2px; } /* 2 (Электронное правосудие по экономическим спорам) */ /* Image */ #vs-services-list [data-code="electronic_justice_economic_disputes"] { min-height: 37px; margin-top: 17px; margin-left: -1px; } #vs-services-list [data-code="electronic_justice_economic_disputes"] [data-type="item_img"] { } #vs-services-list [data-code="electronic_justice_economic_disputes"] [data-type="item_img"] > span { width: 32px; height: 37px; overflow: hidden; } #vs-services-list [data-code="electronic_justice_economic_disputes"] [data-type="item_img"] > span > img { width: 45px; height: 50px; margin-left: -6px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="electronic_justice_economic_disputes"] [data-type="item_name"] { padding-left: 1px; margin-top: -2px; } #vs-services-list [data-code="electronic_justice_economic_disputes"] [data-type="item_name"] > span { letter-spacing: 0.6px; line-height: 19px; } /* 3 (Запрос о предоставлении информации о деятельности Верховного Суда) */ /* Image */ #vs-services-list [data-code="request_activity"] { min-height: 33px; margin-top: 20px; } #vs-services-list [data-code="request_activity"] [data-type="item_img"] { margin-left: 1px; } #vs-services-list [data-code="request_activity"] [data-type="item_img"] > span { width: 30px; height: 33px; overflow: hidden; } #vs-services-list [data-code="request_activity"] [data-type="item_img"] > span > img { width: 44px; height: 47px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="request_activity"] [data-type="item_name"] { margin-top: -2px; } #vs-services-list [data-code="request_activity"] [data-type="item_name"] > span { line-height: 19px; } /* 4 (Запрос о предоставлении копий судебных актов) */ /* Image */ #vs-services-list [data-code="request_copies_acts"] { min-height: 33px; margin-top: 18px; } #vs-services-list [data-code="request_copies_acts"] [data-type="item_img"] { margin-left: 1px; } #vs-services-list [data-code="request_copies_acts"] [data-type="item_img"] > span { width: 30px; height: 33px; overflow: hidden; } #vs-services-list [data-code="request_copies_acts"] [data-type="item_img"] > span > img { width: 44px; height: 47px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="request_copies_acts"] [data-type="item_name"] { margin-top: -2px; } #vs-services-list [data-code="request_copies_acts"] [data-type="item_name"] > span { line-height: 19px; } /* 5 (Тексты судебных актов) */ /* Image */ #vs-services-list [data-code="texts_judicial_acts"] { min-height: 32px; margin-top: 17px; } #vs-services-list [data-code="texts_judicial_acts"] [data-type="item_img"] { margin-left: 2px; } #vs-services-list [data-code="texts_judicial_acts"] [data-type="item_img"] > span { width: 28px; height: 32px; overflow: hidden; } #vs-services-list [data-code="texts_judicial_acts"] [data-type="item_img"] > span > img { width: 42px; height: 46px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="texts_judicial_acts"] [data-type="item_name"] { margin-top: 8px; } #vs-services-list [data-code="texts_judicial_acts"] [data-type="item_name"] > span { letter-spacing: 0.6px; } /* 6 (Справочная информация по делам) */ /* Image */ #vs-services-list [data-code="reference_info_cases"] { min-height: 31px; margin-top: 23px; } #vs-services-list [data-code="reference_info_cases"] [data-type="item_img"] > span { width: 30px; height: 31px; overflow: hidden; } #vs-services-list [data-code="reference_info_cases"] [data-type="item_img"] > span > img { width: 44px; height: 45px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="reference_info_cases"] [data-type="item_name"] { margin-top: -6px; } /* 7 (Справочная информация по жалобам) */ /* Image */ #vs-services-list [data-code="reference_info_complaints"] { min-height: 33px; margin-top: 22px; } #vs-services-list [data-code="reference_info_complaints"] [data-type="item_img"] { margin-left: 1px; } #vs-services-list [data-code="reference_info_complaints"] [data-type="item_img"] > span { width: 30px; height: 33px; overflow: hidden; } #vs-services-list [data-code="reference_info_complaints"] [data-type="item_img"] > span > img { width: 44px; height: 47px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="reference_info_complaints"] [data-type="item_name"] { margin-top: -3px; } /* 8 (Списки дел, назначенных к слушанию) */ /* Image */ #vs-services-list [data-code="lists_cases_scheduled_hearing"] { min-height: 32px; margin-top: 19px; } #vs-services-list [data-code="lists_cases_scheduled_hearing"] [data-type="item_img"] { margin-left: 1px; } #vs-services-list [data-code="lists_cases_scheduled_hearing"] [data-type="item_img"] > span { width: 30px; height: 32px; overflow: hidden; } #vs-services-list [data-code="lists_cases_scheduled_hearing"] [data-type="item_img"] > span > img { width: 44px; height: 46px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="lists_cases_scheduled_hearing"] [data-type="item_name"] { margin-top: -1px; } #vs-services-list [data-code="lists_cases_scheduled_hearing"] [data-type="item_name"] > span { letter-spacing: 0.5px; } /* 9 (Калькулятор госпошлины) */ /* Image */ #vs-services-list [data-code="calculator_state_duty"] { min-height: 30px; margin-top: 15px; } #vs-services-list [data-code="calculator_state_duty"] [data-type="item_img"] { margin-left: 1px; } #vs-services-list [data-code="calculator_state_duty"] [data-type="item_img"] > span { width: 30px; height: 30px; overflow: hidden; } #vs-services-list [data-code="calculator_state_duty"] [data-type="item_img"] > span > img { width: 44px; height: 44px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="calculator_state_duty"] [data-type="item_name"] { margin-top: 6px; } #vs-services-list [data-code="calculator_state_duty"] [data-type="item_name"] > span { letter-spacing: 0.5px; } /* 10 (Результаты обжалования нормативно-правовых актов) */ /* Image */ #vs-services-list [data-code="results_appeal_regulatory_legal_acts"] { min-height: 33px; margin-top: 21px; } #vs-services-list [data-code="results_appeal_regulatory_legal_acts"] [data-type="item_img"] { margin-left: 1px; } #vs-services-list [data-code="results_appeal_regulatory_legal_acts"] [data-type="item_img"] > span { width: 30px; height: 33px; overflow: hidden; } #vs-services-list [data-code="results_appeal_regulatory_legal_acts"] [data-type="item_img"] > span > img { width: 44px; height: 47px; margin-left: -7px; margin-top: -2px; } /* Text */ #vs-services-list [data-code="results_appeal_regulatory_legal_acts"] [data-type="item_name"] { margin-top: 0; } #vs-services-list [data-code="results_appeal_regulatory_legal_acts"] [data-type="item_name"] > span { line-height: 19px; } /* Item disabled */ #vs-services-list [data-type="item"][data-disabled] { opacity: 0.4; } #vs-services-list [data-type="item"][data-disabled] > a { cursor: default; } /* Separator */ #vs-services-list [data-type="separator"] { display: block; } #vs-services-list [data-type="separator"] div { height: 1px; opacity: 0.3; background-color: #fff; margin-top: 17px; } /* Hide all */ #vs-services-list > div { display: none; } /* Desktop */ @media (min-width: /*1024*/0px) { /* Show (desktop) */ #vs-services-list > [data-type-desktop] { display: block; } } /* Mobile big. <= 1023 (984 + 20 + 20) */ @media (max-width: /*1023*/0px) { /* Show (Mobile big) */ #vs-services-list > [data-type-mobile-big] { display: block; } /* List (add elements) */ #vs-services-list { position: relative; } /* add elements */ /* vertical separator */ #vs-services-list:before { position: absolute; display: block; content: ''; left: 50%; width: 1px; opacity: 0.3; background-color: #fff; top: 12px; bottom: 20px; } /* clear */ #vs-services-list:after { display: block; content: ''; clear: both; } /* Columns */ #vs-services-list [data-type-mobile-big] > div { width: 50%; } #vs-services-list [data-type-mobile-big] > div:nth-child(1) { float: left; } #vs-services-list [data-type-mobile-big] > div:nth-child(2) { float: right; margin-right: -25px; } /* Items */ #vs-services-list [data-type="item"] { height: 64px; padding-right: 20px; } /* Anchor */ #vs-services-list [data-type="item"] a { margin-top: 0; } /* Name */ #vs-services-list [data-type-mobile-big] [data-type="item_name"] { display: table; height: 60px; } #vs-services-list [data-type-mobile-big] [data-type="item_name"] > span { display: table-cell; line-height: 20px; vertical-align: middle; } /* Separator */ #vs-services-list [data-type-mobile-big] [data-type="separator"] { margin-right: 20px; } #vs-services-list [data-type-mobile-big] [data-type="separator"] div { margin-top: -12px; margin-bottom: 12px; } /* Name align */ /* Подача процессуальных документов в электронном виде */ #vs-services-list [data-type-mobile-big] [data-code="submission_procedural_documents_electronic_form"] [data-type="item_name"] { margin-top: -14px; } /* Запрос о предоставлении информации о деятельности Верховного Суда */ #vs-services-list [data-type-mobile-big] [data-code="request_activity"] [data-type="item_name"] { margin-top: -13.5px; } /* Электронное правосудие по экономическим спорам */ #vs-services-list [data-type-mobile-big] [data-code="electronic_justice_economic_disputes"] [data-type="item_name"] { margin-top: -11.5px; } /* Калькулятор госпошлины */ #vs-services-list [data-type-mobile-big] [data-code="calculator_state_duty"] [data-type="item_name"] { margin-top: -15px; } /* Справочная информация по делам */ #vs-services-list [data-type-mobile-big] [data-code="reference_info_cases"] [data-type="item_name"] { margin-top: -14.5px; } /* Тексты судебных актов */ #vs-services-list [data-type-mobile-big] [data-code="texts_judicial_acts"] [data-type="item_name"] { margin-top: -14px; } /* Справочная информация по жалобам */ #vs-services-list [data-type-mobile-big] [data-code="reference_info_complaints"] [data-type="item_name"] { margin-top: -13.5px; } /* Списки дел, назначенных к слушанию */ #vs-services-list [data-type-mobile-big] [data-code="lists_cases_scheduled_hearing"] [data-type="item_name"] { margin-top: -14px; } } /* fix. Чтобы пункт "Подача процессуальных документов" не выстроился в три строки */ @media (max-width: 800px) { /* Anchor */ #vs-services-list [data-type-mobile-big] [data-code="submission_procedural_documents_electronic_form"] { margin-right: -10px; } }